vxe-pc-ui 3.16.6 → 3.16.8

package/lib/menu/src/menu.js

@@ -22,6 +22,23 @@ var _createComponentLog = (0, _log.createComponentLog)('menu'),
 var menus = _ui.VxeUI.menus,
   getConfig = _ui.VxeUI.getConfig,
   getIcon = _ui.VxeUI.getIcon;
+function createInternalData() {
+  return {
+    menuEffectMaps: {}
+  };
+}
+function createReactData() {
+  return {
+    initialized: false,
+    isEnterCollapse: false,
+    collapseStyle: {},
+    collapseZindex: 0,
+    activeName: '',
+    menuList: [],
+    itemHeight: 1
+  };
+}
+var nemuUniqueKey = 100000000;
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeMenu',
   mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
@@ -60,19 +77,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     }
   },
   data: function data() {
-    var reactData = {
-      initialized: false,
-      isEnterCollapse: false,
-      collapseStyle: {},
-      collapseZindex: 0,
-      activeName: null,
-      menuList: [],
-      itemHeight: 1
-    };
-    return {
+    var reactData = createReactData();
+    return Object.assign(Object.assign({}, {}), {
       xID: _xeUtils.default.uniqueId(),
       reactData: reactData
-    };
+    });
   },
   computed: Object.assign(Object.assign({}, {}), {
     computeMenuOpts: function computeMenuOpts() {
@@ -187,6 +196,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         var objItem = Object.assign(Object.assign({}, item), {
           parentKey: parent ? parent.name || path.slice(0, path.length - 1).join(',') : '',
           level: path.length,
+          itemId: ++nemuUniqueKey,
           itemKey: item.name || path.join(','),
           isExactActive: false,
           isActive: false,
@@ -252,12 +262,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     handleClickIconCollapse: function handleClickIconCollapse(evnt, item, itemList) {
       var $xeMenu = this;
       var props = $xeMenu;
+      var internalData = $xeMenu.internalData;
       var accordion = props.accordion;
-      var hasChild = item.hasChild,
+      var menuEffectMaps = internalData.menuEffectMaps;
+      var itemId = item.itemId,
+        hasChild = item.hasChild,
         isExpand = item.isExpand;
+      var isCollapsed = $xeMenu.computeIsCollapsed;
+      var expanded = !isExpand;
       if (hasChild) {
         evnt.stopPropagation();
         evnt.preventDefault();
+        if (menuEffectMaps[itemId]) {
+          clearTimeout(menuEffectMaps[itemId]);
+        }
         if (accordion) {
           itemList.forEach(function (obj) {
             if (obj !== item) {
@@ -265,7 +283,32 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           });
         }
-        item.isExpand = !isExpand;
+        item.isExpand = expanded;
+        var wrapperEl = isCollapsed ? $xeMenu.$refs.refCollapseElem : $xeMenu.$refs.refElem;
+        if (wrapperEl) {
+          var nemuEl = wrapperEl.querySelector(".vxe-menu--item-wrapper[data-menu-id=\"".concat(itemId, "\"]"));
+          var groupEl = nemuEl ? nemuEl.querySelector('.vxe-menu--item-group') : null;
+          if (groupEl) {
+            if (expanded) {
+              groupEl.style.height = '0';
+              groupEl.setAttribute('data-effect', 'y');
+              requestAnimationFrame(function () {
+                groupEl.style.height = "".concat(groupEl.scrollHeight, "px");
+              });
+            } else {
+              groupEl.style.height = "".concat(groupEl.scrollHeight, "px");
+              groupEl.setAttribute('data-effect', 'y');
+              requestAnimationFrame(function () {
+                groupEl.style.height = '0';
+              });
+            }
+            menuEffectMaps[itemId] = setTimeout(function () {
+              delete menuEffectMaps[itemId];
+              groupEl.removeAttribute('data-effect');
+              groupEl.style.height = '';
+            }, 350);
+          }
+        }
       }
     },
     handleContextmenuEvent: function handleContextmenuEvent(evnt, item) {
@@ -352,7 +395,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeMenu = this;
       var reactData = $xeMenu.reactData;
       var collapseStyle = reactData.collapseStyle;
-      var el = this.$refs.refElem;
+      var el = $xeMenu.$refs.refElem;
       reactData.collapseStyle = Object.assign({}, collapseStyle, {
         width: el ? (0, _dom.toCssUnit)(el.offsetWidth) : ''
       });
@@ -405,7 +448,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     renderDefaultChildren: function renderDefaultChildren(h, item, itemList) {
       var $xeMenu = this;
       var reactData = $xeMenu.reactData;
-      var itemKey = item.itemKey,
+      var itemId = item.itemId,
+        itemKey = item.itemKey,
         level = item.level,
         hasChild = item.hasChild,
         isActive = item.isActive,
@@ -426,7 +470,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           'is--exact-active': isExactActive,
           'is--active': isActive,
           'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
-        }]
+        }],
+        attrs: {
+          'data-menu-id': itemId
+        }
       }, [routerLink ? h('router-link', {
         class: 'vxe-menu--item-link',
         props: {
@@ -459,7 +506,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     renderCollapseChildren: function renderCollapseChildren(h, item, itemList) {
       var $xeMenu = this;
-      var itemKey = item.itemKey,
+      var itemId = item.itemId,
+        itemKey = item.itemKey,
         level = item.level,
         hasChild = item.hasChild,
         isActive = item.isActive,
@@ -476,7 +524,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         class: ['vxe-menu--item-wrapper', "vxe-menu--item-level".concat(level), {
           'is--exact-active': isExactActive,
           'is--active': isActive
-        }]
+        }],
+        attrs: {
+          'data-menu-id': itemId
+        }
       }, [routerLink ? h('router-link', {
         class: 'vxe-menu--item-link',
         props: {
@@ -575,6 +626,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       $xeMenu.handleCollapseMenu();
     }
   },
+  created: function created() {
+    var $xeMenu = this;
+    var props = $xeMenu;
+    $xeMenu.internalData = createInternalData();
+    var reactData = $xeMenu.reactData;
+    reactData.initialized = !!props.collapsed;
+    reactData.activeName = props.value;
+    $xeMenu.updateMenuConfig();
+    $xeMenu.updateActiveMenu(true);
+  },
   mounted: function mounted() {
     var $xeMenu = this;
     var props = $xeMenu;
@@ -583,12 +644,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (menuConfig && !VxeUIContextMenu) {
       errLog('vxe.error.reqComp', ['vxe-context-menu']);
     }
-    _ui.globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
     $xeMenu.updateCollapseStyle();
+    _ui.globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeMenu = this;
-    _ui.globalEvents.off($xeMenu, 'resize');
+    var reactData = $xeMenu.reactData;
+    var internalData = $xeMenu.internalData;
     var collapseEl = $xeMenu.$refs.refCollapseElem;
     if (collapseEl) {
       var parentNode = collapseEl.parentNode;
@@ -596,15 +658,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         parentNode.removeChild(collapseEl);
       }
     }
-  },
-  created: function created() {
-    var $xeMenu = this;
-    var props = $xeMenu;
-    var reactData = $xeMenu.reactData;
-    reactData.initialized = !!props.collapsed;
-    reactData.activeName = props.value;
-    $xeMenu.updateMenuConfig();
-    $xeMenu.updateActiveMenu(true);
+    _ui.globalEvents.off($xeMenu, 'resize');
+    _xeUtils.default.assign(reactData, createReactData());
+    _xeUtils.default.assign(internalData, createInternalData());
   },
   render: function render(h) {
     return this.renderVN(h);

package/lib/menu/src/menu.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("menu"),errLog=_createComponentLog.errLog,menus=_ui.VxeUI.menus,getConfig=_ui.VxeUI.getConfig,getIcon=_ui.VxeUI.getIcon,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number],expandAll:Boolean,accordion:{type:Boolean,default:function(){return getConfig().menu.accordion}},collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:function(){return[]}},size:{type:String,default:function(){return getConfig().menu.size||getConfig().size}},menuConfig:Object},inject:{$xeLayoutAside:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:null,menuList:[],itemHeight:1}}},computed:Object.assign(Object.assign({},{}),{computeMenuOpts:function(){return Object.assign({},getConfig().tree.menuConfig,this.menuConfig)},computeIsCollapsed:function(){var e=this.$xeLayoutAside,t=this.collapsed;return _xeUtils.default.isBoolean(t)?t:!!e&&!!e.collapsed},computeCollapseWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.collapseWidth||"":t},computeCollapseEnterWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.width||"":t}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$menu:this},t))},emitModel:function(e){var t=this,n=t.reactData,i=t._events;n.activeName=e,t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},callSlot:function(e,t,n){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,n)):[]},getMenuTitle:function(e){return"".concat(e.title||e.name)},updateZindex:function(){var e=this.reactData;e.collapseZindex<(0,_utils.getLastZIndex)()&&(e.collapseZindex=(0,_utils.nextZIndex)())},updateActiveMenu:function(a){var e=this.reactData,s=e.activeName;_xeUtils.default.eachTree(e.menuList,function(e,t,n,i,o,l){e.itemKey===s?(l.forEach(function(e){e.isActive=!0,a&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},updateMenuConfig:function(){var e=this.reactData,t=this.options,l=this.expandAll;e.menuList=_xeUtils.default.mapTree(t,function(e,t,n,i,o){return Object.assign(Object.assign({},e),{parentKey:o?o.name||i.slice(0,i.length-1).join(","):"",level:i.length,itemKey:e.name||i.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!l,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},updateCollapseStyle:function(){var a=this,s=a.reactData;a.collapseFixed&&a.$nextTick(function(){var e,t=s.isEnterCollapse,n=a.computeIsCollapsed,i=a.computeCollapseEnterWidth,o=a.computeCollapseWidth,l=a.$refs.refElem;l&&(e=l.getBoundingClientRect(),l=l.parentNode,s.collapseStyle=n?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(l.clientHeight),width:t?i?(0,_dom.toCssUnit)(i):"":o?(0,_dom.toCssUnit)(o):"",zIndex:s.collapseZindex}:{})})},handleCollapseMenu:function(){var e,t=this,n=t.reactData;t.collapseFixed&&(e=n.initialized,t.computeIsCollapsed&&!e&&(n.initialized=!0,t.$nextTick(function(){var e=t.$refs.refCollapseElem;e&&document.body.appendChild(e)})),n.isEnterCollapse=!1,t.updateZindex(),t.updateCollapseStyle())},handleClickIconCollapse:function(e,t,n){var i=this.accordion,o=t.hasChild,l=t.isExpand;o&&(e.stopPropagation(),e.preventDefault(),i&&n.forEach(function(e){e!==t&&(e.isExpand=!1)}),t.isExpand=!l)},handleContextmenuEvent:function(i,o){var l=this,e=l.menuConfig,t=l.computeMenuOpts;(e?(0,_utils.isEnableConf)(t):t.enabled)&&(e=t.options,(t=t.visibleMethod)&&!t({$menu:l,options:e,currentMenu:o})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(i,{options:e,events:{optionClick:function(e){var t=e.option,n=menus.get(t.code),n=n?n.menuMenuMethod:null,t={menu:t,currentMenu:o,$event:i,$menu:l};n&&n(t,i),l.dispatchEvent("menu-click",t,e.$event)}}})),l.dispatchEvent("option-menu",{currentMenu:o},i)},handleClickMenu:function(e,t,n){var i=t.itemKey,n=(!t.routerLink&&t.hasChild?this.handleClickIconCollapse(e,t,n):this.emitModel(i),{currentMenu:t,menu:t});this.dispatchEvent("click",n,e)},handleMenuMouseenter:function(){var e=this.reactData,t=e.collapseStyle,n=this.computeCollapseEnterWidth;e.collapseStyle=Object.assign({},t,{width:n?(0,_dom.toCssUnit)(n):""}),e.isEnterCollapse=!0},handleMenuMouseover:function(){this.reactData.isEnterCollapse||this.handleMenuMouseenter()},handleMenuMouseleave:function(){var e=this.reactData,t=e.collapseStyle,n=this.$refs.refElem;e.collapseStyle=Object.assign({},t,{width:n?(0,_dom.toCssUnit)(n.offsetWidth):""}),e.isEnterCollapse=!1},renderMenuTitle:function(e,t,n){var i=this,o=i.$scopedSlots,l=t.icon,a=t.isExpand,s=t.hasChild,r=t.slots||{},u=r.default||o.option,c=r.title||o.optionTitle||o["option-title"],r=r.icon||o.optionIcon||o["option-icon"],o=i.getMenuTitle(t),d=i.computeIsCollapsed,d={currentMenu:t,collapsed:d,option:t};return[u?(0,_ui.renderEmptyElement)(i):e("div",{class:"vxe-menu--item-link-icon"},r?i.callSlot(r,d,e):l?[e("i",{class:l})]:[]),u?e("div",{class:"vxe-menu--item-custom-title"},i.callSlot(u,d,e)):e("div",{class:"vxe-menu--item-link-title",attrs:{title:o}},c?i.callSlot(c,d,e):o),s?e("div",{class:"vxe-menu--item-link-collapse",on:{click:function(e){i.handleClickIconCollapse(e,t,n)}}},[e("i",{class:a?getIcon().MENU_ITEM_EXPAND_OPEN:getIcon().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(i)]},renderDefaultChildren:function(t,n,i){var o=this,e=o.reactData,l=n.itemKey,a=n.level,s=n.hasChild,r=n.isActive,u=n.isExactActive,c=n.isExpand,d=n.routerLink,p=n.childList,e=e.isEnterCollapse,m=o.computeIsCollapsed;return n.permissionCode&&!_ui.permission.checkVisible(n.permissionCode)?(0,_ui.renderEmptyElement)(o):t("div",{key:l,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(a),{"is--exact-active":u,"is--active":r,"is--expand":(!m||e)&&c}]},[d?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:d},on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)):t("div",{class:"vxe-menu--item-link",on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)),s?t("div",{class:"vxe-menu--item-group"},p.map(function(e){return o.renderDefaultChildren(t,e,p)})):(0,_ui.renderEmptyElement)(o)])},renderCollapseChildren:function(t,n,i){var o=this,e=n.itemKey,l=n.level,a=n.hasChild,s=n.isActive,r=n.isExactActive,u=n.routerLink,c=n.childList;return n.permissionCode&&!_ui.permission.checkVisible(n.permissionCode)?(0,_ui.renderEmptyElement)(o):t("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(l),{"is--exact-active":r,"is--active":s}]},[u?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:u},on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)):t("div",{class:"vxe-menu--item-link",on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)),a?t("div",{class:"vxe-menu--item-group"},c.map(function(e){return o.renderDefaultChildren(t,e,c)})):(0,_ui.renderEmptyElement)(o)])},renderVN:function(t){var n=this,e=n.reactData,i=n.loading,o=e.initialized,l=e.menuList,a=e.collapseStyle,e=e.isEnterCollapse,s=n.computeSize,r=n.computeIsCollapsed,u={};return n.collapseFixed&&(u={mouseenter:n.handleMenuMouseenter,mouseover:n.handleMenuMouseover,mouseleave:n.handleMenuMouseleave}),t("div",{ref:"refElem",class:["vxe-menu",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--loading",i)]},[t("div",{class:"vxe-menu--item-list"},l.map(function(e){return r?n.renderCollapseChildren(t,e,l):n.renderDefaultChildren(t,e,l)})),o?t("div",{ref:"refCollapseElem",class:["vxe-menu--collapse-wrapper",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--enter",e),"is--loading",i)],style:a,on:u},[r?t("div",{class:"vxe-menu--item-list"},l.map(function(e){return n.renderDefaultChildren(t,e,l)})):(0,_ui.renderEmptyElement)(n)]):(0,_ui.renderEmptyElement)(n),t(_loading.default,{class:"vxe-list-view--loading",props:{value:i}})])}},watch:{value:function(e){this.reactData.activeName=e},options:function(){this.updateMenuConfig(),this.updateActiveMenu(!0)},"reactData.activeName":function(){this.updateActiveMenu(!0)},computeIsCollapsed:function(){this.handleCollapseMenu()}},mounted:function(){var e=this.menuConfig,t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&errLog("vxe.error.reqComp",["vxe-context-menu"]),_ui.globalEvents.on(this,"resize",this.updateCollapseStyle),this.updateCollapseStyle()},beforeDestroy:function(){_ui.globalEvents.off(this,"resize");var e,t=this.$refs.refCollapseElem;t&&(e=t.parentNode)&&e.removeChild(t)},created:function(){var e=this.reactData;e.initialized=!!this.collapsed,e.activeName=this.value,this.updateMenuConfig(),this.updateActiveMenu(!0)},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("menu"),errLog=_createComponentLog.errLog,menus=_ui.VxeUI.menus,getConfig=_ui.VxeUI.getConfig,getIcon=_ui.VxeUI.getIcon;function createInternalData(){return{menuEffectMaps:{}}}function createReactData(){return{initialized:!1,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:"",menuList:[],itemHeight:1}}var nemuUniqueKey=1e8,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number],expandAll:Boolean,accordion:{type:Boolean,default:function(){return getConfig().menu.accordion}},collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:function(){return[]}},size:{type:String,default:function(){return getConfig().menu.size||getConfig().size}},menuConfig:Object},inject:{$xeLayoutAside:{default:null}},data:function(){var e=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:e})},computed:Object.assign(Object.assign({},{}),{computeMenuOpts:function(){return Object.assign({},getConfig().tree.menuConfig,this.menuConfig)},computeIsCollapsed:function(){var e=this.$xeLayoutAside,t=this.collapsed;return _xeUtils.default.isBoolean(t)?t:!!e&&!!e.collapsed},computeCollapseWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.collapseWidth||"":t},computeCollapseEnterWidth:function(){var e=this.$xeLayoutAside,t="";return t=e?e.width||"":t}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$menu:this},t))},emitModel:function(e){var t=this,n=t.reactData,i=t._events;n.activeName=e,t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},callSlot:function(e,t,n){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,n)):[]},getMenuTitle:function(e){return"".concat(e.title||e.name)},updateZindex:function(){var e=this.reactData;e.collapseZindex<(0,_utils.getLastZIndex)()&&(e.collapseZindex=(0,_utils.nextZIndex)())},updateActiveMenu:function(a){var e=this.reactData,r=e.activeName;_xeUtils.default.eachTree(e.menuList,function(e,t,n,i,o,l){e.itemKey===r?(l.forEach(function(e){e.isActive=!0,a&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},updateMenuConfig:function(){var e=this.reactData,t=this.options,l=this.expandAll;e.menuList=_xeUtils.default.mapTree(t,function(e,t,n,i,o){return Object.assign(Object.assign({},e),{parentKey:o?o.name||i.slice(0,i.length-1).join(","):"",level:i.length,itemId:++nemuUniqueKey,itemKey:e.name||i.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!l,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},updateCollapseStyle:function(){var a=this,r=a.reactData;a.collapseFixed&&a.$nextTick(function(){var e,t=r.isEnterCollapse,n=a.computeIsCollapsed,i=a.computeCollapseEnterWidth,o=a.computeCollapseWidth,l=a.$refs.refElem;l&&(e=l.getBoundingClientRect(),l=l.parentNode,r.collapseStyle=n?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(l.clientHeight),width:t?i?(0,_dom.toCssUnit)(i):"":o?(0,_dom.toCssUnit)(o):"",zIndex:r.collapseZindex}:{})})},handleCollapseMenu:function(){var e,t=this,n=t.reactData;t.collapseFixed&&(e=n.initialized,t.computeIsCollapsed&&!e&&(n.initialized=!0,t.$nextTick(function(){var e=t.$refs.refCollapseElem;e&&document.body.appendChild(e)})),n.isEnterCollapse=!1,t.updateZindex(),t.updateCollapseStyle())},handleClickIconCollapse:function(e,t,n){var i,o=this,l=o.internalData,a=o.accordion,r=l.menuEffectMaps,s=t.itemId,l=o.computeIsCollapsed,u=!t.isExpand;t.hasChild&&(e.stopPropagation(),e.preventDefault(),r[s]&&clearTimeout(r[s]),a&&n.forEach(function(e){e!==t&&(e.isExpand=!1)}),t.isExpand=u,e=l?o.$refs.refCollapseElem:o.$refs.refElem)&&(a=e.querySelector('.vxe-menu--item-wrapper[data-menu-id="'.concat(s,'"]')),i=a?a.querySelector(".vxe-menu--item-group"):null)&&(u?(i.style.height="0",i.setAttribute("data-effect","y"),requestAnimationFrame(function(){i.style.height="".concat(i.scrollHeight,"px")})):(i.style.height="".concat(i.scrollHeight,"px"),i.setAttribute("data-effect","y"),requestAnimationFrame(function(){i.style.height="0"})),r[s]=setTimeout(function(){delete r[s],i.removeAttribute("data-effect"),i.style.height=""},350))},handleContextmenuEvent:function(i,o){var l=this,e=l.menuConfig,t=l.computeMenuOpts;(e?(0,_utils.isEnableConf)(t):t.enabled)&&(e=t.options,(t=t.visibleMethod)&&!t({$menu:l,options:e,currentMenu:o})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(i,{options:e,events:{optionClick:function(e){var t=e.option,n=menus.get(t.code),n=n?n.menuMenuMethod:null,t={menu:t,currentMenu:o,$event:i,$menu:l};n&&n(t,i),l.dispatchEvent("menu-click",t,e.$event)}}})),l.dispatchEvent("option-menu",{currentMenu:o},i)},handleClickMenu:function(e,t,n){var i=t.itemKey,n=(!t.routerLink&&t.hasChild?this.handleClickIconCollapse(e,t,n):this.emitModel(i),{currentMenu:t,menu:t});this.dispatchEvent("click",n,e)},handleMenuMouseenter:function(){var e=this.reactData,t=e.collapseStyle,n=this.computeCollapseEnterWidth;e.collapseStyle=Object.assign({},t,{width:n?(0,_dom.toCssUnit)(n):""}),e.isEnterCollapse=!0},handleMenuMouseover:function(){this.reactData.isEnterCollapse||this.handleMenuMouseenter()},handleMenuMouseleave:function(){var e=this.reactData,t=e.collapseStyle,n=this.$refs.refElem;e.collapseStyle=Object.assign({},t,{width:n?(0,_dom.toCssUnit)(n.offsetWidth):""}),e.isEnterCollapse=!1},renderMenuTitle:function(e,t,n){var i=this,o=i.$scopedSlots,l=t.icon,a=t.isExpand,r=t.hasChild,s=t.slots||{},u=s.default||o.option,c=s.title||o.optionTitle||o["option-title"],s=s.icon||o.optionIcon||o["option-icon"],o=i.getMenuTitle(t),d=i.computeIsCollapsed,d={currentMenu:t,collapsed:d,option:t};return[u?(0,_ui.renderEmptyElement)(i):e("div",{class:"vxe-menu--item-link-icon"},s?i.callSlot(s,d,e):l?[e("i",{class:l})]:[]),u?e("div",{class:"vxe-menu--item-custom-title"},i.callSlot(u,d,e)):e("div",{class:"vxe-menu--item-link-title",attrs:{title:o}},c?i.callSlot(c,d,e):o),r?e("div",{class:"vxe-menu--item-link-collapse",on:{click:function(e){i.handleClickIconCollapse(e,t,n)}}},[e("i",{class:a?getIcon().MENU_ITEM_EXPAND_OPEN:getIcon().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(i)]},renderDefaultChildren:function(t,n,i){var o=this,e=o.reactData,l=n.itemId,a=n.itemKey,r=n.level,s=n.hasChild,u=n.isActive,c=n.isExactActive,d=n.isExpand,p=n.routerLink,m=n.childList,e=e.isEnterCollapse,f=o.computeIsCollapsed;return n.permissionCode&&!_ui.permission.checkVisible(n.permissionCode)?(0,_ui.renderEmptyElement)(o):t("div",{key:a,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(r),{"is--exact-active":c,"is--active":u,"is--expand":(!f||e)&&d}],attrs:{"data-menu-id":l}},[p?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:p},on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)):t("div",{class:"vxe-menu--item-link",on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)),s?t("div",{class:"vxe-menu--item-group"},m.map(function(e){return o.renderDefaultChildren(t,e,m)})):(0,_ui.renderEmptyElement)(o)])},renderCollapseChildren:function(t,n,i){var o=this,e=n.itemId,l=n.itemKey,a=n.level,r=n.hasChild,s=n.isActive,u=n.isExactActive,c=n.routerLink,d=n.childList;return n.permissionCode&&!_ui.permission.checkVisible(n.permissionCode)?(0,_ui.renderEmptyElement)(o):t("div",{key:l,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(a),{"is--exact-active":u,"is--active":s}],attrs:{"data-menu-id":e}},[c?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:c},on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)):t("div",{class:"vxe-menu--item-link",on:{contextmenu:function(e){o.handleContextmenuEvent(e,n)},click:function(e){o.handleClickMenu(e,n,i)}}},o.renderMenuTitle(t,n,i)),r?t("div",{class:"vxe-menu--item-group"},d.map(function(e){return o.renderDefaultChildren(t,e,d)})):(0,_ui.renderEmptyElement)(o)])},renderVN:function(t){var n=this,e=n.reactData,i=n.loading,o=e.initialized,l=e.menuList,a=e.collapseStyle,e=e.isEnterCollapse,r=n.computeSize,s=n.computeIsCollapsed,u={};return n.collapseFixed&&(u={mouseenter:n.handleMenuMouseenter,mouseover:n.handleMenuMouseover,mouseleave:n.handleMenuMouseleave}),t("div",{ref:"refElem",class:["vxe-menu",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--collapsed",s),"is--loading",i)]},[t("div",{class:"vxe-menu--item-list"},l.map(function(e){return s?n.renderCollapseChildren(t,e,l):n.renderDefaultChildren(t,e,l)})),o?t("div",{ref:"refCollapseElem",class:["vxe-menu--collapse-wrapper",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--collapsed",s),"is--enter",e),"is--loading",i)],style:a,on:u},[s?t("div",{class:"vxe-menu--item-list"},l.map(function(e){return n.renderDefaultChildren(t,e,l)})):(0,_ui.renderEmptyElement)(n)]):(0,_ui.renderEmptyElement)(n),t(_loading.default,{class:"vxe-list-view--loading",props:{value:i}})])}},watch:{value:function(e){this.reactData.activeName=e},options:function(){this.updateMenuConfig(),this.updateActiveMenu(!0)},"reactData.activeName":function(){this.updateActiveMenu(!0)},computeIsCollapsed:function(){this.handleCollapseMenu()}},created:function(){var e=this,t=e,n=(e.internalData=createInternalData(),e.reactData);n.initialized=!!t.collapsed,n.activeName=t.value,e.updateMenuConfig(),e.updateActiveMenu(!0)},mounted:function(){var e=this.menuConfig,t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&errLog("vxe.error.reqComp",["vxe-context-menu"]),this.updateCollapseStyle(),_ui.globalEvents.on(this,"resize",this.updateCollapseStyle)},beforeDestroy:function(){var e,t=this.reactData,n=this.internalData,i=this.$refs.refCollapseElem;i&&(e=i.parentNode)&&e.removeChild(i),_ui.globalEvents.off(this,"resize"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/menu/style/style.css

@@ -1,16 +1,20 @@
-.vxe-menu {
+.vxe-menu,
+.vxe-menu--collapse-wrapper {
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-default);
   --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-default);
 }
-.vxe-menu.size--medium {
+.vxe-menu.size--medium,
+.vxe-menu--collapse-wrapper.size--medium {
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-medium);
   --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-medium);
 }
-.vxe-menu.size--small {
+.vxe-menu.size--small,
+.vxe-menu--collapse-wrapper.size--small {
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-small);
   --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-small);
 }
-.vxe-menu.size--mini {
+.vxe-menu.size--mini,
+.vxe-menu--collapse-wrapper.size--mini {
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-mini);
   --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-mini);
 }
@@ -27,7 +31,8 @@
   min-height: 4em;
 }
 
-.vxe-menu {
+.vxe-menu,
+.vxe-menu--collapse-wrapper {
   font-size: var(--vxe-ui-menu-current-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
@@ -125,7 +130,11 @@
 }
 
 .vxe-menu--item-group {
-  display: none;
+  height: 0;
+  overflow: hidden;
+}
+.vxe-menu--item-group[data-effect] {
+  transition: height 0.3s ease-in-out;
 }
 
 .vxe-menu--item-wrapper.is--active > .vxe-menu--item-link {
@@ -136,5 +145,5 @@
   background-color: var(--vxe-ui-base-active-background-color);
 }
 .vxe-menu--item-wrapper.is--expand > .vxe-menu--item-group {
-  display: block;
+  height: auto;
 }

package/lib/menu/style/style.min.css

@@ -1 +1 @@
-.vxe-menu{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-default)}.vxe-menu.size--medium{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu.size--small{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-small)}.vxe-menu.size--mini{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu{font-size:var(--vxe-ui-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto;background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;height:var(--vxe-ui-menu-current-item-height);color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-menu--item-link:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{display:none}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{display:block}
+.vxe-menu,.vxe-menu--collapse-wrapper{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-default)}.vxe-menu--collapse-wrapper.size--medium,.vxe-menu.size--medium{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu--collapse-wrapper.size--small,.vxe-menu.size--small{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-small)}.vxe-menu--collapse-wrapper.size--mini,.vxe-menu.size--mini{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu,.vxe-menu--collapse-wrapper{font-size:var(--vxe-ui-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto;background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;height:var(--vxe-ui-menu-current-item-height);color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-menu--item-link:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{height:0;overflow:hidden}.vxe-menu--item-group[data-effect]{transition:height .3s ease-in-out}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{height:auto}