vxe-pc-ui 4.20.24 → 4.20.26

package/lib/alert/src/alert.js

@@ -34,9 +34,9 @@ module.exports = __toCommonJS(alert_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_vn = require("../../ui/src/vn");
-const { getConfig, getIcon, createEvent, renderEmptyElement } = import_ui.VxeUI;
+const { getConfig, getIcon, createEvent, renderEmptyElement } = import_core.VxeUI;
 var alert_default = (0, import_comp.defineVxeComponent)({
   name: "VxeAlert",
   props: {
@@ -53,9 +53,7 @@ var alert_default = (0, import_comp.defineVxeComponent)({
       default: () => getConfig().alert.icon
     }
   },
-  emits: [
-    "close"
-  ],
+  emits: ["close"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -88,38 +86,65 @@ var alert_default = (0, import_comp.defineVxeComponent)({
       const defaultSlot = slots.default;
       const titleSlot = slots.title;
       const iconSlot = slots.icon;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-alert", {
-          [`theme--${status}`]: status
-        }]
-      }, [
-        iconSlot || showIcon && status || icon ? (0, import_vue.h)("div", {
-          class: "vxe-alert--icon"
-        }, iconSlot ? (0, import_vn.getSlotVNs)(iconSlot({})) : [
-          (0, import_vue.h)("i", {
-            class: icon || getIcon()[`ALERT_${status == null ? void 0 : status.toUpperCase()}`]
-          })
-        ]) : renderEmptyElement($xeAlert),
-        (0, import_vue.h)("div", {
-          class: "vxe-alert--body"
-        }, [
-          titleSlot || title ? (0, import_vue.h)("div", {
-            class: "vxe-alert--title"
-          }, titleSlot ? (0, import_vn.getSlotVNs)(titleSlot({})) : import_xe_utils.default.toValueString(title)) : renderEmptyElement($xeAlert),
-          (0, import_vue.h)("div", {
-            class: "vxe-alert--content"
-          }, defaultSlot ? (0, import_vn.getSlotVNs)(defaultSlot({})) : import_xe_utils.default.toValueString(content))
-        ]),
-        showClose ? (0, import_vue.h)("div", {
-          class: "vxe-alert--close-btn",
-          onClick: closeEvent
-        }, [
-          (0, import_vue.h)("i", {
-            class: getIcon().ALERT_CLOSE
-          })
-        ]) : renderEmptyElement($xeAlert)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-alert",
+            {
+              [`theme--${status}`]: status
+            }
+          ]
+        },
+        [
+          iconSlot || showIcon && status || icon ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-alert--icon"
+            },
+            iconSlot ? (0, import_vn.getSlotVNs)(iconSlot({})) : [
+              (0, import_vue.h)("i", {
+                class: icon || getIcon()[`ALERT_${status == null ? void 0 : status.toUpperCase()}`]
+              })
+            ]
+          ) : renderEmptyElement($xeAlert),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-alert--body"
+            },
+            [
+              titleSlot || title ? (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-alert--title"
+                },
+                titleSlot ? (0, import_vn.getSlotVNs)(titleSlot({})) : import_xe_utils.default.toValueString(title)
+              ) : renderEmptyElement($xeAlert),
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-alert--content"
+                },
+                defaultSlot ? (0, import_vn.getSlotVNs)(defaultSlot({})) : import_xe_utils.default.toValueString(content)
+              )
+            ]
+          ),
+          showClose ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-alert--close-btn",
+              onClick: closeEvent
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().ALERT_CLOSE
+              })
+            ]
+          ) : renderEmptyElement($xeAlert)
+        ]
+      );
     };
     $xeAlert.renderVN = renderVN;
     return $xeAlert;

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

@@ -34,8 +34,9 @@ module.exports = __toCommonJS(anchor_link_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_util = require("./util");
+const { renderEmptyElement } = import_core.VxeUI;
 var anchor_link_default = (0, import_comp.defineVxeComponent)({
   name: "VxeAnchorLink",
   props: {
@@ -82,9 +83,12 @@ var anchor_link_default = (0, import_comp.defineVxeComponent)({
         $xeAnchor.handleClickLink(event, href);
       }
     };
-    (0, import_vue.watch)(() => props.href, (val) => {
-      linkConfig.href = val;
-    });
+    (0, import_vue.watch)(
+      () => props.href,
+      (val) => {
+        linkConfig.href = val;
+      }
+    );
     (0, import_vue.onMounted)(() => {
       const elem = refElem.value;
       if ($xeAnchor && elem) {
@@ -101,22 +105,37 @@ var anchor_link_default = (0, import_comp.defineVxeComponent)({
       const defaultSlot = slots.default;
       const subSlot = slots.sub;
       const isActive = computeIsActive.value;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-anchor-link", {
-          "is--active": isActive
-        }]
-      }, [
-        (0, import_vue.h)("a", {
-          class: "vxe-anchor-link--item",
-          href,
-          title,
-          onClick: clickEvent
-        }, defaultSlot ? defaultSlot({}) : import_xe_utils.default.toValueString(content)),
-        subSlot ? (0, import_vue.h)("div", {
-          class: "vxe-anchor-link--sub-items"
-        }, subSlot({})) : (0, import_ui.renderEmptyElement)($xeAnchorLink)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-anchor-link",
+            {
+              "is--active": isActive
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            "a",
+            {
+              class: "vxe-anchor-link--item",
+              href,
+              title,
+              onClick: clickEvent
+            },
+            defaultSlot ? defaultSlot({}) : import_xe_utils.default.toValueString(content)
+          ),
+          subSlot ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-anchor-link--sub-items"
+            },
+            subSlot({})
+          ) : renderEmptyElement($xeAnchorLink)
+        ]
+      );
     };
     (0, import_vue.provide)("$xeAnchorLink", $xeAnchorLink);
     $xeAnchorLink.renderVN = renderVN;

package/lib/anchor/src/anchor.js

@@ -34,9 +34,10 @@ module.exports = __toCommonJS(anchor_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_dom = require("../../ui/src/dom");
 var import_anchor_link = __toESM(require("./anchor-link"));
+const { createEvent, renderEmptyElement } = import_core.VxeUI;
 var anchor_default = (0, import_comp.defineVxeComponent)({
   name: "VxeAnchor",
   props: {
@@ -48,11 +49,7 @@ var anchor_default = (0, import_comp.defineVxeComponent)({
       default: true
     }
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "click"
-  ],
+  emits: ["update:modelValue", "change", "click"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -68,9 +65,13 @@ var anchor_default = (0, import_comp.defineVxeComponent)({
     };
     const computeAllHrefList = (0, import_vue.computed)(() => {
       const list = [];
-      import_xe_utils.default.eachTree(reactData.staticLinks, (item) => {
-        list.push(item.href || "");
-      }, { children: "children" });
+      import_xe_utils.default.eachTree(
+        reactData.staticLinks,
+        (item) => {
+          list.push(item.href || "");
+        },
+        { children: "children" }
+      );
       return list;
     });
     const computeMaps = {};
@@ -84,7 +85,7 @@ var anchor_default = (0, import_comp.defineVxeComponent)({
     };
     const anchorMethods = {
       dispatchEvent(type, params, evnt) {
-        emit(type, (0, import_ui.createEvent)(evnt, { $anchor: $xeAnchor }, params));
+        emit(type, createEvent(evnt, { $anchor: $xeAnchor }, params));
       }
     };
     const getContainerElem = () => {
@@ -173,19 +174,27 @@ var anchor_default = (0, import_comp.defineVxeComponent)({
         options.forEach((item) => {
           const subItems = item.children;
           if (subItems && subItems.length) {
-            itemVNs.push((0, import_vue.h)(import_anchor_link.default, {
-              content: item.content,
-              title: item.title,
-              href: item.href
-            }, {
-              sub: () => renderSubItems(subItems)
-            }));
+            itemVNs.push(
+              (0, import_vue.h)(
+                import_anchor_link.default,
+                {
+                  content: item.content,
+                  title: item.title,
+                  href: item.href
+                },
+                {
+                  sub: () => renderSubItems(subItems)
+                }
+              )
+            );
           } else {
-            itemVNs.push((0, import_vue.h)(import_anchor_link.default, {
-              content: item.content,
-              title: item.title,
-              href: item.href
-            }));
+            itemVNs.push(
+              (0, import_vue.h)(import_anchor_link.default, {
+                content: item.content,
+                title: item.title,
+                href: item.href
+              })
+            );
           }
         });
       }
@@ -194,31 +203,51 @@ var anchor_default = (0, import_comp.defineVxeComponent)({
     const renderVN = () => {
       const { options, showMarker } = props;
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-anchor", {
-          "is--marker": showMarker
-        }]
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-anchor--list"
-        }, defaultSlot ? defaultSlot({}) : renderSubItems(options)),
-        showMarker ? (0, import_vue.h)("div", {
-          ref: refMarkerElem,
-          class: "vxe-anchor--marker"
-        }) : (0, import_ui.renderEmptyElement)($xeAnchor)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-anchor",
+            {
+              "is--marker": showMarker
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-anchor--list"
+            },
+            defaultSlot ? defaultSlot({}) : renderSubItems(options)
+          ),
+          showMarker ? (0, import_vue.h)("div", {
+            ref: refMarkerElem,
+            class: "vxe-anchor--marker"
+          }) : renderEmptyElement($xeAnchor)
+        ]
+      );
     };
-    (0, import_vue.watch)(() => props.modelValue, (val) => {
-      reactData.activeHref = val;
-    });
-    (0, import_vue.watch)(() => reactData.activeHref, () => {
-      updateMarkerPos();
-    });
-    (0, import_vue.watch)(() => props.container, () => {
-      removeContainerElemScroll();
-      updateContainerElem();
-    });
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (val) => {
+        reactData.activeHref = val;
+      }
+    );
+    (0, import_vue.watch)(
+      () => reactData.activeHref,
+      () => {
+        updateMarkerPos();
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.container,
+      () => {
+        removeContainerElemScroll();
+        updateContainerElem();
+      }
+    );
     (0, import_vue.onMounted)(() => {
       (0, import_vue.nextTick)(() => {
         updateContainerElem();

package/lib/avatar/src/avatar.js

@@ -34,8 +34,9 @@ module.exports = __toCommonJS(avatar_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_dom = require("../../ui/src/dom");
+const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var avatar_default = (0, import_comp.defineVxeComponent)({
   name: "VxeAvatar",
   props: {
@@ -48,22 +49,22 @@ var avatar_default = (0, import_comp.defineVxeComponent)({
     height: [String, Number],
     circle: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().avatar.circle
+      default: () => getConfig().avatar.circle
     },
     status: {
       type: String,
-      default: () => (0, import_ui.getConfig)().avatar.status
+      default: () => getConfig().avatar.status
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().avatar.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().avatar.size || getConfig().size
     }
   },
   emits: [],
   setup(props, context) {
     const { 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)({});
     const refMaps = {
@@ -94,7 +95,7 @@ var avatar_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $avatar: $xeAvatar }, params));
+      emit(type, createEvent(evnt, { $avatar: $xeAvatar }, params));
     };
     const avatarMethods = {
       dispatchEvent
@@ -104,18 +105,26 @@ var avatar_default = (0, import_comp.defineVxeComponent)({
     const renderContent = () => {
       const { icon, content, src } = props;
       if (icon) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-avatar--icon"
-        }, [
-          (0, import_vue.h)("i", {
-            class: icon
-          })
-        ]);
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-avatar--icon"
+          },
+          [
+            (0, import_vue.h)("i", {
+              class: icon
+            })
+          ]
+        );
       }
       if (content) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-avatar--content"
-        }, `${content}`);
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-avatar--content"
+          },
+          `${content}`
+        );
       }
       if (src) {
         return (0, import_vue.h)("img", {
@@ -123,28 +132,39 @@ var avatar_default = (0, import_comp.defineVxeComponent)({
           src
         });
       }
-      return (0, import_ui.renderEmptyElement)($xeAvatar);
+      return renderEmptyElement($xeAvatar);
     };
     const renderVN = () => {
       const { circle, dot, status } = props;
       const vSize = computeSize.value;
       const countNum = computeCountNum.value;
       const avatarStyle = computeAvatarStyle.value;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-avatar", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "is--circle": circle,
-          "is--dot": dot
-        }],
-        style: avatarStyle
-      }, [
-        renderContent(),
-        countNum ? (0, import_vue.h)("span", {
-          class: "vxe-avatar--count"
-        }, countNum > 99 ? "99+" : `${countNum}`) : (0, import_ui.renderEmptyElement)($xeAvatar)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-avatar",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status,
+              "is--circle": circle,
+              "is--dot": dot
+            }
+          ],
+          style: avatarStyle
+        },
+        [
+          renderContent(),
+          countNum ? (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-avatar--count"
+            },
+            countNum > 99 ? "99+" : `${countNum}`
+          ) : renderEmptyElement($xeAvatar)
+        ]
+      );
     };
     $xeAvatar.renderVN = renderVN;
     return $xeAvatar;