@das-fed/ui 6.4.0-hot.1 → 6.4.0-hot.3

package/packages/components/tag/index.js

@@ -1,14 +1,284 @@
 import '@das-fed/ui/packages/components/tag/style.css';
-import { withInstall as S } from "@das-fed/utils/with-install/index";
-import { setThemeRule as E } from "@das-fed/web/packages/theme/index";
-import { defineComponent as N, computed as e, ref as n, watch as A, nextTick as L, openBlock as f, createElementBlock as x, createVNode as R, unref as h, mergeProps as V, withCtx as B, renderSlot as I, createBlock as z, createElementVNode as O, normalizeStyle as y, toDisplayString as T, createCommentVNode as _ } from "vue";
-import { DasTooltip as P } from "@das-fed/ui/packages/components/tooltip/index";
-import { ElTag as j } from "element-plus";
-import "element-plus/es/components/tag/style/css";
-const q = { class: "das-ui-tag" }, G = {
+import { withInstall as te } from "@das-fed/utils/with-install/index";
+import { setThemeRule as oe } from "@das-fed/web/packages/theme/index";
+import { defineComponent as x, openBlock as y, createElementBlock as C, createElementVNode as B, warn as se, getCurrentInstance as R, inject as S, ref as w, computed as u, unref as i, mergeProps as M, renderSlot as z, normalizeClass as b, normalizeStyle as O, createBlock as E, withModifiers as W, withCtx as k, createVNode as I, createCommentVNode as P, Transition as ae, watch as ne, nextTick as re, toDisplayString as K } from "vue";
+import { DasTooltip as le } from "@das-fed/ui/packages/components/tooltip/index";
+import "element-plus/theme-chalk/base.css";
+import "element-plus/theme-chalk/el-tag.css";
+/**
+* @vue/shared v3.4.35
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+process.env.NODE_ENV !== "production" && Object.freeze({});
+process.env.NODE_ENV !== "production" && Object.freeze([]);
+const ce = Object.prototype.hasOwnProperty, L = (e, o) => ce.call(e, o), F = (e) => typeof e == "string", q = (e) => e !== null && typeof e == "object";
+function ie(e) {
+  for (var o = -1, t = e == null ? 0 : e.length, n = {}; ++o < t; ) {
+    var s = e[o];
+    n[s[0]] = s[1];
+  }
+  return n;
+}
+const ue = (e) => e === void 0, de = (e) => typeof e == "number", pe = (e) => F(e) ? !Number.isNaN(Number(e)) : !1;
+class fe extends Error {
+  constructor(o) {
+    super(o), this.name = "ElementPlusError";
+  }
+}
+function me(e, o) {
+  if (process.env.NODE_ENV !== "production") {
+    const t = F(e) ? new fe(`[${e}] ${o}`) : e;
+  }
+}
+const ve = "utils/dom/style";
+function ge(e, o = "px") {
+  if (!e)
+    return "";
+  if (de(e) || pe(e))
+    return `${e}${o}`;
+  if (F(e))
+    return e;
+  me(ve, "binding value must be a string or number");
+}
+/*! Element Plus Icons Vue v2.3.1 */
+var ye = /* @__PURE__ */ x({
+  name: "Close",
+  __name: "close",
+  setup(e) {
+    return (o, t) => (y(), C("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      B("path", {
+        fill: "currentColor",
+        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+      })
+    ]));
+  }
+}), A = ye;
+const J = "__epPropKey", _e = (e) => e, he = (e) => q(e) && !!e[J], G = (e, o) => {
+  if (!q(e) || he(e))
+    return e;
+  const { values: t, required: n, default: s, type: c, validator: p } = e, l = {
+    type: c,
+    required: !!n,
+    validator: t || p ? (g) => {
+      let f = !1, m = [];
+      if (t && (m = Array.from(t), L(e, "default") && m.push(s), f || (f = m.includes(g))), p && (f || (f = p(g))), !f && m.length > 0) {
+        const h = [...new Set(m)].map(($) => JSON.stringify($)).join(", ");
+        se(`Invalid prop: validation failed${o ? ` for prop "${o}"` : ""}. Expected one of [${h}], got value ${JSON.stringify(g)}.`);
+      }
+      return f;
+    } : void 0,
+    [J]: !0
+  };
+  return L(e, "default") && (l.default = s), l;
+}, U = (e) => ie(Object.entries(e).map(([o, t]) => [
+  o,
+  G(t, o)
+])), Y = (e, o) => (e.install = (t) => {
+  for (const n of [e, ...Object.values({})])
+    t.component(n.name, n);
+}, e), Z = ["", "default", "small", "large"], V = "el", $e = "is-", _ = (e, o, t, n, s) => {
+  let c = `${e}-${o}`;
+  return t && (c += `-${t}`), n && (c += `__${n}`), s && (c += `--${s}`), c;
+}, be = Symbol("namespaceContextKey"), we = (e) => {
+  const o = R() ? S(be, w(V)) : w(V);
+  return u(() => i(o) || V);
+}, H = (e, o) => {
+  const t = we();
+  return {
+    namespace: t,
+    b: (a = "") => _(t.value, e, a, "", ""),
+    e: (a) => a ? _(t.value, e, "", a, "") : "",
+    m: (a) => a ? _(t.value, e, "", "", a) : "",
+    be: (a, r) => a && r ? _(t.value, e, a, r, "") : "",
+    em: (a, r) => a && r ? _(t.value, e, "", a, r) : "",
+    bm: (a, r) => a && r ? _(t.value, e, a, "", r) : "",
+    bem: (a, r, d) => a && r && d ? _(t.value, e, a, r, d) : "",
+    is: (a, ...r) => {
+      const d = r.length >= 1 ? r[0] : !0;
+      return a && d ? `${$e}${a}` : "";
+    },
+    cssVar: (a) => {
+      const r = {};
+      for (const d in a)
+        a[d] && (r[`--${t.value}-${d}`] = a[d]);
+      return r;
+    },
+    cssVarName: (a) => `--${t.value}-${a}`,
+    cssVarBlock: (a) => {
+      const r = {};
+      for (const d in a)
+        a[d] && (r[`--${t.value}-${e}-${d}`] = a[d]);
+      return r;
+    },
+    cssVarBlockName: (a) => `--${t.value}-${e}-${a}`
+  };
+}, xe = (e) => {
+  const o = R();
+  return u(() => {
+    var t, n;
+    return (n = (t = o == null ? void 0 : o.proxy) == null ? void 0 : t.$props) == null ? void 0 : n[e];
+  });
+};
+G({
+  type: String,
+  values: Z,
+  required: !1
+});
+const Be = Symbol("size"), ke = () => {
+  const e = S(Be, {});
+  return u(() => i(e.size) || "");
+};
+var Q = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [n, s] of o)
+    t[n] = s;
+  return t;
+};
+const Ce = U({
+  size: {
+    type: _e([Number, String])
+  },
+  color: {
+    type: String
+  }
+}), Ne = x({
+  name: "ElIcon",
+  inheritAttrs: !1
+}), Te = /* @__PURE__ */ x({
+  ...Ne,
+  props: Ce,
+  setup(e) {
+    const o = e, t = H("icon"), n = u(() => {
+      const { size: s, color: c } = o;
+      return !s && !c ? {} : {
+        fontSize: ue(s) ? void 0 : ge(s),
+        "--color": c
+      };
+    });
+    return (s, c) => (y(), C("i", M({
+      class: i(t).b(),
+      style: i(n)
+    }, s.$attrs), [
+      z(s.$slots, "default")
+    ], 16));
+  }
+});
+var Ee = /* @__PURE__ */ Q(Te, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
+const j = Y(Ee), Se = Symbol("formContextKey"), ze = Symbol("formItemContextKey"), Oe = (e, o = {}) => {
+  const t = w(void 0), n = o.prop ? t : xe("size"), s = o.global ? t : ke(), c = o.form ? { size: void 0 } : S(Se, void 0), p = o.formItem ? { size: void 0 } : S(ze, void 0);
+  return u(() => n.value || i(e) || (p == null ? void 0 : p.size) || (c == null ? void 0 : c.size) || s.value || "");
+}, Pe = U({
+  type: {
+    type: String,
+    values: ["success", "info", "warning", "danger", ""],
+    default: ""
+  },
+  closable: Boolean,
+  disableTransitions: Boolean,
+  hit: Boolean,
+  color: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    values: Z,
+    default: ""
+  },
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  },
+  round: Boolean
+}), Ve = {
+  close: (e) => e instanceof MouseEvent,
+  click: (e) => e instanceof MouseEvent
+}, Ie = x({
+  name: "ElTag"
+}), Fe = /* @__PURE__ */ x({
+  ...Ie,
+  props: Pe,
+  emits: Ve,
+  setup(e, { emit: o }) {
+    const t = e, n = Oe(), s = H("tag"), c = u(() => {
+      const { type: l, hit: g, effect: f, closable: m, round: h } = t;
+      return [
+        s.b(),
+        s.is("closable", m),
+        s.m(l),
+        s.m(n.value),
+        s.m(f),
+        s.is("hit", g),
+        s.is("round", h)
+      ];
+    }), p = (l) => {
+      o("close", l);
+    }, v = (l) => {
+      o("click", l);
+    };
+    return (l, g) => l.disableTransitions ? (y(), C("span", {
+      key: 0,
+      class: b(i(c)),
+      style: O({ backgroundColor: l.color }),
+      onClick: v
+    }, [
+      B("span", {
+        class: b(i(s).e("content"))
+      }, [
+        z(l.$slots, "default")
+      ], 2),
+      l.closable ? (y(), E(i(j), {
+        key: 0,
+        class: b(i(s).e("close")),
+        onClick: W(p, ["stop"])
+      }, {
+        default: k(() => [
+          I(i(A))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"])) : P("v-if", !0)
+    ], 6)) : (y(), E(ae, {
+      key: 1,
+      name: `${i(s).namespace.value}-zoom-in-center`,
+      appear: ""
+    }, {
+      default: k(() => [
+        B("span", {
+          class: b(i(c)),
+          style: O({ backgroundColor: l.color }),
+          onClick: v
+        }, [
+          B("span", {
+            class: b(i(s).e("content"))
+          }, [
+            z(l.$slots, "default")
+          ], 2),
+          l.closable ? (y(), E(i(j), {
+            key: 0,
+            class: b(i(s).e("close")),
+            onClick: W(p, ["stop"])
+          }, {
+            default: k(() => [
+              I(i(A))
+            ]),
+            _: 1
+          }, 8, ["class", "onClick"])) : P("v-if", !0)
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+var De = /* @__PURE__ */ Q(Fe, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
+const We = Y(De), Ke = { class: "das-ui-tag" }, Le = {
   inheritAttrs: !1
-}, H = /* @__PURE__ */ N({
-  ...G,
+}, Ae = /* @__PURE__ */ x({
+  ...Le,
   __name: "Index",
   props: {
     round: { type: Boolean, default: !0 },
@@ -19,76 +289,76 @@ const q = { class: "das-ui-tag" }, G = {
     width: { default: "" },
     maxWidth: { default: "" }
   },
-  setup(l, { expose: i }) {
-    const t = l, a = e(() => t.type || ""), s = ["success", "info", "warning", "danger", ""], k = e(() => s.includes(a.value) ? null : `el-tag--${a.value}`), w = e(() => s.includes(a.value) ? a.value : ""), o = e(() => t.effect || "dark"), p = ["dark", "light", "plain"], b = e(() => p.includes(o.value) ? null : `el-tag--${o.value}`), F = e(() => p.includes(o.value) ? o.value : "dark"), g = e(() => t.round), W = e(() => o.value === "list" ? !g.value : g.value), u = n(), c = e(() => t.maxWidth ? t.maxWidth : t.width), $ = e(() => {
+  setup(e, { expose: o }) {
+    const t = e, n = u(() => t.type || ""), s = ["success", "info", "warning", "danger", ""], c = u(() => s.includes(n.value) ? null : `el-tag--${n.value}`), p = u(() => s.includes(n.value) ? n.value : ""), v = u(() => t.effect || "dark"), l = ["dark", "light", "plain"], g = u(() => l.includes(v.value) ? null : `el-tag--${v.value}`), f = u(() => l.includes(v.value) ? v.value : "dark"), m = u(() => t.round), h = u(() => v.value === "list" ? !m.value : m.value), $ = w(), N = u(() => t.maxWidth ? t.maxWidth : t.width), a = u(() => {
       if (t.maxWidth)
         return `max-width:${t.width}`;
       if (t.width)
         return `width:${t.width}`;
-    }), m = e(() => {
+    }), r = u(() => {
       if (t.maxWidth)
-        return `max-width:${Number(String(c.value).split("px")[0]) - 36}px`;
+        return `max-width:${Number(String(N.value).split("px")[0]) - 36}px`;
       if (t.width)
-        return `width:${Number(String(c.value).split("px")[0]) - 36}px`;
-    }), d = n(!0);
-    A(
-      () => u.value,
-      (r, C) => {
-        if (t.toolTip && r) {
-          const D = Number(String(c.value).split("px")[0]) - 36;
-          L(() => {
-            u.value.scrollWidth <= D && (d.value = !1);
+        return `width:${Number(String(N.value).split("px")[0]) - 36}px`;
+    }), d = w(!0);
+    ne(
+      () => $.value,
+      (T, X) => {
+        if (t.toolTip && T) {
+          const ee = Number(String(N.value).split("px")[0]) - 36;
+          re(() => {
+            $.value.scrollWidth <= ee && (d.value = !1);
           });
         }
       }
     );
-    const v = n(null);
-    return i({
+    const D = w(null);
+    return o({
       /** das-tag */
-      $refTag: v
-    }), (r, C) => (f(), x("div", q, [
-      R(h(j), V({
+      $refTag: D
+    }), (T, X) => (y(), C("div", Ke, [
+      I(i(We), M({
         ref_key: "$refTag",
-        ref: v
-      }, r.$attrs, {
-        effect: F.value,
-        style: $.value,
-        round: W.value,
-        type: w.value,
-        class: [k.value, b.value]
+        ref: D
+      }, T.$attrs, {
+        effect: f.value,
+        style: a.value,
+        round: h.value,
+        type: p.value,
+        class: [c.value, g.value]
       }), {
-        default: B(() => [
-          I(r.$slots, "default", {}, void 0, !0),
-          t.toolTip && t.toolTipLabel && d.value ? (f(), z(h(P), {
+        default: k(() => [
+          z(T.$slots, "default", {}, void 0, !0),
+          t.toolTip && t.toolTipLabel && d.value ? (y(), E(i(le), {
             key: 0,
             content: t.toolTipLabel,
             placement: "top"
           }, {
-            default: B(() => [
-              O("div", {
+            default: k(() => [
+              B("div", {
                 class: "text-nowrap",
                 ref_key: "textRef",
-                ref: u,
-                style: y(m.value)
-              }, T(t.toolTipLabel), 5)
+                ref: $,
+                style: O(r.value)
+              }, K(t.toolTipLabel), 5)
             ]),
             _: 1
-          }, 8, ["content"])) : _("", !0),
-          d.value ? _("", !0) : (f(), x("div", {
+          }, 8, ["content"])) : P("", !0),
+          d.value ? P("", !0) : (y(), C("div", {
             key: 1,
-            style: y(m.value)
-          }, T(t.toolTipLabel), 5))
+            style: O(r.value)
+          }, K(t.toolTipLabel), 5))
         ]),
         _: 3
       }, 16, ["effect", "style", "round", "type", "class"])
     ]));
   }
-}), J = (l, i) => {
-  const t = l.__vccOpts || l;
-  for (const [a, s] of i)
-    t[a] = s;
+}), je = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [n, s] of o)
+    t[n] = s;
   return t;
-}, K = /* @__PURE__ */ J(H, [["__scopeId", "data-v-cc50bca4"]]), M = {
+}, Re = /* @__PURE__ */ je(Ae, [["__scopeId", "data-v-cc50bca4"]]), Me = {
   // 默认配置
   "--das-ui-tag-default-font-size": "12px",
   "--das-ui-tag-default-color": "#16B0F1",
@@ -124,9 +394,9 @@ const q = { class: "das-ui-tag" }, G = {
   "--das-ui-tag-list-border-active-color": "#5582F3",
   "--das-ui-tag-list-close-icon-color": "#999"
 };
-E(M);
-const et = S(K);
+oe(Me);
+const He = te(Re);
 export {
-  et as DasTag,
-  et as default
+  He as DasTag,
+  He as default
 };