vxe-pc-ui 4.20.25 → 4.20.26

package/es/tag/src/tag.js

@@ -1,7 +1,8 @@
 import { ref, h, reactive, watch } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, getIcon, createEvent, useSize, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { getConfig, getIcon, createEvent, useFns, renderEmptyElement } = VxeUI;
 var tag_default = defineVxeComponent({
   name: "VxeTag",
   props: {
@@ -33,16 +34,11 @@ var tag_default = defineVxeComponent({
       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 = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = ref();
     const reactData = reactive({
       showTag: props.visible !== false
@@ -97,24 +93,36 @@ var tag_default = defineVxeComponent({
       const iconSlot = slots.icon;
       const closeIconSlot = slots.closeIcon || slots["close-icon"];
       return [
-        iconSlot || icon ? h("span", {
-          class: "vxe-tag--icon"
-        }, iconSlot ? iconSlot({}) : [
-          h("i", {
-            class: icon
-          })
-        ]) : renderEmptyElement($xeTag),
-        h("span", {
-          class: "vxe-tag--content"
-        }, defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content)),
-        loading || closable ? h("span", {
-          class: loading ? "vxe-tag--loading" : "vxe-tag--close",
-          onClick: closeEvent
-        }, !loading && closeIconSlot ? closeIconSlot({}) : [
-          h("i", {
-            class: loading ? getIcon().TAG_LOADING : closeIcon || getIcon().TAG_CLOSE
-          })
-        ]) : renderEmptyElement($xeTag)
+        iconSlot || icon ? h(
+          "span",
+          {
+            class: "vxe-tag--icon"
+          },
+          iconSlot ? iconSlot({}) : [
+            h("i", {
+              class: icon
+            })
+          ]
+        ) : renderEmptyElement($xeTag),
+        h(
+          "span",
+          {
+            class: "vxe-tag--content"
+          },
+          defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content)
+        ),
+        loading || closable ? h(
+          "span",
+          {
+            class: loading ? "vxe-tag--loading" : "vxe-tag--close",
+            onClick: closeEvent
+          },
+          !loading && closeIconSlot ? closeIconSlot({}) : [
+            h("i", {
+              class: loading ? getIcon().TAG_LOADING : closeIcon || getIcon().TAG_CLOSE
+            })
+          ]
+        ) : renderEmptyElement($xeTag)
       ];
     };
     const renderVN = () => {
@@ -124,24 +132,34 @@ var tag_default = defineVxeComponent({
       if (!showTag) {
         return renderEmptyElement($xeTag);
       }
-      return 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 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()
+      );
     };
-    watch(() => props.visible, () => {
-      updateVisible();
-    });
+    watch(
+      () => props.visible,
+      () => {
+        updateVisible();
+      }
+    );
     updateVisible();
     $xeTag.renderVN = renderVN;
     return $xeTag;

package/es/text/src/text.js

@@ -1,7 +1,8 @@
 import { ref, h, reactive, computed } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { VxeUI, getConfig, getIcon, getI18n, useSize, createEvent } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { getConfig, getIcon, getI18n, useFns, createEvent } = VxeUI;
 var text_default = defineVxeComponent({
   name: "VxeText",
   props: {
@@ -22,18 +23,11 @@ var text_default = defineVxeComponent({
       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 = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = ref();
     const refContentElem = ref();
     const reactData = reactive({});
@@ -127,18 +121,25 @@ var text_default = defineVxeComponent({
     const renderCopyIcon = () => {
       const copyOpts = computeCopyOpts.value;
       const { icon, status } = copyOpts;
-      return h("span", {
-        key: "ci",
-        class: ["vxe-text--copy-icon", {
-          [`theme--${status}`]: status
-        }],
-        onClick: clickIconEvent,
-        onDblclick: dblclickIconEvent
-      }, [
-        h("i", {
-          class: icon || getIcon().TEXT_COPY
-        })
-      ]);
+      return h(
+        "span",
+        {
+          key: "ci",
+          class: [
+            "vxe-text--copy-icon",
+            {
+              [`theme--${status}`]: status
+            }
+          ],
+          onClick: clickIconEvent,
+          onDblclick: dblclickIconEvent
+        },
+        [
+          h("i", {
+            class: icon || getIcon().TEXT_COPY
+          })
+        ]
+      );
     };
     const renderContent = () => {
       const { loading, icon, prefixIcon, suffixIcon, clickToCopy, content } = props;
@@ -150,51 +151,67 @@ var text_default = defineVxeComponent({
       const contVNs = [];
       if (loading) {
         contVNs.push(
-          h("span", {
-            key: "lg",
-            class: "vxe-text--loading"
-          }, [
-            h("i", {
-              class: getIcon().TEXT_LOADING
-            })
-          ])
+          h(
+            "span",
+            {
+              key: "lg",
+              class: "vxe-text--loading"
+            },
+            [
+              h("i", {
+                class: getIcon().TEXT_LOADING
+              })
+            ]
+          )
         );
       } else if (clickToCopy && !copyToRight) {
         contVNs.push(renderCopyIcon());
       }
       if (prefixIcon || icon) {
         contVNs.push(
-          h("span", {
-            key: "si",
-            class: "vxe-text--prefix-icon",
-            onClick: prefixEvent
-          }, prefixIconSlot ? prefixIconSlot({}) : [
-            h("i", {
-              class: prefixIcon || icon
-            })
-          ])
+          h(
+            "span",
+            {
+              key: "si",
+              class: "vxe-text--prefix-icon",
+              onClick: prefixEvent
+            },
+            prefixIconSlot ? prefixIconSlot({}) : [
+              h("i", {
+                class: prefixIcon || icon
+              })
+            ]
+          )
         );
       }
       contVNs.push(
-        h("span", {
-          key: "ct",
-          ref: refContentElem,
-          class: "vxe-text--content",
-          onClick: clickEvent,
-          onDblclick: dblclickEvent
-        }, defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content))
+        h(
+          "span",
+          {
+            key: "ct",
+            ref: refContentElem,
+            class: "vxe-text--content",
+            onClick: clickEvent,
+            onDblclick: dblclickEvent
+          },
+          defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content)
+        )
       );
       if (suffixIcon) {
         contVNs.push(
-          h("span", {
-            key: "si",
-            class: "vxe-text--suffix-icon",
-            onClick: suffixEvent
-          }, suffixIconSlot ? suffixIconSlot({}) : [
-            h("i", {
-              class: suffixIcon
-            })
-          ])
+          h(
+            "span",
+            {
+              key: "si",
+              class: "vxe-text--suffix-icon",
+              onClick: suffixEvent
+            },
+            suffixIconSlot ? suffixIconSlot({}) : [
+              h("i", {
+                class: suffixIcon
+              })
+            ]
+          )
         );
       }
       if (clickToCopy && copyToRight && !loading) {
@@ -205,16 +222,23 @@ var text_default = defineVxeComponent({
     const renderVN = () => {
       const { loading, status, title, clickToCopy } = props;
       const vSize = computeSize.value;
-      return h("span", {
-        ref: refElem,
-        title,
-        class: ["vxe-text", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "is--copy": clickToCopy,
-          "is--loading": loading
-        }]
-      }, renderContent());
+      return 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/es/text-ellipsis/src/text-ellipsis.js

@@ -1,7 +1,8 @@
 import { ref, h, watch, computed, reactive, resolveComponent, onMounted, onBeforeUnmount } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, createEvent, usePermission, useSize, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI;
 var text_ellipsis_default = defineVxeComponent({
   name: "VxeTextEllipsis",
   props: {
@@ -27,14 +28,12 @@ var text_ellipsis_default = defineVxeComponent({
       default: () => getConfig().textEllipsis.size || getConfig().size
     }
   },
-  emits: [
-    "click"
-  ],
+  emits: ["click"],
   setup(props, context) {
     const { emit } = context;
     const xID = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
-    const { computePermissionInfo } = usePermission(props);
+    const { computeSize } = useFns.useSize(props);
+    const { computePermissionInfo } = useFns.usePermission(props);
     const refElem = ref();
     const realityElem = ref();
     const reactData = reactive({
@@ -148,9 +147,15 @@ var text_ellipsis_default = defineVxeComponent({
         const el = refElem.value;
         if (el && textLineClamp > 1) {
           if (window.ResizeObserver) {
-            const observerObj = new window.ResizeObserver(XEUtils.throttle(() => {
-              updateStyle();
-            }, 300, { leading: true, trailing: true }));
+            const observerObj = new window.ResizeObserver(
+              XEUtils.throttle(
+                () => {
+                  updateStyle();
+                },
+                300,
+                { leading: true, trailing: true }
+              )
+            );
             observerObj.observe(el);
             reactData.resizeObserver = observerObj;
           }
@@ -163,28 +168,40 @@ var text_ellipsis_default = defineVxeComponent({
       const { routerLink, href, target, title } = props;
       const visibleContent = computeVisibleContent.value;
       if (routerLink) {
-        return h(resolveComponent("router-link"), {
-          class: "vxe-text-ellipsis--link",
-          title,
-          target,
-          to: routerLink
-        }, {
-          default() {
-            return renderContent();
+        return h(
+          resolveComponent("router-link"),
+          {
+            class: "vxe-text-ellipsis--link",
+            title,
+            target,
+            to: routerLink
+          },
+          {
+            default() {
+              return renderContent();
+            }
           }
-        });
+        );
       }
       if (href) {
-        return h("a", {
-          class: "vxe-text-ellipsis--link",
-          href,
-          target,
-          title
-        }, visibleContent);
+        return h(
+          "a",
+          {
+            class: "vxe-text-ellipsis--link",
+            href,
+            target,
+            title
+          },
+          visibleContent
+        );
       }
-      return h("span", {
-        class: "vxe-text-ellipsis--content"
-      }, visibleContent);
+      return h(
+        "span",
+        {
+          class: "vxe-text-ellipsis--content"
+        },
+        visibleContent
+      );
     };
     const renderVN = () => {
       const { loading, status, title, underline } = props;
@@ -194,31 +211,45 @@ var text_ellipsis_default = defineVxeComponent({
       if (!permissionInfo.visible) {
         return renderEmptyElement($xeTextEllipsis);
       }
-      return 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
-      }, [
-        h("span", {
-          ref: realityElem,
-          class: "vxe-text-ellipsis--reality"
-        }),
-        renderContent()
-      ]);
+      return 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
+        },
+        [
+          h("span", {
+            ref: realityElem,
+            class: "vxe-text-ellipsis--reality"
+          }),
+          renderContent()
+        ]
+      );
     };
-    watch(() => props.content, () => {
-      updateStyle();
-    });
-    watch(() => props.lineClamp, () => {
-      initObserver();
-      updateStyle();
-    });
+    watch(
+      () => props.content,
+      () => {
+        updateStyle();
+      }
+    );
+    watch(
+      () => props.lineClamp,
+      () => {
+        initObserver();
+        updateStyle();
+      }
+    );
     onMounted(() => {
       initObserver();
       updateStyle();