@das-fed/ui 6.4.0-dev.11 → 6.4.0-dev.110

package/packages/components/tag/index.d.ts

@@ -1,164 +1,48 @@
 declare const DasTag: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<"" | "success" | "warning" | "info" | "danger" | "process" | "temporary">;
-            default: string;
-        };
-        effect: {
-            type: import("vue").PropType<"text" | "light" | "dark" | "plain" | "list">;
-            default: string;
-        };
-        maxWidth: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        round: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        toolTip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        toolTipLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>>, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {
         $refTag: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<"" | "success" | "warning" | "info" | "danger" | "process" | "temporary">;
-            default: string;
-        };
-        effect: {
-            type: import("vue").PropType<"text" | "light" | "dark" | "plain" | "list">;
-            default: string;
-        };
-        maxWidth: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        round: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        toolTip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        toolTipLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>>, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
         effect: "dark" | "light" | "plain" | "text" | "list";
-        maxWidth: string;
-        width: string;
         round: boolean;
+        width: string;
+        maxWidth: string;
         toolTip: boolean;
         toolTipLabel: string;
-    }, true, {}, {}, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<"" | "success" | "warning" | "info" | "danger" | "process" | "temporary">;
-            default: string;
-        };
-        effect: {
-            type: import("vue").PropType<"text" | "light" | "dark" | "plain" | "list">;
-            default: string;
-        };
-        maxWidth: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        round: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        toolTip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        toolTipLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>>, {
+    }, Readonly<import("./src/type.js").Props> & Readonly<{}>, {
         $refTag: any;
     }, {}, {}, {}, {
         type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
         effect: "dark" | "light" | "plain" | "text" | "list";
-        maxWidth: string;
-        width: string;
         round: boolean;
+        width: string;
+        maxWidth: string;
         toolTip: boolean;
         toolTipLabel: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"" | "success" | "warning" | "info" | "danger" | "process" | "temporary">;
-        default: string;
-    };
-    effect: {
-        type: import("vue").PropType<"text" | "light" | "dark" | "plain" | "list">;
-        default: string;
-    };
-    maxWidth: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    round: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    toolTip: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    toolTipLabel: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {
+} & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {
     $refTag: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
     effect: "dark" | "light" | "plain" | "text" | "list";
-    maxWidth: string;
-    width: string;
     round: boolean;
+    width: string;
+    maxWidth: string;
     toolTip: boolean;
     toolTipLabel: string;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
 export { DasTag };

package/packages/components/tag/index.js

@@ -1,282 +1,14 @@
 import '@das-fed/ui/packages/components/tag/style.css';
-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";
-/**
-* @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 = {
+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, createElementBlock as x, openBlock as f, createVNode as R, unref as h, mergeProps as V, withCtx as B, renderSlot as I, createBlock as z, createCommentVNode as y, createElementVNode as O, normalizeStyle as T, toDisplayString 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 = {
   inheritAttrs: !1
-}, Ae = /* @__PURE__ */ x({
-  ...Le,
+}, H = /* @__PURE__ */ N({
+  ...G,
   __name: "Index",
   props: {
     round: { type: Boolean, default: !0 },
@@ -287,76 +19,90 @@ const We = Y(De), Ke = { class: "das-ui-tag" }, Le = {
     width: { default: "" },
     maxWidth: { default: "" }
   },
-  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(() => {
+  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(), d = e(() => t.maxWidth ? t.maxWidth : t.width), $ = e(() => {
       if (t.maxWidth)
         return `max-width:${t.width}`;
       if (t.width)
         return `width:${t.width}`;
-    }), r = u(() => {
+    }), m = e(() => {
       if (t.maxWidth)
-        return `max-width:${Number(String(N.value).split("px")[0]) - 36}px`;
+        return `max-width:${Number(String(d.value).split("px")[0]) - 36}px`;
       if (t.width)
-        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);
+        return `width:${Number(String(d.value).split("px")[0]) - 36}px`;
+    }), c = n(!0);
+    A(
+      () => u.value,
+      (r, C) => {
+        if (t.toolTip && r) {
+          const D = Number(String(d.value).split("px")[0]) - 36;
+          L(() => {
+            u.value.scrollWidth <= D && (c.value = !1);
           });
         }
       }
     );
-    const D = w(null);
-    return o({
+    const v = n(null);
+    return i({
       /** das-tag */
-      $refTag: D
-    }), (T, X) => (y(), C("div", Ke, [
-      I(i(We), M({
+      $refTag: v
+    }), (r, C) => (f(), x("div", q, [
+      R(h(j), V({
         ref_key: "$refTag",
-        ref: D
-      }, T.$attrs, {
-        effect: f.value,
-        style: a.value,
-        round: h.value,
-        type: p.value,
-        class: [c.value, g.value]
+        ref: v
+      }, r.$attrs, {
+        effect: F.value,
+        style: $.value,
+        round: W.value,
+        type: w.value,
+        class: [k.value, b.value]
       }), {
-        default: k(() => [
-          z(T.$slots, "default", {}, void 0, !0),
-          t.toolTip && t.toolTipLabel && d.value ? (y(), E(i(le), {
+        default: B(() => [
+          I(r.$slots, "default", {}, void 0, !0),
+          t.toolTip && t.toolTipLabel && c.value ? (f(), z(h(P), {
             key: 0,
             content: t.toolTipLabel,
             placement: "top"
           }, {
-            default: k(() => [
-              B("div", {
-                class: "text-nowrap",
-                ref_key: "textRef",
-                ref: $,
-                style: O(r.value)
-              }, K(t.toolTipLabel), 5)
+            default: B(() => [
+              O(
+                "div",
+                {
+                  class: "text-nowrap",
+                  ref_key: "textRef",
+                  ref: u,
+                  style: T(m.value)
+                },
+                _(t.toolTipLabel),
+                5
+                /* TEXT, STYLE */
+              )
             ]),
             _: 1
-          }, 8, ["content"])) : P("", !0),
-          d.value ? P("", !0) : (y(), C("div", {
-            key: 1,
-            style: O(r.value)
-          }, K(t.toolTipLabel), 5))
+            /* STABLE */
+          }, 8, ["content"])) : y("v-if", !0),
+          c.value ? y("v-if", !0) : (f(), x(
+            "div",
+            {
+              key: 1,
+              style: T(m.value)
+            },
+            _(t.toolTipLabel),
+            5
+            /* TEXT, STYLE */
+          ))
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["effect", "style", "round", "type", "class"])
     ]));
   }
-}), je = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [n, s] of o)
-    t[n] = s;
+}), J = (l, i) => {
+  const t = l.__vccOpts || l;
+  for (const [a, s] of i)
+    t[a] = s;
   return t;
-}, Re = /* @__PURE__ */ je(Ae, [["__scopeId", "data-v-cc50bca4"]]), Me = {
+}, K = /* @__PURE__ */ J(H, [["__scopeId", "data-v-feb09848"]]), M = {
   // 默认配置
   "--das-ui-tag-default-font-size": "12px",
   "--das-ui-tag-default-color": "#16B0F1",
@@ -392,9 +138,9 @@ const We = Y(De), Ke = { class: "das-ui-tag" }, Le = {
   "--das-ui-tag-list-border-active-color": "#5582F3",
   "--das-ui-tag-list-close-icon-color": "#999"
 };
-oe(Me);
-const Ye = te(Re);
+E(M);
+const et = S(K);
 export {
-  Ye as DasTag,
-  Ye as default
+  et as DasTag,
+  et as default
 };