vxe-pc-ui 4.20.25 → 4.20.26

package/lib/backtop/src/backtop.js

@@ -34,11 +34,12 @@ module.exports = __toCommonJS(backtop_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_log = require("../../ui/src/log");
 var import_utils = require("../../ui/src/utils");
 var import_dom = require("../../ui/src/dom");
 var import_button = __toESM(require("../../button"));
+const { getConfig, getIcon, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 const { errLog } = (0, import_log.createComponentLog)("backtop");
 function createInternalData() {
   return {
@@ -57,73 +58,71 @@ var backtop_default = (0, import_comp.defineVxeComponent)({
     target: String,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().backtop.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().backtop.size || getConfig().size
     },
     circle: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().backtop.circle
+      default: () => getConfig().backtop.circle
     },
     right: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().backtop.right
+      default: () => getConfig().backtop.right
     },
     bottom: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().backtop.bottom
+      default: () => getConfig().backtop.bottom
     },
     status: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().backtop.status
+      default: () => getConfig().backtop.status
     },
     icon: {
       type: String,
-      default: () => (0, import_ui.getConfig)().backtop.icon
+      default: () => getConfig().backtop.icon
     },
     showIcon: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().backtop.showIcon
+      default: () => getConfig().backtop.showIcon
     },
     content: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().backtop.content
+      default: () => getConfig().backtop.content
     },
     showContent: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().backtop.showContent
+      default: () => getConfig().backtop.showContent
     },
     showTop: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().backtop.showTop
+      default: () => getConfig().backtop.showTop
     },
     showBottom: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().backtop.showBottom
+      default: () => getConfig().backtop.showBottom
     },
     shadow: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().backtop.shadow
+      default: () => getConfig().backtop.shadow
     },
     zIndex: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().backtop.zIndex
+      default: () => getConfig().backtop.zIndex
     },
     threshold: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().backtop.threshold
+      default: () => getConfig().backtop.threshold
     },
     position: {
       type: String,
-      default: () => (0, import_ui.getConfig)().backtop.position
+      default: () => getConfig().backtop.position
     }
   },
-  emits: [
-    "click"
-  ],
+  emits: ["click"],
   setup(props, context) {
     const { slots, 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 = {
@@ -155,7 +154,7 @@ var backtop_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $backtop: $xeBacktop }, params));
+      emit(type, createEvent(evnt, { $backtop: $xeBacktop }, params));
     };
     const updateZIndex = () => {
       const { position, zIndex } = props;
@@ -246,42 +245,68 @@ var backtop_default = (0, import_comp.defineVxeComponent)({
       const defaultSlot = slots.default;
       const topSlot = slots.top;
       const bottomSlot = slots.bottom;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-backtop", position === "fixed" ? "is--" + position : "is--absolute", {
-          [`size--${vSize}`]: vSize,
-          "is--visible": showBtn
-        }],
-        style: wrapperStyle
-      }, [
-        showTop && topSlot ? (0, import_vue.h)("div", {
-          class: "vxe-backtop--top-wrapper"
-        }, topSlot({})) : (0, import_ui.renderEmptyElement)($xeBacktop),
-        (0, import_vue.h)("div", {
-          class: "vxe-backtop--content-wrapper",
-          onClick: clickEvent
-        }, [
-          defaultSlot ? defaultSlot({}) : [
-            (0, import_vue.h)(import_button.default, {
-              circle,
-              status,
-              shadow,
-              icon: showIcon ? icon || (0, import_ui.getIcon)().BACKTOP_TOP : "",
-              content: showContent ? content : ""
-            })
-          ]
-        ]),
-        showBottom && bottomSlot ? (0, import_vue.h)("div", {
-          class: "vxe-backtop--bottom-wrapper"
-        }, bottomSlot({})) : (0, import_ui.renderEmptyElement)($xeBacktop)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-backtop",
+            position === "fixed" ? "is--" + position : "is--absolute",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--visible": showBtn
+            }
+          ],
+          style: wrapperStyle
+        },
+        [
+          showTop && topSlot ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-backtop--top-wrapper"
+            },
+            topSlot({})
+          ) : renderEmptyElement($xeBacktop),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-backtop--content-wrapper",
+              onClick: clickEvent
+            },
+            [
+              defaultSlot ? defaultSlot({}) : [
+                (0, import_vue.h)(import_button.default, {
+                  circle,
+                  status,
+                  shadow,
+                  icon: showIcon ? icon || getIcon().BACKTOP_TOP : "",
+                  content: showContent ? content : ""
+                })
+              ]
+            ]
+          ),
+          showBottom && bottomSlot ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-backtop--bottom-wrapper"
+            },
+            bottomSlot({})
+          ) : renderEmptyElement($xeBacktop)
+        ]
+      );
     };
-    (0, import_vue.watch)(() => props.position, () => {
-      updateZIndex();
-    });
-    (0, import_vue.watch)(() => props.target, () => {
-      handleTargetElement();
-    });
+    (0, import_vue.watch)(
+      () => props.position,
+      () => {
+        updateZIndex();
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.target,
+      () => {
+        handleTargetElement();
+      }
+    );
     (0, import_vue.onMounted)(() => {
       const { showTop } = props;
       if (showTop) {

package/lib/badge/src/badge.js

@@ -34,7 +34,8 @@ module.exports = __toCommonJS(badge_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");
+const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var badge_default = (0, import_comp.defineVxeComponent)({
   name: "VxeBadge",
   props: {
@@ -44,11 +45,11 @@ var badge_default = (0, import_comp.defineVxeComponent)({
     content: [String, Number],
     max: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().badge.max
+      default: () => getConfig().badge.max
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().badge.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().badge.size || getConfig().size
     }
   },
   emits: [],
@@ -56,7 +57,7 @@ var badge_default = (0, import_comp.defineVxeComponent)({
     const { emit, slots } = 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 reactData = (0, import_vue.reactive)({});
     const refMaps = {
       refElem
@@ -87,7 +88,7 @@ var badge_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $badge: $xeBadge }, params));
+      emit(type, createEvent(evnt, { $badge: $xeBadge }, params));
     };
     const badgeMethods = {
       dispatchEvent
@@ -99,20 +100,35 @@ var badge_default = (0, import_comp.defineVxeComponent)({
       const vSize = computeSize.value;
       const label = computeLabel.value;
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-badge", {
-          [`size--${vSize}`]: vSize,
-          "is--dot": dot
-        }]
-      }, [
-        defaultSlot || content ? (0, import_vue.h)("div", {
-          class: "vxe-badge--content"
-        }, defaultSlot ? defaultSlot({}) : `${content || ""}`) : [],
-        label ? (0, import_vue.h)("span", {
-          class: "vxe-badge--label"
-        }, label) : (0, import_ui.renderEmptyElement)($xeBadge)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-badge",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--dot": dot
+            }
+          ]
+        },
+        [
+          defaultSlot || content ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-badge--content"
+            },
+            defaultSlot ? defaultSlot({}) : `${content || ""}`
+          ) : [],
+          label ? (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-badge--label"
+            },
+            label
+          ) : renderEmptyElement($xeBadge)
+        ]
+      );
     };
     $xeBadge.renderVN = renderVN;
     return $xeBadge;

package/lib/breadcrumb/src/breadcrumb-item.js

@@ -34,7 +34,8 @@ module.exports = __toCommonJS(breadcrumb_item_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");
+const { renderEmptyElement } = import_core.VxeUI;
 var breadcrumb_item_default = (0, import_comp.defineVxeComponent)({
   name: "VxeBreadcrumbItem",
   props: {
@@ -79,32 +80,56 @@ var breadcrumb_item_default = (0, import_comp.defineVxeComponent)({
       const { title, routerLink } = props;
       const separator = computeSeparator.value;
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("span", {
-        ref: refElem,
-        class: "vxe-breadcrumb-item",
-        onClick: clickEvent
-      }, [
-        (0, import_vue.h)("span", {
-          class: "vxe-breadcrumb-item--content"
-        }, [
-          routerLink ? (0, import_vue.h)((0, import_vue.resolveComponent)("router-link"), {
-            class: "vxe-breadcrumb-item--content-link",
-            title,
-            to: routerLink
-          }, {
-            default() {
-              return (0, import_vue.h)("span", {
-                class: "vxe-breadcrumb-item--content-text"
-              }, defaultSlot ? defaultSlot({}) : `${title || ""}`);
-            }
-          }) : (0, import_vue.h)("span", {
-            class: "vxe-breadcrumb-item--content-text"
-          }, defaultSlot ? defaultSlot({}) : `${title || ""}`)
-        ]),
-        separator ? (0, import_vue.h)("span", {
-          class: "vxe-breadcrumb-item--separator"
-        }, `${separator}`) : (0, import_ui.renderEmptyElement)($xeBreadcrumbItem)
-      ]);
+      return (0, import_vue.h)(
+        "span",
+        {
+          ref: refElem,
+          class: "vxe-breadcrumb-item",
+          onClick: clickEvent
+        },
+        [
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-breadcrumb-item--content"
+            },
+            [
+              routerLink ? (0, import_vue.h)(
+                (0, import_vue.resolveComponent)("router-link"),
+                {
+                  class: "vxe-breadcrumb-item--content-link",
+                  title,
+                  to: routerLink
+                },
+                {
+                  default() {
+                    return (0, import_vue.h)(
+                      "span",
+                      {
+                        class: "vxe-breadcrumb-item--content-text"
+                      },
+                      defaultSlot ? defaultSlot({}) : `${title || ""}`
+                    );
+                  }
+                }
+              ) : (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-breadcrumb-item--content-text"
+                },
+                defaultSlot ? defaultSlot({}) : `${title || ""}`
+              )
+            ]
+          ),
+          separator ? (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-breadcrumb-item--separator"
+            },
+            `${separator}`
+          ) : renderEmptyElement($xeBreadcrumbItem)
+        ]
+      );
     };
     $xeBreadcrumbItem.renderVN = renderVN;
     return $xeBreadcrumbItem;

package/lib/breadcrumb/src/breadcrumb.js

@@ -33,21 +33,20 @@ __export(breadcrumb_exports, {
 module.exports = __toCommonJS(breadcrumb_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_breadcrumb_item = __toESM(require("./breadcrumb-item"));
+const { getConfig, createEvent } = import_core.VxeUI;
 var breadcrumb_default = (0, import_comp.defineVxeComponent)({
   name: "VxeBreadcrumb",
   props: {
     separator: {
       type: String,
-      default: () => (0, import_ui.getConfig)().breadcrumb.separator
+      default: () => getConfig().breadcrumb.separator
     },
     options: Array
   },
-  emits: [
-    "click"
-  ],
+  emits: ["click"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -67,7 +66,7 @@ var breadcrumb_default = (0, import_comp.defineVxeComponent)({
     };
     const breadcrumbMethods = {
       dispatchEvent(type, params, evnt) {
-        emit(type, (0, import_ui.createEvent)(evnt, { $breadcrumb: $xeBreadcrumb }, params));
+        emit(type, createEvent(evnt, { $breadcrumb: $xeBreadcrumb }, params));
       }
     };
     const breadcrumbPrivateMethods = {
@@ -90,10 +89,14 @@ var breadcrumb_default = (0, import_comp.defineVxeComponent)({
     };
     const renderVN = () => {
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: "vxe-breadcrumb"
-      }, defaultSlot ? defaultSlot({}) : renderItems());
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: "vxe-breadcrumb"
+        },
+        defaultSlot ? defaultSlot({}) : renderItems()
+      );
     };
     (0, import_vue.provide)("$xeBreadcrumb", $xeBreadcrumb);
     $xeBreadcrumb.renderVN = renderVN;

package/lib/button/src/button-group.js

@@ -33,9 +33,10 @@ __export(button_group_exports, {
 module.exports = __toCommonJS(button_group_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_button = __toESM(require("./button"));
+const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var button_group_default = (0, import_comp.defineVxeComponent)({
   name: "VxeButtonGroup",
   props: {
@@ -51,13 +52,10 @@ var button_group_default = (0, import_comp.defineVxeComponent)({
     permissionCode: [String, Number],
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().buttonGroup.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().buttonGroup.size || getConfig().size
     }
   },
-  emits: [
-    "click",
-    "contextmenu"
-  ],
+  emits: ["click", "contextmenu"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -70,10 +68,10 @@ var button_group_default = (0, import_comp.defineVxeComponent)({
       reactData,
       getComputeMaps: () => computeMaps
     };
-    (0, import_ui.useSize)(props);
-    const { computePermissionInfo } = (0, import_ui.usePermission)(props);
+    useFns.useSize(props);
+    const { computePermissionInfo } = useFns.usePermission(props);
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $buttonGroup: $xeButtonGroup }, params));
+      emit(type, createEvent(evnt, { $buttonGroup: $xeButtonGroup }, params));
     };
     const buttonGroupMethods = {
       dispatchEvent
@@ -95,19 +93,27 @@ var button_group_default = (0, import_comp.defineVxeComponent)({
       const permissionInfo = computePermissionInfo.value;
       const defaultSlot = slots.default;
       if (!permissionInfo.visible) {
-        return (0, import_ui.renderEmptyElement)($xeButtonGroup);
+        return renderEmptyElement($xeButtonGroup);
       }
-      return (0, import_vue.h)("div", {
-        class: ["vxe-button-group", className ? import_xe_utils.default.isFunction(className) ? className({ $buttonGroup: $xeButtonGroup }) : className : "", {
-          "is--vertical": vertical
-        }],
-        onContextmenu: contextmenuEvent
-      }, defaultSlot ? defaultSlot({}) : options ? options.map((item, index) => {
-        return (0, import_vue.h)(import_button.default, {
-          key: index,
-          ...item
-        });
-      }) : []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-button-group",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $buttonGroup: $xeButtonGroup }) : className : "",
+            {
+              "is--vertical": vertical
+            }
+          ],
+          onContextmenu: contextmenuEvent
+        },
+        defaultSlot ? defaultSlot({}) : options ? options.map((item, index) => {
+          return (0, import_vue.h)(import_button.default, {
+            key: index,
+            ...item
+          });
+        }) : []
+      );
     };
     $xeButtonGroup.renderVN = renderVN;
     (0, import_vue.provide)("$xeButtonGroup", $xeButtonGroup);