@cldemo/ui-kit 1.1.1 → 1.1.3

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-DKe5rvrv.js

@@ -1,213 +0,0 @@
-import { defineComponent as q, ref as _, reactive as G, computed as K, onMounted as Q, nextTick as T, onBeforeUnmount as W, watch as D, openBlock as r, createElementBlock as u, normalizeClass as w, unref as X, renderSlot as Y, Fragment as R, renderList as Z, withModifiers as ee, normalizeStyle as te, toDisplayString as se, createBlock as I, createCommentVNode as L } from "vue";
-import { C as o } from "./base-fr2I80sU.js";
-import { C as oe } from "./index-B477PjJ3.js";
-import { _ as N } from "./Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-const ne = ["id"], le = ["onClick"], ae = ["innerHTML"], ie = { key: 1 }, ye = /* @__PURE__ */ q({
-  name: "ClTags",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义 CSS 类名
-    disabled: {
-      type: Boolean,
-      default: !1
-      // desc: 是否禁用所有标签
-    },
-    list: {
-      type: Array,
-      default: () => []
-      // desc: 标签数据列表
-    },
-    isRemove: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示单个标签移除按钮
-    },
-    showTextFormat: String,
-    // desc: 自定义文本展示格式，如 ${id} ${name}
-    isRemoveAll: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示全部清除按钮
-    },
-    color: {
-      type: String,
-      default: ""
-      // desc: 标签颜色，默认实心填充（背景色 + 白字）；list 单项 color 优先级更高。可选语义名 primary、success、warning、danger、secondary，或直接传 CSS 颜色值 | enum: primary, success, warning, danger, secondary
-    },
-    isSolid: {
-      type: Boolean,
-      default: !0
-      // desc: 是否实心填充，false 为空心（白底 + 彩色边框 + 彩色文字）；list 单项 isSolid 优先级更高
-    },
-    isRound: {
-      type: Boolean,
-      default: !1
-      // desc: 是否胶囊形圆角；list 单项 isRound 优先级更高
-    },
-    size: {
-      type: String,
-      default: "m",
-      // desc: 标签尺寸 | enum: s, m, l
-      validator: (c) => ["s", "m", "l"].indexOf(c) !== -1
-    },
-    isFormatHtml: {
-      type: Boolean,
-      default: !1
-      // desc: 是否以 HTML 格式展示标签文本
-    }
-  },
-  emits: ["onRemove", "onClickTag"],
-  setup(c, { expose: B, emit: F }) {
-    const n = c, g = F, x = `tags-${o.getRandom(5)}`, H = n.id, h = _(n.disabled), a = _([]), A = ["primary", "success", "warning", "danger", "secondary"], i = G({
-      status: 0,
-      // 1:初始，2:过渡中 0:结束
-      startColor: "#FFFF80",
-      endColor: "var(--cl-transparent, rgba(0, 0, 0, 0))",
-      hID: ""
-    }), M = K(() => {
-      let e = {
-        "panel-tags": !0
-      };
-      n.size !== "m" && (e[`tags-size-${n.size}`] = !0), n.isRemoveAll && a.value.length > 0 && (e["tags-region"] = !0);
-      const t = oe.getClassNameJson(n.className);
-      return e = o.getJsonMerge(e, t), e;
-    }), v = (e) => o.isEmpty(e) ? "" : o.isEmpty(n.showTextFormat) ? o.isNonEmptyString(e.name) ? e.name : "" : o.convertStringFormatEncodeHTML(n.showTextFormat, e), f = (e) => o.isNonEmptyString(e.color) ? e.color.trim() : o.isNonEmptyString(n.color) ? n.color.trim() : "", S = (e) => o.isBoolean(e.isSolid) ? !!e.isSolid : n.isSolid, $ = (e) => o.isBoolean(e.isRound) ? !!e.isRound : n.isRound, b = (e) => o.isNonEmptyString(e) && o.isExistValue(A, e), V = (e) => {
-      if (o.isEmpty(e))
-        return {};
-      const t = f(e), s = S(e), l = {};
-      return l.tag = !0, l["tag-disabled"] = !!e.isShowDisabled, l["tag-remove"] = n.isRemove && !e.isShowDisabled, (o.isNonEmptyString(e.id) || typeof e.id == "number") && (l["tag-hlight"] = e.id.toString() === i.hID && i.status === 2), o.isNonEmptyString(t) && (l[s ? "tag-solid" : "tag-plain"] = !0, $(e) && (l["tag-round"] = !0)), b(t) && (l[`tag-color-${t}`] = !0), l;
-    }, z = (e) => {
-      const t = {};
-      if (o.isEmpty(e))
-        return t;
-      const s = f(e);
-      if (o.isNonEmptyString(s) && !b(s) && (S(e) ? (t["background-color"] = s, t["border-color"] = s) : (t.color = s, t["border-color"] = s)), o.isEmpty(e.id))
-        return t;
-      if (e.id.toString() === i.hID)
-        switch (i.status) {
-          case 1:
-            t["background-color"] = i.startColor;
-            break;
-          case 2:
-            t["background-color"] = i.endColor;
-            break;
-        }
-      return t;
-    }, C = (e) => {
-      if (o.isEmpty(e))
-        return;
-      const t = h.value;
-      let s = !1;
-      t ? s = !0 : s = o.isBoolean(e.isDisabled) ? !!e.isDisabled : !1, e.isShowDisabled = s;
-    }, p = (e) => {
-      const t = [];
-      return !o.isArray(e) || o.isEmpty(e) || e.forEach((s) => {
-        if (o.isEmpty(s))
-          return;
-        const l = o.getJsonClone(s);
-        C(l), t.push(l);
-      }), t;
-    }, E = (e) => {
-      h.value = e;
-      const t = p(a.value);
-      a.value = t;
-    };
-    let d = null, m = null;
-    const k = () => {
-      d !== null && (clearTimeout(d), d = null), m !== null && (clearTimeout(m), m = null);
-    }, J = (e) => {
-      o.isEmpty(e) || (k(), i.hID = e.toString(), i.status = 1, T(() => {
-        d = setTimeout(() => {
-          i.status = 2;
-        }, 10), m = setTimeout(() => {
-          i.status = 0, i.hID = "";
-        }, 1500);
-      }));
-    }, O = () => {
-      const e = p(n.list);
-      a.value = e;
-    };
-    Q(() => {
-      T(() => {
-        O();
-      });
-    }), W(() => {
-      k();
-    }), D(
-      () => n.disabled,
-      (e) => {
-        E(e);
-      }
-    ), D(
-      () => n.list,
-      (e) => {
-        const t = p(e);
-        a.value = t;
-      },
-      { deep: !0 }
-    );
-    const P = (e, t) => {
-      g("onClickTag", t);
-    }, U = (e, t, s) => {
-      if (e.preventDefault(), e.stopPropagation(), n.isRemove && !t.isShowDisabled && s >= 0 && s < a.value.length) {
-        a.value.splice(s, 1);
-        const l = o.isNonEmptyString(t.id) || typeof t.id == "number" ? t.id.toString() : "";
-        g("onRemove", l);
-      }
-    }, j = () => {
-      a.value = [], g("onRemove", "");
-    };
-    return B({
-      setDisabled: (e = !0) => {
-        E(e);
-      },
-      addInfo: (e) => {
-        if (o.isEmpty(e))
-          return;
-        const t = o.getListExistValue(a.value, e.name || "", "name");
-        if (o.isEmpty(t)) {
-          const s = o.getJsonClone(e);
-          C(s), a.value.push(s);
-        } else
-          t.info && !o.isEmpty(t.info.id) && J(t.info.id);
-      },
-      getData: () => o.getListClone(a.value)
-    }), (e, t) => (r(), u("div", {
-      id: X(H),
-      class: w(M.value)
-    }, [
-      a.value.length > 0 ? Y(e.$slots, "head", { key: 0 }) : (r(), u(R, { key: 1 }, [], 64)),
-      (r(!0), u(R, null, Z(a.value, (s, l) => (r(), u("span", {
-        key: `${x}-list-${l}-${s.id}`,
-        class: w(V(s)),
-        style: te(z(s)),
-        onClick: ee((y) => P(y, s), ["stop"])
-      }, [
-        s.isHtml || c.isFormatHtml ? (r(), u("span", {
-          key: 0,
-          innerHTML: v(s)
-        }, null, 8, ae)) : (r(), u("span", ie, se(v(s)), 1)),
-        c.isRemove && !s.isShowDisabled ? (r(), I(N, {
-          key: 2,
-          class: "tag-close",
-          name: "close",
-          "aria-label": "移除",
-          onClick: (y) => U(y, s, l)
-        }, null, 8, ["onClick"])) : L("", !0)
-      ], 14, le))), 128)),
-      c.isRemoveAll && a.value.length > 0 && !c.disabled ? (r(), I(N, {
-        key: 2,
-        class: "tag-closeAll",
-        name: "close",
-        "aria-label": "清除全部",
-        onClick: j
-      })) : L("", !0)
-    ], 10, ne));
-  }
-});
-export {
-  ye as _
-};