vxe-pc-ui 4.20.25 → 4.20.27

package/es/alert/src/alert.js

@@ -1,7 +1,7 @@
 import { ref, h, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { VxeUI } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getSlotVNs } from "../../ui/src/vn";
 const { getConfig, getIcon, createEvent, renderEmptyElement } = VxeUI;
 var alert_default = defineVxeComponent({
@@ -20,9 +20,7 @@ var alert_default = defineVxeComponent({
       default: () => getConfig().alert.icon
     }
   },
-  emits: [
-    "close"
-  ],
+  emits: ["close"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = XEUtils.uniqueId();
@@ -55,38 +53,65 @@ var alert_default = defineVxeComponent({
       const defaultSlot = slots.default;
       const titleSlot = slots.title;
       const iconSlot = slots.icon;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-alert", {
-          [`theme--${status}`]: status
-        }]
-      }, [
-        iconSlot || showIcon && status || icon ? h("div", {
-          class: "vxe-alert--icon"
-        }, iconSlot ? getSlotVNs(iconSlot({})) : [
-          h("i", {
-            class: icon || getIcon()[`ALERT_${status == null ? void 0 : status.toUpperCase()}`]
-          })
-        ]) : renderEmptyElement($xeAlert),
-        h("div", {
-          class: "vxe-alert--body"
-        }, [
-          titleSlot || title ? h("div", {
-            class: "vxe-alert--title"
-          }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title)) : renderEmptyElement($xeAlert),
-          h("div", {
-            class: "vxe-alert--content"
-          }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
-        ]),
-        showClose ? h("div", {
-          class: "vxe-alert--close-btn",
-          onClick: closeEvent
-        }, [
-          h("i", {
-            class: getIcon().ALERT_CLOSE
-          })
-        ]) : renderEmptyElement($xeAlert)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-alert",
+            {
+              [`theme--${status}`]: status
+            }
+          ]
+        },
+        [
+          iconSlot || showIcon && status || icon ? h(
+            "div",
+            {
+              class: "vxe-alert--icon"
+            },
+            iconSlot ? getSlotVNs(iconSlot({})) : [
+              h("i", {
+                class: icon || getIcon()[`ALERT_${status == null ? void 0 : status.toUpperCase()}`]
+              })
+            ]
+          ) : renderEmptyElement($xeAlert),
+          h(
+            "div",
+            {
+              class: "vxe-alert--body"
+            },
+            [
+              titleSlot || title ? h(
+                "div",
+                {
+                  class: "vxe-alert--title"
+                },
+                titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title)
+              ) : renderEmptyElement($xeAlert),
+              h(
+                "div",
+                {
+                  class: "vxe-alert--content"
+                },
+                defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content)
+              )
+            ]
+          ),
+          showClose ? h(
+            "div",
+            {
+              class: "vxe-alert--close-btn",
+              onClick: closeEvent
+            },
+            [
+              h("i", {
+                class: getIcon().ALERT_CLOSE
+              })
+            ]
+          ) : renderEmptyElement($xeAlert)
+        ]
+      );
     };
     $xeAlert.renderVN = renderVN;
     return $xeAlert;

package/es/anchor/src/anchor-link.js

@@ -1,8 +1,9 @@
 import { ref, h, computed, reactive, inject, onMounted, onUnmounted, provide, watch } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { assembleAnchorLink, destroyAnchorLink } from "./util";
+const { renderEmptyElement } = VxeUI;
 var anchor_link_default = defineVxeComponent({
   name: "VxeAnchorLink",
   props: {
@@ -49,9 +50,12 @@ var anchor_link_default = defineVxeComponent({
         $xeAnchor.handleClickLink(event, href);
       }
     };
-    watch(() => props.href, (val) => {
-      linkConfig.href = val;
-    });
+    watch(
+      () => props.href,
+      (val) => {
+        linkConfig.href = val;
+      }
+    );
     onMounted(() => {
       const elem = refElem.value;
       if ($xeAnchor && elem) {
@@ -68,22 +72,37 @@ var anchor_link_default = defineVxeComponent({
       const defaultSlot = slots.default;
       const subSlot = slots.sub;
       const isActive = computeIsActive.value;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-anchor-link", {
-          "is--active": isActive
-        }]
-      }, [
-        h("a", {
-          class: "vxe-anchor-link--item",
-          href,
-          title,
-          onClick: clickEvent
-        }, defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content)),
-        subSlot ? h("div", {
-          class: "vxe-anchor-link--sub-items"
-        }, subSlot({})) : renderEmptyElement($xeAnchorLink)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-anchor-link",
+            {
+              "is--active": isActive
+            }
+          ]
+        },
+        [
+          h(
+            "a",
+            {
+              class: "vxe-anchor-link--item",
+              href,
+              title,
+              onClick: clickEvent
+            },
+            defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content)
+          ),
+          subSlot ? h(
+            "div",
+            {
+              class: "vxe-anchor-link--sub-items"
+            },
+            subSlot({})
+          ) : renderEmptyElement($xeAnchorLink)
+        ]
+      );
     };
     provide("$xeAnchorLink", $xeAnchorLink);
     $xeAnchorLink.renderVN = renderVN;

package/es/anchor/src/anchor.js

@@ -1,9 +1,10 @@
 import { ref, h, reactive, provide, nextTick, onBeforeUnmount, onMounted, watch, computed } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { createEvent, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getOffsetPos } from "../../ui/src/dom";
 import VxeAnchorLinkComponent from "./anchor-link";
+const { createEvent, renderEmptyElement } = VxeUI;
 var anchor_default = defineVxeComponent({
   name: "VxeAnchor",
   props: {
@@ -15,11 +16,7 @@ var anchor_default = defineVxeComponent({
       default: true
     }
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "click"
-  ],
+  emits: ["update:modelValue", "change", "click"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = XEUtils.uniqueId();
@@ -35,9 +32,13 @@ var anchor_default = defineVxeComponent({
     };
     const computeAllHrefList = computed(() => {
       const list = [];
-      XEUtils.eachTree(reactData.staticLinks, (item) => {
-        list.push(item.href || "");
-      }, { children: "children" });
+      XEUtils.eachTree(
+        reactData.staticLinks,
+        (item) => {
+          list.push(item.href || "");
+        },
+        { children: "children" }
+      );
       return list;
     });
     const computeMaps = {};
@@ -140,19 +141,27 @@ var anchor_default = defineVxeComponent({
         options.forEach((item) => {
           const subItems = item.children;
           if (subItems && subItems.length) {
-            itemVNs.push(h(VxeAnchorLinkComponent, {
-              content: item.content,
-              title: item.title,
-              href: item.href
-            }, {
-              sub: () => renderSubItems(subItems)
-            }));
+            itemVNs.push(
+              h(
+                VxeAnchorLinkComponent,
+                {
+                  content: item.content,
+                  title: item.title,
+                  href: item.href
+                },
+                {
+                  sub: () => renderSubItems(subItems)
+                }
+              )
+            );
           } else {
-            itemVNs.push(h(VxeAnchorLinkComponent, {
-              content: item.content,
-              title: item.title,
-              href: item.href
-            }));
+            itemVNs.push(
+              h(VxeAnchorLinkComponent, {
+                content: item.content,
+                title: item.title,
+                href: item.href
+              })
+            );
           }
         });
       }
@@ -161,31 +170,51 @@ var anchor_default = defineVxeComponent({
     const renderVN = () => {
       const { options, showMarker } = props;
       const defaultSlot = slots.default;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-anchor", {
-          "is--marker": showMarker
-        }]
-      }, [
-        h("div", {
-          class: "vxe-anchor--list"
-        }, defaultSlot ? defaultSlot({}) : renderSubItems(options)),
-        showMarker ? h("div", {
-          ref: refMarkerElem,
-          class: "vxe-anchor--marker"
-        }) : renderEmptyElement($xeAnchor)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-anchor",
+            {
+              "is--marker": showMarker
+            }
+          ]
+        },
+        [
+          h(
+            "div",
+            {
+              class: "vxe-anchor--list"
+            },
+            defaultSlot ? defaultSlot({}) : renderSubItems(options)
+          ),
+          showMarker ? h("div", {
+            ref: refMarkerElem,
+            class: "vxe-anchor--marker"
+          }) : renderEmptyElement($xeAnchor)
+        ]
+      );
     };
-    watch(() => props.modelValue, (val) => {
-      reactData.activeHref = val;
-    });
-    watch(() => reactData.activeHref, () => {
-      updateMarkerPos();
-    });
-    watch(() => props.container, () => {
-      removeContainerElemScroll();
-      updateContainerElem();
-    });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        reactData.activeHref = val;
+      }
+    );
+    watch(
+      () => reactData.activeHref,
+      () => {
+        updateMarkerPos();
+      }
+    );
+    watch(
+      () => props.container,
+      () => {
+        removeContainerElemScroll();
+        updateContainerElem();
+      }
+    );
     onMounted(() => {
       nextTick(() => {
         updateContainerElem();

package/es/avatar/src/avatar.js

@@ -1,8 +1,9 @@
 import { ref, h, computed, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, createEvent, useSize, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { toCssUnit } from "../../ui/src/dom";
+const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI;
 var avatar_default = defineVxeComponent({
   name: "VxeAvatar",
   props: {
@@ -30,7 +31,7 @@ var avatar_default = defineVxeComponent({
   setup(props, context) {
     const { emit } = context;
     const xID = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = ref();
     const reactData = reactive({});
     const refMaps = {
@@ -71,18 +72,26 @@ var avatar_default = defineVxeComponent({
     const renderContent = () => {
       const { icon, content, src } = props;
       if (icon) {
-        return h("span", {
-          class: "vxe-avatar--icon"
-        }, [
-          h("i", {
-            class: icon
-          })
-        ]);
+        return h(
+          "span",
+          {
+            class: "vxe-avatar--icon"
+          },
+          [
+            h("i", {
+              class: icon
+            })
+          ]
+        );
       }
       if (content) {
-        return h("span", {
-          class: "vxe-avatar--content"
-        }, `${content}`);
+        return h(
+          "span",
+          {
+            class: "vxe-avatar--content"
+          },
+          `${content}`
+        );
       }
       if (src) {
         return h("img", {
@@ -97,21 +106,32 @@ var avatar_default = defineVxeComponent({
       const vSize = computeSize.value;
       const countNum = computeCountNum.value;
       const avatarStyle = computeAvatarStyle.value;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-avatar", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "is--circle": circle,
-          "is--dot": dot
-        }],
-        style: avatarStyle
-      }, [
-        renderContent(),
-        countNum ? h("span", {
-          class: "vxe-avatar--count"
-        }, countNum > 99 ? "99+" : `${countNum}`) : renderEmptyElement($xeAvatar)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-avatar",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status,
+              "is--circle": circle,
+              "is--dot": dot
+            }
+          ],
+          style: avatarStyle
+        },
+        [
+          renderContent(),
+          countNum ? h(
+            "span",
+            {
+              class: "vxe-avatar--count"
+            },
+            countNum > 99 ? "99+" : `${countNum}`
+          ) : renderEmptyElement($xeAvatar)
+        ]
+      );
     };
     $xeAvatar.renderVN = renderVN;
     return $xeAvatar;

package/es/backtop/src/backtop.js

@@ -1,11 +1,12 @@
 import { ref, h, reactive, watch, onMounted, nextTick, computed, onBeforeUnmount } 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";
 import { createComponentLog } from "../../ui/src/log";
 import { getLastZIndex, nextZIndex } from "../../ui/src/utils";
 import { toCssUnit } from "../../ui/src/dom";
 import VxeButtonComponent from "../../button";
+const { getConfig, getIcon, createEvent, useFns, renderEmptyElement } = VxeUI;
 const { errLog } = createComponentLog("backtop");
 function createInternalData() {
   return {
@@ -83,14 +84,12 @@ var backtop_default = defineVxeComponent({
       default: () => getConfig().backtop.position
     }
   },
-  emits: [
-    "click"
-  ],
+  emits: ["click"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = XEUtils.uniqueId();
     const refElem = ref();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const internalData = createInternalData();
     const reactData = reactive(createReactData());
     const refMaps = {
@@ -213,42 +212,68 @@ var backtop_default = defineVxeComponent({
       const defaultSlot = slots.default;
       const topSlot = slots.top;
       const bottomSlot = slots.bottom;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-backtop", position === "fixed" ? "is--" + position : "is--absolute", {
-          [`size--${vSize}`]: vSize,
-          "is--visible": showBtn
-        }],
-        style: wrapperStyle
-      }, [
-        showTop && topSlot ? h("div", {
-          class: "vxe-backtop--top-wrapper"
-        }, topSlot({})) : renderEmptyElement($xeBacktop),
-        h("div", {
-          class: "vxe-backtop--content-wrapper",
-          onClick: clickEvent
-        }, [
-          defaultSlot ? defaultSlot({}) : [
-            h(VxeButtonComponent, {
-              circle,
-              status,
-              shadow,
-              icon: showIcon ? icon || getIcon().BACKTOP_TOP : "",
-              content: showContent ? content : ""
-            })
-          ]
-        ]),
-        showBottom && bottomSlot ? h("div", {
-          class: "vxe-backtop--bottom-wrapper"
-        }, bottomSlot({})) : renderEmptyElement($xeBacktop)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-backtop",
+            position === "fixed" ? "is--" + position : "is--absolute",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--visible": showBtn
+            }
+          ],
+          style: wrapperStyle
+        },
+        [
+          showTop && topSlot ? h(
+            "div",
+            {
+              class: "vxe-backtop--top-wrapper"
+            },
+            topSlot({})
+          ) : renderEmptyElement($xeBacktop),
+          h(
+            "div",
+            {
+              class: "vxe-backtop--content-wrapper",
+              onClick: clickEvent
+            },
+            [
+              defaultSlot ? defaultSlot({}) : [
+                h(VxeButtonComponent, {
+                  circle,
+                  status,
+                  shadow,
+                  icon: showIcon ? icon || getIcon().BACKTOP_TOP : "",
+                  content: showContent ? content : ""
+                })
+              ]
+            ]
+          ),
+          showBottom && bottomSlot ? h(
+            "div",
+            {
+              class: "vxe-backtop--bottom-wrapper"
+            },
+            bottomSlot({})
+          ) : renderEmptyElement($xeBacktop)
+        ]
+      );
     };
-    watch(() => props.position, () => {
-      updateZIndex();
-    });
-    watch(() => props.target, () => {
-      handleTargetElement();
-    });
+    watch(
+      () => props.position,
+      () => {
+        updateZIndex();
+      }
+    );
+    watch(
+      () => props.target,
+      () => {
+        handleTargetElement();
+      }
+    );
     onMounted(() => {
       const { showTop } = props;
       if (showTop) {

package/es/badge/src/badge.js

@@ -1,7 +1,8 @@
 import { ref, h, computed, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, createEvent, useSize, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI;
 var badge_default = defineVxeComponent({
   name: "VxeBadge",
   props: {
@@ -23,7 +24,7 @@ var badge_default = defineVxeComponent({
     const { emit, slots } = context;
     const xID = XEUtils.uniqueId();
     const refElem = ref();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const reactData = reactive({});
     const refMaps = {
       refElem
@@ -66,20 +67,35 @@ var badge_default = defineVxeComponent({
       const vSize = computeSize.value;
       const label = computeLabel.value;
       const defaultSlot = slots.default;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-badge", {
-          [`size--${vSize}`]: vSize,
-          "is--dot": dot
-        }]
-      }, [
-        defaultSlot || content ? h("div", {
-          class: "vxe-badge--content"
-        }, defaultSlot ? defaultSlot({}) : `${content || ""}`) : [],
-        label ? h("span", {
-          class: "vxe-badge--label"
-        }, label) : renderEmptyElement($xeBadge)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-badge",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--dot": dot
+            }
+          ]
+        },
+        [
+          defaultSlot || content ? h(
+            "div",
+            {
+              class: "vxe-badge--content"
+            },
+            defaultSlot ? defaultSlot({}) : `${content || ""}`
+          ) : [],
+          label ? h(
+            "span",
+            {
+              class: "vxe-badge--label"
+            },
+            label
+          ) : renderEmptyElement($xeBadge)
+        ]
+      );
     };
     $xeBadge.renderVN = renderVN;
     return $xeBadge;