vxe-pc-ui 4.20.34 → 4.20.35

package/lib/tag/src/tag.js

@@ -36,168 +36,171 @@ var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
 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: () => getConfig().tag.border
-    },
-    visible: {
-      type: Boolean,
-      default: null
-    },
-    status: String,
-    title: [String, Number],
-    icon: String,
-    closeIcon: {
-      type: String,
-      default: () => getConfig().tag.closeIcon
-    },
-    content: [String, Number],
-    round: Boolean,
-    closable: {
-      type: Boolean,
-      default: () => getConfig().tag.closable
-    },
-    color: String,
-    loading: Boolean,
-    size: {
-      type: String,
-      default: () => getConfig().tag.size || getConfig().size
-    }
-  },
-  emits: ["click", "dblclick", "close", "update:visible"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({
-      showTag: props.visible !== false
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeTag = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $tag: $xeTag }, params));
-    };
-    const tagMethods = {
-      dispatchEvent
-    };
-    const tagPrivateMethods = {};
-    const updateVisible = () => {
-      reactData.showTag = props.visible !== false;
-    };
-    const clickEvent = (evnt) => {
-      const { loading } = props;
-      if (!loading) {
-        dispatchEvent("click", {}, evnt);
-      }
-    };
-    const dblclickEvent = (evnt) => {
-      const { loading } = props;
-      if (!loading) {
-        dispatchEvent("dblclick", {}, evnt);
+var tag_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeTag",
+    props: {
+      border: {
+        type: Boolean,
+        default: () => getConfig().tag.border
+      },
+      visible: {
+        type: Boolean,
+        default: null
+      },
+      status: String,
+      title: [String, Number],
+      icon: String,
+      closeIcon: {
+        type: String,
+        default: () => getConfig().tag.closeIcon
+      },
+      content: [String, Number],
+      round: Boolean,
+      closable: {
+        type: Boolean,
+        default: () => getConfig().tag.closable
+      },
+      color: String,
+      loading: Boolean,
+      size: {
+        type: String,
+        default: () => getConfig().tag.size || getConfig().size
       }
-    };
-    const closeEvent = (evnt) => {
-      const { loading } = props;
-      if (!loading) {
-        const visible = !reactData.showTag;
-        reactData.showTag = visible;
-        emit("update:visible", visible);
-        dispatchEvent("close", { visible }, evnt);
-      }
-    };
-    Object.assign($xeTag, tagMethods, tagPrivateMethods);
-    const renderContent = () => {
-      const { icon, content, closable, closeIcon, loading } = props;
-      const defaultSlot = slots.default;
-      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
-            })
-          ]
-        ) : 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)(
+    },
+    emits: ["click", "dblclick", "close", "update:visible"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = import_xe_utils.default.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({
+        showTag: props.visible !== false
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeTag = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $tag: $xeTag }, params));
+      };
+      const tagMethods = {
+        dispatchEvent
+      };
+      const tagPrivateMethods = {};
+      const updateVisible = () => {
+        reactData.showTag = props.visible !== false;
+      };
+      const clickEvent = (evnt) => {
+        const { loading } = props;
+        if (!loading) {
+          dispatchEvent("click", {}, evnt);
+        }
+      };
+      const dblclickEvent = (evnt) => {
+        const { loading } = props;
+        if (!loading) {
+          dispatchEvent("dblclick", {}, evnt);
+        }
+      };
+      const closeEvent = (evnt) => {
+        const { loading } = props;
+        if (!loading) {
+          const visible = !reactData.showTag;
+          reactData.showTag = visible;
+          emit("update:visible", visible);
+          dispatchEvent("close", { visible }, evnt);
+        }
+      };
+      Object.assign($xeTag, tagMethods, tagPrivateMethods);
+      const renderContent = () => {
+        const { icon, content, closable, closeIcon, loading } = props;
+        const defaultSlot = slots.default;
+        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
+              })
+            ]
+          ) : 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 = () => {
+        const { status, color, title, round, border, loading } = props;
+        const { showTag } = reactData;
+        const vSize = computeSize.value;
+        if (!showTag) {
+          return renderEmptyElement($xeTag);
+        }
+        return (0, import_vue.h)(
           "span",
           {
-            class: loading ? "vxe-tag--loading" : "vxe-tag--close",
-            onClick: closeEvent
+            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
           },
-          !loading && closeIconSlot ? closeIconSlot({}) : [
-            (0, import_vue.h)("i", {
-              class: loading ? getIcon().TAG_LOADING : closeIcon || getIcon().TAG_CLOSE
-            })
-          ]
-        ) : renderEmptyElement($xeTag)
-      ];
-    };
-    const renderVN = () => {
-      const { status, color, title, round, border, loading } = props;
-      const { showTag } = reactData;
-      const vSize = computeSize.value;
-      if (!showTag) {
-        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()
+          renderContent()
+        );
+      };
+      (0, import_vue.watch)(
+        () => props.visible,
+        () => {
+          updateVisible();
+        }
       );
-    };
-    (0, import_vue.watch)(
-      () => props.visible,
-      () => {
-        updateVisible();
-      }
-    );
-    updateVisible();
-    $xeTag.renderVN = renderVN;
-    return $xeTag;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      updateVisible();
+      $xeTag.renderVN = renderVN;
+      return $xeTag;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);