vxe-pc-ui 4.20.25 → 4.20.26

package/lib/tag/src/tag.js

@@ -34,13 +34,14 @@ module.exports = __toCommonJS(tag_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, getIcon, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var tag_default = (0, import_comp.defineVxeComponent)({
   name: "VxeTag",
   props: {
     border: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().tag.border
+      default: () => getConfig().tag.border
     },
     visible: {
       type: Boolean,
@@ -51,31 +52,26 @@ var tag_default = (0, import_comp.defineVxeComponent)({
     icon: String,
     closeIcon: {
       type: String,
-      default: () => (0, import_ui.getConfig)().tag.closeIcon
+      default: () => getConfig().tag.closeIcon
     },
     content: [String, Number],
     round: Boolean,
     closable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().tag.closable
+      default: () => getConfig().tag.closable
     },
     color: String,
     loading: Boolean,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().tag.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().tag.size || getConfig().size
     }
   },
-  emits: [
-    "click",
-    "dblclick",
-    "close",
-    "update:visible"
-  ],
+  emits: ["click", "dblclick", "close", "update:visible"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = (0, import_vue.ref)();
     const reactData = (0, import_vue.reactive)({
       showTag: props.visible !== false
@@ -93,7 +89,7 @@ var tag_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $tag: $xeTag }, params));
+      emit(type, createEvent(evnt, { $tag: $xeTag }, params));
     };
     const tagMethods = {
       dispatchEvent
@@ -130,24 +126,36 @@ var tag_default = (0, import_comp.defineVxeComponent)({
       const iconSlot = slots.icon;
       const closeIconSlot = slots.closeIcon || slots["close-icon"];
       return [
-        iconSlot || icon ? (0, import_vue.h)("span", {
-          class: "vxe-tag--icon"
-        }, iconSlot ? iconSlot({}) : [
-          (0, import_vue.h)("i", {
-            class: icon
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeTag),
-        (0, import_vue.h)("span", {
-          class: "vxe-tag--content"
-        }, defaultSlot ? defaultSlot({}) : import_xe_utils.default.toValueString(content)),
-        loading || closable ? (0, import_vue.h)("span", {
-          class: loading ? "vxe-tag--loading" : "vxe-tag--close",
-          onClick: closeEvent
-        }, !loading && closeIconSlot ? closeIconSlot({}) : [
-          (0, import_vue.h)("i", {
-            class: loading ? (0, import_ui.getIcon)().TAG_LOADING : closeIcon || (0, import_ui.getIcon)().TAG_CLOSE
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeTag)
+        iconSlot || icon ? (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-tag--icon"
+          },
+          iconSlot ? iconSlot({}) : [
+            (0, import_vue.h)("i", {
+              class: icon
+            })
+          ]
+        ) : renderEmptyElement($xeTag),
+        (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-tag--content"
+          },
+          defaultSlot ? defaultSlot({}) : import_xe_utils.default.toValueString(content)
+        ),
+        loading || closable ? (0, import_vue.h)(
+          "span",
+          {
+            class: loading ? "vxe-tag--loading" : "vxe-tag--close",
+            onClick: closeEvent
+          },
+          !loading && closeIconSlot ? closeIconSlot({}) : [
+            (0, import_vue.h)("i", {
+              class: loading ? getIcon().TAG_LOADING : closeIcon || getIcon().TAG_CLOSE
+            })
+          ]
+        ) : renderEmptyElement($xeTag)
       ];
     };
     const renderVN = () => {
@@ -155,26 +163,36 @@ var tag_default = (0, import_comp.defineVxeComponent)({
       const { showTag } = reactData;
       const vSize = computeSize.value;
       if (!showTag) {
-        return (0, import_ui.renderEmptyElement)($xeTag);
+        return renderEmptyElement($xeTag);
       }
-      return (0, import_vue.h)("span", {
-        ref: refElem,
-        class: ["vxe-tag", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status && !color,
-          [`color--${color}`]: color && !status,
-          "is--round": round,
-          "is--border": border,
-          "is--loading": loading
-        }],
-        title,
-        onClick: clickEvent,
-        onDblclick: dblclickEvent
-      }, renderContent());
+      return (0, import_vue.h)(
+        "span",
+        {
+          ref: refElem,
+          class: [
+            "vxe-tag",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status && !color,
+              [`color--${color}`]: color && !status,
+              "is--round": round,
+              "is--border": border,
+              "is--loading": loading
+            }
+          ],
+          title,
+          onClick: clickEvent,
+          onDblclick: dblclickEvent
+        },
+        renderContent()
+      );
     };
-    (0, import_vue.watch)(() => props.visible, () => {
-      updateVisible();
-    });
+    (0, import_vue.watch)(
+      () => props.visible,
+      () => {
+        updateVisible();
+      }
+    );
     updateVisible();
     $xeTag.renderVN = renderVN;
     return $xeTag;

package/lib/text/src/text.js

@@ -34,7 +34,8 @@ module.exports = __toCommonJS(text_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, getIcon, getI18n, useFns, createEvent } = import_core.VxeUI;
 var text_default = (0, import_comp.defineVxeComponent)({
   name: "VxeText",
   props: {
@@ -47,31 +48,24 @@ var text_default = (0, import_comp.defineVxeComponent)({
     content: [String, Number],
     clickToCopy: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().text.clickToCopy
+      default: () => getConfig().text.clickToCopy
     },
     copyConfig: Object,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().text.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().text.size || getConfig().size
     }
   },
-  emits: [
-    "click",
-    "dblclick",
-    "prefix-click",
-    "suffix-click",
-    "copy-success",
-    "copy-error"
-  ],
+  emits: ["click", "dblclick", "prefix-click", "suffix-click", "copy-success", "copy-error"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = (0, import_vue.ref)();
     const refContentElem = (0, import_vue.ref)();
     const reactData = (0, import_vue.reactive)({});
     const computeCopyOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().text.copyConfig, props.copyConfig);
+      return Object.assign({}, getConfig().text.copyConfig, props.copyConfig);
     });
     const refMaps = {
       refElem
@@ -84,18 +78,18 @@ var text_default = (0, import_comp.defineVxeComponent)({
       const contentEl = refContentElem.value;
       const copyVal = (contentEl ? contentEl.textContent : "") || content;
       if (copyVal) {
-        if (import_ui.VxeUI.clipboard.copy(copyVal)) {
-          if (showMessage && import_ui.VxeUI.modal) {
-            import_ui.VxeUI.modal.message({
-              content: (0, import_ui.getI18n)("vxe.text.copySuccess"),
+        if (import_core.VxeUI.clipboard.copy(copyVal)) {
+          if (showMessage && import_core.VxeUI.modal) {
+            import_core.VxeUI.modal.message({
+              content: getI18n("vxe.text.copySuccess"),
               status: "success"
             });
           }
           dispatchEvent("copy-success", {}, evnt);
         } else {
-          if (showMessage && import_ui.VxeUI.modal) {
-            import_ui.VxeUI.modal.message({
-              content: (0, import_ui.getI18n)("vxe.text.copyError"),
+          if (showMessage && import_core.VxeUI.modal) {
+            import_core.VxeUI.modal.message({
+              content: getI18n("vxe.text.copyError"),
               status: "error"
             });
           }
@@ -126,7 +120,7 @@ var text_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $text: $xeText }, params));
+      emit(type, createEvent(evnt, { $text: $xeText }, params));
     };
     const textMethods = {
       dispatchEvent
@@ -160,18 +154,25 @@ var text_default = (0, import_comp.defineVxeComponent)({
     const renderCopyIcon = () => {
       const copyOpts = computeCopyOpts.value;
       const { icon, status } = copyOpts;
-      return (0, import_vue.h)("span", {
-        key: "ci",
-        class: ["vxe-text--copy-icon", {
-          [`theme--${status}`]: status
-        }],
-        onClick: clickIconEvent,
-        onDblclick: dblclickIconEvent
-      }, [
-        (0, import_vue.h)("i", {
-          class: icon || (0, import_ui.getIcon)().TEXT_COPY
-        })
-      ]);
+      return (0, import_vue.h)(
+        "span",
+        {
+          key: "ci",
+          class: [
+            "vxe-text--copy-icon",
+            {
+              [`theme--${status}`]: status
+            }
+          ],
+          onClick: clickIconEvent,
+          onDblclick: dblclickIconEvent
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: icon || getIcon().TEXT_COPY
+          })
+        ]
+      );
     };
     const renderContent = () => {
       const { loading, icon, prefixIcon, suffixIcon, clickToCopy, content } = props;
@@ -183,51 +184,67 @@ var text_default = (0, import_comp.defineVxeComponent)({
       const contVNs = [];
       if (loading) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            key: "lg",
-            class: "vxe-text--loading"
-          }, [
-            (0, import_vue.h)("i", {
-              class: (0, import_ui.getIcon)().TEXT_LOADING
-            })
-          ])
+          (0, import_vue.h)(
+            "span",
+            {
+              key: "lg",
+              class: "vxe-text--loading"
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().TEXT_LOADING
+              })
+            ]
+          )
         );
       } else if (clickToCopy && !copyToRight) {
         contVNs.push(renderCopyIcon());
       }
       if (prefixIcon || icon) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            key: "si",
-            class: "vxe-text--prefix-icon",
-            onClick: prefixEvent
-          }, prefixIconSlot ? prefixIconSlot({}) : [
-            (0, import_vue.h)("i", {
-              class: prefixIcon || icon
-            })
-          ])
+          (0, import_vue.h)(
+            "span",
+            {
+              key: "si",
+              class: "vxe-text--prefix-icon",
+              onClick: prefixEvent
+            },
+            prefixIconSlot ? prefixIconSlot({}) : [
+              (0, import_vue.h)("i", {
+                class: prefixIcon || icon
+              })
+            ]
+          )
         );
       }
       contVNs.push(
-        (0, import_vue.h)("span", {
-          key: "ct",
-          ref: refContentElem,
-          class: "vxe-text--content",
-          onClick: clickEvent,
-          onDblclick: dblclickEvent
-        }, defaultSlot ? defaultSlot({}) : import_xe_utils.default.toValueString(content))
+        (0, import_vue.h)(
+          "span",
+          {
+            key: "ct",
+            ref: refContentElem,
+            class: "vxe-text--content",
+            onClick: clickEvent,
+            onDblclick: dblclickEvent
+          },
+          defaultSlot ? defaultSlot({}) : import_xe_utils.default.toValueString(content)
+        )
       );
       if (suffixIcon) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            key: "si",
-            class: "vxe-text--suffix-icon",
-            onClick: suffixEvent
-          }, suffixIconSlot ? suffixIconSlot({}) : [
-            (0, import_vue.h)("i", {
-              class: suffixIcon
-            })
-          ])
+          (0, import_vue.h)(
+            "span",
+            {
+              key: "si",
+              class: "vxe-text--suffix-icon",
+              onClick: suffixEvent
+            },
+            suffixIconSlot ? suffixIconSlot({}) : [
+              (0, import_vue.h)("i", {
+                class: suffixIcon
+              })
+            ]
+          )
         );
       }
       if (clickToCopy && copyToRight && !loading) {
@@ -238,16 +255,23 @@ var text_default = (0, import_comp.defineVxeComponent)({
     const renderVN = () => {
       const { loading, status, title, clickToCopy } = props;
       const vSize = computeSize.value;
-      return (0, import_vue.h)("span", {
-        ref: refElem,
-        title,
-        class: ["vxe-text", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "is--copy": clickToCopy,
-          "is--loading": loading
-        }]
-      }, renderContent());
+      return (0, import_vue.h)(
+        "span",
+        {
+          ref: refElem,
+          title,
+          class: [
+            "vxe-text",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status,
+              "is--copy": clickToCopy,
+              "is--loading": loading
+            }
+          ]
+        },
+        renderContent()
+      );
     };
     $xeText.renderVN = renderVN;
     return $xeText;

package/lib/text-ellipsis/src/text-ellipsis.js

@@ -34,7 +34,8 @@ module.exports = __toCommonJS(text_ellipsis_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 text_ellipsis_default = (0, import_comp.defineVxeComponent)({
   name: "VxeTextEllipsis",
   props: {
@@ -49,7 +50,7 @@ var text_ellipsis_default = (0, import_comp.defineVxeComponent)({
     routerLink: Object,
     underline: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().textEllipsis.underline
+      default: () => getConfig().textEllipsis.underline
     },
     /**
      * 权限码
@@ -57,17 +58,15 @@ var text_ellipsis_default = (0, import_comp.defineVxeComponent)({
     permissionCode: [String, Number],
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().textEllipsis.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().textEllipsis.size || getConfig().size
     }
   },
-  emits: [
-    "click"
-  ],
+  emits: ["click"],
   setup(props, context) {
     const { emit } = context;
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
-    const { computePermissionInfo } = (0, import_ui.usePermission)(props);
+    const { computeSize } = useFns.useSize(props);
+    const { computePermissionInfo } = useFns.usePermission(props);
     const refElem = (0, import_vue.ref)();
     const realityElem = (0, import_vue.ref)();
     const reactData = (0, import_vue.reactive)({
@@ -109,7 +108,7 @@ var text_ellipsis_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $textEllipsis: $xeTextEllipsis }, params));
+      emit(type, createEvent(evnt, { $textEllipsis: $xeTextEllipsis }, params));
     };
     const calculateFont = (targetWidth) => {
       const el = refElem.value;
@@ -181,9 +180,15 @@ var text_ellipsis_default = (0, import_comp.defineVxeComponent)({
         const el = refElem.value;
         if (el && textLineClamp > 1) {
           if (window.ResizeObserver) {
-            const observerObj = new window.ResizeObserver(import_xe_utils.default.throttle(() => {
-              updateStyle();
-            }, 300, { leading: true, trailing: true }));
+            const observerObj = new window.ResizeObserver(
+              import_xe_utils.default.throttle(
+                () => {
+                  updateStyle();
+                },
+                300,
+                { leading: true, trailing: true }
+              )
+            );
             observerObj.observe(el);
             reactData.resizeObserver = observerObj;
           }
@@ -196,28 +201,40 @@ var text_ellipsis_default = (0, import_comp.defineVxeComponent)({
       const { routerLink, href, target, title } = props;
       const visibleContent = computeVisibleContent.value;
       if (routerLink) {
-        return (0, import_vue.h)((0, import_vue.resolveComponent)("router-link"), {
-          class: "vxe-text-ellipsis--link",
-          title,
-          target,
-          to: routerLink
-        }, {
-          default() {
-            return renderContent();
+        return (0, import_vue.h)(
+          (0, import_vue.resolveComponent)("router-link"),
+          {
+            class: "vxe-text-ellipsis--link",
+            title,
+            target,
+            to: routerLink
+          },
+          {
+            default() {
+              return renderContent();
+            }
           }
-        });
+        );
       }
       if (href) {
-        return (0, import_vue.h)("a", {
-          class: "vxe-text-ellipsis--link",
-          href,
-          target,
-          title
-        }, visibleContent);
+        return (0, import_vue.h)(
+          "a",
+          {
+            class: "vxe-text-ellipsis--link",
+            href,
+            target,
+            title
+          },
+          visibleContent
+        );
       }
-      return (0, import_vue.h)("span", {
-        class: "vxe-text-ellipsis--content"
-      }, visibleContent);
+      return (0, import_vue.h)(
+        "span",
+        {
+          class: "vxe-text-ellipsis--content"
+        },
+        visibleContent
+      );
     };
     const renderVN = () => {
       const { loading, status, title, underline } = props;
@@ -225,33 +242,47 @@ var text_ellipsis_default = (0, import_comp.defineVxeComponent)({
       const vSize = computeSize.value;
       const textLineClamp = computeTextLineClamp.value;
       if (!permissionInfo.visible) {
-        return (0, import_ui.renderEmptyElement)($xeTextEllipsis);
+        return renderEmptyElement($xeTextEllipsis);
       }
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-text-ellipsis", textLineClamp > 1 ? "is--multi" : "is--single", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "is--underline": underline,
-          "is--loading": loading
-        }],
-        title,
-        onClick: clickEvent
-      }, [
-        (0, import_vue.h)("span", {
-          ref: realityElem,
-          class: "vxe-text-ellipsis--reality"
-        }),
-        renderContent()
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-text-ellipsis",
+            textLineClamp > 1 ? "is--multi" : "is--single",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status,
+              "is--underline": underline,
+              "is--loading": loading
+            }
+          ],
+          title,
+          onClick: clickEvent
+        },
+        [
+          (0, import_vue.h)("span", {
+            ref: realityElem,
+            class: "vxe-text-ellipsis--reality"
+          }),
+          renderContent()
+        ]
+      );
     };
-    (0, import_vue.watch)(() => props.content, () => {
-      updateStyle();
-    });
-    (0, import_vue.watch)(() => props.lineClamp, () => {
-      initObserver();
-      updateStyle();
-    });
+    (0, import_vue.watch)(
+      () => props.content,
+      () => {
+        updateStyle();
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.lineClamp,
+      () => {
+        initObserver();
+        updateStyle();
+      }
+    );
     (0, import_vue.onMounted)(() => {
       initObserver();
       updateStyle();