vxe-pc-ui 4.20.24 → 4.20.26

package/lib/menu/src/menu.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(menu_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
 var import_vn = require("../../ui/src/vn");
@@ -42,7 +42,7 @@ var import_log = require("../../ui/src/log");
 var import_loading = __toESM(require("../../loading"));
 var import_scrollbar = __toESM(require("../../scrollbar"));
 const { errLog } = (0, import_log.createComponentLog)("menu");
-const { menus, useFns, getConfig, getIcon } = import_ui.VxeUI;
+const { menus, useFns, getConfig, getIcon, createEvent, permission, globalEvents, renderEmptyElement } = import_core.VxeUI;
 function createInternalData() {
   return {
     lastActiveTime: 0,
@@ -107,12 +107,7 @@ var menu_default = (0, import_comp.defineVxeComponent)({
       default: () => getConfig().menu.appendTo
     }
   },
-  emits: [
-    "update:modelValue",
-    "click",
-    "option-menu",
-    "menu-click"
-  ],
+  emits: ["update:modelValue", "click", "option-menu", "menu-click"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -205,21 +200,25 @@ var menu_default = (0, import_comp.defineVxeComponent)({
     const updateActiveMenu = (isDefExpand) => {
       const { activeName } = reactData;
       const { menuInitMaps } = internalData;
-      import_xe_utils.default.eachTree(reactData.menuList, (item, index, items, path, parentItem, nodes) => {
-        if (item.itemKey === activeName) {
-          nodes.forEach((obj) => {
-            obj.isActive = true;
-            if (isDefExpand) {
-              obj.isExpand = true;
-              menuInitMaps[obj.itemId] = true;
-            }
-          });
-          item.isExactActive = true;
-        } else {
-          item.isExactActive = false;
-          item.isActive = false;
-        }
-      }, { children: "childList" });
+      import_xe_utils.default.eachTree(
+        reactData.menuList,
+        (item, index, items, path, parentItem, nodes) => {
+          if (item.itemKey === activeName) {
+            nodes.forEach((obj) => {
+              obj.isActive = true;
+              if (isDefExpand) {
+                obj.isExpand = true;
+                menuInitMaps[obj.itemId] = true;
+              }
+            });
+            item.isExactActive = true;
+          } else {
+            item.isExactActive = false;
+            item.isActive = false;
+          }
+        },
+        { children: "childList" }
+      );
     };
     const updateMenuConfig = () => {
       const { options, expandAll, expandKeys } = props;
@@ -237,43 +236,47 @@ var menu_default = (0, import_comp.defineVxeComponent)({
       }
       const muCacheMaps = {};
       const muKeyMaps = {};
-      reactData.menuList = import_xe_utils.default.mapTree(options, (item, index, items, path, parentItem) => {
-        const itemId = ++nemuUniqueKey;
-        const itemKey = item[keyField] || path.join(",");
-        const childList = item[childrenField];
-        const hasChild = childList && childList.length > 0;
-        const isExpand = hasChild ? import_xe_utils.default.isBoolean(item.expanded) ? item.expanded : defaultExpandMaps[itemKey] || !!expandAll : false;
-        if (isExpand) {
-          muInitMaps[itemId] = true;
-        }
-        const objItem = {
-          itemConf: item,
-          title: item[titleField],
-          name: item[keyField],
-          icon: item.icon,
-          linkUrl: item[linkUrlField],
-          linkTarget: item.linkTarget,
-          routerLink: item[routerLinkField],
-          permissionCode: item.permissionCode,
-          children: childList,
-          slots: item.slots,
-          parentKey: parentItem ? parentItem.name || path.slice(0, path.length - 1).join(",") : "",
-          level: path.length,
-          itemId,
-          itemKey,
-          isExactActive: false,
-          isActive: false,
-          isExpand,
-          hasChild,
-          childList: []
-        };
-        if (muKeyMaps[itemKey]) {
-          errLog("vxe.error.repeatKey", [keyField, item[keyField]]);
-        }
-        muCacheMaps[itemId] = objItem;
-        muKeyMaps[itemKey] = objItem;
-        return objItem;
-      }, { children: "children", mapChildren: "childList" });
+      reactData.menuList = import_xe_utils.default.mapTree(
+        options,
+        (item, index, items, path, parentItem) => {
+          const itemId = ++nemuUniqueKey;
+          const itemKey = item[keyField] || path.join(",");
+          const childList = item[childrenField];
+          const hasChild = childList && childList.length > 0;
+          const isExpand = hasChild ? import_xe_utils.default.isBoolean(item.expanded) ? item.expanded : defaultExpandMaps[itemKey] || !!expandAll : false;
+          if (isExpand) {
+            muInitMaps[itemId] = true;
+          }
+          const objItem = {
+            itemConf: item,
+            title: item[titleField],
+            name: item[keyField],
+            icon: item.icon,
+            linkUrl: item[linkUrlField],
+            linkTarget: item.linkTarget,
+            routerLink: item[routerLinkField],
+            permissionCode: item.permissionCode,
+            children: childList,
+            slots: item.slots,
+            parentKey: parentItem ? parentItem.name || path.slice(0, path.length - 1).join(",") : "",
+            level: path.length,
+            itemId,
+            itemKey,
+            isExactActive: false,
+            isActive: false,
+            isExpand,
+            hasChild,
+            childList: []
+          };
+          if (muKeyMaps[itemKey]) {
+            errLog("vxe.error.repeatKey", [keyField, item[keyField]]);
+          }
+          muCacheMaps[itemId] = objItem;
+          muKeyMaps[itemKey] = objItem;
+          return objItem;
+        },
+        { children: "children", mapChildren: "childList" }
+      );
       internalData.menuInitMaps = muInitMaps;
       internalData.menuCacheMaps = muCacheMaps;
       internalData.menuKeyMaps = muKeyMaps;
@@ -375,8 +378,8 @@ var menu_default = (0, import_comp.defineVxeComponent)({
       if (menuConfig ? (0, import_utils.isEnableConf)(menuOpts) : menuOpts.enabled) {
         const { options, visibleMethod } = menuOpts;
         if (!visibleMethod || visibleMethod({ $menu: $xeMenu, options, currentMenu: item, currentOption: item.itemConf })) {
-          if (import_ui.VxeUI.contextMenu) {
-            import_ui.VxeUI.contextMenu.openByEvent(evnt, {
+          if (import_core.VxeUI.contextMenu) {
+            import_core.VxeUI.contextMenu.openByEvent(evnt, {
               options,
               events: {
                 optionClick(eventParams) {
@@ -449,7 +452,7 @@ var menu_default = (0, import_comp.defineVxeComponent)({
       return [];
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $menu: $xeMenu }, params));
+      emit(type, createEvent(evnt, { $menu: $xeMenu }, params));
     };
     const handleScrollToView = (itemId) => {
       const wrapperEl = refElem.value;
@@ -482,9 +485,13 @@ var menu_default = (0, import_comp.defineVxeComponent)({
       },
       clearAllExpandMenu() {
         const { menuList } = reactData;
-        import_xe_utils.default.eachTree(menuList, (item) => {
-          item.isExpand = false;
-        }, { children: "childList" });
+        import_xe_utils.default.eachTree(
+          menuList,
+          (item) => {
+            item.isExpand = false;
+          },
+          { children: "childList" }
+        );
         internalData.menuInitMaps = {};
         return (0, import_vue.nextTick)();
       },
@@ -532,27 +539,45 @@ var menu_default = (0, import_comp.defineVxeComponent)({
         collapsed: isCollapsed
       };
       return [
-        optionSlot ? (0, import_ui.renderEmptyElement)($xeMenu) : (0, import_vue.h)("div", {
-          class: "vxe-menu--item-link-icon"
-        }, iconSlot ? callSlot(iconSlot, params) : icon ? [(0, import_vue.h)("i", {
-          class: icon
-        })] : []),
-        optionSlot ? (0, import_vue.h)("div", {
-          class: "vxe-menu--item-custom-title"
-        }, callSlot(optionSlot, params)) : (0, import_vue.h)("div", {
-          class: "vxe-menu--item-link-title",
-          title
-        }, titleSlot ? callSlot(titleSlot, params) : title),
-        hasChild ? (0, import_vue.h)("div", {
-          class: "vxe-menu--item-link-collapse",
-          onClick(evnt) {
-            handleClickIconCollapse(evnt, item, itemList);
-          }
-        }, [
-          (0, import_vue.h)("i", {
-            class: isExpand ? getIcon().MENU_ITEM_EXPAND_OPEN : getIcon().MENU_ITEM_EXPAND_CLOSE
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeMenu)
+        optionSlot ? renderEmptyElement($xeMenu) : (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-menu--item-link-icon"
+          },
+          iconSlot ? callSlot(iconSlot, params) : icon ? [
+            (0, import_vue.h)("i", {
+              class: icon
+            })
+          ] : []
+        ),
+        optionSlot ? (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-menu--item-custom-title"
+          },
+          callSlot(optionSlot, params)
+        ) : (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-menu--item-link-title",
+            title
+          },
+          titleSlot ? callSlot(titleSlot, params) : title
+        ),
+        hasChild ? (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-menu--item-link-collapse",
+            onClick(evnt) {
+              handleClickIconCollapse(evnt, item, itemList);
+            }
+          },
+          [
+            (0, import_vue.h)("i", {
+              class: isExpand ? getIcon().MENU_ITEM_EXPAND_OPEN : getIcon().MENU_ITEM_EXPAND_CLOSE
+            })
+          ]
+        ) : renderEmptyElement($xeMenu)
       ];
     };
     const renderDefaultChildren = (item, itemList) => {
@@ -561,8 +586,8 @@ var menu_default = (0, import_comp.defineVxeComponent)({
       const { menuInitMaps } = internalData;
       const isCollapsed = computeIsCollapsed.value;
       if (item.permissionCode) {
-        if (!import_ui.permission.checkVisible(item.permissionCode)) {
-          return (0, import_ui.renderEmptyElement)($xeMenu);
+        if (!permission.checkVisible(item.permissionCode)) {
+          return renderEmptyElement($xeMenu);
         }
       }
       const isExpandChild = (!isCollapsed || isEnterCollapse) && isExpand;
@@ -574,42 +599,66 @@ var menu_default = (0, import_comp.defineVxeComponent)({
           handleClickMenu(evnt, item, itemList);
         }
       };
-      return (0, import_vue.h)("div", {
-        key: itemKey,
-        class: ["vxe-menu--item-wrapper", `vxe-menu--item-level${level}`, {
-          "has--child": hasChild,
-          "is--exact-active": isExactActive,
-          "is--active": isActive,
-          "is--expand": isExpandChild
-        }],
-        "data-menu-id": itemId
-      }, [
-        linkUrl ? (0, import_vue.h)("a", {
-          class: "vxe-menu--item-link is--link",
-          href: linkUrl,
-          target: linkTarget,
-          ...linkOns
-        }, renderMenuTitle(item, itemList)) : routerLink ? (0, import_vue.h)((0, import_vue.resolveComponent)("router-link"), {
-          class: "vxe-menu--item-link is--router",
-          to: routerLink,
-          target: linkTarget,
-          ...linkOns
-        }, {
-          default: () => renderMenuTitle(item, itemList)
-        }) : (0, import_vue.h)("div", {
-          class: "vxe-menu--item-link is--default",
-          ...linkOns
-        }, renderMenuTitle(item, itemList)),
-        hasChild ? (0, import_vue.h)("div", {
-          class: "vxe-menu--item-group"
-        }, isExpandChild || menuInitMaps[itemId] ? childList.map((child) => renderDefaultChildren(child, childList)) : []) : (0, import_ui.renderEmptyElement)($xeMenu)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          key: itemKey,
+          class: [
+            "vxe-menu--item-wrapper",
+            `vxe-menu--item-level${level}`,
+            {
+              "has--child": hasChild,
+              "is--exact-active": isExactActive,
+              "is--active": isActive,
+              "is--expand": isExpandChild
+            }
+          ],
+          "data-menu-id": itemId
+        },
+        [
+          linkUrl ? (0, import_vue.h)(
+            "a",
+            {
+              class: "vxe-menu--item-link is--link",
+              href: linkUrl,
+              target: linkTarget,
+              ...linkOns
+            },
+            renderMenuTitle(item, itemList)
+          ) : routerLink ? (0, import_vue.h)(
+            (0, import_vue.resolveComponent)("router-link"),
+            {
+              class: "vxe-menu--item-link is--router",
+              to: routerLink,
+              target: linkTarget,
+              ...linkOns
+            },
+            {
+              default: () => renderMenuTitle(item, itemList)
+            }
+          ) : (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-menu--item-link is--default",
+              ...linkOns
+            },
+            renderMenuTitle(item, itemList)
+          ),
+          hasChild ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-menu--item-group"
+            },
+            isExpandChild || menuInitMaps[itemId] ? childList.map((child) => renderDefaultChildren(child, childList)) : []
+          ) : renderEmptyElement($xeMenu)
+        ]
+      );
     };
     const renderCollapseChildren = (item, itemList) => {
       const { itemId, itemKey, level, hasChild, isActive, isExactActive, routerLink, linkUrl, linkTarget, childList } = item;
       if (item.permissionCode) {
-        if (!import_ui.permission.checkVisible(item.permissionCode)) {
-          return (0, import_ui.renderEmptyElement)($xeMenu);
+        if (!permission.checkVisible(item.permissionCode)) {
+          return renderEmptyElement($xeMenu);
         }
       }
       const linkOns = {
@@ -620,35 +669,59 @@ var menu_default = (0, import_comp.defineVxeComponent)({
           handleClickMenu(evnt, item, itemList);
         }
       };
-      return (0, import_vue.h)("div", {
-        key: itemKey,
-        class: ["vxe-menu--item-wrapper", `vxe-menu--item-level${level}`, {
-          "has--child": hasChild,
-          "is--exact-active": isExactActive,
-          "is--active": isActive
-        }],
-        "data-menu-id": itemId
-      }, [
-        linkUrl ? (0, import_vue.h)("a", {
-          class: "vxe-menu--item-link is--link",
-          href: linkUrl,
-          target: linkTarget,
-          ...linkOns
-        }, renderMenuTitle(item, itemList)) : routerLink ? (0, import_vue.h)((0, import_vue.resolveComponent)("router-link"), {
-          class: "vxe-menu--item-link is--router",
-          to: routerLink,
-          target: linkTarget,
-          ...linkOns
-        }, {
-          default: () => renderMenuTitle(item, itemList)
-        }) : (0, import_vue.h)("div", {
-          class: "vxe-menu--item-link is--default",
-          ...linkOns
-        }, renderMenuTitle(item, itemList)),
-        hasChild ? (0, import_vue.h)("div", {
-          class: "vxe-menu--item-group"
-        }, childList.map((child) => renderDefaultChildren(child, childList))) : (0, import_ui.renderEmptyElement)($xeMenu)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          key: itemKey,
+          class: [
+            "vxe-menu--item-wrapper",
+            `vxe-menu--item-level${level}`,
+            {
+              "has--child": hasChild,
+              "is--exact-active": isExactActive,
+              "is--active": isActive
+            }
+          ],
+          "data-menu-id": itemId
+        },
+        [
+          linkUrl ? (0, import_vue.h)(
+            "a",
+            {
+              class: "vxe-menu--item-link is--link",
+              href: linkUrl,
+              target: linkTarget,
+              ...linkOns
+            },
+            renderMenuTitle(item, itemList)
+          ) : routerLink ? (0, import_vue.h)(
+            (0, import_vue.resolveComponent)("router-link"),
+            {
+              class: "vxe-menu--item-link is--router",
+              to: routerLink,
+              target: linkTarget,
+              ...linkOns
+            },
+            {
+              default: () => renderMenuTitle(item, itemList)
+            }
+          ) : (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-menu--item-link is--default",
+              ...linkOns
+            },
+            renderMenuTitle(item, itemList)
+          ),
+          hasChild ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-menu--item-group"
+            },
+            childList.map((child) => renderDefaultChildren(child, childList))
+          ) : renderEmptyElement($xeMenu)
+        ]
+      );
     };
     const renderVN = () => {
       const { loading, collapseFixed, appendTo } = props;
@@ -670,75 +743,127 @@ var menu_default = (0, import_comp.defineVxeComponent)({
         };
       }
       const stParams = { collapsed: isCollapsed };
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-menu", {
-          [`border--${currBorder}`]: currBorder,
-          [`size--${vSize}`]: vSize,
-          "is--collapsed": isCollapsed,
-          "is--loading": loading
-        }]
-      }, [
-        headerSlot ? (0, import_vue.h)("div", {
-          class: "vxe-menu--header"
-        }, headerSlot(stParams)) : (0, import_ui.renderEmptyElement)($xeMenu),
-        (0, import_vue.h)("div", {
-          class: "vxe-menu--body"
-        }, menuList.map((child) => isCollapsed ? renderCollapseChildren(child, menuList) : renderDefaultChildren(child, menuList))),
-        footerSlot ? (0, import_vue.h)("div", {
-          class: "vxe-menu--footer"
-        }, footerSlot(stParams)) : (0, import_ui.renderEmptyElement)($xeMenu),
-        (0, import_vue.h)(import_vue.Teleport, {
-          to: (0, import_dom.getPopupContainer)(appendTo),
-          disabled: !initialized
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refCollapseElem,
-            class: ["vxe-menu--collapse-wrapper", {
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-menu",
+            {
+              [`border--${currBorder}`]: currBorder,
               [`size--${vSize}`]: vSize,
               "is--collapsed": isCollapsed,
-              "is--enter": isEnterCollapse,
               "is--loading": loading
-            }],
-            style: Object.assign({}, varStyle, collapseStyle),
-            ...ons
-          }, isCollapsed ? [
-            headerSlot ? (0, import_vue.h)("div", {
+            }
+          ]
+        },
+        [
+          headerSlot ? (0, import_vue.h)(
+            "div",
+            {
               class: "vxe-menu--header"
-            }, headerSlot(stParams)) : (0, import_ui.renderEmptyElement)($xeMenu),
-            isVScrollbar && isEnterCollapse ? (0, import_vue.h)(import_scrollbar.default, {
-              ref: refCollapseBodyScrollbar,
-              class: "vxe-menu--scrollbar-body",
-              ...scrollbarOpts,
-              viewClassName: "vxe-menu--scrollbar-body-view" + (viewClassName ? " " + viewClassName : ""),
-              viewInnerClassName: "vxe-menu--scrollbar-body-inner" + (viewClassName ? " " + viewInnerClassName : "")
-            }, {
-              default: () => menuList.map((child) => renderDefaultChildren(child, menuList))
-            }) : (0, import_vue.h)("div", {
-              ref: refCollapseBodyElem,
+            },
+            headerSlot(stParams)
+          ) : renderEmptyElement($xeMenu),
+          (0, import_vue.h)(
+            "div",
+            {
               class: "vxe-menu--body"
-            }, menuList.map((child) => renderDefaultChildren(child, menuList))),
-            footerSlot ? (0, import_vue.h)("div", {
+            },
+            menuList.map((child) => isCollapsed ? renderCollapseChildren(child, menuList) : renderDefaultChildren(child, menuList))
+          ),
+          footerSlot ? (0, import_vue.h)(
+            "div",
+            {
               class: "vxe-menu--footer"
-            }, footerSlot(stParams)) : (0, import_ui.renderEmptyElement)($xeMenu)
-          ] : [])
-        ]),
-        /**
-         * 加载中
-         */
-        (0, import_vue.h)(import_loading.default, {
-          class: "vxe-menu-view--loading",
-          modelValue: loading
-        })
-      ]);
+            },
+            footerSlot(stParams)
+          ) : renderEmptyElement($xeMenu),
+          (0, import_vue.h)(
+            import_vue.Teleport,
+            {
+              to: (0, import_dom.getPopupContainer)(appendTo),
+              disabled: !initialized
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refCollapseElem,
+                  class: [
+                    "vxe-menu--collapse-wrapper",
+                    {
+                      [`size--${vSize}`]: vSize,
+                      "is--collapsed": isCollapsed,
+                      "is--enter": isEnterCollapse,
+                      "is--loading": loading
+                    }
+                  ],
+                  style: Object.assign({}, varStyle, collapseStyle),
+                  ...ons
+                },
+                isCollapsed ? [
+                  headerSlot ? (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-menu--header"
+                    },
+                    headerSlot(stParams)
+                  ) : renderEmptyElement($xeMenu),
+                  isVScrollbar && isEnterCollapse ? (0, import_vue.h)(
+                    import_scrollbar.default,
+                    {
+                      ref: refCollapseBodyScrollbar,
+                      class: "vxe-menu--scrollbar-body",
+                      ...scrollbarOpts,
+                      viewClassName: "vxe-menu--scrollbar-body-view" + (viewClassName ? " " + viewClassName : ""),
+                      viewInnerClassName: "vxe-menu--scrollbar-body-inner" + (viewClassName ? " " + viewInnerClassName : "")
+                    },
+                    {
+                      default: () => menuList.map((child) => renderDefaultChildren(child, menuList))
+                    }
+                  ) : (0, import_vue.h)(
+                    "div",
+                    {
+                      ref: refCollapseBodyElem,
+                      class: "vxe-menu--body"
+                    },
+                    menuList.map((child) => renderDefaultChildren(child, menuList))
+                  ),
+                  footerSlot ? (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-menu--footer"
+                    },
+                    footerSlot(stParams)
+                  ) : renderEmptyElement($xeMenu)
+                ] : []
+              )
+            ]
+          ),
+          /**
+           * 加载中
+           */
+          (0, import_vue.h)(import_loading.default, {
+            class: "vxe-menu-view--loading",
+            modelValue: loading
+          })
+        ]
+      );
     };
     const optFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.options ? props.options.length : -1, () => {
-      optFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.options, () => {
-      optFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.options ? props.options.length : -1,
+      () => {
+        optFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.options,
+      () => {
+        optFlag.value++;
+      }
+    );
     (0, import_vue.watch)(optFlag, () => {
       updateMenuConfig();
       updateActiveMenu(true);
@@ -746,29 +871,35 @@ var menu_default = (0, import_comp.defineVxeComponent)({
         $xeMenu.scrollToActiveMenu();
       });
     });
-    (0, import_vue.watch)(() => props.modelValue, (val) => {
-      reactData.activeName = val;
-    });
-    (0, import_vue.watch)(() => reactData.activeName, () => {
-      updateActiveMenu(true);
-    });
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (val) => {
+        reactData.activeName = val;
+      }
+    );
+    (0, import_vue.watch)(
+      () => reactData.activeName,
+      () => {
+        updateActiveMenu(true);
+      }
+    );
     (0, import_vue.watch)(computeIsCollapsed, () => {
       handleCollapseMenu();
     });
     (0, import_vue.onMounted)(() => {
       const { menuConfig } = props;
-      const VxeUIContextMenu = import_ui.VxeUI.getComponent("VxeContextMenu");
+      const VxeUIContextMenu = import_core.VxeUI.getComponent("VxeContextMenu");
       if (menuConfig && !VxeUIContextMenu) {
         errLog("vxe.error.reqComp", ["vxe-context-menu"]);
       }
-      import_ui.globalEvents.on($xeMenu, "resize", updateCollapseStyle);
+      globalEvents.on($xeMenu, "resize", updateCollapseStyle);
       updateCollapseStyle();
       (0, import_vue.nextTick)(() => {
         $xeMenu.scrollToActiveMenu();
       });
     });
     (0, import_vue.onBeforeUnmount)(() => {
-      import_ui.globalEvents.off($xeMenu, "resize");
+      globalEvents.off($xeMenu, "resize");
       import_xe_utils.default.assign(reactData, createReactData());
       import_xe_utils.default.assign(internalData, createInternalData());
     });