@wfrog/vc-ui 1.1.1 → 1.2.0

package/README.md

@@ -14,7 +14,7 @@
 本组件库依赖 `element-plus`，需要事先安装组件中使用的库，以及组件的依赖
 
 ```sh
-pnpm i element-plus@~2.11.7 @element-plus/icons-vue@^2.3.2 @vueuse/core@^14.0.0
+pnpm i element-plus@~2.13.1 @element-plus/icons-vue@^2.3.2 @vueuse/core@^14.0.0
 pnpm i @wfrog/vc-utils@^1.0.0 lodash-es@^4.17.21
 ```
 

package/dist/es/chunk/{OEa4tYPF.mjs → -ga82G_B.mjs}

@@ -1,4 +1,4 @@
-import { u as isSymbol, i as isObject } from './NQBKROII.mjs';
+import { s as isSymbol, i as isObject } from './DWcIzeMM.mjs';
 
 /** Used to match a single whitespace character. */
 var reWhitespace = /\s/;

package/dist/es/chunk/B1BnPYNG.mjs

@@ -0,0 +1,163 @@
+import { defineComponent, computed, createElementBlock, createBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, unref, renderSlot, withModifiers, createVNode, withCtx, Transition } from 'vue';
+import { E as ElIcon } from './DEPZhJ0Z.mjs';
+import { Close } from '@element-plus/icons-vue';
+import { c as buildProps, u as useNamespace } from './CcKUdl3e.mjs';
+import { c as componentSizes } from './BK4T_2ha.mjs';
+import { _ as _export_sfc, w as withInstall } from './BTsEMnf_.mjs';
+import { c as useFormSize } from './U13Qpiki.mjs';
+import { u as useLocale } from './plK2vnjp.mjs';
+
+const tagProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger"],
+    default: "primary"
+  },
+  closable: Boolean,
+  disableTransitions: Boolean,
+  hit: Boolean,
+  color: String,
+  size: {
+    type: String,
+    values: componentSizes
+  },
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  },
+  round: Boolean
+});
+const tagEmits = {
+  close: (evt) => evt instanceof MouseEvent,
+  click: (evt) => evt instanceof MouseEvent
+};
+
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-label"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElTag"
+  },
+  __name: "tag",
+  props: tagProps,
+  emits: tagEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tagSize = useFormSize();
+    const { t } = useLocale();
+    const ns = useNamespace("tag");
+    const containerKls = computed(() => {
+      const { type, hit, effect, closable, round } = props;
+      return [
+        ns.b(),
+        ns.is("closable", closable),
+        ns.m(type || "primary"),
+        ns.m(tagSize.value),
+        ns.m(effect),
+        ns.is("hit", hit),
+        ns.is("round", round)
+      ];
+    });
+    const handleClose = (event) => {
+      emit("close", event);
+    };
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const handleVNodeMounted = (vnode) => {
+      var _a, _b, _c;
+      if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
+        vnode.component.subTree.component.bum = null;
+      }
+    };
+    return (_ctx, _cache) => {
+      return _ctx.disableTransitions ? (openBlock(), createElementBlock(
+        "span",
+        {
+          key: 0,
+          class: normalizeClass(containerKls.value),
+          style: normalizeStyle({ backgroundColor: _ctx.color }),
+          onClick: handleClick
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(unref(ns).e("content"))
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          ),
+          _ctx.closable ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            "aria-label": unref(t)("el.tag.close"),
+            class: normalizeClass(unref(ns).e("close")),
+            type: "button",
+            onClick: withModifiers(handleClose, ["stop"])
+          }, [
+            createVNode(unref(ElIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(Close))
+              ]),
+              _: 1
+            })
+          ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
+        ],
+        6
+      )) : (openBlock(), createBlock(Transition, {
+        key: 1,
+        name: `${unref(ns).namespace.value}-zoom-in-center`,
+        appear: "",
+        onVnodeMounted: handleVNodeMounted
+      }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(containerKls.value),
+              style: normalizeStyle({ backgroundColor: _ctx.color }),
+              onClick: handleClick
+            },
+            [
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass(unref(ns).e("content"))
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+              ),
+              _ctx.closable ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                "aria-label": unref(t)("el.tag.close"),
+                class: normalizeClass(unref(ns).e("close")),
+                type: "button",
+                onClick: withModifiers(handleClose, ["stop"])
+              }, [
+                createVNode(unref(ElIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Close))
+                  ]),
+                  _: 1
+                })
+              ], 10, _hoisted_2)) : createCommentVNode("v-if", true)
+            ],
+            6
+          )
+        ]),
+        _: 3
+      }, 8, ["name"]));
+    };
+  }
+});
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
+
+const ElTag = withInstall(Tag);
+
+export { ElTag as E, tagProps as t };