@cldemo/ui-kit 1.1.2 → 1.1.3

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

@@ -0,0 +1,1135 @@
+import { defineComponent as Le, inject as Fe, useTemplateRef as ie, reactive as Ie, ref as de, computed as te, onMounted as Te, nextTick as R, watch as Ee, openBlock as C, createElementBlock as b, withModifiers as Se, normalizeStyle as De, normalizeClass as Ke, createElementVNode as ge, createVNode as X, withDirectives as Re, vShow as je, createBlock as we, Fragment as ee, withKeys as Ve, toRaw as Oe, onBeforeUnmount as Ue, unref as Ce, renderList as We, toDisplayString as ze, provide as qe, withCtx as He } from "vue";
+import t from "@cldemo/ui-kit/common/base";
+import oe from "@cldemo/ui-kit/common/Element";
+import { _ as Ge } from "./List.vue_vue_type_script_setup_true_lang-Chy0eAps.js";
+import { _ as Qe } from "./Index.vue_vue_type_script_setup_true_lang-BiBeEf5V.js";
+import { _ as Xe } from "./Index.vue_vue_type_script_setup_true_lang-D7bJ5UAn.js";
+import { _ as Ye } from "./Index.vue_vue_type_script_setup_true_lang-B2Ste7lk.js";
+import { _ as Ze } from "./Index.vue_vue_type_script_setup_true_lang-RRUPY9bd.js";
+import { _ as et } from "./Index.vue_vue_type_script_setup_true_lang-G8UXhRvM.js";
+import { _ as tt } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { _ as nt } from "./Index.vue_vue_type_script_setup_true_lang-DqZBB8fM.js";
+import { _ as Me } from "./One.vue_vue_type_script_setup_true_lang-bPEj13DH.js";
+import { _ as it } from "./Ing.vue_vue_type_script_setup_true_lang-CiUCozQM.js";
+import { a as at } from "./language-CZZEj4e3.js";
+/* empty css                   */
+const st = { key: 0 }, ot = { key: 1 }, lt = { class: "inputTag-operate" }, Be = /* @__PURE__ */ Le({
+  name: "ClInputTagInput",
+  __name: "Input",
+  props: {
+    value: String,
+    // desc: 绑定值（joinKey 分隔的字符串）
+    placeholder: String,
+    // desc: 输入占位提示
+    disabled: Boolean,
+    // desc: 是否禁用
+    isClean: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示清空按钮
+    },
+    multiple: Boolean,
+    // desc: 是否多选
+    isCopy: Boolean,
+    // desc: 是否启用复制按钮
+    isCopyMultipleWrap: {
+      type: Boolean,
+      default: !0
+      // desc: 多选复制时是否换行包裹
+    },
+    copyJoinKey: {
+      type: String,
+      default: ","
+      // desc: 复制时的拼接分隔符
+    },
+    minHeight: String,
+    // desc: 输入区最小高度
+    joinKey: {
+      type: String,
+      default: ","
+      // desc: 标签拼接分隔符
+    },
+    isDropdownLayer: {
+      type: Boolean,
+      default: !0
+      // desc: 是否处于下拉容器模式（DropdownLayer 包裹）
+    },
+    textMaxHeight: String,
+    // desc: 文本域最大高度
+    tagsMaxHeight: String,
+    // desc: 标签区最大高度
+    isShowNum: Boolean
+    // desc: 是否显示标签数量角标
+  },
+  emits: ["onInit", "onChange", "onChangeInput", "onFocus"],
+  setup(s, { expose: pe, emit: fe }) {
+    const i = s, _ = fe, z = Fe("$InputTagTop"), B = ie("refElTag"), c = ie("refElTextarea"), $ = ie("refElInput"), w = Ie({
+      isFocus: !1
+    }), T = de([]), k = de([]), V = de(""), N = te(() => !t.isEmpty(k.value) || !t.isEmpty(V.value)), le = te(() => i.isClean && !i.disabled && N.value), j = te(() => ({
+      "dropdownLayer-text-container": i.isDropdownLayer,
+      "inputTag-container": !0,
+      "inputTag-multiple": i.multiple,
+      "inputTag-focus": w.isFocus
+    })), U = te(() => {
+      const o = {};
+      return i.multiple && (i.disabled ? o["min-height"] = "40px" : t.isNonEmptyString(i.minHeight) && k.value.length > 0 && (o["min-height"] = i.minHeight)), o;
+    }), m = te(() => {
+      const o = {}, { multiple: d, tagsMaxHeight: I } = i;
+      return d && t.isNonEmptyString(I) && (o["max-height"] = I), o;
+    }), P = (o = "tag") => {
+      const d = v();
+      _("onChange", d, o);
+    }, Y = () => {
+      R(() => {
+        _("onInit");
+      });
+    }, O = (o) => {
+      _("onChangeInput", o);
+    }, F = (o) => {
+      _("onFocus", o);
+    }, Z = () => {
+      let o = "";
+      if (i.multiple) {
+        const d = i.copyJoinKey + (i.isCopyMultipleWrap ? `
+` : "");
+        o = k.value.join(d);
+      } else
+        o = V.value;
+      return o;
+    }, v = () => i.multiple ? k.value.join(i.joinKey || ",") : V.value, A = (o) => {
+      if (t.isEmpty(o))
+        T.value = [], k.value = [], V.value = "";
+      else if (o !== v())
+        if (i.multiple) {
+          const d = [], I = [];
+          t.split(o, i.joinKey || ",").forEach((q) => {
+            const H = t.trim(q);
+            !t.isEmpty(H) && !t.isExistValue(I, H) && (d.push({ id: `inputTag_${t.getRandom(8)}`, name: H }), I.push(H));
+          }), T.value = d, k.value = Array.from(new Set(I));
+        } else
+          V.value = o;
+    }, ne = (o) => {
+      const d = t.trim(o);
+      B.value && B.value.addInfo({
+        id: `inputTag_${t.getRandom(8)}`,
+        name: d
+      }), c.value && (c.value.initHeight(), c.value.setValue(""));
+    }, J = () => {
+      i.multiple ? c.value && c.value.focus() : $.value && $.value.focus();
+    }, re = (o, d = !0) => {
+      if (i.multiple) {
+        const I = Oe(k.value);
+        t.split(o, i.joinKey || ",").forEach((q) => {
+          const H = t.trim(q);
+          if (!t.isEmpty(H))
+            if (d)
+              ne(H), t.isExistValue(I, H) || I.push(H);
+            else {
+              const G = T.value.findIndex((he) => he.name === H);
+              G > -1 && T.value.splice(G, 1);
+              const Q = I.indexOf(H);
+              Q > -1 && I.splice(Q, 1);
+            }
+        }), k.value = Array.from(new Set(I));
+      } else
+        V.value = d ? o : "";
+      i.multiple && J(), P("drop");
+    }, ce = () => {
+      A(i.value ?? ""), Y();
+    };
+    Te(() => {
+      R(() => {
+        ce();
+      });
+    }), Ee(
+      () => i.value,
+      (o, d) => {
+        o !== d && o !== v() && (A(o ?? ""), c.value && (c.value.setValue(""), c.value.initHeight()));
+      }
+    );
+    const ue = (o) => {
+      if (i.multiple) {
+        const d = c.value ? c.value.getParentElement() : null;
+        (!d || !d.contains(o.target)) && J();
+      } else
+        J();
+    }, ye = (o) => {
+      if (o.isComposing || o.keyCode === 229 || o.shiftKey)
+        return;
+      const d = z ? z.getListHoverValueKeydown() : "";
+      t.isEmpty(d) && (o.preventDefault(), o.stopPropagation());
+    }, l = (o) => {
+      if (o.isComposing || o.keyCode === 229 || o.shiftKey)
+        return;
+      const d = o.target.value, I = z ? z.getListHoverValueKeydown() : "";
+      if (t.isEmpty(I)) {
+        if (o.preventDefault(), o.stopPropagation(), !t.isEmpty(d)) {
+          const q = Oe(k.value);
+          let H = [];
+          t.isExistValue(d, `
+`) ? t.split(d, `
+`).forEach((G) => {
+            t.isEmpty(G) || H.push(...t.split(G, i.joinKey || ","));
+          }) : H = t.split(d, i.joinKey || ","), H.forEach((G) => {
+            const Q = t.trim(G);
+            t.isEmpty(Q) || (ne(Q), t.isExistValue(q, Q) || q.push(Q));
+          }), k.value = Array.from(new Set(q)), P();
+        }
+      } else
+        c.value && (c.value.initHeight(), c.value.setValue(""));
+    }, g = () => {
+      w.isFocus = !0, F(v());
+    }, x = () => {
+      w.isFocus = !1;
+    }, E = () => {
+      if (!B.value)
+        return;
+      const o = B.value.getData();
+      k.value = o.filter((d) => t.isNonEmptyString(d.name)).map((d) => d.name), T.value = o, O(""), P();
+    }, K = () => {
+      T.value = [], k.value = [], V.value = "", c.value && (c.value.setValue(""), c.value.initHeight()), P(), J();
+    }, M = (o) => {
+      O(o);
+    }, W = () => {
+      F(V.value);
+    };
+    return pe({
+      getValue: () => v(),
+      setValue: (o) => {
+        A(o), c.value && (c.value.setValue(""), c.value.initHeight());
+      },
+      focus: () => {
+        J();
+      },
+      updateValue: (o, d = !0) => {
+        re(o, d);
+      }
+    }), (o, d) => (C(), b("div", {
+      class: Ke(j.value),
+      style: De(U.value),
+      onClick: Se(ue, ["stop"])
+    }, [
+      s.multiple ? (C(), b("div", st, [
+        ge("div", {
+          class: "inputTag-tags",
+          style: De(m.value)
+        }, [
+          X(Ye, {
+            ref_key: "refElTag",
+            ref: B,
+            disabled: s.disabled,
+            list: T.value,
+            onOnRemove: E
+          }, null, 8, ["disabled", "list"])
+        ], 4),
+        Re(X(Xe, {
+          ref_key: "refElTextarea",
+          ref: c,
+          height: "24px",
+          heightMax: s.textMaxHeight,
+          disabled: s.disabled,
+          placeholder: s.disabled ? "" : s.placeholder,
+          isClean: !1,
+          isAutoHeight: !0,
+          onOnKeydownEnter: ye,
+          onOnKeyupEnter: l,
+          onOnFocus: g,
+          onOnBlur: x,
+          onOnChangeDelay: M
+        }, null, 8, ["heightMax", "disabled", "placeholder"]), [
+          [je, !s.disabled]
+        ])
+      ])) : (C(), b("div", ot, [
+        X(Ze, {
+          ref_key: "refElInput",
+          ref: $,
+          value: V.value,
+          "onUpdate:value": d[0] || (d[0] = (I) => V.value = I),
+          placeholder: s.placeholder,
+          isClean: !1,
+          disabled: s.disabled,
+          onOnFocus: W,
+          onOnChangeDelay: M
+        }, null, 8, ["value", "placeholder", "disabled"])
+      ])),
+      ge("div", lt, [
+        s.isShowNum && s.multiple && k.value.length > 1 ? (C(), we(Qe, {
+          key: 0,
+          num: k.value.length
+        }, null, 8, ["num"])) : (C(), b(ee, { key: 1 }, [], 64)),
+        le.value ? (C(), we(tt, {
+          key: 2,
+          name: "close-circle-fill",
+          className: "inputTag-operate-btn",
+          "aria-label": "清空",
+          tabindex: "-1",
+          role: "button",
+          onClick: Se(K, ["stop"]),
+          onKeydown: [
+            Ve(Se(K, ["stop", "prevent"]), ["enter"]),
+            Ve(Se(K, ["stop", "prevent"]), ["space"])
+          ]
+        }, null, 8, ["onKeydown"])) : (C(), b(ee, { key: 3 }, [], 64)),
+        s.isCopy && N.value ? (C(), we(et, {
+          key: 4,
+          className: "inputTag-operate-btn",
+          textLabel: Z
+        })) : (C(), b(ee, { key: 5 }, [], 64))
+      ])
+    ], 6));
+  }
+}), rt = { class: "dropdownLayer-list-container" }, ct = {
+  key: 0,
+  class: "dropdownLayer-list-search"
+}, ut = {
+  key: 2,
+  class: "dropdownLayer-list-checkboxAll"
+}, dt = ["aria-activedescendant"], pt = ["id", "aria-selected", "aria-disabled", "onClick", "onMouseenter", "onMouseleave"], ft = {
+  key: 0,
+  class: "dropdownLayer-list-checkbox"
+}, ht = ["innerHTML"], gt = { key: 1 }, yt = {
+  key: 0,
+  class: "dropdownLayer-list-empty"
+}, mt = {
+  key: 1,
+  class: "inputTag-load"
+}, vt = 180, St = 50, wt = 100, Et = 130, Ct = /* @__PURE__ */ Le({
+  name: "ClDropdownlayerSearchList",
+  __name: "Dropdown",
+  props: {
+    isSearch: Boolean,
+    // desc: 是否显示搜索框
+    searchValue: String,
+    // desc: 搜索关键字
+    searchPlaceholder: String,
+    // desc: 搜索框占位提示
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+      // desc: 搜索匹配的字段
+    },
+    searchKeyType: {
+      type: String,
+      default: "||",
+      // desc: 搜索匹配方式 | enum: ||, &&
+      validator: (s) => ["||", "&&"].indexOf(s) > -1
+    },
+    isMultiple: Boolean,
+    // desc: 是否多选
+    isCheckBoxAll: Boolean,
+    // desc: 是否显示全选
+    showDropDownTextFormat: String,
+    // desc: 下拉项文本格式化模板，${xxx} 格式
+    showDropDownTextFormatSub: String,
+    // desc: 二级下拉项文本格式化
+    isCascade: Boolean,
+    // desc: 是否启用二级级联
+    parentSelectable: Boolean,
+    // desc: 二级级联时父级是否可被选中
+    parentKey: {
+      type: String,
+      default: "parentId"
+      // desc: 数据中标识父级的字段名
+    },
+    topParentValue: {
+      type: String,
+      default: "0"
+      // desc: 顶级父节点的 parentKey 值
+    },
+    originalData: {
+      type: Array,
+      default: () => []
+      // desc: 原始候选数据列表
+    },
+    keyIndex: String,
+    // desc: 唯一标识前缀（父组件传入）
+    selectId: {
+      type: Array,
+      default: () => []
+      // desc: 已选中的 id 列表
+    },
+    isShowEmptyLabel: {
+      type: Boolean,
+      default: !0
+      // desc: 无数据时是否显示空提示
+    },
+    isShowLoading: Boolean,
+    // desc: 服务端搜索时是否显示加载中
+    serverCallback: Function
+    // desc: 服务端搜索回调
+  },
+  emits: ["onChange", "onSearchResult", "onError"],
+  setup(s, { expose: pe, emit: fe }) {
+    const i = s, _ = fe, { optPageLanguage: z, getPageLanguage: B } = at();
+    B("common");
+    const c = Fe("$InputTagTop"), $ = ie("refElSearch"), w = ie("refElList"), T = `inputtag-${t.getRandom(5)}`;
+    let k = 0, V = 0, N = 0, le = 0, j = !1, U = !1;
+    const m = { start: -1, end: -1, limit: 50 }, P = Ie({
+      isRunLoading: !1
+    }), Y = `dropdownLayer-list-${i.keyIndex || T}`, O = de(""), F = de([]), Z = de([]);
+    let v = [], A = [], ne = !1;
+    const J = {
+      isScrollLoadIng: !1
+    }, re = te(() => {
+      let e = !1;
+      return Z.value.length > 0 && i.selectId.length >= Z.value.length && (e = t.isContainArr(
+        i.selectId.map((n) => n.toString()),
+        Z.value
+      )), e;
+    }), ce = te(
+      () => new Set(i.selectId.map((e) => e.toString()))
+    ), ue = (e, a) => {
+      _("onChange", e, a);
+    }, ye = (e, a) => {
+      _("onSearchResult", {
+        search: t.isNonEmptyString(e) ? e : "",
+        isEmpty: a
+      });
+    }, l = (e) => {
+      _("onError", e);
+    }, g = (e) => t.isEmpty(e) ? [] : e.filter((a) => a ? t.isString(a.id) && !t.isEmpty(a.id) || t.isNumber(a.id) && t.isFinite(a.id) : !1), x = async (e) => {
+      N++;
+      const a = N;
+      let n = [];
+      if (i.serverCallback) {
+        i.isShowLoading && (P.isRunLoading = !0);
+        try {
+          if (n = await i.serverCallback({ search: e, offset: 0 }), a !== N) return;
+          R(() => {
+            a === N && (P.isRunLoading = !1, c && c.convertListToJson(n), R(() => {
+              E(e, n);
+            }));
+          });
+        } catch {
+          a === N && (P.isRunLoading = !1, l("服务端搜索失败，请稍后重试"));
+        }
+      } else if (t.isEmpty(e))
+        n = i.originalData, E(e, n);
+      else if (t.isNonEmptyString(e)) {
+        const r = e.toLowerCase(), p = i.searchKey.length, y = i.searchKey;
+        i.originalData.forEach((h) => {
+          const f = [];
+          for (let S = 0; S < p; S++) {
+            const u = h[y[S]];
+            t.isNonEmptyString(u) && u.toLowerCase().indexOf(r) > -1 && f.push(!0);
+          }
+          if (f.length > 0)
+            switch (i.searchKeyType) {
+              case "||":
+                n.push(h);
+                break;
+              case "&&":
+                f.length === p && n.push(h);
+                break;
+            }
+        }), E(e, n);
+      }
+    }, E = (e, a) => {
+      i.isCascade ? (t.isEmpty(e) || (a = W(a, i.originalData)), A = a, a = M(a)) : a = g(a), v = a, F.value = ae(0, m.limit), w.value && (w.value.scrollTop = 0), me(0, m.limit), K(), O.value = "", ye(e, a.length === 0);
+    }, K = () => {
+      const e = [], a = i.selectId.map((n) => n.toString());
+      v.forEach((n) => {
+        if (t.isEmpty(n.id)) return;
+        const r = n.id.toString();
+        n.isDisabled ? t.isExistValue(a, r) && e.push(r) : e.push(r);
+      }), Z.value = e;
+    }, M = (e) => {
+      const a = i.parentKey || "parentId", n = i.topParentValue || "0", r = {};
+      e.forEach((S) => {
+        if (t.isEmpty(S.id)) return;
+        const u = S[a];
+        if (!t.isEmpty(u) && u.toString() !== n) {
+          const D = u.toString();
+          r[D] || (r[D] = []), r[D].push(S);
+        }
+      });
+      const p = [], y = e.filter((S) => {
+        if (t.isEmpty(S.id)) return !1;
+        const u = S[a];
+        return t.isEmpty(u) || u.toString() === n;
+      }), h = /* @__PURE__ */ new Set(), f = (S, u, D) => {
+        S.forEach((L) => {
+          const se = L.id.toString();
+          if (h.has(se)) return;
+          h.add(se);
+          const ve = r[se] || [];
+          p.push({
+            ...L,
+            _level: u,
+            _parentName: D,
+            _hasChildren: ve.length > 0,
+            // parentSelectable 契约：级联父级（有子级项）不可选中时置为禁用
+            isDisabled: L.isDisabled || ve.length > 0 && !i.parentSelectable
+          }), ve.length > 0 && f(ve, u + 1, L.name);
+        });
+      };
+      return f(y, 0, ""), p;
+    }, W = (e, a) => {
+      const n = i.parentKey || "parentId", r = i.topParentValue || "0", p = {}, y = {};
+      a.forEach((u) => {
+        if (t.isEmpty(u.id)) return;
+        const D = u.id.toString();
+        p[D] = u;
+        const L = u[n];
+        !t.isEmpty(L) && L.toString() !== r && (y[L.toString()] || (y[L.toString()] = []), y[L.toString()].push(D));
+      });
+      const h = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
+      e.forEach((u) => {
+        t.isEmpty(u.id) || f.add(u.id.toString());
+      });
+      const S = (u) => {
+        let D = p[u], L = 0;
+        for (; D && L < 100; ) {
+          h.add(D.id.toString());
+          const se = D[n];
+          if (t.isEmpty(se) || se.toString() === r) break;
+          D = p[se.toString()], L++;
+        }
+      };
+      return e.forEach((u) => {
+        if (t.isEmpty(u.id)) return;
+        const D = u.id.toString();
+        S(D), y[D] && y[D].forEach((L) => {
+          h.add(L);
+        });
+      }), a.filter((u) => t.isEmpty(u.id) ? !1 : h.has(u.id.toString()));
+    }, ae = (e, a) => {
+      const n = [], r = v.length, p = e < 0 ? 0 : e, y = a <= r ? a : r;
+      if (p < y)
+        for (let h = p; h < y; h++)
+          n.push(v[h]);
+      return n;
+    }, xe = (e, a) => {
+      let n = 0, r = 0;
+      switch (a) {
+        case "prev":
+          n = e - m.limit, r = e;
+          break;
+        case "next":
+          n = e, r = n + m.limit;
+          break;
+      }
+      return ae(n, r);
+    }, me = (e, a) => {
+      let n = m.start;
+      (n === -1 || e < n) && (n = e), n = n <= 0 ? 0 : n;
+      let r = m.end;
+      a > r && (r = a), r = a <= v.length ? a : v.length, m.start = n, m.end = r;
+    }, be = () => {
+      let e = -1, a = "";
+      if (!t.isEmpty(i.selectId)) {
+        const p = i.selectId.map((y) => y.toString());
+        v.some((y, h) => {
+          if (t.isEmpty(y.id)) return !1;
+          const f = y.id.toString(), S = t.isExistValue(p, f);
+          return S && (e = h, a = f), S;
+        });
+      }
+      let n = 0, r = 0;
+      e === -1 ? (k = 0, n = 0, r = m.limit) : (n = e - m.limit * 1, r = e + m.limit * 1), F.value = ae(n, r), m.start = n <= 0 ? 0 : n, m.end = r >= v.length ? v.length : r, t.isEmpty(a) || F.value.some((p, y) => {
+        if (t.isEmpty(p.id)) return !1;
+        const h = p.id.toString() === a;
+        return h && (k = y), h;
+      });
+    }, o = (e) => {
+      R(() => {
+        const a = w.value;
+        if (!(!a || !a.children[0]))
+          if (e > 0) {
+            const n = a.children[0].children[e];
+            a.scrollTop = n && n.offsetTop > vt ? n.offsetTop - St : 0;
+          } else
+            a.scrollTop = 0;
+      });
+    }, d = () => {
+      i.isCascade ? (A = g(i.originalData), v = M(A)) : v = g(i.originalData), be(), R(() => {
+        t.isEmpty(i.searchValue) && ($.value && $.value.setValue(""), w.value && o(k));
+      });
+    }, I = async (e) => {
+      const a = Date.now(), n = e.target, r = n.scrollTop;
+      if (a - le < 150) {
+        V = r;
+        return;
+      }
+      le = a;
+      const p = n.offsetHeight;
+      if (!n.children[0]) {
+        V = r;
+        return;
+      }
+      const y = n.children[0].offsetHeight;
+      if (r > V) {
+        if (r + p + wt > y && !J.isScrollLoadIng) {
+          if (J.isScrollLoadIng = !0, m.end >= v.length && i.serverCallback) {
+            const h = N, f = i.searchValue, S = {
+              offset: v.length
+            };
+            t.isEmpty(f) || (S.search = f);
+            try {
+              const u = await i.serverCallback(S);
+              if (U) return;
+              h === N && i.searchValue === f && (i.isCascade ? (A.push(...g(u)), v = M(A)) : v.push(...g(u)), K(), c && c.convertListToJson(v));
+            } catch {
+              h === N && l("服务端加载更多失败，请稍后重试");
+            }
+          }
+          if (m.end < v.length) {
+            const h = xe(m.end, "next");
+            F.value.push(...h), me(m.start, m.end + m.limit);
+          }
+          J.isScrollLoadIng = !1;
+        }
+      } else if (r < Et && m.start > 0) {
+        const h = xe(m.start, "prev"), f = h.length;
+        f > 0 && (F.value.unshift(...h), me(m.start - m.limit, m.end), R(() => {
+          const S = w.value;
+          if (!S || !S.children[0]) return;
+          let u = 0;
+          const D = S.children[0].children;
+          for (let L = 0; L < f && D[L]; L++)
+            u += D[L].offsetHeight;
+          S.scrollTop += u;
+        }));
+      }
+      V = r;
+    }, q = () => {
+      ne || R(() => {
+        w.value && (w.value.addEventListener("scroll", I), ne = !0);
+      });
+    }, H = (e) => {
+      let a = i.showDropDownTextFormat;
+      if (e._level >= 1 && !t.isEmpty(i.showDropDownTextFormatSub) && (a = i.showDropDownTextFormatSub), t.isEmpty(a)) {
+        if (t.isEmpty(e.name)) return "";
+        const n = e.name;
+        return t.isString(n) ? t.encodeHTML(n) : String(n);
+      }
+      return t.convertStringFormatEncodeHTML(a, e);
+    }, G = (e) => {
+      const a = [];
+      return i.isMultiple ? (i.selectId.forEach((n) => {
+        n.toString() !== e && a.push(n);
+      }), t.isExistValue(
+        i.selectId.map((n) => n.toString()),
+        e
+      ) || a.push(e)) : a.push(e), a;
+    }, Q = (e) => {
+      const a = F.value;
+      if (a.length === 0) {
+        O.value = "";
+        return;
+      }
+      let n = -1;
+      const r = O.value;
+      r.length > 0 ? (a.forEach((p, y) => {
+        p.id.toString() === r && (n = y);
+      }), n += e, n < 0 ? n = 0 : n >= a.length && (n = a.length - 1)) : n = 0, O.value = t.isEmpty(a[n].id) ? "" : a[n].id.toString(), o(n);
+    }, he = (e) => {
+      if (e.isComposing || e.keyCode === 229)
+        return;
+      let a = e.keyCode;
+      if (!t.isUndefined(a))
+        switch (a = a.toString(), a) {
+          case "13":
+            if (e.shiftKey)
+              break;
+            e.preventDefault(), e.stopPropagation();
+            break;
+          case "38":
+            e.preventDefault(), e.stopPropagation(), Q(-1);
+            break;
+          case "40":
+            e.preventDefault(), e.stopPropagation(), Q(1);
+            break;
+        }
+    }, ke = (e) => {
+      if (e.isComposing || e.keyCode === 229)
+        return;
+      let a = e.keyCode;
+      if (!t.isUndefined(a))
+        switch (a = a.toString(), a) {
+          case "27":
+            c && c.setDropdownOpen(!1);
+            break;
+          case "13": {
+            if (e.shiftKey)
+              break;
+            const n = O.value;
+            if (!t.isEmpty(n)) {
+              const r = F.value.find((p) => p.id.toString() === n);
+              if (r && !r.isDisabled) {
+                const p = G(n);
+                ue(p, {
+                  id: n,
+                  // R3-F1：isSelect = 操作后该项处于选中态（未选 → true 添加；已选 → false 移除）。原 indexOf>0 语义反了：点未选项走移除、点已选项走添加，选择/取消全挂（第三轮浏览器验证暴露）
+                  isSelect: i.selectId.map((y) => y.toString()).indexOf(n) === -1
+                });
+              }
+            }
+            break;
+          }
+        }
+    }, _e = () => {
+      d(), K(), q();
+      const { searchValue: e } = i;
+      t.isNonEmptyString(e) && x(e);
+    };
+    Te(() => {
+      _e();
+    }), Ue(() => {
+      U = !0, oe.offListener(window, "keydown", he, !0), oe.offListener(window, "keyup", ke, !0), j = !1, w.value && w.value.removeEventListener("scroll", I);
+    }), Ee(
+      () => i.originalData,
+      (e) => {
+        i.isCascade ? (A = g(e), v = M(A)) : v = g(e), be(), K(), q();
+      }
+    ), Ee(
+      () => i.searchValue,
+      (e) => {
+        x(e);
+      }
+    );
+    const Ne = (e) => {
+      x(e);
+    }, $e = (e) => {
+      if (!e || !i.isMultiple) return;
+      const a = i.selectId.map((f) => f.toString()), n = /* @__PURE__ */ new Set();
+      v.forEach((f) => {
+        f.isDisabled && !t.isEmpty(f.id) && n.add(f.id.toString());
+      });
+      const r = [], p = [], y = [];
+      Z.value.forEach((f) => {
+        e.value ? t.isExistValue(a, f) || p.push(f) : t.isExistValue(a, f) && !n.has(f) && y.push(f), r.push(f);
+      });
+      const h = t.getArrClone(i.selectId);
+      y.length > 0 && y.forEach((f) => {
+        const S = h.findIndex((u) => u.toString() === f);
+        S > -1 && h.splice(S, 1);
+      }), p.length > 0 && h.push(...p), ue(h, { id: r, isSelect: e.value });
+    }, Pe = (e) => {
+      if (!e.isDisabled && !t.isEmpty(e.id)) {
+        const a = e.id.toString(), n = G(a);
+        ue(n, {
+          id: a,
+          // R3-F1：同键盘路径，isSelect = 操作后选中态（未选 → true；已选 → false）
+          isSelect: i.selectId.map((r) => r.toString()).indexOf(a) === -1
+        });
+      }
+    }, Ae = (e) => {
+      !e || t.isEmpty(e.id) || (O.value = e.id.toString());
+    }, Je = (e) => {
+      !e || t.isEmpty(e.id) || O.value === e.id.toString() && (O.value = "");
+    };
+    return pe({
+      initOpenShow: (e) => {
+        e ? j || (oe.onListener(window, "keydown", he, !0), oe.onListener(window, "keyup", ke, !0), j = !0) : j && (oe.offListener(window, "keydown", he, !0), oe.offListener(window, "keyup", ke, !0), j = !1);
+      },
+      getHoverKeydown: () => O.value
+    }), (e, a) => (C(), b("div", rt, [
+      P.isRunLoading ? (C(), b("div", mt, [
+        X(it, {
+          isLoadIng: P.isRunLoading
+        }, null, 8, ["isLoadIng"])
+      ])) : (C(), b(ee, { key: 0 }, [
+        s.isSearch ? (C(), b("div", ct, [
+          X(nt, {
+            ref_key: "refElSearch",
+            ref: $,
+            placeholder: s.searchPlaceholder,
+            onOnChange: Ne
+          }, null, 8, ["placeholder"])
+        ])) : (C(), b(ee, { key: 1 }, [], 64)),
+        s.isMultiple && s.isCheckBoxAll ? (C(), b("div", ut, [
+          X(Me, {
+            forId: `${Y}-cb-all`,
+            label: Ce(z).checkboxAll,
+            value: re.value,
+            onOnChange: $e
+          }, null, 8, ["forId", "label", "value"])
+        ])) : (C(), b(ee, { key: 3 }, [], 64)),
+        ge("div", {
+          class: "dropdownLayer-list-body",
+          ref_key: "refElList",
+          ref: w
+        }, [
+          F.value.length > 0 ? (C(), b("ul", {
+            key: 0,
+            role: "listbox",
+            "aria-activedescendant": O.value ? `${Y}-opt-${O.value}` : void 0
+          }, [
+            (C(!0), b(ee, null, We(F.value, (n, r) => (C(), b("li", {
+              key: `${T}-${n.id}-${r}`,
+              id: `${Y}-opt-${n.id}`,
+              role: "option",
+              "aria-selected": ce.value.has(n.id.toString()),
+              "aria-disabled": n.isDisabled,
+              class: Ke({
+                "option-selected": ce.value.has(n.id.toString()),
+                "option-disabled": n.isDisabled,
+                "option-hoverKeydown": O.value === n.id.toString(),
+                "inputTag-dropdown-item-child": n._level >= 1
+              }),
+              style: De({ paddingLeft: n._level ? n._level * 20 + "px" : void 0 }),
+              onClick: (p) => Pe(n),
+              onMouseenter: (p) => Ae(n),
+              onMouseleave: (p) => Je(n)
+            }, [
+              ge("div", null, [
+                s.isMultiple ? (C(), b("div", ft, [
+                  X(Me, {
+                    name: `${Y}-cb`,
+                    forId: `${Y}-cb-${n.id}`,
+                    value: ce.value.has(n.id.toString()),
+                    disabled: n.isDisabled
+                  }, null, 8, ["name", "forId", "value", "disabled"])
+                ])) : (C(), b(ee, { key: 1 }, [], 64)),
+                ge("div", {
+                  class: "dropdownLayer-list-title",
+                  innerHTML: H(n)
+                }, null, 8, ht)
+              ])
+            ], 46, pt))), 128))
+          ], 8, dt)) : (C(), b("ul", gt, [
+            s.isShowEmptyLabel ? (C(), b("li", yt, ze(Ce(z).noResultsText), 1)) : (C(), b(ee, { key: 1 }, [], 64))
+          ]))
+        ], 512)
+      ], 64))
+    ]));
+  }
+}), xt = ["id"], At = /* @__PURE__ */ Le({
+  name: "ClInputTag",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，不传自动生成
+    value: String,
+    // desc: 绑定值（joinKey 分隔的字符串）
+    className: String,
+    // desc: 自定义CSS类名
+    placeholder: String,
+    // desc: 输入占位提示
+    disabled: Boolean,
+    // desc: 是否禁用
+    isClean: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示清空按钮
+    },
+    multiple: {
+      type: Boolean,
+      default: !0
+      // desc: 是否多选
+    },
+    isCopy: Boolean,
+    // desc: 是否启用复制按钮
+    isCopyMultipleWrap: {
+      type: Boolean,
+      default: !0
+      // desc: 多选复制时是否换行包裹
+    },
+    copyJoinKey: {
+      type: String,
+      default: ","
+      // desc: 复制时的拼接分隔符
+    },
+    minHeight: {
+      type: String,
+      default: "70px"
+      // desc: 输入区最小高度
+    },
+    joinKey: {
+      type: String,
+      default: ","
+      // desc: 标签拼接分隔符
+    },
+    isAutofill: Boolean,
+    // desc: 是否启用下拉模式（DropdownLayer 包裹）
+    list: {
+      type: Array,
+      default: () => []
+    },
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+    },
+    searchKeyType: {
+      type: String,
+      default: "||",
+      // desc: 搜索匹配方式 | enum: ||, &&
+      validator: (s) => ["||", "&&"].indexOf(s) > -1
+    },
+    showDropDownTextFormat: String,
+    // desc: 下拉项文本格式化模板，${xxx} 格式
+    showDropDownTextFormatSub: String,
+    // desc: 二级下拉项文本格式化，${xxx} 格式
+    isCascade: Boolean,
+    // desc: 是否启用二级级联
+    parentSelectable: Boolean,
+    // desc: 二级级联时父级是否可被选中
+    parentKey: {
+      type: String,
+      default: "parentId"
+      // desc: 数据中标识父级的字段名
+    },
+    topParentValue: {
+      type: String,
+      default: "0"
+      // desc: 顶级父节点的 parentKey 值
+    },
+    isFocusShowDrop: Boolean,
+    // desc: 聚焦时是否展示下拉
+    textMaxHeight: String,
+    // desc: 文本域最大高度
+    tagsMaxHeight: String,
+    // desc: 标签区最大高度
+    isShowNum: Boolean,
+    // desc: 是否显示标签数量角标
+    isShowLoading: Boolean,
+    // desc: 服务端搜索时是否显示加载中
+    serverCallback: Function,
+    // desc: 服务端搜索回调
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，保留标签外观但整体禁用并屏蔽鼠标交互（含 hover）
+    },
+    appendContainer: {
+      type: String,
+      default: ""
+      // desc: 面板挂载容器，空为当前父元素，body 挂到 body，或指定选择器（需为触发元素的上级，如滚动容器外的容器）
+    }
+  },
+  emits: ["onInit", "update:value", "update:modelValue", "onChange", "onError"],
+  setup(s, { expose: pe, emit: fe }) {
+    const i = s, _ = fe, z = i.id, B = ie("refElDropdownLayer"), c = ie("refElInput"), $ = ie("refElList"), w = Ie({
+      keyIndex: `inputTag-${t.getRandom(8)}`,
+      searchValue: "",
+      dropdownSelectId: [],
+      isUseData: !1
+    }), T = {
+      listNameJson: {},
+      listIdJson: {}
+    }, k = te(() => {
+      let l = {
+        "panel-input-tag": !0,
+        "inputTag-disabled": i.disabled || i.isPlaintext,
+        // 纯文本模式：屏蔽 hover 等鼠标交互反馈，光标保持默认箭头
+        "cl-plaintext-static": i.isPlaintext,
+        // 纯文本模式：去掉容器边框、圆角、内阴影与按钮预留内边距，保留标签自身外观
+        "cl-plaintext-inputtag": i.isPlaintext
+      };
+      return l = t.getJsonMerge(l, oe.getClassNameJson(i.className)), t.getStringByJson(l, " ");
+    }), V = te(() => {
+      let l = "inputTag-dropdown ";
+      return w.isUseData || (l += " inputTag-dropdown-nodata "), l;
+    }), N = (l, g = "") => {
+      _("update:value", l), _("update:modelValue", l), _("onChange", l, g);
+    }, le = () => {
+      R(() => {
+        _("onInit");
+      });
+    }, j = (l) => {
+      const x = t.isEmpty(l) ? [] : l.filter((E) => {
+        if (!E)
+          return !1;
+        const K = t.isString(E.id) && !t.isEmpty(E.id) || t.isNumber(E.id) && t.isFinite(E.id), M = t.isNonEmptyString(E.name) || t.isNumber(E.name) && !t.isEmpty(E.name);
+        return K && M;
+      });
+      T.listNameJson = t.getJsonByList(x, "name"), T.listIdJson = t.getJsonByList(x, "id");
+    }, U = (l) => {
+      if (B.value) {
+        const g = B.value.checkIsShowOpen();
+        if (l) {
+          if (!g) {
+            const x = [], E = c.value ? c.value.getValue() : "", K = t.isEmpty(E) ? [] : t.split(E, i.joinKey || ",");
+            K.length > 0 && K.forEach((M) => {
+              if (t.isExistJsonKey(T.listNameJson, M)) {
+                const W = T.listNameJson[M];
+                W && !t.isEmpty(W.id) && x.push(W.id.toString());
+              }
+            }), w.dropdownSelectId = x, w.isUseData = !t.isEmpty(i.list) || !!i.serverCallback, B.value.setOpen(!0), R(() => {
+              B.value && B.value.initCompleteOpen();
+            });
+          }
+        } else
+          w.isUseData = !0, g && B.value.setOpen(!1);
+      }
+    }, m = () => {
+      t.isEmpty(i.list) || j(i.list);
+    };
+    Te(() => {
+      R(() => {
+        m();
+      });
+    }), Ee(
+      () => i.list,
+      (l) => {
+        j(l), w.isUseData = !t.isEmpty(l) || !!i.serverCallback;
+      }
+    );
+    const P = () => {
+      le();
+    }, Y = (l) => {
+      l && i.disabled || R(() => {
+        $.value && $.value.initOpenShow(l);
+      });
+    }, O = (l) => {
+      const g = l.toLowerCase(), x = i.searchKey;
+      let E = !1;
+      return i.list.forEach((K) => {
+        if (E)
+          return;
+        let M = 0;
+        for (let W = 0; W < x.length; W++) {
+          const ae = K[x[W]];
+          t.isNonEmptyString(ae) && ae.toLowerCase().indexOf(g) > -1 && M++;
+        }
+        M > 0 && (i.searchKeyType === "||" || i.searchKeyType === "&&" && M === x.length) && (E = !0);
+      }), E;
+    }, F = (l) => {
+      w.searchValue = l;
+      let g = !0;
+      if (t.isNonEmptyString(l) && (l.indexOf(`
+`) > -1 || !t.isEmpty(i.joinKey) && l.indexOf(i.joinKey) > -1) && (g = !1), g) {
+        const x = t.isEmpty(l) ? !1 : i.serverCallback ? !0 : O(l);
+        U(x);
+      } else
+        U(!1);
+      i.multiple || N(l, "input");
+    }, Z = (l) => {
+      U(!l.isEmpty && !t.isEmpty(l.search));
+    }, v = (l) => {
+      _("onError", l);
+    }, A = (l, g) => {
+      if (t.isEmpty(g) || i.disabled)
+        return;
+      const x = [];
+      (t.isArray(g.id) ? g.id : [g.id]).forEach((K) => {
+        t.isExistJsonKey(T.listIdJson, K) && x.push(T.listIdJson[K].name);
+      }), i.multiple || (w.searchValue = ""), c.value && c.value.updateValue(x.join(i.joinKey || ","), g.isSelect);
+    }, ne = (l, g) => {
+      N(l, g), i.isAutofill && U(!1);
+    }, J = (l) => {
+      i.isAutofill && i.isFocusShowDrop && (w.searchValue = l, U(!t.isEmpty(l)));
+    };
+    qe("$InputTagTop", {
+      getListHoverValueKeydown: () => {
+        let l = "";
+        return $.value && (l = $.value.getHoverKeydown()), l;
+      },
+      convertListToJson: j,
+      setDropdownOpen: U
+    });
+    const re = () => c.value ? c.value.getValue() : "";
+    return pe({
+      getValue: re,
+      getValueData: () => {
+        const l = re();
+        return c.value ? t.split(l, i.joinKey || ",").filter((x) => !t.isEmpty(x)).map((x) => {
+          const E = T.listNameJson[x];
+          return {
+            name: x,
+            id: E && !t.isEmpty(E.id) ? E.id : void 0
+          };
+        }) : [];
+      },
+      setValue: (l) => {
+        c.value && c.value.setValue(l);
+      },
+      focus: () => {
+        c.value && c.value.focus();
+      }
+    }), (l, g) => s.isAutofill ? (C(), we(Ge, {
+      key: 0,
+      ref_key: "refElDropdownLayer",
+      ref: B,
+      id: Ce(z),
+      classParent: k.value,
+      classDropDown: V.value,
+      transitionLeave: "inputTag-dropdown-leave",
+      appendContainer: s.appendContainer,
+      onOnChangeOpen: Y
+    }, {
+      labelCustom: He(() => [
+        X(Be, {
+          ref_key: "refElInput",
+          ref: c,
+          value: s.value,
+          placeholder: s.placeholder,
+          disabled: s.disabled || s.isPlaintext,
+          isClean: s.isClean,
+          multiple: s.multiple,
+          minHeight: s.minHeight,
+          joinKey: s.joinKey,
+          isCopy: s.isCopy,
+          isCopyMultipleWrap: s.isCopyMultipleWrap,
+          copyJoinKey: s.copyJoinKey,
+          isDropdownLayer: !0,
+          textMaxHeight: s.textMaxHeight,
+          tagsMaxHeight: s.tagsMaxHeight,
+          isShowNum: s.isShowNum,
+          onOnChange: ne,
+          onOnChangeInput: F,
+          onOnInit: P,
+          onOnFocus: J
+        }, null, 8, ["value", "placeholder", "disabled", "isClean", "multiple", "minHeight", "joinKey", "isCopy", "isCopyMultipleWrap", "copyJoinKey", "textMaxHeight", "tagsMaxHeight", "isShowNum"])
+      ]),
+      dropdown: He(() => [
+        X(Ct, {
+          ref_key: "refElList",
+          ref: $,
+          keyIndex: w.keyIndex,
+          isSearch: !1,
+          searchValue: w.searchValue,
+          searchKey: s.searchKey,
+          searchKeyType: s.searchKeyType,
+          isMultiple: !1,
+          showDropDownTextFormat: s.showDropDownTextFormat,
+          showDropDownTextFormatSub: s.showDropDownTextFormatSub,
+          isCascade: s.isCascade,
+          parentSelectable: s.parentSelectable,
+          parentKey: s.parentKey,
+          topParentValue: s.topParentValue,
+          isShowEmptyLabel: !1,
+          originalData: s.list,
+          selectId: w.dropdownSelectId,
+          serverCallback: s.serverCallback,
+          isShowLoading: s.isShowLoading,
+          onOnSearchResult: Z,
+          onOnChange: A,
+          onOnError: v
+        }, null, 8, ["keyIndex", "searchValue", "searchKey", "searchKeyType", "showDropDownTextFormat", "showDropDownTextFormatSub", "isCascade", "parentSelectable", "parentKey", "topParentValue", "originalData", "selectId", "serverCallback", "isShowLoading"])
+      ]),
+      _: 1
+    }, 8, ["id", "classParent", "classDropDown", "appendContainer"])) : (C(), b("div", {
+      key: 1,
+      class: Ke(k.value),
+      id: Ce(z)
+    }, [
+      X(Be, {
+        ref_key: "refElInput",
+        ref: c,
+        value: s.value,
+        placeholder: s.placeholder,
+        disabled: s.disabled || s.isPlaintext,
+        isClean: s.isClean,
+        multiple: s.multiple,
+        minHeight: s.minHeight,
+        joinKey: s.joinKey,
+        isCopy: s.isCopy,
+        isCopyMultipleWrap: s.isCopyMultipleWrap,
+        copyJoinKey: s.copyJoinKey,
+        isDropdownLayer: !1,
+        textMaxHeight: s.textMaxHeight,
+        tagsMaxHeight: s.tagsMaxHeight,
+        isShowNum: s.isShowNum,
+        onOnChange: ne,
+        onOnChangeInput: F,
+        onOnInit: P,
+        onOnFocus: J
+      }, null, 8, ["value", "placeholder", "disabled", "isClean", "multiple", "minHeight", "joinKey", "isCopy", "isCopyMultipleWrap", "copyJoinKey", "textMaxHeight", "tagsMaxHeight", "isShowNum"])
+    ], 10, xt));
+  }
+});
+export {
+  At as _
+};