vxe-pc-ui 3.3.46 → 3.3.47

package/lib/menu/src/menu.js

@@ -9,6 +9,7 @@ var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
 var _utils = require("../../ui/src/utils");
+var _vn = require("../../ui/src/vn");
 var _index = _interopRequireDefault(require("../../loading/index"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -69,7 +70,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         return collapsed;
       }
       if ($xeLayoutAside) {
-        return $xeLayoutAside.collapsed;
+        return !!$xeLayoutAside.collapsed;
       }
       return false;
     },
@@ -114,6 +115,19 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $xeMenu.$emit('model-value', value);
       }
     },
+    callSlot: function callSlot(slotFunc, params, h) {
+      var $xeMenu = this;
+      var slots = $xeMenu.$scopedSlots;
+      if (slotFunc) {
+        if (_xeUtils.default.isString(slotFunc)) {
+          slotFunc = slots[slotFunc] || null;
+        }
+        if (_xeUtils.default.isFunction(slotFunc)) {
+          return (0, _vn.getSlotVNs)(slotFunc.call($xeMenu, params, h));
+        }
+      }
+      return [];
+    },
     getMenuTitle: function getMenuTitle(item) {
       return "".concat(item.title || item.name);
     },
@@ -270,20 +284,29 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     //
     renderMenuTitle: function renderMenuTitle(h, item) {
       var $xeMenu = this;
+      var slots = $xeMenu.$scopedSlots;
       var icon = item.icon,
         isExpand = item.isExpand,
-        hasChild = item.hasChild;
+        hasChild = item.hasChild,
+        itemSlots = item.slots;
+      var optionSlot = itemSlots ? itemSlots.default : slots.option;
       var title = $xeMenu.getMenuTitle(item);
-      return [h('span', {
+      var isCollapsed = $xeMenu.computeIsCollapsed;
+      return [h('div', {
         class: 'vxe-menu--item-link-icon'
       }, icon ? [h('i', {
         class: icon
-      })] : []), h('span', {
+      })] : []), optionSlot ? h('div', {
+        class: 'vxe-menu--item-custom-title'
+      }, $xeMenu.callSlot(optionSlot, {
+        option: item,
+        collapsed: isCollapsed
+      }, h)) : h('div', {
         class: 'vxe-menu--item-link-title',
         attrs: {
           title: title
         }
-      }, title), hasChild ? h('span', {
+      }, title), hasChild ? h('div', {
         class: 'vxe-menu--item-link-collapse',
         on: {
           click: function click(evnt) {

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"),_index=_interopRequireDefault(require("../../loading/index"));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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:function(){return[]}},size:{type:String,default:function(){return(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}}},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({},{}),{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,i){this.$emit(e,(0,_ui.createEvent)(i,{$menu:this},t))},emitModel:function(e){var t=this,i=t.reactData,n=t._events;i.activeName=e,t.$emit("input",e),n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},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(o){var e=this.reactData,s=e.activeName;_xeUtils.default.eachTree(e.menuList,function(e,t,i,n,l,a){e.itemKey===s?(a.forEach(function(e){e.isActive=!0,o&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},updateMenuConfig:function(){var e=this.reactData,t=this.options,a=this.expandAll;e.menuList=_xeUtils.default.mapTree(t,function(e,t,i,n,l){return Object.assign(Object.assign({},e),{parentKey:l?l.name||n.slice(0,n.length-1).join(","):"",level:n.length,itemKey:e.name||n.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!a,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},updateCollapseStyle:function(){var o=this,s=o.reactData;o.collapseFixed&&o.$nextTick(function(){var e,t=s.isEnterCollapse,i=o.computeIsCollapsed,n=o.computeCollapseEnterWidth,l=o.computeCollapseWidth,a=o.$refs.refElem;a&&(e=a.getBoundingClientRect(),a=a.parentNode,s.collapseStyle=i?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(a.clientHeight),width:t?n?(0,_dom.toCssUnit)(n):"":l?(0,_dom.toCssUnit)(l):"",zIndex:s.collapseZindex}:{})})},handleCollapseMenu:function(){var e,t=this,i=t.reactData;t.collapseFixed&&(e=i.initialized,t.computeIsCollapsed&&!e&&(i.initialized=!0,t.$nextTick(function(){var e=t.$refs.refCollapseElem;e&&document.body.appendChild(e)})),i.isEnterCollapse=!1,t.updateZindex(),t.updateCollapseStyle())},handleClickIconCollapse:function(e,t){var i=t.hasChild,n=t.isExpand;i&&(e.stopPropagation(),e.preventDefault(),t.isExpand=!n)},handleClickMenu:function(e,t){var i=t.itemKey;!t.routerLink&&t.hasChild?this.handleClickIconCollapse(e,t):this.emitModel(i),this.dispatchEvent("click",{menu:t},e)},handleMenuMouseenter:function(){var e=this.reactData,t=e.collapseStyle,i=this.computeCollapseEnterWidth;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i):""}),e.isEnterCollapse=!0},handleMenuMouseleave:function(){var e=this.reactData,t=e.collapseStyle,i=this.$refs.refElem;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i.offsetWidth):""}),e.isEnterCollapse=!1},renderMenuTitle:function(e,t){var i=this,n=t.icon,l=t.isExpand,a=t.hasChild,o=i.getMenuTitle(t);return[e("span",{class:"vxe-menu--item-link-icon"},n?[e("i",{class:n})]:[]),e("span",{class:"vxe-menu--item-link-title",attrs:{title:o}},o),a?e("span",{class:"vxe-menu--item-link-collapse",on:{click:function(e){i.handleClickIconCollapse(e,t)}}},[e("i",{class:l?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(i)]},renderDefaultChildren:function(t,i){var n=this,e=n.reactData,l=i.itemKey,a=i.level,o=i.hasChild,s=i.isActive,r=i.isExactActive,u=i.isExpand,c=i.routerLink,d=i.childList,e=e.isEnterCollapse,p=n.computeIsCollapsed;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(n):t("div",{key:l,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(a),{"is--exact-active":r,"is--active":s,"is--expand":(!p||e)&&u}]},[c?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:c},on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)),o?t("div",{class:"vxe-menu--item-group"},d.map(function(e){return n.renderDefaultChildren(t,e)})):(0,_ui.renderEmptyElement)(n)])},renderCollapseChildren:function(t,i){var n=this,e=i.itemKey,l=i.level,a=i.hasChild,o=i.isActive,s=i.isExactActive,r=i.routerLink,u=i.childList;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(n):t("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(l),{"is--exact-active":s,"is--active":o}]},[r?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:r},on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)),a?t("div",{class:"vxe-menu--item-group"},u.map(function(e){return n.renderDefaultChildren(t,e)})):(0,_ui.renderEmptyElement)(n)])},renderVN:function(t){var i=this,e=i.reactData,n=i.loading,l=e.initialized,a=e.menuList,o=e.collapseStyle,e=e.isEnterCollapse,s=i.computeSize,r=i.computeIsCollapsed;return t("div",{ref:"refElem",class:["vxe-menu",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--loading",n)]},[t("div",{class:"vxe-menu--item-list"},a.map(function(e){return r?i.renderCollapseChildren(t,e):i.renderDefaultChildren(t,e)})),l?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",n)],style:o,on:{mouseenter:i.handleMenuMouseenter,mouseleave:i.handleMenuMouseleave}},[r?t("div",{class:"vxe-menu--item-list"},a.map(function(e){return i.renderDefaultChildren(t,e)})):(0,_ui.renderEmptyElement)(i)]):(0,_ui.renderEmptyElement)(i),t(_index.default,{class:"vxe-list-view--loading",props:{value:n}})])}},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(){_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"),_index=_interopRequireDefault(require("../../loading/index"));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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:function(){return[]}},size:{type:String,default:function(){return(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}}},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({},{}),{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,i){this.$emit(e,(0,_ui.createEvent)(i,{$menu:this},t))},emitModel:function(e){var t=this,i=t.reactData,n=t._events;i.activeName=e,t.$emit("input",e),n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},callSlot:function(e,t,i){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},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,i,n,l,o){e.itemKey===s?(o.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,o=this.expandAll;e.menuList=_xeUtils.default.mapTree(t,function(e,t,i,n,l){return Object.assign(Object.assign({},e),{parentKey:l?l.name||n.slice(0,n.length-1).join(","):"",level:n.length,itemKey:e.name||n.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!o,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,i=a.computeIsCollapsed,n=a.computeCollapseEnterWidth,l=a.computeCollapseWidth,o=a.$refs.refElem;o&&(e=o.getBoundingClientRect(),o=o.parentNode,s.collapseStyle=i?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(o.clientHeight),width:t?n?(0,_dom.toCssUnit)(n):"":l?(0,_dom.toCssUnit)(l):"",zIndex:s.collapseZindex}:{})})},handleCollapseMenu:function(){var e,t=this,i=t.reactData;t.collapseFixed&&(e=i.initialized,t.computeIsCollapsed&&!e&&(i.initialized=!0,t.$nextTick(function(){var e=t.$refs.refCollapseElem;e&&document.body.appendChild(e)})),i.isEnterCollapse=!1,t.updateZindex(),t.updateCollapseStyle())},handleClickIconCollapse:function(e,t){var i=t.hasChild,n=t.isExpand;i&&(e.stopPropagation(),e.preventDefault(),t.isExpand=!n)},handleClickMenu:function(e,t){var i=t.itemKey;!t.routerLink&&t.hasChild?this.handleClickIconCollapse(e,t):this.emitModel(i),this.dispatchEvent("click",{menu:t},e)},handleMenuMouseenter:function(){var e=this.reactData,t=e.collapseStyle,i=this.computeCollapseEnterWidth;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i):""}),e.isEnterCollapse=!0},handleMenuMouseleave:function(){var e=this.reactData,t=e.collapseStyle,i=this.$refs.refElem;e.collapseStyle=Object.assign({},t,{width:i?(0,_dom.toCssUnit)(i.offsetWidth):""}),e.isEnterCollapse=!1},renderMenuTitle:function(e,t){var i=this,n=i.$scopedSlots,l=t.icon,o=t.isExpand,a=t.hasChild,s=t.slots,s=s?s.default:n.option,n=i.getMenuTitle(t),r=i.computeIsCollapsed;return[e("div",{class:"vxe-menu--item-link-icon"},l?[e("i",{class:l})]:[]),s?e("div",{class:"vxe-menu--item-custom-title"},i.callSlot(s,{option:t,collapsed:r},e)):e("div",{class:"vxe-menu--item-link-title",attrs:{title:n}},n),a?e("div",{class:"vxe-menu--item-link-collapse",on:{click:function(e){i.handleClickIconCollapse(e,t)}}},[e("i",{class:o?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(i)]},renderDefaultChildren:function(t,i){var n=this,e=n.reactData,l=i.itemKey,o=i.level,a=i.hasChild,s=i.isActive,r=i.isExactActive,u=i.isExpand,c=i.routerLink,d=i.childList,e=e.isEnterCollapse,p=n.computeIsCollapsed;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(n):t("div",{key:l,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(o),{"is--exact-active":r,"is--active":s,"is--expand":(!p||e)&&u}]},[c?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:c},on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)),a?t("div",{class:"vxe-menu--item-group"},d.map(function(e){return n.renderDefaultChildren(t,e)})):(0,_ui.renderEmptyElement)(n)])},renderCollapseChildren:function(t,i){var n=this,e=i.itemKey,l=i.level,o=i.hasChild,a=i.isActive,s=i.isExactActive,r=i.routerLink,u=i.childList;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(n):t("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level".concat(l),{"is--exact-active":s,"is--active":a}]},[r?t("router-link",{class:"vxe-menu--item-link",props:{custom:!0,to:r},on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)):t("div",{class:"vxe-menu--item-link",on:{click:function(e){n.handleClickMenu(e,i)}}},n.renderMenuTitle(t,i)),o?t("div",{class:"vxe-menu--item-group"},u.map(function(e){return n.renderDefaultChildren(t,e)})):(0,_ui.renderEmptyElement)(n)])},renderVN:function(t){var i=this,e=i.reactData,n=i.loading,l=e.initialized,o=e.menuList,a=e.collapseStyle,e=e.isEnterCollapse,s=i.computeSize,r=i.computeIsCollapsed;return t("div",{ref:"refElem",class:["vxe-menu",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--collapsed",r),"is--loading",n)]},[t("div",{class:"vxe-menu--item-list"},o.map(function(e){return r?i.renderCollapseChildren(t,e):i.renderDefaultChildren(t,e)})),l?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",n)],style:a,on:{mouseenter:i.handleMenuMouseenter,mouseleave:i.handleMenuMouseleave}},[r?t("div",{class:"vxe-menu--item-list"},o.map(function(e){return i.renderDefaultChildren(t,e)})):(0,_ui.renderEmptyElement)(i)]):(0,_ui.renderEmptyElement)(i),t(_index.default,{class:"vxe-list-view--loading",props:{value:n}})])}},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(){_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)}});

package/lib/menu/style/style.css

@@ -2,6 +2,7 @@
   position: relative;
 }
 .vxe-menu.is--collapsed .vxe-menu--item-link-title,
+.vxe-menu.is--collapsed .vxe-menu--item-custom-title,
 .vxe-menu.is--collapsed .vxe-menu--item-link-collapse {
   display: none;
 }
@@ -27,6 +28,7 @@
   transition: all 0.25s ease-in-out;
 }
 .vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title,
+.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,
 .vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse {
   display: none;
 }
@@ -52,7 +54,8 @@
 }
 
 .vxe-menu--item-link,
-.vxe-menu--item-link-title {
+.vxe-menu--item-link-title,
+.vxe-menu--item-custom-title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -64,7 +67,8 @@
   text-align: center;
 }
 
-.vxe-menu--item-link-title {
+.vxe-menu--item-link-title,
+.vxe-menu--item-custom-title {
   flex-grow: 1;
   padding-left: 0.2em;
 }

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

@@ -1 +1 @@
-.vxe-menu{position:relative}.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-font-size-default);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}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.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-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{color:var(--vxe-ui-menu-item-hover-color);background-color:var(--vxe-ui-base-hover-background-color)}.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-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;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-level3{font-size:13px}.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{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-font-size-default);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}.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-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{color:var(--vxe-ui-menu-item-hover-color);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;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-level3{font-size:13px}.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}