@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-BOcOO9-n.js

@@ -0,0 +1,1138 @@
+import { defineComponent as Pe, defineAsyncComponent as Re, inject as Fe, useTemplateRef as pe, ref as re, computed as j, onMounted as Be, onBeforeUnmount as He, onDeactivated as Ne, onActivated as Je, watch as Q, nextTick as ce, openBlock as _, createElementBlock as O, unref as H, createVNode as he, Fragment as de, createBlock as Ee, normalizeStyle as Ve, withCtx as xe, createElementVNode as Y, normalizeClass as Oe, toDisplayString as ve, reactive as je, provide as qe } from "vue";
+import U from "@cldemo/ui-kit/common/log";
+import t from "@cldemo/ui-kit/common/base";
+import $ from "@cldemo/ui-kit/common/Element";
+import { _ as We } from "./Index.vue_vue_type_script_setup_true_lang-BiBeEf5V.js";
+import { _ as Ue } from "./List.vue_vue_type_script_setup_true_lang-Chy0eAps.js";
+import { _ as ze } from "./Index.vue_vue_type_script_setup_true_lang-DqZBB8fM.js";
+import { _ as Ae } from "./One.vue_vue_type_script_setup_true_lang-bPEj13DH.js";
+import { a as Ke } from "./language-CZZEj4e3.js";
+import { _ as Ge } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { _ as Xe } from "./Index.vue_vue_type_script_setup_true_lang-B2Ste7lk.js";
+/* empty css                   */
+const Qe = ["id"], Ye = {
+  key: 0,
+  class: "select-inDropdown-search",
+  role: "search",
+  "aria-label": "搜索选项"
+}, Ze = {
+  key: 2,
+  class: "select-inDropdown-checkboxAll"
+}, et = ["aria-selected", "aria-disabled", "onClick"], tt = { class: "select-inDropdown-item-inner" }, nt = {
+  key: 0,
+  class: "select-inDropdown-checkbox"
+}, at = ["innerHTML"], lt = {
+  key: 5,
+  class: "select-inDropdown-body"
+}, st = { class: "select-inDropdown-empty" }, Le = 35, ot = 210, it = 20, rt = /* @__PURE__ */ Pe({
+  name: "ClSelectInDropdown",
+  __name: "Dropdown",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 组件是否禁用，禁用时不响应点击和键盘操作
+    },
+    isSearch: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用搜索
+    },
+    searchPlaceholder: String,
+    // desc: 搜索框占位文本
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+      // desc: 搜索匹配的字段名列表
+    },
+    searchKeyType: {
+      type: String,
+      default: "||"
+      // desc: 多字段搜索匹配逻辑 | enum: ||, &&
+    },
+    isMultiple: {
+      type: Boolean,
+      default: !1
+      // desc: 是否多选
+    },
+    isCheckBoxAll: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示全选复选框
+    },
+    showDropDownTextFormat: String,
+    // desc: 下拉项显示文本格式化
+    showDropDownTextFormatSub: String,
+    // desc: 二级下拉项显示文本格式化
+    isCascade: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用级联
+    },
+    parentSelectable: {
+      type: Boolean,
+      default: !1
+      // desc: 单选级联时父级自身是否可被选中（多选级联父级自动联动子级，无需该参数）
+    },
+    parentKey: {
+      type: String,
+      default: "parentId"
+      // desc: 数据中标识父级的字段名
+    },
+    topParentValue: {
+      type: String,
+      default: "0"
+      // desc: 顶级父节点的 parentKey 值
+    },
+    originalData: {
+      type: Array,
+      default: () => []
+      // desc: 选项数据列表，外部传入的原始数据
+    },
+    keyIndex: String,
+    // desc: 组件实例唯一标识
+    isOpen: {
+      type: Boolean,
+      default: !1
+      // desc: 下拉面板是否打开
+    },
+    selectId: {
+      type: Array,
+      default: () => []
+      // desc: 已选中的 id 数组，用于标记当前选中项
+    },
+    serverCallback: Function
+    // desc: 服务端数据加载回调，入参 { search, offset }，返回 Promise<Array>
+  },
+  emits: {
+    onChange: (c) => !0,
+    // desc: 选中项变更时触发
+    onInitComplete: () => !0,
+    // desc: 下拉初始化完成时触发
+    onError: (c) => !0
+    // desc: 服务端加载/搜索失败时触发，入参为中文错误提示
+  },
+  setup(c, { expose: ue, emit: N }) {
+    const o = Re(() => import("vue-virtual-scroller").then((n) => (Promise.resolve({                         }), n.RecycleScroller))), s = c, T = N, { optPageLanguage: z, getPageLanguage: Z } = Ke();
+    Z("common");
+    const k = Fe("$SelectTop", {}), V = typeof k.getSelectData == "function", b = pe("refElSearch"), P = pe("refElScroller"), I = pe("refElRoot");
+    let v = !0;
+    const S = { isScrollLoading: !1, hasMoreData: !0 };
+    let f = [], A = 0, M = 0;
+    const ee = s.id, te = `select-inList-${s.keyIndex || ""}`;
+    let R = !1;
+    const q = re(""), E = re([]), ne = re([]);
+    let ae = {};
+    const ge = (n) => {
+      const l = n.id.toString();
+      if (s.isMultiple && s.isCascade && n._hasChildren && V) {
+        const u = k.getAllChildIds(l).filter((h) => !k.getSelectValueInfo(h)?.isDisabled);
+        if (u.length === 0) return 0;
+        const y = u.filter(
+          (h) => t.isExistValue(s.selectId, h)
+        ).length;
+        return y === 0 ? 0 : y === u.length ? 2 : 1;
+      }
+      return t.isExistValue(s.selectId, l) ? 2 : 0;
+    }, ye = (n) => ge(n) === 2, Te = (n) => ge(n) === 1, ke = j(() => {
+      let n = !1;
+      return ne.value.length > 0 && s.selectId.length >= ne.value.length && (n = t.isContainArr(s.selectId, ne.value)), n;
+    }), fe = (n) => {
+      if (!n || typeof n != "object") return "";
+      let l = t.isNonEmptyString(s.showDropDownTextFormat) ? s.showDropDownTextFormat : "";
+      n._level >= 1 && t.isNonEmptyString(s.showDropDownTextFormatSub) && (l = s.showDropDownTextFormatSub);
+      let a = t.isEmpty(l) ? n.name : t.convertStringFormat(l, n);
+      return t.isHtml(a) ? t.isEmpty(l) && t.isHtml(n.name) ? a = t.encodeHTML(n.name) : a = t.convertStringFormatEncodeHTML(l, n) : typeof a == "string" && a.indexOf("<") > -1 && (a = t.encodeHTML(a)), a;
+    }, W = (n) => {
+      const l = ae[n] || {};
+      if (t.isBoolean(l._isTypeRadio))
+        return l._isTypeRadio;
+      if (V) {
+        const a = k.getSelectValueInfo(n);
+        if (t.isBoolean(a?._isTypeRadio))
+          return a._isTypeRadio;
+      }
+      return !1;
+    }, le = () => {
+      const n = [];
+      ae = t.getJsonByList(E.value), E.value.forEach((l) => {
+        if (!t.isObject(l)) return;
+        const a = typeof l.id;
+        if (l.id == null || a !== "string" && (a !== "number" || !t.isFinite(l.id)))
+          return;
+        const u = l.id.toString();
+        if (!(s.isCascade && l._hasChildren) && !W(u)) {
+          if (t.isExistValue(n, u)) return;
+          l.isDisabled ? t.isExistValue(s.selectId, u) && n.push(u) : n.push(u);
+        }
+      }), ne.value = n;
+    }, G = (n) => {
+      const l = s.parentKey, a = s.topParentValue, u = {};
+      n.forEach((g) => {
+        if (!t.isObject(g) || g.id == null || typeof g.id != "string" && (typeof g.id != "number" || !t.isFinite(g.id)))
+          return;
+        const x = g[l], L = x != null && (typeof x == "string" || typeof x == "number") ? x.toString() : "";
+        L !== "" && L !== String(a) && (u[L] || (u[L] = []), u[L].push(g));
+      });
+      const y = [], h = (g, x, L, w) => {
+        g.forEach((K) => {
+          const ie = K.id.toString();
+          if (w.has(ie)) return;
+          w.add(ie);
+          const e = u[ie] || [];
+          y.push({
+            ...K,
+            _level: x,
+            _parentName: L,
+            _hasChildren: e.length > 0
+          }), e.length > 0 && h(e, x + 1, K.name, w);
+        });
+      }, C = n.filter((g) => {
+        if (!t.isObject(g) || g.id == null || typeof g.id != "string" && (typeof g.id != "number" || !t.isFinite(g.id)))
+          return !1;
+        const x = g[l], L = x != null && (typeof x == "string" || typeof x == "number") ? x.toString() : "";
+        return t.isEmpty(L) || L === String(a);
+      });
+      return h(C, 0, "", /* @__PURE__ */ new Set()), y;
+    }, Se = (n, l) => {
+      if (!V) return n;
+      const a = n.filter(
+        (w) => w != null && w.id != null && (typeof w.id == "string" || typeof w.id == "number" && t.isFinite(w.id))
+      ), u = l.filter(
+        (w) => w != null && w.id != null && (typeof w.id == "string" || typeof w.id == "number" && t.isFinite(w.id))
+      ), y = s.parentKey, h = s.topParentValue, C = /* @__PURE__ */ new Set(), g = new Set(a.map((w) => w.id.toString()));
+      a.forEach((w) => {
+        const K = w.id.toString();
+        C.add(K);
+        const ie = /* @__PURE__ */ new Set();
+        let e = w[y];
+        for (; e != null && (typeof e == "string" || typeof e == "number") && e.toString() !== String(h); ) {
+          const r = e.toString();
+          if (ie.has(r)) break;
+          ie.add(r), g.has(r) || C.add(r), e = k.getSelectValueInfo(r)?.[y];
+        }
+        k.getAllChildIds(K).forEach((r) => {
+          C.add(r);
+        });
+      });
+      const x = u.filter((w) => C.has(w.id.toString())), L = new Set(x.map((w) => w.id.toString()));
+      return C.forEach((w) => {
+        if (!L.has(w)) {
+          const K = k.getSelectValueInfo(w);
+          K && Object.keys(K).length > 0 && x.push(K);
+        }
+      }), x;
+    }, we = () => {
+      v && (v = !1, S.hasMoreData = !0, s.isCascade ? (f = [...s.originalData || []], E.value = G(f)) : E.value = t.getListClone(s.originalData).filter(
+        (n) => n != null && n.id != null && (typeof n.id == "string" || typeof n.id == "number" && t.isFinite(n.id))
+      ), le(), me(), q.value = "", ce(() => {
+        b.value && b.value.setValue("");
+      }));
+    }, me = () => {
+      ce(() => {
+        if (P.value && s.selectId.length > 0) {
+          const n = E.value.findIndex(
+            (l) => l.id != null && t.isExistValue(s.selectId, l.id.toString())
+          );
+          n > -1 && P.value.scrollToItem(n);
+        }
+      });
+    }, se = (n) => {
+      const l = [], a = ae[n] || {}, u = s.isCascade && a._hasChildren;
+      if (s.isMultiple)
+        if (W(n))
+          t.isExistValue(s.selectId, n) ? s.selectId.forEach((y) => {
+            y !== n && l.push(y);
+          }) : (s.selectId.forEach((y) => {
+            W(y) || l.push(y);
+          }), l.push(n));
+        else if (u && V) {
+          const y = k.getAllChildIds(n), h = y.filter((g) => !k.getSelectValueInfo(g)?.isDisabled), C = h.length > 0 && h.every((g) => t.isExistValue(s.selectId, g));
+          s.selectId.forEach((g) => {
+            y.includes(g) ? y.includes(g) && k.getSelectValueInfo(g)?.isDisabled && l.push(g) : l.push(g);
+          }), C || h.forEach((g) => {
+            t.isExistValue(l, g) || l.push(g);
+          });
+        } else
+          s.selectId.forEach((y) => {
+            y !== n && l.push(y);
+          }), t.isExistValue(s.selectId, n) || l.push(n);
+      else {
+        if (u && !s.parentSelectable)
+          return [...s.selectId];
+        l.push(n);
+      }
+      return l;
+    }, oe = (n) => {
+      const l = E.value;
+      if (l.length === 0) return;
+      let a = -1;
+      const u = q.value;
+      u.length > 0 ? (l.forEach((y, h) => {
+        y.id.toString() === u && (a = h);
+      }), a += n, a < 0 ? a = 0 : a >= l.length && (a = l.length - 1)) : a = 0, q.value = l[a].id.toString(), P.value && P.value.scrollToItem(a);
+    }, J = (n) => {
+      let l = n.keyCode;
+      if (!t.isUndefined(l))
+        switch (l = l.toString(), l) {
+          case "13": {
+            const a = I.value && n.target instanceof Node && I.value.contains(n.target);
+            (n.target === document.body || a) && (n.preventDefault(), n.stopPropagation());
+            break;
+          }
+          case "38":
+            n.preventDefault(), n.stopPropagation(), oe(-1);
+            break;
+          case "40":
+            n.preventDefault(), n.stopPropagation(), oe(1);
+            break;
+        }
+    }, B = (n) => {
+      let l = n.keyCode;
+      if (!t.isUndefined(l))
+        switch (l = l.toString(), l) {
+          case "27":
+            V && k.closeDropdown?.();
+            break;
+          case "13": {
+            const a = q.value;
+            if (!a || s.disabled || !s.isOpen) break;
+            const u = I.value && n.target instanceof Node && I.value.contains(n.target);
+            if (n.target !== document.body && !u || !E.value.some((C) => C.id.toString() === a) || ae[a]?.isDisabled) break;
+            const h = se(a);
+            T("onChange", h);
+            break;
+          }
+        }
+    }, Ce = (n) => n.map((l) => {
+      const { _level: a, _parentName: u, _hasChildren: y, ...h } = l;
+      return h;
+    }), De = async () => {
+      if (s.serverCallback && !(S.isScrollLoading || !S.hasMoreData) && (S.isScrollLoading = !0, s.serverCallback)) {
+        const n = ++M, l = E.value;
+        try {
+          const a = { offset: l.length };
+          if (s.isSearch && b.value) {
+            const C = b.value.getValue();
+            t.isEmpty(C) || (a.search = C);
+          }
+          const u = await s.serverCallback(a);
+          if (n !== M || l !== E.value) return;
+          if (!Array.isArray(u)) {
+            U.error("ClSelect", "_loadMore 服务端返回数据格式异常（非数组）:", typeof u), T("onError", "服务端加载失败：返回数据格式异常");
+            return;
+          }
+          if (u.length === 0) {
+            S.hasMoreData = !1;
+            return;
+          }
+          const y = new Set(l.map((C) => C?.id?.toString()).filter(Boolean)), h = u.filter((C) => {
+            if (C?.id == null) return !1;
+            const g = typeof C.id;
+            return g !== "string" && (g !== "number" || !t.isFinite(C.id)) ? !1 : !y.has(C.id.toString());
+          });
+          if (h.length === 0) {
+            S.hasMoreData = !1;
+            return;
+          }
+          s.isCascade ? a.search ? E.value = G([...E.value, ...h]) : (f.length === 0 && (f = Ce(E.value)), f.length === 0 && (f = [...s.originalData]), f.push(...h), E.value = G(f)) : E.value.push(...h), le(), V && (k.convertListToJson(h), k.refreshDisplayLabels?.());
+        } catch (a) {
+          U.error("ClSelect", "_loadMore 服务端加载失败:", a), T("onError", "服务端加载失败，请稍后重试");
+        } finally {
+          S.isScrollLoading = !1;
+        }
+      }
+    }, _e = () => {
+      we(), T("onInitComplete");
+    };
+    Be(() => {
+      _e();
+    }), He(() => {
+      $.offListener(window, "keydown", J), $.offListener(window, "keyup", B), R = !1;
+    }), Ne(() => {
+      $.offListener(window, "keydown", J), $.offListener(window, "keyup", B), R = !1;
+    }), Je(() => {
+      s.isOpen && !R && ($.onListener(window, "keydown", J), $.onListener(window, "keyup", B), R = !0);
+    }), Q(
+      () => s.isOpen,
+      (n) => {
+        n ? (v = !0, we()) : S.isScrollLoading = !1;
+      }
+    ), Q(
+      () => s.originalData,
+      (n) => {
+        v = !0, s.isCascade ? (f = [...n || []], E.value = G(f)) : E.value = t.getListClone(n).filter(
+          (l) => l != null && l.id != null && (typeof l.id == "string" || typeof l.id == "number" && t.isFinite(l.id))
+        ), le(), S.hasMoreData = !0, q.value = "", ce(() => {
+          b.value && b.value.setValue("");
+        });
+      }
+    );
+    const be = async (n) => {
+      const l = ++A;
+      M = Math.max(M, l + 1);
+      let a = [];
+      if (s.isCascade && (f = []), S.hasMoreData = !0, s.serverCallback) {
+        try {
+          if (a = await s.serverCallback({ search: n, offset: 0 }), Array.isArray(a) || (U.error("ClSelect", "onSearch 服务端返回数据格式异常（非数组）:", typeof a), T("onError", "服务端搜索失败：返回数据格式异常"), a = []), l !== A) return;
+          V && k.convertListToJson(a);
+        } catch (u) {
+          U.error("ClSelect", "onSearch 服务端搜索失败:", u), T("onError", "服务端搜索失败，请稍后重试"), a = [];
+        }
+        if (l !== A) return;
+        s.isCascade && (a = Se(a, s.originalData), a = G(a));
+      } else {
+        const u = s.originalData.filter(
+          (y) => y != null && y.id != null && (typeof y.id == "string" || typeof y.id == "number" && t.isFinite(y.id))
+        );
+        if (t.isEmpty(n))
+          a = u;
+        else {
+          s.searchKeyType !== "||" && s.searchKeyType !== "&&" && U.warn(
+            "ClSelect",
+            "onSearch searchKeyType 未知值，已降级为 OR 匹配:",
+            s.searchKeyType
+          );
+          const y = n.toLowerCase(), h = t.isArray(s.searchKey) ? s.searchKey : ["name"], C = h.length;
+          u.forEach((g) => {
+            const x = [];
+            for (let L = 0; L < C; L++) {
+              const w = g[h[L]];
+              if (w == null) continue;
+              String(w).toLowerCase().indexOf(y) > -1 && x.push(!0);
+            }
+            if (x.length > 0)
+              switch (s.searchKeyType) {
+                case "||":
+                  a.push(g);
+                  break;
+                case "&&":
+                  x.length === C && a.push(g);
+                  break;
+                default:
+                  a.push(g);
+              }
+          });
+        }
+        s.isCascade && (t.isEmpty(n) || (a = Se(a, s.originalData)), a = G(a));
+      }
+      E.value = a.filter(
+        (u) => u != null && u.id != null && (typeof u.id == "string" || typeof u.id == "number" && t.isFinite(u.id))
+      ), le(), q.value = "", V && k.calculationDropdownPosition();
+    }, X = (n) => {
+      if (!s.disabled && s.isMultiple) {
+        const l = [], a = [];
+        ne.value.forEach((h) => {
+          n.value ? t.isExistValue(s.selectId, h) || l.push(h) : t.isExistValue(s.selectId, h) && (ae[h]?.isDisabled || a.push(h));
+        });
+        const u = t.getArrClone(s.selectId);
+        a.length > 0 && a.forEach((h) => {
+          const C = u.indexOf(h);
+          C > -1 && u.splice(C, 1);
+        }), l.length > 0 && l.forEach((h) => {
+          t.isExistValue(u, h) || u.push(h);
+        });
+        const y = [];
+        u.forEach((h) => {
+          (!W(h) || t.isExistValue(s.selectId, h)) && y.push(h);
+        }), T("onChange", y);
+      }
+    }, Ie = (n) => {
+      if (n.id == null || typeof n.id != "string" && (typeof n.id != "number" || !t.isFinite(n.id)) || n.isDisabled || s.disabled) return;
+      const l = n.id.toString(), a = se(l);
+      T("onChange", a);
+    };
+    return ue({
+      initOpenShow: (n) => {
+        n ? R || ($.onListener(window, "keydown", J), $.onListener(window, "keyup", B), R = !0) : R && ($.offListener(window, "keydown", J), $.offListener(window, "keyup", B), R = !1);
+      }
+    }), (n, l) => (_(), O("div", {
+      class: "select-inDropdown-container",
+      id: H(ee),
+      ref_key: "refElRoot",
+      ref: I
+    }, [
+      c.isSearch ? (_(), O("div", Ye, [
+        he(ze, {
+          ref_key: "refElSearch",
+          ref: b,
+          placeholder: c.searchPlaceholder,
+          disabled: c.disabled,
+          onOnChange: be
+        }, null, 8, ["placeholder", "disabled"])
+      ])) : (_(), O(de, { key: 1 }, [], 64)),
+      c.isMultiple && c.isCheckBoxAll && E.value.length > 0 ? (_(), O("div", Ze, [
+        he(Ae, {
+          forId: `${te}-cb-all`,
+          label: H(z).checkboxAll,
+          value: ke.value,
+          disabled: c.disabled,
+          onOnChange: X
+        }, null, 8, ["forId", "label", "value", "disabled"])
+      ])) : (_(), O(de, { key: 3 }, [], 64)),
+      E.value.length > 0 ? (_(), Ee(H(o), {
+        key: 4,
+        class: "select-inDropdown-body select-inDropdown-scroller",
+        role: "listbox",
+        style: Ve({ height: Math.min(E.value.length * Le, ot) + "px" }),
+        items: E.value,
+        "item-size": Le,
+        "key-field": "id",
+        ref_key: "refElScroller",
+        ref: P,
+        onScrollEnd: De
+      }, {
+        default: xe(({ item: a }) => [
+          Y("div", {
+            role: "option",
+            "aria-selected": ye(a),
+            "aria-disabled": a.isDisabled || !1,
+            class: Oe({
+              "option-selected": ye(a),
+              "option-disabled": a.isDisabled,
+              "option-hoverKeydown": q.value === a.id.toString(),
+              "select-inDropdown-item-child": a._level >= 1
+            }),
+            style: Ve({
+              height: Le + "px",
+              paddingLeft: a._level ? a._level * it + "px" : void 0
+            }),
+            onClick: (u) => Ie(a)
+          }, [
+            Y("div", tt, [
+              c.isMultiple ? (_(), O("div", nt, [
+                he(Ae, {
+                  name: `${te}-cb`,
+                  forId: `${te}-cb-${a.id}`,
+                  value: ye(a),
+                  indeterminate: Te(a),
+                  disabled: a.isDisabled
+                }, null, 8, ["name", "forId", "value", "indeterminate", "disabled"])
+              ])) : (_(), O(de, { key: 1 }, [], 64)),
+              Y("div", {
+                class: "select-inDropdown-title",
+                innerHTML: fe(a)
+              }, null, 8, at)
+            ])
+          ], 14, et)
+        ]),
+        _: 1
+      }, 8, ["style", "items"])) : (_(), O("div", lt, [
+        Y("div", st, ve(H(z).noResultsText), 1)
+      ]))
+    ], 8, Qe));
+  }
+}), ct = ["id"], dt = { class: "select-inTag-title" }, ut = { class: "select-inTag-operate" }, ft = { class: "select-inTag-body" }, pt = /* @__PURE__ */ Pe({
+  name: "ClSelectInTags",
+  __name: "Tags",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    showTextFormat: String,
+    // desc: 标签显示文本格式化
+    selectId: {
+      type: Array,
+      default: () => []
+      // desc: 已选中的 id 列表
+    }
+  },
+  emits: {
+    onRemove: (c) => !0
+    // desc: 移除已选标签时触发
+  },
+  setup(c, { emit: ue }) {
+    const N = c, o = ue, s = N.id, { optPageLanguage: T, getPageLanguage: z } = Ke();
+    z("common");
+    const Z = Fe("$SelectTop", {}), k = typeof Z.getSelectData == "function", V = j(() => k ? t.isArray(N.selectId) ? Z.getSelectData(N.selectId) : [] : []), b = j(() => k ? V.value.length : 0), P = j(() => t.isArray(V.value) ? V.value.some((S) => t.isObject(S) ? !(t.isBoolean(S.isDisabled) && S.isDisabled) : !1) : !1), I = () => {
+      const S = V.value;
+      if (!t.isArray(S)) return;
+      const f = [];
+      let A = !1;
+      S.forEach((M) => {
+        if (!t.isObject(M)) return;
+        (t.isBoolean(M.isDisabled) ? !!M.isDisabled : !1) ? (typeof M.id == "string" && !t.isEmpty(M.id) || typeof M.id == "number" && t.isFinite(M.id)) && f.push(M.id.toString()) : A = !0;
+      }), A && o("onRemove", f);
+    }, v = (S) => {
+      if (!t.isArray(N.selectId) || t.isEmpty(S)) return;
+      const f = String(S), A = N.selectId.findIndex((ee) => String(ee) === f);
+      if (A === -1)
+        return;
+      const M = t.getArrClone(N.selectId);
+      M.splice(A, 1), o("onRemove", M);
+    };
+    return (S, f) => (_(), O("div", {
+      class: "select-inTag-container",
+      id: H(s)
+    }, [
+      Y("div", dt, [
+        Y("span", null, ve(H(T).selected) + " " + ve(b.value) + " " + ve(H(T).count), 1),
+        Y("span", ut, [
+          P.value ? (_(), Ee(Ge, {
+            key: 0,
+            class: "select-inTag-deleteAll",
+            name: "remove",
+            title: H(T).deleteAll,
+            "aria-label": H(T).deleteAll,
+            onClick: I
+          }, null, 8, ["title", "aria-label"])) : (_(), O(de, { key: 1 }, [], 64))
+        ])
+      ]),
+      Y("div", ft, [
+        he(Xe, {
+          showTextFormat: c.showTextFormat,
+          list: V.value,
+          onOnRemove: v
+        }, null, 8, ["showTextFormat", "list"])
+      ])
+    ], 8, ct));
+  }
+}), ht = ["id"], gt = {
+  key: 0,
+  class: "select-inText-num"
+}, kt = /* @__PURE__ */ Pe({
+  name: "ClSelect",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    value: [String, Number],
+    // desc: 绑定值，v-model 双向绑定
+    className: String,
+    // desc: 自定义 CSS 类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    list: {
+      type: Array,
+      default: () => []
+      // desc: 选项数据列表
+    },
+    placeholder: String,
+    // desc: 占位文本
+    classDropDown: String,
+    // desc: 下拉面板自定义 CSS 类名
+    theme: {
+      type: String,
+      default: "default",
+      // desc: 主题样式 | enum: default, noBorder
+      validator: (c) => ["default", "noBorder"].includes(c)
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+      // desc: 是否多选
+    },
+    isClear: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示清除按钮
+    },
+    isSearch: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用搜索
+    },
+    isCheckBoxAll: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示全选复选框
+    },
+    isShowTag: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示已选标签区域
+    },
+    arrowDirection: {
+      type: String,
+      default: "right",
+      // desc: 箭头在文本左侧还是右侧 | enum: left, right
+      validator: (c) => ["left", "right"].includes(c)
+    },
+    transitionLeave: {
+      type: String,
+      default: "zoomOutTop"
+      // desc: 下拉面板关闭动画类名（传无动画类可瞬消）
+    },
+    searchPlaceholder: String,
+    // desc: 搜索框占位文本
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+      // desc: 搜索匹配的字段名列表
+    },
+    searchKeyType: {
+      type: String,
+      default: "||",
+      // desc: 多字段搜索匹配逻辑 | enum: ||, &&
+      validator: (c) => ["||", "&&"].includes(c)
+    },
+    showTextFormat: String,
+    // desc: 选中项显示文本格式化，支持 ${xxx} 占位
+    showDropDownTextFormat: String,
+    // desc: 下拉项显示文本格式化
+    multipleRealTimeChange: {
+      type: Boolean,
+      default: !1
+      // desc: 多选时是否实时触发 onChange 事件，false 则关闭下拉时触发
+    },
+    isCascade: {
+      type: Boolean,
+      default: !1
+      // desc: 是否启用二级级联
+    },
+    parentSelectable: {
+      type: Boolean,
+      default: !1
+      // desc: 单选级联时父级自身是否可被选中；多选级联父级自动联动子级，无需该参数
+    },
+    parentKey: {
+      type: String,
+      default: "parentId"
+      // desc: 数据中标识父级的字段名
+    },
+    topParentValue: {
+      type: String,
+      default: "0"
+      // desc: 顶级父节点的 parentKey 值
+    },
+    showDropDownTextFormatSub: String,
+    // desc: 二级下拉项文本格式化，${xxx} 格式
+    isOutMerge: {
+      type: Boolean,
+      default: !0
+      // desc: 级联多选时，所有子级选中后是否合并为父级 id（true 合并，false 保持叶子 id）
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染选中项文本不挂载下拉面板
+    },
+    plaintextSeparator: {
+      type: String,
+      default: ","
+      // desc: 纯文本模式下多个选中项之间的分隔符
+    },
+    plaintextLevelSeparator: {
+      type: String,
+      default: " > "
+      // desc: 纯文本模式下级联层级之间的分隔符
+    },
+    onOpenBefore: Function,
+    // desc: 下拉面板打开前的回调函数，返回 false 可阻止打开
+    serverCallback: Function,
+    // desc: 服务端数据加载回调，入参 { search, offset }，返回 Promise<Array>
+    appendContainer: {
+      type: String,
+      default: ""
+      // desc: 面板挂载容器，空为当前父元素，body 挂到 body，或指定选择器（需为触发元素的上级，如表格滚动容器外的容器）
+    }
+  },
+  emits: {
+    "update:value": (c) => !0,
+    // desc: v-model 值更新时触发
+    "update:modelValue": (c) => !0,
+    // desc: 标准 v-model 支持（等价 update:value）
+    onChange: (c, ue) => !0,
+    // desc: 选中值变更时触发
+    onInit: () => !0,
+    // desc: 组件初始化完成时触发
+    onOpen: (c) => !0,
+    // desc: 下拉面板打开/关闭时触发
+    onError: (c) => !0
+    // desc: 服务端加载/搜索失败时触发，入参为中文错误提示
+  },
+  setup(c, { expose: ue, emit: N }) {
+    const o = c, s = N, T = pe("refElDropdownLayer"), z = pe("refElList"), Z = pe("refElTags"), k = `select-${t.getRandom(8)}`, V = o.id, b = je({
+      isOpen: !1,
+      dropDownPos: "down",
+      tagHeight: "",
+      tagLeft: "",
+      tagDirection: "right"
+    });
+    let P = [], I = {};
+    const v = {
+      childrenMap: {},
+      // 父级 id → 子级 id 列表
+      parentMap: {},
+      // 子级 id → 父级 id
+      lastChildMap: {},
+      // id → 该节点下所有叶子 id
+      allChildMap: {}
+      // id → 该节点下所有后代 id（含中间层）
+    }, S = re(!1), f = re([]), A = re([]), M = re([]);
+    let ee = !1;
+    const te = j(() => t.isNonEmptyString(o.showTextFormat) ? o.showTextFormat : o.isCascade ? "${name}(${parentName})" : ""), R = j(() => {
+      let e = { "panel-select": !0 };
+      return o.theme === "noBorder" && (e["select-theme-noBorder"] = !0), e = t.getJsonMerge(e, $.getClassNameJson(o.className)), t.getStringByJson(e, " ");
+    }), q = j(() => `${R.value} cl-plaintext-value`), E = j(() => {
+      const e = t.isString(o.plaintextSeparator) ? o.plaintextSeparator : ",";
+      return M.value.join(e);
+    }), ne = j(() => {
+      let e = { "select-inDropdown": !0 };
+      return o.theme === "noBorder" && (e["select-inDropdown-noBorder"] = !0), b.isOpen && o.multiple && o.isShowTag && (e["select-inTag-ext"] = !0, e[`select-inTag-${b.tagDirection}`] = !0), e = t.getJsonMerge(e, $.getClassNameJson(o.classDropDown)), t.getStringByJson(e, " ");
+    }), ae = j(() => {
+      const e = {
+        "select-inTag": !0,
+        "select-inTag-open": b.isOpen
+      };
+      return e[`select-inTag-${b.dropDownPos}`] = !0, e[`select-inTag-${b.tagDirection}`] = !0, e;
+    }), ge = (e) => {
+      s("update:value", e), s("update:modelValue", e);
+    }, ye = (e, i) => {
+      ge(e), s("onChange", e, i);
+    }, Te = () => {
+      ee || (ee = !0, ce(() => {
+        s("onInit");
+      }));
+    }, ke = (e) => {
+      ce(() => {
+        s("onOpen", e);
+      });
+    }, fe = () => {
+      const e = [];
+      return f.value.forEach((i) => {
+        t.isExistJsonKey(I, i) && e.push(i);
+      }), e;
+    }, W = (e) => {
+      if (t.isEmpty(e) || !t.isArray(e)) return;
+      const i = {}, r = o.parentKey, p = o.topParentValue;
+      if (e.forEach((d) => {
+        if (!t.isObject(d)) {
+          U.warn("ClSelect", "_convertListToJson 跳过非对象数据项:", d);
+          return;
+        }
+        if (!(typeof d.id == "string" || typeof d.id == "number" && t.isFinite(d.id))) {
+          U.warn("ClSelect", "_convertListToJson 跳过无 id 或 id 类型异常的数据项:", d);
+          return;
+        }
+        const D = d.id.toString();
+        i[D] = t.getJsonClone(d);
+      }), I = t.getJsonMerge(I, i), o.serverCallback && !S.value && !t.isEmpty(i) && (S.value = !0, o.value != null && o.value !== "" && (J(o.value), oe())), o.isCascade && Object.keys(I).forEach((d) => {
+        const m = I[d][r], D = m != null && (typeof m == "string" || typeof m == "number") ? m.toString() : "";
+        if (D !== "" && D !== String(p)) {
+          const F = I[D];
+          F?.name && (I[d].parentName = F.name);
+        }
+      }), o.isCascade && (le(), o.isOutMerge && o.multiple && f.value.length > 0)) {
+        const d = me(f.value);
+        t.isEqualArr(f.value, d) || (f.value = d, P = d);
+      }
+      if (o.multiple && f.value.length > 1) {
+        const d = f.value.filter((m) => {
+          const D = I[m];
+          return t.isBoolean(D?._isTypeRadio) && D._isTypeRadio;
+        });
+        if (d.length > 1) {
+          const m = d[d.length - 1], D = f.value.filter(
+            (F) => F === m || !d.includes(F)
+          );
+          t.isEqualArr(f.value, D) || (f.value = D, X());
+        }
+      }
+      f.value.length > 0 && (f.value = [...f.value]);
+    }, le = () => {
+      const e = o.parentKey, i = o.topParentValue;
+      v.childrenMap = {}, v.parentMap = {}, v.lastChildMap = {}, v.allChildMap = {}, Object.keys(I).forEach((p) => {
+        const m = I[p][e], D = m != null && (typeof m == "string" || typeof m == "number") ? m.toString() : "";
+        D !== "" && D !== String(i) && (v.parentMap[p] = D, v.childrenMap[D] || (v.childrenMap[D] = []), v.childrenMap[D].push(p));
+      });
+    }, G = (e) => {
+      const i = (r, p) => {
+        if (v.lastChildMap[r])
+          return v.lastChildMap[r];
+        if (p.has(r)) return [];
+        p.add(r);
+        const d = v.childrenMap[r];
+        if (!d || d.length === 0)
+          return v.lastChildMap[r] = [r], [r];
+        const m = [];
+        return d.forEach((D) => {
+          m.push(...i(D, new Set(p)));
+        }), v.lastChildMap[r] = m, m;
+      };
+      return i(e, /* @__PURE__ */ new Set());
+    }, Se = (e) => {
+      const i = (r, p) => {
+        if (v.allChildMap[r])
+          return v.allChildMap[r];
+        if (p.has(r)) return [];
+        p.add(r);
+        const d = v.childrenMap[r];
+        if (!d || d.length === 0)
+          return v.allChildMap[r] = [], [];
+        const m = [];
+        d.forEach((F) => {
+          m.push(F), m.push(...i(F, new Set(p)));
+        });
+        const D = Array.from(new Set(m));
+        return v.allChildMap[r] = D, D;
+      };
+      return i(e, /* @__PURE__ */ new Set());
+    }, we = (e) => {
+      if (e.length === 0) return [];
+      const i = new Set(e), r = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set();
+      for (const d of i) {
+        const m = v.parentMap[d];
+        m && !p.has(m) && r.add(m);
+      }
+      for (; r.size > 0; ) {
+        const d = r.values().next().value;
+        if (r.delete(d), p.has(d)) continue;
+        p.add(d);
+        const m = v.childrenMap[d];
+        if (!m || m.length === 0) continue;
+        let D = !0;
+        for (const F of m)
+          if (!i.has(F)) {
+            D = !1;
+            break;
+          }
+        if (D) {
+          for (const $e of m) i.delete($e);
+          i.add(d);
+          const F = v.parentMap[d];
+          F && !p.has(F) && r.add(F);
+        }
+      }
+      return [...i];
+    }, me = (e) => {
+      if (e.length === 0) return [];
+      const i = [];
+      return e.forEach((r) => {
+        i.push(...G(r));
+      }), t.getArrUnique(i);
+    }, se = (e) => !o.isCascade || !o.multiple ? e : o.isOutMerge ? we(e) : me(e), oe = () => {
+      if (S.value && !t.isEmpty(f.value)) {
+        if (t.isEmpty(I) || o.serverCallback) return;
+        const e = fe();
+        if (!t.isEqualArr(f.value, e)) {
+          const i = f.value.filter((p) => !e.includes(p));
+          i.length > 0 && U.warn("ClSelect", "以下 id 在数据列表中不存在，已自动清除:", i), f.value = e, P = e;
+          const r = se(e);
+          ge(r.join(","));
+        }
+      }
+    }, J = (e) => {
+      if (e != null && typeof e != "string" && (typeof e != "number" || !t.isFinite(e))) {
+        U.warn("ClSelect", "setValue 收到非预期类型值:", typeof e, e);
+        return;
+      }
+      let i = e == null || e === "" ? [] : e.toString().split(",").filter((p) => p !== "");
+      i = t.getArrUnique(i), o.isCascade && o.isOutMerge && i.length > 0 && o.multiple && (i = me(i));
+      let r = t.isEqualArr(f.value, i);
+      r && (r = i.join(",") === f.value.join(",")), r || (P = i, f.value = i);
+    }, B = (e) => t.isExistJsonKey(I, e) ? t.getJsonClone(I[e]) : {}, Ce = (e) => {
+      const i = t.isArray(e) ? e : f.value, r = [];
+      return i.forEach((p) => {
+        const d = B(p);
+        t.isEmpty(d) || r.push(d);
+      }), r;
+    }, De = (e) => {
+      const r = o.isCascade && !o.multiple && (v.childrenMap[e.id?.toString()]?.length > 0 || !v.parentMap[e.id?.toString()]) && t.isEmpty(o.showTextFormat) ? "" : te.value;
+      let p = t.isEmpty(r) ? e.name ?? "" : t.convertStringFormat(r, e);
+      return t.isHtml(p) ? p = t.isEmpty(r) ? t.encodeHTML(e.name) : t.convertStringFormatEncodeHTML(r, e) : typeof p == "string" && p.indexOf("<") > -1 && (p = t.encodeHTML(p)), p;
+    }, _e = (e) => {
+      if (t.isNonEmptyString(o.showTextFormat))
+        return t.removeHTMLTags(De(e));
+      const i = t.isString(o.plaintextLevelSeparator) ? o.plaintextLevelSeparator : " > ", r = t.isString(e?.name) ? e.name : "", p = t.isString(e?.parentName) ? e.parentName : "", d = o.isCascade && t.isNonEmptyString(p) ? `${p}${i}${r}` : r;
+      return t.removeHTMLTags(d);
+    }, be = () => {
+      const e = Ce();
+      A.value = e.map((i) => De(i)), M.value = e.map((i) => _e(i));
+    }, X = () => {
+      const e = fe();
+      P = e, f.value = e;
+      const i = se(e), r = i.join(",");
+      let p;
+      if (o.multiple) {
+        const d = [];
+        i.forEach((m) => {
+          const D = B(m);
+          t.isEmpty(D) || d.push(D);
+        }), p = d;
+      } else
+        p = B(r), t.isEmpty(p) && (p = null);
+      ye(r, p);
+    }, Ie = () => {
+      b.isOpen || !t.isEqualArr(f.value, P) && X();
+    }, Me = () => {
+      S.value || (S.value = !0, W(o.list), J(o.value), oe());
+    }, n = () => {
+      !S.value && o.list && o.list.length > 0 && Me();
+    }, l = () => {
+      import("vue-virtual-scroller").then(() => {
+        Promise.resolve({                         });
+      });
+    };
+    Be(() => {
+      o.isPlaintext || l(), ce(() => {
+        n();
+      });
+    }), Q(S, (e) => {
+      e && Te();
+    }), Q(
+      () => o.list,
+      (e, i) => {
+        S.value || (e && e.length > 0 || i === void 0) && (S.value = !0);
+      }
+    ), Q([() => o.value, () => o.list], ([e, i], [r, p]) => {
+      const d = i || [];
+      !S.value && d.length > 0 && (S.value = !0), i !== p && (I = {}, v.childrenMap = {}, v.parentMap = {}, v.lastChildMap = {}, v.allChildMap = {}), W(d), e !== void 0 && J(e), oe();
+    }), Q([f, () => o.list], ([e, i]) => {
+      i && i.length > 0 && t.isEmpty(I) && W(i), be();
+    }), Q(
+      () => o.isOutMerge,
+      () => {
+        o.isCascade && o.multiple && f.value.length > 0 && se(fe()).join(",") !== String(o.value ?? "") && X();
+      }
+    ), Q([() => o.parentKey, () => o.topParentValue], () => {
+      o.isCascade && !t.isEmpty(I) && le();
+    });
+    const a = (e) => {
+      e && o.disabled || (b.isOpen = e, e ? P = f.value : Ie(), ce(() => {
+        z.value && z.value.initOpenShow(e);
+      }), ke(e));
+    }, u = () => {
+      o.disabled || (f.value = [], o.multiple && o.multipleRealTimeChange ? X() : Ie());
+    }, y = (e) => {
+      if (b.dropDownPos = e.use.dropDownPos, o.multiple && o.isShowTag) {
+        const i = Z.value?.$el?.offsetWidth || 0;
+        b.tagHeight = o.theme === "default" ? `${e.original.dropDownHeight + 1}px` : `${e.original.dropDownHeight}px`;
+        const r = e.original.winWidth - (e.original.controlOffset.left + e.original.dropDownWidth) >= i ? "right" : "left";
+        b.tagDirection = r, r === "right" ? b.tagLeft = `${e.original.dropDownWidth - 1}px` : b.tagLeft = `${(e.original.dropDownWidth - e.original.textWidth + i + 1) * -1}px`;
+      }
+    }, h = (e) => {
+      f.value = e, o.multiple ? o.multipleRealTimeChange && X() : T.value?.setOpen(!1);
+    }, C = (e) => {
+      o.disabled || (f.value = e, X());
+    }, g = (e) => {
+      s("onError", e);
+    }, x = () => {
+      T.value && (T.value.checkIsShowOpen() || T.value.initCompleteOpen());
+    };
+    qe("$SelectTop", {
+      getSelectData: Ce,
+      getSelectValueInfo: B,
+      getAllChildIds: Se,
+      calculationDropdownPosition: () => {
+        T.value?.calculationPosition();
+      },
+      convertListToJson: W,
+      closeDropdown: () => {
+        T.value?.setOpen(!1);
+      },
+      refreshDisplayLabels: () => {
+        be();
+      }
+    });
+    const L = () => {
+      const e = fe();
+      return se(e).join(",");
+    };
+    return ue({
+      getValue: L,
+      getValueData: () => {
+        const e = L();
+        if (o.multiple) {
+          const r = e ? e.split(",") : [], p = [];
+          return r.forEach((d) => {
+            const m = B(d);
+            t.isEmpty(m) || p.push(m);
+          }), p;
+        }
+        if (!e) return null;
+        const i = B(e);
+        return t.isEmpty(i) ? null : i;
+      },
+      setValue: (e) => {
+        J(e), oe();
+      },
+      runInitComplete: () => {
+        Me();
+      }
+    }), (e, i) => c.isPlaintext ? (_(), O("div", {
+      key: 0,
+      id: H(V),
+      class: Oe(q.value)
+    }, ve(E.value), 11, ht)) : (_(), Ee(Ue, {
+      key: 1,
+      id: H(V),
+      ref_key: "refElDropdownLayer",
+      ref: T,
+      classParent: R.value,
+      classText: "select-inText",
+      classDropDown: ne.value,
+      placeholder: c.placeholder,
+      isDisabled: c.disabled,
+      isClear: c.isClear,
+      textLabel: A.value.join(","),
+      textArrowDirection: c.arrowDirection,
+      transitionLeave: c.transitionLeave,
+      appendContainer: c.appendContainer,
+      appendFollowWidth: c.theme !== "noBorder",
+      onOpenBeforeCallback: c.onOpenBefore,
+      onOnChangeOpen: a,
+      onOnClear: u,
+      onOnChangePosition: y
+    }, {
+      textExtend: xe(() => [
+        c.multiple ? (_(), O("span", gt, [
+          A.value.length > 1 ? (_(), Ee(We, {
+            key: 0,
+            num: A.value.length
+          }, null, 8, ["num"])) : (_(), O(de, { key: 1 }, [], 64))
+        ])) : (_(), O(de, { key: 1 }, [], 64))
+      ]),
+      dropdown: xe(() => [
+        he(rt, {
+          ref_key: "refElList",
+          ref: z,
+          isSearch: c.isSearch,
+          searchPlaceholder: c.searchPlaceholder,
+          searchKey: c.searchKey,
+          searchKeyType: c.searchKeyType,
+          isMultiple: c.multiple,
+          isCheckBoxAll: c.isCheckBoxAll,
+          showDropDownTextFormat: c.showDropDownTextFormat,
+          showDropDownTextFormatSub: c.showDropDownTextFormatSub,
+          isCascade: c.isCascade,
+          parentSelectable: c.parentSelectable,
+          parentKey: c.parentKey,
+          topParentValue: c.topParentValue,
+          originalData: c.list,
+          keyIndex: k,
+          selectId: f.value,
+          disabled: c.disabled,
+          isOpen: b.isOpen,
+          serverCallback: c.serverCallback,
+          onOnChange: h,
+          onOnInitComplete: x,
+          onOnError: g
+        }, null, 8, ["isSearch", "searchPlaceholder", "searchKey", "searchKeyType", "isMultiple", "isCheckBoxAll", "showDropDownTextFormat", "showDropDownTextFormatSub", "isCascade", "parentSelectable", "parentKey", "topParentValue", "originalData", "selectId", "disabled", "isOpen", "serverCallback"])
+      ]),
+      dropdownExtend: xe(() => [
+        c.multiple && c.isShowTag ? (_(), O("div", {
+          key: 0,
+          class: Oe(ae.value),
+          style: Ve({ height: b.tagHeight, left: b.tagLeft }),
+          ref_key: "refElTags",
+          ref: Z
+        }, [
+          he(pt, {
+            showTextFormat: te.value,
+            selectId: f.value,
+            onOnRemove: C
+          }, null, 8, ["showTextFormat", "selectId"])
+        ], 6)) : (_(), O(de, { key: 1 }, [], 64))
+      ]),
+      _: 1
+    }, 8, ["id", "classParent", "classDropDown", "placeholder", "isDisabled", "isClear", "textLabel", "textArrowDirection", "transitionLeave", "appendContainer", "appendFollowWidth", "onOpenBeforeCallback"]));
+  }
+});
+export {
+  kt as _
+};