vxe-pc-ui 3.16.0 → 3.16.2

package/lib/menu/src/menu.js

@@ -0,0 +1,613 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+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 _log = require("../../ui/src/log");
+var _loading = _interopRequireDefault(require("../../loading"));
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _createComponentLog = (0, _log.createComponentLog)('menu'),
+  errLog = _createComponentLog.errLog;
+var menus = _ui.VxeUI.menus,
+  getConfig = _ui.VxeUI.getConfig,
+  getIcon = _ui.VxeUI.getIcon;
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeMenu',
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
+  props: {
+    value: [String, Number],
+    expandAll: Boolean,
+    accordion: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().menu.accordion;
+      }
+    },
+    collapsed: {
+      type: Boolean,
+      default: null
+    },
+    collapseFixed: Boolean,
+    loading: Boolean,
+    options: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().menu.size || getConfig().size;
+      }
+    },
+    menuConfig: Object
+  },
+  inject: {
+    $xeLayoutAside: {
+      default: null
+    }
+  },
+  data: function data() {
+    var reactData = {
+      initialized: false,
+      isEnterCollapse: false,
+      collapseStyle: {},
+      collapseZindex: 0,
+      activeName: null,
+      menuList: [],
+      itemHeight: 1
+    };
+    return {
+      xID: _xeUtils.default.uniqueId(),
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeMenuOpts: function computeMenuOpts() {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      return Object.assign({}, getConfig().tree.menuConfig, props.menuConfig);
+    },
+    computeIsCollapsed: function computeIsCollapsed() {
+      var $xeMenu = this;
+      var $xeLayoutAside = $xeMenu.$xeLayoutAside;
+      var collapsed = $xeMenu.collapsed;
+      if (_xeUtils.default.isBoolean(collapsed)) {
+        return collapsed;
+      }
+      if ($xeLayoutAside) {
+        return !!$xeLayoutAside.collapsed;
+      }
+      return false;
+    },
+    computeCollapseWidth: function computeCollapseWidth() {
+      var $xeMenu = this;
+      var $xeLayoutAside = $xeMenu.$xeLayoutAside;
+      var collapseWidth = '';
+      if ($xeLayoutAside) {
+        collapseWidth = $xeLayoutAside.collapseWidth || '';
+      }
+      return collapseWidth;
+    },
+    computeCollapseEnterWidth: function computeCollapseEnterWidth() {
+      var $xeMenu = this;
+      var $xeLayoutAside = $xeMenu.$xeLayoutAside;
+      var width = '';
+      if ($xeLayoutAside) {
+        width = $xeLayoutAside.width || '';
+      }
+      return width;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeMenu = this;
+      $xeMenu.$emit(type, (0, _ui.createEvent)(evnt, {
+        $menu: $xeMenu
+      }, params));
+    },
+    emitModel: function emitModel(value) {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      var _events = $xeMenu._events;
+      reactData.activeName = value;
+      $xeMenu.$emit('input', value);
+      if (_events && _events.modelValue) {
+        $xeMenu.$emit('modelValue', value);
+      } else {
+        $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);
+    },
+    updateZindex: function updateZindex() {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      if (reactData.collapseZindex < (0, _utils.getLastZIndex)()) {
+        reactData.collapseZindex = (0, _utils.nextZIndex)();
+      }
+    },
+    updateActiveMenu: function updateActiveMenu(isDefExpand) {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      var activeName = reactData.activeName;
+      _xeUtils.default.eachTree(reactData.menuList, function (item, index, items, path, parent, nodes) {
+        if (item.itemKey === activeName) {
+          nodes.forEach(function (obj) {
+            obj.isActive = true;
+            if (isDefExpand) {
+              obj.isExpand = true;
+            }
+          });
+          item.isExactActive = true;
+        } else {
+          item.isExactActive = false;
+          item.isActive = false;
+        }
+      }, {
+        children: 'childList'
+      });
+    },
+    updateMenuConfig: function updateMenuConfig() {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      var reactData = $xeMenu.reactData;
+      var options = props.options,
+        expandAll = props.expandAll;
+      reactData.menuList = _xeUtils.default.mapTree(options, function (item, index, items, path, parent) {
+        var objItem = Object.assign(Object.assign({}, item), {
+          parentKey: parent ? parent.name || path.slice(0, path.length - 1).join(',') : '',
+          level: path.length,
+          itemKey: item.name || path.join(','),
+          isExactActive: false,
+          isActive: false,
+          isExpand: _xeUtils.default.isBoolean(item.expanded) ? item.expanded : !!expandAll,
+          hasChild: item.children && item.children.length > 0
+        });
+        return objItem;
+      }, {
+        children: 'children',
+        mapChildren: 'childList'
+      });
+    },
+    updateCollapseStyle: function updateCollapseStyle() {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      var reactData = $xeMenu.reactData;
+      var collapseFixed = props.collapseFixed;
+      if (collapseFixed) {
+        $xeMenu.$nextTick(function () {
+          var isEnterCollapse = reactData.isEnterCollapse;
+          var isCollapsed = $xeMenu.computeIsCollapsed;
+          var collapseEnterWidth = $xeMenu.computeCollapseEnterWidth;
+          var collapseWidth = $xeMenu.computeCollapseWidth;
+          var el = $xeMenu.$refs.refElem;
+          if (el) {
+            var clientRect = el.getBoundingClientRect();
+            var parentNode = el.parentNode;
+            reactData.collapseStyle = isCollapsed ? {
+              top: (0, _dom.toCssUnit)(clientRect.top),
+              left: (0, _dom.toCssUnit)(clientRect.left),
+              height: (0, _dom.toCssUnit)(parentNode.clientHeight),
+              width: isEnterCollapse ? collapseEnterWidth ? (0, _dom.toCssUnit)(collapseEnterWidth) : '' : collapseWidth ? (0, _dom.toCssUnit)(collapseWidth) : '',
+              zIndex: reactData.collapseZindex
+            } : {};
+          }
+        });
+      }
+    },
+    handleCollapseMenu: function handleCollapseMenu() {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      var reactData = $xeMenu.reactData;
+      var collapseFixed = props.collapseFixed;
+      if (collapseFixed) {
+        var initialized = reactData.initialized;
+        var isCollapsed = $xeMenu.computeIsCollapsed;
+        if (isCollapsed) {
+          if (!initialized) {
+            reactData.initialized = true;
+            $xeMenu.$nextTick(function () {
+              var collapseEl = $xeMenu.$refs.refCollapseElem;
+              if (collapseEl) {
+                document.body.appendChild(collapseEl);
+              }
+            });
+          }
+        }
+        reactData.isEnterCollapse = false;
+        $xeMenu.updateZindex();
+        $xeMenu.updateCollapseStyle();
+      }
+    },
+    handleClickIconCollapse: function handleClickIconCollapse(evnt, item, itemList) {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      var accordion = props.accordion;
+      var hasChild = item.hasChild,
+        isExpand = item.isExpand;
+      if (hasChild) {
+        evnt.stopPropagation();
+        evnt.preventDefault();
+        if (accordion) {
+          itemList.forEach(function (obj) {
+            if (obj !== item) {
+              obj.isExpand = false;
+            }
+          });
+        }
+        item.isExpand = !isExpand;
+      }
+    },
+    handleContextmenuEvent: function handleContextmenuEvent(evnt, item) {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      var menuConfig = props.menuConfig;
+      var menuOpts = $xeMenu.computeMenuOpts;
+      if (menuConfig ? (0, _utils.isEnableConf)(menuOpts) : menuOpts.enabled) {
+        var options = menuOpts.options,
+          visibleMethod = menuOpts.visibleMethod;
+        if (!visibleMethod || visibleMethod({
+          $menu: $xeMenu,
+          options: options,
+          currentMenu: item
+        })) {
+          if (_ui.VxeUI.contextMenu) {
+            _ui.VxeUI.contextMenu.openByEvent(evnt, {
+              options: options,
+              events: {
+                optionClick: function optionClick(eventParams) {
+                  var option = eventParams.option;
+                  var gMenuOpts = menus.get(option.code);
+                  var mmMethod = gMenuOpts ? gMenuOpts.menuMenuMethod : null;
+                  var params = {
+                    menu: option,
+                    currentMenu: item,
+                    $event: evnt,
+                    $menu: $xeMenu
+                  };
+                  if (mmMethod) {
+                    mmMethod(params, evnt);
+                  }
+                  $xeMenu.dispatchEvent('menu-click', params, eventParams.$event);
+                }
+              }
+            });
+          }
+        }
+      }
+      $xeMenu.dispatchEvent('option-menu', {
+        currentMenu: item
+      }, evnt);
+    },
+    handleClickMenu: function handleClickMenu(evnt, item, itemList) {
+      var $xeMenu = this;
+      var itemKey = item.itemKey,
+        routerLink = item.routerLink,
+        hasChild = item.hasChild;
+      if (routerLink) {
+        $xeMenu.emitModel(itemKey);
+      } else {
+        if (hasChild) {
+          $xeMenu.handleClickIconCollapse(evnt, item, itemList);
+        } else {
+          $xeMenu.emitModel(itemKey);
+        }
+      }
+      var params = {
+        currentMenu: item,
+        // 已废弃
+        menu: item
+      };
+      $xeMenu.dispatchEvent('click', params, evnt);
+    },
+    handleMenuMouseenter: function handleMenuMouseenter() {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      var collapseStyle = reactData.collapseStyle;
+      var collapseEnterWidth = $xeMenu.computeCollapseEnterWidth;
+      reactData.collapseStyle = Object.assign({}, collapseStyle, {
+        width: collapseEnterWidth ? (0, _dom.toCssUnit)(collapseEnterWidth) : ''
+      });
+      reactData.isEnterCollapse = true;
+    },
+    handleMenuMouseover: function handleMenuMouseover() {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      var isEnterCollapse = reactData.isEnterCollapse;
+      if (!isEnterCollapse) {
+        $xeMenu.handleMenuMouseenter();
+      }
+    },
+    handleMenuMouseleave: function handleMenuMouseleave() {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      var collapseStyle = reactData.collapseStyle;
+      var el = this.$refs.refElem;
+      reactData.collapseStyle = Object.assign({}, collapseStyle, {
+        width: el ? (0, _dom.toCssUnit)(el.offsetWidth) : ''
+      });
+      reactData.isEnterCollapse = false;
+    },
+    //
+    //
+    // Render
+    //
+    renderMenuTitle: function renderMenuTitle(h, item, itemList) {
+      var $xeMenu = this;
+      var slots = $xeMenu.$scopedSlots;
+      var icon = item.icon,
+        isExpand = item.isExpand,
+        hasChild = item.hasChild;
+      var itemSlots = item.slots || {};
+      var optionSlot = itemSlots.default || slots.option;
+      var titleSlot = itemSlots.title || slots.optionTitle || slots['option-title'];
+      var iconSlot = itemSlots.icon || slots.optionIcon || slots['option-icon'];
+      var title = $xeMenu.getMenuTitle(item);
+      var isCollapsed = $xeMenu.computeIsCollapsed;
+      var params = {
+        currentMenu: item,
+        collapsed: isCollapsed,
+        // 已废弃
+        option: item
+      };
+      return [optionSlot ? (0, _ui.renderEmptyElement)($xeMenu) : h('div', {
+        class: 'vxe-menu--item-link-icon'
+      }, iconSlot ? $xeMenu.callSlot(iconSlot, params, h) : icon ? [h('i', {
+        class: icon
+      })] : []), optionSlot ? h('div', {
+        class: 'vxe-menu--item-custom-title'
+      }, $xeMenu.callSlot(optionSlot, params, h)) : h('div', {
+        class: 'vxe-menu--item-link-title',
+        attrs: {
+          title: title
+        }
+      }, titleSlot ? $xeMenu.callSlot(titleSlot, params, h) : title), hasChild ? h('div', {
+        class: 'vxe-menu--item-link-collapse',
+        on: {
+          click: function click(evnt) {
+            $xeMenu.handleClickIconCollapse(evnt, item, itemList);
+          }
+        }
+      }, [h('i', {
+        class: isExpand ? getIcon().MENU_ITEM_EXPAND_OPEN : getIcon().MENU_ITEM_EXPAND_CLOSE
+      })]) : (0, _ui.renderEmptyElement)($xeMenu)];
+    },
+    renderDefaultChildren: function renderDefaultChildren(h, item, itemList) {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      var itemKey = item.itemKey,
+        level = item.level,
+        hasChild = item.hasChild,
+        isActive = item.isActive,
+        isExactActive = item.isExactActive,
+        isExpand = item.isExpand,
+        routerLink = item.routerLink,
+        childList = item.childList;
+      var isEnterCollapse = reactData.isEnterCollapse;
+      var isCollapsed = $xeMenu.computeIsCollapsed;
+      if (item.permissionCode) {
+        if (!_ui.permission.checkVisible(item.permissionCode)) {
+          return (0, _ui.renderEmptyElement)($xeMenu);
+        }
+      }
+      return h('div', {
+        key: itemKey,
+        class: ['vxe-menu--item-wrapper', "vxe-menu--item-level".concat(level), {
+          'is--exact-active': isExactActive,
+          'is--active': isActive,
+          'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
+        }]
+      }, [routerLink ? h('router-link', {
+        class: 'vxe-menu--item-link',
+        props: {
+          custom: true,
+          to: routerLink
+        },
+        on: {
+          contextmenu: function contextmenu(evnt) {
+            $xeMenu.handleContextmenuEvent(evnt, item);
+          },
+          click: function click(evnt) {
+            $xeMenu.handleClickMenu(evnt, item, itemList);
+          }
+        }
+      }, $xeMenu.renderMenuTitle(h, item, itemList)) : h('div', {
+        class: 'vxe-menu--item-link',
+        on: {
+          contextmenu: function contextmenu(evnt) {
+            $xeMenu.handleContextmenuEvent(evnt, item);
+          },
+          click: function click(evnt) {
+            $xeMenu.handleClickMenu(evnt, item, itemList);
+          }
+        }
+      }, $xeMenu.renderMenuTitle(h, item, itemList)), hasChild ? h('div', {
+        class: 'vxe-menu--item-group'
+      }, childList.map(function (child) {
+        return $xeMenu.renderDefaultChildren(h, child, childList);
+      })) : (0, _ui.renderEmptyElement)($xeMenu)]);
+    },
+    renderCollapseChildren: function renderCollapseChildren(h, item, itemList) {
+      var $xeMenu = this;
+      var itemKey = item.itemKey,
+        level = item.level,
+        hasChild = item.hasChild,
+        isActive = item.isActive,
+        isExactActive = item.isExactActive,
+        routerLink = item.routerLink,
+        childList = item.childList;
+      if (item.permissionCode) {
+        if (!_ui.permission.checkVisible(item.permissionCode)) {
+          return (0, _ui.renderEmptyElement)($xeMenu);
+        }
+      }
+      return h('div', {
+        key: itemKey,
+        class: ['vxe-menu--item-wrapper', "vxe-menu--item-level".concat(level), {
+          'is--exact-active': isExactActive,
+          'is--active': isActive
+        }]
+      }, [routerLink ? h('router-link', {
+        class: 'vxe-menu--item-link',
+        props: {
+          custom: true,
+          to: routerLink
+        },
+        on: {
+          contextmenu: function contextmenu(evnt) {
+            $xeMenu.handleContextmenuEvent(evnt, item);
+          },
+          click: function click(evnt) {
+            $xeMenu.handleClickMenu(evnt, item, itemList);
+          }
+        }
+      }, $xeMenu.renderMenuTitle(h, item, itemList)) : h('div', {
+        class: 'vxe-menu--item-link',
+        on: {
+          contextmenu: function contextmenu(evnt) {
+            $xeMenu.handleContextmenuEvent(evnt, item);
+          },
+          click: function click(evnt) {
+            $xeMenu.handleClickMenu(evnt, item, itemList);
+          }
+        }
+      }, $xeMenu.renderMenuTitle(h, item, itemList)), hasChild ? h('div', {
+        class: 'vxe-menu--item-group'
+      }, childList.map(function (child) {
+        return $xeMenu.renderDefaultChildren(h, child, childList);
+      })) : (0, _ui.renderEmptyElement)($xeMenu)]);
+    },
+    renderVN: function renderVN(h) {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      var reactData = $xeMenu.reactData;
+      var loading = props.loading,
+        collapseFixed = props.collapseFixed;
+      var initialized = reactData.initialized,
+        menuList = reactData.menuList,
+        collapseStyle = reactData.collapseStyle,
+        isEnterCollapse = reactData.isEnterCollapse;
+      var vSize = $xeMenu.computeSize;
+      var isCollapsed = $xeMenu.computeIsCollapsed;
+      var ons = {};
+      if (collapseFixed) {
+        ons = {
+          mouseenter: $xeMenu.handleMenuMouseenter,
+          mouseover: $xeMenu.handleMenuMouseover,
+          mouseleave: $xeMenu.handleMenuMouseleave
+        };
+      }
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-menu', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--collapsed', isCollapsed), 'is--loading', loading)]
+      }, [h('div', {
+        class: 'vxe-menu--item-list'
+      }, menuList.map(function (child) {
+        return isCollapsed ? $xeMenu.renderCollapseChildren(h, child, menuList) : $xeMenu.renderDefaultChildren(h, child, menuList);
+      })), initialized ? h('div', {
+        ref: 'refCollapseElem',
+        class: ['vxe-menu--collapse-wrapper', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--collapsed', isCollapsed), 'is--enter', isEnterCollapse), 'is--loading', loading)],
+        style: collapseStyle,
+        on: ons
+      }, [isCollapsed ? h('div', {
+        class: 'vxe-menu--item-list'
+      }, menuList.map(function (child) {
+        return $xeMenu.renderDefaultChildren(h, child, menuList);
+      })) : (0, _ui.renderEmptyElement)($xeMenu)]) : (0, _ui.renderEmptyElement)($xeMenu),
+      /**
+       * 加载中
+       */
+      h(_loading.default, {
+        class: 'vxe-list-view--loading',
+        props: {
+          value: loading
+        }
+      })]);
+    }
+  },
+  watch: {
+    value: function value(val) {
+      var $xeMenu = this;
+      var reactData = $xeMenu.reactData;
+      reactData.activeName = val;
+    },
+    options: function options() {
+      var $xeMenu = this;
+      $xeMenu.updateMenuConfig();
+      $xeMenu.updateActiveMenu(true);
+    },
+    'reactData.activeName': function reactDataActiveName() {
+      var $xeMenu = this;
+      $xeMenu.updateActiveMenu(true);
+    },
+    computeIsCollapsed: function computeIsCollapsed() {
+      var $xeMenu = this;
+      $xeMenu.handleCollapseMenu();
+    }
+  },
+  mounted: function mounted() {
+    var $xeMenu = this;
+    var props = $xeMenu;
+    var menuConfig = props.menuConfig;
+    var VxeUIContextMenu = _ui.VxeUI.getComponent('VxeContextMenu');
+    if (menuConfig && !VxeUIContextMenu) {
+      errLog('vxe.error.reqComp', ['vxe-context-menu']);
+    }
+    _ui.globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
+    $xeMenu.updateCollapseStyle();
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeMenu = this;
+    _ui.globalEvents.off($xeMenu, 'resize');
+    var collapseEl = $xeMenu.$refs.refCollapseElem;
+    if (collapseEl) {
+      var parentNode = collapseEl.parentNode;
+      if (parentNode) {
+        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);
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

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

@@ -0,0 +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)}});

package/lib/menu/style/index.js

@@ -0,0 +1 @@
+require('./style.css')