Menu: close menus on collapse change

packages/menu/src/menu.vue

@@ -13,11 +13,24 @@
   </el-menu-collapse-transition>
 </template>
 <script>
-  import Vue from 'vue';
   import emitter from 'element-ui/src/mixins/emitter';
   import { addClass, removeClass, hasClass } from 'element-ui/src/utils/dom';
 
-  Vue.component('el-menu-collapse-transition', {
+  export default {
+    name: 'ElMenu',
+
+    componentName: 'ElMenu',
+
+    mixins: [emitter],
+
+    provide() {
+      return {
+        rootMenu: this
+      };
+    },
+
+    components: {
+      'el-menu-collapse-transition': {
         functional: true,
         render(createElement, context) {
           const data = {
@@ -76,19 +89,7 @@
           };
           return createElement('transition', data, context.children);
         }
-  });
+      }
-
-  export default {
-    name: 'ElMenu',
-
-    componentName: 'ElMenu',
-
-    mixins: [emitter],
-
-    provide() {
-      return {
-        rootMenu: this
-      };
     },
 
     props: {
@@ -134,6 +135,9 @@
       },
       defaultOpeneds(value) {
         this.openedMenus = value;
+      },
+      collapse(value) {
+        if (value) this.openedMenus = [];
       }
     },
     methods: {