vxe-pc-ui 4.20.24 → 4.20.26

package/lib/components.js

@@ -29,6 +29,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var components_exports = {};
 __export(components_exports, {
+  VxeUI: () => import_core.VxeUI,
   drawer: () => drawer,
   install: () => install,
   loading: () => loading,
@@ -39,6 +40,7 @@ __export(components_exports, {
   watermark: () => watermark
 });
 module.exports = __toCommonJS(components_exports);
+var import_core = require("@vxe-ui/core");
 var import_ui = require("./ui");
 var import_zh_CN = __toESM(require("./language/zh-CN"));
 var import_alert = __toESM(require("./alert"));
@@ -137,7 +139,6 @@ var import_upload = __toESM(require("./upload"));
 var import_watermark = __toESM(require("./watermark"));
 var import_util = require("./upload/src/util");
 var import_util2 = require("./print/src/util");
-__reExport(components_exports, require("./ui"), module.exports);
 __reExport(components_exports, require("./alert"), module.exports);
 __reExport(components_exports, require("./anchor"), module.exports);
 __reExport(components_exports, require("./anchor-link"), module.exports);
@@ -232,7 +233,7 @@ __reExport(components_exports, require("./tree"), module.exports);
 __reExport(components_exports, require("./tree-select"), module.exports);
 __reExport(components_exports, require("./upload"), module.exports);
 __reExport(components_exports, require("./watermark"), module.exports);
-const { setI18n, setLanguage, setTheme, setConfig } = import_ui.VxeUI;
+const { setI18n, setLanguage, setTheme, setConfig } = import_core.VxeUI;
 const components = [
   import_alert.default,
   import_anchor.default,

package/lib/context-menu/src/context-menu.js

@@ -34,10 +34,11 @@ module.exports = __toCommonJS(context_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_utils = require("../../ui/src/utils");
 var import_dom = require("../../ui/src/dom");
 var import_vn = require("../../ui/src/vn");
+const { getConfig, getIcon, getI18n, createEvent, useFns, globalEvents, renderEmptyElement, GLOBAL_EVENT_KEYS } = import_core.VxeUI;
 function createInternalData() {
   return {
     // leaveTime: null
@@ -63,41 +64,35 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
     className: String,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().contextMenu.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().contextMenu.size || getConfig().size
     },
     options: Array,
     x: [Number, String],
     y: [Number, String],
     autoLocate: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().contextMenu.autoLocate
+      default: () => getConfig().contextMenu.autoLocate
     },
     zIndex: [Number, String],
     position: {
       type: String,
-      default: () => (0, import_ui.getConfig)().contextMenu.position
+      default: () => getConfig().contextMenu.position
     },
     destroyOnClose: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().contextMenu.destroyOnClose
+      default: () => getConfig().contextMenu.destroyOnClose
     },
     transfer: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().contextMenu.transfer
+      default: () => getConfig().contextMenu.transfer
     }
   },
-  emits: [
-    "update:modelValue",
-    "option-click",
-    "change",
-    "show",
-    "hide"
-  ],
+  emits: ["update:modelValue", "option-click", "change", "show", "hide"],
   setup(props, context) {
     const { emit } = context;
     const xID = import_xe_utils.default.uniqueId();
     const refElem = (0, import_vue.ref)();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const internalData = createInternalData();
     const reactData = (0, import_vue.reactive)(createReactData());
     const refMaps = {
@@ -135,7 +130,7 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $contextMenu: $xeContextMenu }, params));
+      emit(type, createEvent(evnt, { $contextMenu: $xeContextMenu }, params));
     };
     const emitModel = (value) => {
       emit("update:modelValue", value);
@@ -394,12 +389,12 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
       const { visible, activeOption, activeChildOption } = reactData;
       const allFirstMenuList = computeAllFirstMenuList.value;
       if (visible) {
-        const isUpArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_UP);
-        const isDwArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
-        const isLeftArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT);
-        const isRightArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT);
-        const isEnter = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ENTER);
-        const isEsc = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ESCAPE);
+        const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+        const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+        const isLeftArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_LEFT);
+        const isRightArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_RIGHT);
+        const isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
+        const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
         if (isEsc) {
           closeMenu();
           return;
@@ -470,77 +465,128 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
     const renderMenuItem = (item, parentItem, hasChildMenus) => {
       const { visible, disabled, loading } = item;
       if (visible === false) {
-        return (0, import_ui.renderEmptyElement)($xeContextMenu);
+        return renderEmptyElement($xeContextMenu);
       }
       const prefixOpts = Object.assign({}, item.prefixConfig);
       const prefixIcon = prefixOpts.icon || item.prefixIcon;
       const suffixOpts = Object.assign({}, item.suffixConfig);
       const suffixIcon = suffixOpts.icon || item.suffixIcon;
-      const menuContent = loading ? (0, import_ui.getI18n)("vxe.contextMenu.loadingText") : (0, import_utils.getFuncText)(item.name);
-      return (0, import_vue.h)("div", {
-        class: ["vxe-context-menu--item-inner", {
-          "is--disabled": disabled,
-          "is--loading": loading
-        }],
-        onClick(evnt) {
-          handleItemClickEvent(evnt, item);
-        },
-        onMouseenter(evnt) {
-          handleItemMouseenterEvent(evnt, item, parentItem);
+      const menuContent = loading ? getI18n("vxe.contextMenu.loadingText") : (0, import_utils.getFuncText)(item.name);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-context-menu--item-inner",
+            {
+              "is--disabled": disabled,
+              "is--loading": loading
+            }
+          ],
+          onClick(evnt) {
+            handleItemClickEvent(evnt, item);
+          },
+          onMouseenter(evnt) {
+            handleItemMouseenterEvent(evnt, item, parentItem);
+          },
+          onMouseleave: handleItemMouseleaveEvent
         },
-        onMouseleave: handleItemMouseleaveEvent
-      }, [
-        (0, import_vue.h)("div", {
-          class: ["vxe-context-menu--item-prefix", prefixOpts.className || ""]
-        }, loading ? [
-          (0, import_vue.h)("span", {
-            key: "1"
-          }, [
-            (0, import_vue.h)("i", {
-              class: (0, import_ui.getIcon)().CONTEXT_MENU_OPTION_LOADING
-            })
-          ])
-        ] : [
-          prefixIcon && import_xe_utils.default.isFunction(prefixIcon) ? (0, import_vue.h)("span", {
-            key: "2"
-          }, (0, import_vn.getSlotVNs)(prefixIcon({}))) : (0, import_vue.h)("span", {
-            key: "3"
-          }, [
-            (0, import_vue.h)("i", {
-              class: prefixIcon
-            })
-          ]),
-          prefixOpts.content ? (0, import_vue.h)("span", {
-            key: "4"
-          }, `${prefixOpts.content || ""}`) : (0, import_ui.renderEmptyElement)($xeContextMenu)
-        ]),
-        (0, import_vue.h)("div", {
-          class: "vxe-context-menu--item-label"
-        }, menuContent),
-        !loading && (suffixIcon || suffixOpts.content) ? (0, import_vue.h)("div", {
-          class: ["vxe-context-menu--item-suffix", suffixOpts.className || ""]
-        }, [
-          suffixIcon && import_xe_utils.default.isFunction(suffixIcon) ? (0, import_vue.h)("span", {
-            key: "2"
-          }, (0, import_vn.getSlotVNs)(suffixIcon({}))) : (0, import_vue.h)("span", {
-            key: "3"
-          }, [
-            (0, import_vue.h)("i", {
-              class: suffixIcon
-            })
-          ]),
-          suffixOpts.content ? (0, import_vue.h)("span", {
-            key: "4"
-          }, `${suffixOpts.content || ""}`) : (0, import_ui.renderEmptyElement)($xeContextMenu)
-        ]) : (0, import_ui.renderEmptyElement)($xeContextMenu),
-        hasChildMenus ? (0, import_vue.h)("div", {
-          class: "vxe-context-menu--item-subicon"
-        }, [
-          (0, import_vue.h)("i", {
-            class: (0, import_ui.getIcon)().CONTEXT_MENU_CHILDREN
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeContextMenu)
-      ]);
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: ["vxe-context-menu--item-prefix", prefixOpts.className || ""]
+            },
+            loading ? [
+              (0, import_vue.h)(
+                "span",
+                {
+                  key: "1"
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: getIcon().CONTEXT_MENU_OPTION_LOADING
+                  })
+                ]
+              )
+            ] : [
+              prefixIcon && import_xe_utils.default.isFunction(prefixIcon) ? (0, import_vue.h)(
+                "span",
+                {
+                  key: "2"
+                },
+                (0, import_vn.getSlotVNs)(prefixIcon({}))
+              ) : (0, import_vue.h)(
+                "span",
+                {
+                  key: "3"
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: prefixIcon
+                  })
+                ]
+              ),
+              prefixOpts.content ? (0, import_vue.h)(
+                "span",
+                {
+                  key: "4"
+                },
+                `${prefixOpts.content || ""}`
+              ) : renderEmptyElement($xeContextMenu)
+            ]
+          ),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-context-menu--item-label"
+            },
+            menuContent
+          ),
+          !loading && (suffixIcon || suffixOpts.content) ? (0, import_vue.h)(
+            "div",
+            {
+              class: ["vxe-context-menu--item-suffix", suffixOpts.className || ""]
+            },
+            [
+              suffixIcon && import_xe_utils.default.isFunction(suffixIcon) ? (0, import_vue.h)(
+                "span",
+                {
+                  key: "2"
+                },
+                (0, import_vn.getSlotVNs)(suffixIcon({}))
+              ) : (0, import_vue.h)(
+                "span",
+                {
+                  key: "3"
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: suffixIcon
+                  })
+                ]
+              ),
+              suffixOpts.content ? (0, import_vue.h)(
+                "span",
+                {
+                  key: "4"
+                },
+                `${suffixOpts.content || ""}`
+              ) : renderEmptyElement($xeContextMenu)
+            ]
+          ) : renderEmptyElement($xeContextMenu),
+          hasChildMenus ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-context-menu--item-subicon"
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().CONTEXT_MENU_CHILDREN
+              })
+            ]
+          ) : renderEmptyElement($xeContextMenu)
+        ]
+      );
     };
     const renderMenus = () => {
       const { activeOption, activeChildOption, childOffsetX } = reactData;
@@ -554,36 +600,58 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
           const isActiveFirst = activeOption === firstItem;
           const showChild = isActiveFirst && !!activeChildOption;
           moVNs.push(
-            (0, import_vue.h)("div", {
-              key: `${gIndex}_${i}`,
-              class: ["vxe-context-menu--item-wrapper vxe-context-menu--first-item", firstItem.className || "", {
-                "is--active": isActiveFirst,
-                "is--subactive": isActiveFirst && !!activeChildOption
-              }]
-            }, [
-              hasChildMenus && showChild ? (0, import_vue.h)("div", {
-                class: "vxe-context-menu--children-wrapper",
-                style: {
-                  transform: `translate(${childOffsetX}px, -2px)`
-                }
-              }, children.map((twoItem) => {
-                return (0, import_vue.h)("div", {
-                  class: ["vxe-context-menu--item-wrapper vxe-context-menu--child-item", twoItem.className || "", {
-                    "is--active": activeChildOption === twoItem
-                  }]
-                }, [
-                  renderMenuItem(twoItem, firstItem)
-                ]);
-              })) : (0, import_ui.renderEmptyElement)($xeContextMenu),
-              renderMenuItem(firstItem, null, hasChildMenus)
-            ])
+            (0, import_vue.h)(
+              "div",
+              {
+                key: `${gIndex}_${i}`,
+                class: [
+                  "vxe-context-menu--item-wrapper vxe-context-menu--first-item",
+                  firstItem.className || "",
+                  {
+                    "is--active": isActiveFirst,
+                    "is--subactive": isActiveFirst && !!activeChildOption
+                  }
+                ]
+              },
+              [
+                hasChildMenus && showChild ? (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-context-menu--children-wrapper",
+                    style: {
+                      transform: `translate(${childOffsetX}px, -2px)`
+                    }
+                  },
+                  children.map((twoItem) => {
+                    return (0, import_vue.h)(
+                      "div",
+                      {
+                        class: [
+                          "vxe-context-menu--item-wrapper vxe-context-menu--child-item",
+                          twoItem.className || "",
+                          {
+                            "is--active": activeChildOption === twoItem
+                          }
+                        ]
+                      },
+                      [renderMenuItem(twoItem, firstItem)]
+                    );
+                  })
+                ) : renderEmptyElement($xeContextMenu),
+                renderMenuItem(firstItem, null, hasChildMenus)
+              ]
+            )
           );
         });
         mgVNs.push(
-          (0, import_vue.h)("div", {
-            key: gIndex,
-            class: "vxe-context-menu--group-wrapper"
-          }, moVNs)
+          (0, import_vue.h)(
+            "div",
+            {
+              key: gIndex,
+              class: "vxe-context-menu--group-wrapper"
+            },
+            moVNs
+          )
         );
       });
       return mgVNs;
@@ -592,14 +660,23 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
       const { className, position, destroyOnClose } = props;
       const { visible, popupStyle } = reactData;
       const vSize = computeSize.value;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-context-menu vxe-context-menu--wrapper", position === "absolute" ? "is--" + position : "is--fixed", className || "", {
-          [`size--${vSize}`]: vSize,
-          "is--visible": visible
-        }],
-        style: popupStyle
-      }, (destroyOnClose ? visible : true) ? renderMenus() : []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-context-menu vxe-context-menu--wrapper",
+            position === "absolute" ? "is--" + position : "is--fixed",
+            className || "",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--visible": visible
+            }
+          ],
+          style: popupStyle
+        },
+        (destroyOnClose ? visible : true) ? renderMenus() : []
+      );
     };
     (0, import_vue.watch)(computeTopAndLeft, () => {
       handleLocate();
@@ -607,25 +684,28 @@ var context_menu_default = (0, import_comp.defineVxeComponent)({
         updateLocate();
       });
     });
-    (0, import_vue.watch)(() => props.modelValue, () => {
-      handleVisible();
-    });
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      () => {
+        handleVisible();
+      }
+    );
     handleVisible();
     (0, import_vue.onMounted)(() => {
-      import_ui.globalEvents.on($xeContextMenu, "mousewheel", handleGlobalMousewheelEvent);
-      import_ui.globalEvents.on($xeContextMenu, "keydown", handleGlobalKeydownEvent);
-      import_ui.globalEvents.on($xeContextMenu, "mousedown", handleGlobalMousedownEvent);
-      import_ui.globalEvents.on($xeContextMenu, "blur", handleGlobalBlurEvent);
+      globalEvents.on($xeContextMenu, "mousewheel", handleGlobalMousewheelEvent);
+      globalEvents.on($xeContextMenu, "keydown", handleGlobalKeydownEvent);
+      globalEvents.on($xeContextMenu, "mousedown", handleGlobalMousedownEvent);
+      globalEvents.on($xeContextMenu, "blur", handleGlobalBlurEvent);
     });
     (0, import_vue.onBeforeUnmount)(() => {
       const { leaveTime } = internalData;
       if (leaveTime) {
         clearTimeout(leaveTime);
       }
-      import_ui.globalEvents.off($xeContextMenu, "mousewheel");
-      import_ui.globalEvents.off($xeContextMenu, "keydown");
-      import_ui.globalEvents.off($xeContextMenu, "mousedown");
-      import_ui.globalEvents.off($xeContextMenu, "blur");
+      globalEvents.off($xeContextMenu, "mousewheel");
+      globalEvents.off($xeContextMenu, "keydown");
+      globalEvents.off($xeContextMenu, "mousedown");
+      globalEvents.off($xeContextMenu, "blur");
       import_xe_utils.default.assign(reactData, createReactData());
       import_xe_utils.default.assign(internalData, createInternalData());
     });