vxe-pc-ui 4.20.34 → 4.20.35

package/lib/alert/src/alert.js

@@ -37,119 +37,122 @@ var import_xe_utils = __toESM(require("xe-utils"));
 var import_core = require("@vxe-ui/core");
 var import_vn = require("../../ui/src/vn");
 const { getConfig, getIcon, createEvent, renderEmptyElement } = import_core.VxeUI;
-var alert_default = (0, import_comp.defineVxeComponent)({
-  name: "VxeAlert",
-  props: {
-    title: {
-      type: [String, Number],
-      default: () => getConfig().alert.title
-    },
-    content: [String, Number],
-    status: String,
-    showIcon: Boolean,
-    showClose: Boolean,
-    icon: {
-      type: String,
-      default: () => getConfig().alert.icon
-    }
-  },
-  emits: ["close"],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = import_xe_utils.default.uniqueId();
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({});
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeAlert = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const alertMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, { $alert: $xeAlert }, params));
+var alert_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeAlert",
+    props: {
+      title: {
+        type: [String, Number],
+        default: () => getConfig().alert.title
+      },
+      content: [String, Number],
+      status: String,
+      showIcon: Boolean,
+      showClose: Boolean,
+      icon: {
+        type: String,
+        default: () => getConfig().alert.icon
       }
-    };
-    const closeEvent = (evnt) => {
-      alertMethods.dispatchEvent("close", {}, evnt);
-    };
-    const alertPrivateMethods = {};
-    Object.assign($xeAlert, alertMethods, alertPrivateMethods);
-    const renderVN = () => {
-      const { status, content, icon, title, showIcon, showClose } = props;
-      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
-              })
+    },
+    emits: ["close"],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = import_xe_utils.default.uniqueId();
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({});
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeAlert = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const alertMethods = {
+        dispatchEvent(type, params, evnt) {
+          emit(type, createEvent(evnt, { $alert: $xeAlert }, params));
+        }
+      };
+      const closeEvent = (evnt) => {
+        alertMethods.dispatchEvent("close", {}, evnt);
+      };
+      const alertPrivateMethods = {};
+      Object.assign($xeAlert, alertMethods, alertPrivateMethods);
+      const renderVN = () => {
+        const { status, content, icon, title, showIcon, showClose } = props;
+        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
+              }
             ]
-          ) : renderEmptyElement($xeAlert)
-        ]
-      );
-    };
-    $xeAlert.renderVN = renderVN;
-    return $xeAlert;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+          },
+          [
+            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;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);

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

@@ -37,111 +37,114 @@ var import_xe_utils = __toESM(require("xe-utils"));
 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: {
-    content: [String, Number],
-    title: [String, Number],
-    href: String
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots } = context;
-    const $xeAnchor = (0, import_vue.inject)("$xeAnchor", null);
-    const $xeParentAnchorLink = (0, import_vue.inject)("$xeAnchorLink", null);
-    const xID = import_xe_utils.default.uniqueId();
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({});
-    const linkConfig = (0, import_vue.reactive)({
-      id: xID,
-      href: props.href,
-      children: []
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeIsActive = (0, import_vue.computed)(() => {
-      const { href } = props;
-      if ($xeAnchor) {
-        return $xeAnchor.reactData.activeHref === href;
-      }
-      return null;
-    });
-    const computeMaps = {};
-    const $xeAnchorLink = {
-      xID,
-      props,
-      context,
-      reactData,
-      linkConfig,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const clickEvent = (event) => {
-      const { href } = props;
-      if ($xeAnchor) {
-        $xeAnchor.handleClickLink(event, href);
-      }
-    };
-    (0, import_vue.watch)(
-      () => props.href,
-      (val) => {
-        linkConfig.href = val;
-      }
-    );
-    (0, import_vue.onMounted)(() => {
-      const elem = refElem.value;
-      if ($xeAnchor && elem) {
-        (0, import_util.assembleAnchorLink)($xeAnchor, elem, linkConfig, $xeParentAnchorLink);
-      }
-    });
-    (0, import_vue.onUnmounted)(() => {
-      if ($xeAnchor) {
-        (0, import_util.destroyAnchorLink)($xeAnchor, linkConfig);
-      }
-    });
-    const renderVN = () => {
-      const { href, content, title } = props;
-      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({})
-          ) : renderEmptyElement($xeAnchorLink)
-        ]
+var anchor_link_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeAnchorLink",
+    props: {
+      content: [String, Number],
+      title: [String, Number],
+      href: String
+    },
+    emits: [],
+    setup(props, context) {
+      const { slots } = context;
+      const $xeAnchor = (0, import_vue.inject)("$xeAnchor", null);
+      const $xeParentAnchorLink = (0, import_vue.inject)("$xeAnchorLink", null);
+      const xID = import_xe_utils.default.uniqueId();
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({});
+      const linkConfig = (0, import_vue.reactive)({
+        id: xID,
+        href: props.href,
+        children: []
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeIsActive = (0, import_vue.computed)(() => {
+        const { href } = props;
+        if ($xeAnchor) {
+          return $xeAnchor.reactData.activeHref === href;
+        }
+        return null;
+      });
+      const computeMaps = {};
+      const $xeAnchorLink = {
+        xID,
+        props,
+        context,
+        reactData,
+        linkConfig,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const clickEvent = (event) => {
+        const { href } = props;
+        if ($xeAnchor) {
+          $xeAnchor.handleClickLink(event, href);
+        }
+      };
+      (0, import_vue.watch)(
+        () => props.href,
+        (val) => {
+          linkConfig.href = val;
+        }
       );
-    };
-    (0, import_vue.provide)("$xeAnchorLink", $xeAnchorLink);
-    $xeAnchorLink.renderVN = renderVN;
-    return $xeAnchorLink;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      (0, import_vue.onMounted)(() => {
+        const elem = refElem.value;
+        if ($xeAnchor && elem) {
+          (0, import_util.assembleAnchorLink)($xeAnchor, elem, linkConfig, $xeParentAnchorLink);
+        }
+      });
+      (0, import_vue.onUnmounted)(() => {
+        if ($xeAnchor) {
+          (0, import_util.destroyAnchorLink)($xeAnchor, linkConfig);
+        }
+      });
+      const renderVN = () => {
+        const { href, content, title } = props;
+        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({})
+            ) : renderEmptyElement($xeAnchorLink)
+          ]
+        );
+      };
+      (0, import_vue.provide)("$xeAnchorLink", $xeAnchorLink);
+      $xeAnchorLink.renderVN = renderVN;
+      return $xeAnchorLink;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);