@dazhicheng/ui 1.6.8 → 1.6.10

package/dist/components/tt-panel-select/src/index.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ze, mergeModels as K, useModel as je, computed as s, watch as S, ref as h, useTemplateRef as V, unref as r, onMounted as qe, createElementBlock as U, openBlock as w, normalizeClass as z, createVNode as j, mergeProps as He, withCtx as Je, withDirectives as Qe, normalizeStyle as Xe, createBlock as q, createCommentVNode as H, nextTick as O } from "vue";
+import { defineComponent as ze, mergeModels as I, useModel as je, computed as s, watch as V, ref as h, useTemplateRef as O, unref as i, onMounted as qe, createElementBlock as z, openBlock as g, normalizeClass as j, createVNode as q, mergeProps as He, withCtx as Je, withDirectives as Qe, normalizeStyle as Xe, createBlock as H, createCommentVNode as J, nextTick as M } from "vue";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
 import { useDesign as Ye } from "../../../packages/hooks/src/useDesign.js";
 import "axios";
@@ -17,17 +17,17 @@ import "lodash-es";
 import "vue-router";
 import { useResizeObserver as ll } from "@vueuse/core";
 import { useSelectCollapseOptions as tl } from "../../tt-form/src/hooks/useSelectCollapse.js";
-import { ALL as al } from "./common.js";
-import ol from "./components/PanelLeft.vue.js";
-import nl from "./components/PanelMiddle.vue.js";
-import rl from "./components/PanelRight.vue.js";
-import { usePanelSelectData as il } from "./hooks/usePanelData.js";
-import { usePanelSelectSelection as sl } from "./hooks/usePanelSelection.js";
+import { ALL as al, DEFAULT_PANEL_SELECT_SEPARATORS as ol } from "./common.js";
+import nl from "./components/PanelLeft.vue.js";
+import rl from "./components/PanelMiddle.vue.js";
+import il from "./components/PanelRight.vue.js";
+import { usePanelSelectData as sl } from "./hooks/usePanelData.js";
+import { usePanelSelectSelection as ul } from "./hooks/usePanelSelection.js";
 /* empty css           */
-const p = 4, El = /* @__PURE__ */ ze({
+const p = 4, Tl = /* @__PURE__ */ ze({
   name: "TtPanelSelect",
   __name: "index",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ I({
     disabled: { type: Boolean, default: !1 },
     showNav: { type: Boolean, default: !0 },
     multiple: { type: Boolean, default: !0 },
@@ -47,8 +47,8 @@ const p = 4, El = /* @__PURE__ */ ze({
     immediate: { type: Boolean, default: !0 },
     beforeFetch: { type: Function, default: void 0 },
     afterFetch: { type: Function, default: void 0 },
-    separator: { default: "," },
-    pasteSearch: { type: Boolean, default: !1 },
+    separator: { default: () => [...ol] },
+    pasteSearch: { type: Boolean, default: !0 },
     alwaysLoad: { type: Boolean, default: !1 },
     showAll: { type: Boolean, default: !0 },
     showAllField: { default: al },
@@ -61,52 +61,52 @@ const p = 4, El = /* @__PURE__ */ ze({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["visible-change", "change"], ["update:modelValue"]),
-  setup(M, { expose: J, emit: Q }) {
-    const X = el, Y = Ze, t = M, $ = Q, { prefixCls: c } = Ye("panel-select"), {
-      loading: Z,
+  emits: /* @__PURE__ */ I(["visible-change", "change"], ["update:modelValue"]),
+  setup(E, { expose: Q, emit: X }) {
+    const Y = el, Z = Ze, t = E, F = X, { prefixCls: c } = Ye("panel-select"), {
+      loading: ee,
       fetchApi: m,
-      treeOptions: ee,
-      navTreeOptions: F,
-      navNodes: le,
+      treeOptions: le,
+      navTreeOptions: R,
+      navNodes: te,
       leafNodes: f,
-      isFirstLoaded: te,
-      buildOptionGroups: ae
-    } = il(t), a = je(M, "modelValue");
-    let R;
-    const B = s(() => t.disabled), oe = s(() => {
+      isFirstLoaded: ae,
+      buildOptionGroups: oe
+    } = sl(t), r = je(E, "modelValue");
+    let L;
+    const P = s(() => t.disabled), ne = s(() => {
       const e = /* @__PURE__ */ new Map();
       return f.value.forEach((l) => e.set(l.value, l.label)), e;
     });
-    function g(e) {
-      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: oe.value.get(e) ?? String(e), value: e };
+    function k(e) {
+      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: ne.value.get(e) ?? String(e), value: e };
     }
-    function N(e) {
+    function $(e) {
       if (e != null)
         return typeof e == "object" && "value" in e ? e.value : e;
     }
-    const P = s({
+    const re = s({
       get() {
-        return Array.isArray(a.value) ? t.multiple ? a.value : a.value.slice(-1) : a.value === void 0 ? [] : [a.value];
+        return Array.isArray(r.value) ? t.multiple ? r.value : r.value.slice(-1) : r.value === void 0 ? [] : [r.value];
       },
       set(e) {
-        a.value = t.multiple ? [...e] : e.at(-1);
+        r.value = t.multiple ? [...e] : e.at(-1);
       }
     });
-    S([() => t.multiple, () => a.value], ([e, l]) => {
+    V([() => t.multiple, () => r.value], ([e, l]) => {
       if (e) {
-        Array.isArray(l) || (a.value = l === void 0 ? [] : [l]);
+        Array.isArray(l) || (r.value = l === void 0 ? [] : [l]);
         return;
       }
-      Array.isArray(l) && (a.value = l.at(-1));
+      Array.isArray(l) && (r.value = l.at(-1));
     });
-    const k = h(), A = h(""), C = h(""), b = h(), L = V("middleRef"), v = V("selectWrapRef"), E = V("selectRef"), x = h(0);
-    function G() {
-      const e = v.value;
-      e && (x.value = e.offsetWidth);
+    const A = h(), v = h(""), y = h(""), C = h(), b = O("middleRef"), w = O("selectWrapRef"), N = O("selectRef"), S = h(0);
+    function B() {
+      const e = w.value;
+      e && (S.value = e.offsetWidth);
     }
-    ll(v, () => G());
-    const ne = s(() => ({
+    ll(w, () => B());
+    const ie = s(() => ({
       componentProps: {
         multiple: t.multiple,
         component: {
@@ -114,57 +114,56 @@ const p = 4, El = /* @__PURE__ */ ze({
         }
       },
       component: "TtPanelSelect",
-      selectWrapRef: v,
-      selectRef: E
-    })), { selectComponentProps: re } = tl(ne), T = s(() => {
-      const e = A.value.trim().toLowerCase();
-      if (!e) return F.value;
-      const l = (o) => {
-        const i = [];
-        return o.forEach((n) => {
-          var I;
-          const u = (I = n.children) != null && I.length ? l(n.children) : void 0;
-          (String(n.label).toLowerCase().includes(e) || u && u.length) && i.push({ ...n, children: u != null && u.length ? u : void 0 });
-        }), i;
+      selectWrapRef: w,
+      selectRef: N
+    })), { selectComponentProps: se } = tl(ie), T = s(() => {
+      const e = v.value.trim().toLowerCase();
+      if (!e) return R.value;
+      const l = (a) => {
+        const n = [];
+        return a.forEach((o) => {
+          var U;
+          const u = (U = o.children) != null && U.length ? l(o.children) : void 0;
+          (String(o.label).toLowerCase().includes(e) || u && u.length) && n.push({ ...o, children: u != null && u.length ? u : void 0 });
+        }), n;
       };
-      return l(F.value);
-    }), ie = s(() => {
-      const e = [], l = (o) => {
-        o.forEach((i) => {
-          var n;
-          e.push(i.value), (n = i.children) != null && n.length && l(i.children);
+      return l(R.value);
+    }), ue = s(() => {
+      const e = [], l = (a) => {
+        a.forEach((n) => {
+          var o;
+          e.push(n.value), (o = n.children) != null && o.length && l(n.children);
         });
       };
       return l(T.value), e;
-    }), y = s(() => ae(f.value, C.value)), se = s(() => {
+    }), x = s(() => oe(f.value, y.value)), de = s(() => {
       const e = "minmax(var(--tt-panel-select-middle-width, 450px), 1fr)";
       return t.showNav && !t.multiple ? `200px ${e}` : !t.showNav && t.multiple ? `${e} 180px` : !t.showNav && !t.multiple ? e : `200px ${e} 180px`;
-    }), ue = s(() => {
+    }), ce = s(() => {
       const e = "var(--tt-panel-select-middle-width, 450px)";
       return t.showNav && !t.multiple ? `max(calc(200px + ${e}), 800px)` : !t.showNav && t.multiple ? `max(calc(${e} + 180px), 800px)` : !t.showNav && !t.multiple ? `max(${e}, 800px)` : `max(calc(200px + ${e} + 180px), 800px)`;
-    }), de = s(() => {
+    }), pe = s(() => {
       const e = [];
-      return y.value.forEach((l) => {
+      return x.value.forEach((l) => {
         !(t.showOriginMode && l.value === "__origin__") && e.push({ key: `group-${String(l.value)}`, type: "group", group: l });
-        const i = Math.ceil(l.options.length / p);
-        for (let n = 0; n < l.options.length; n += p) {
-          const u = n / p;
+        const n = Math.ceil(l.options.length / p);
+        for (let o = 0; o < l.options.length; o += p) {
+          const u = o / p;
           e.push({
-            key: `options-${String(l.value)}-${n / p}`,
+            key: `options-${String(l.value)}-${o / p}`,
             type: "options",
             group: l,
-            options: l.options.slice(n, n + p),
-            isLast: u === i - 1
+            options: l.options.slice(o, o + p),
+            isLast: u === n - 1
           });
         }
       }), e;
     }), {
-      selectedOptions: ce,
-      selectedValueSet: pe,
-      isAllChecked: me,
-      isIndeterminate: fe,
-      isGroupChecked: he,
-      isGroupIndeterminate: ve,
+      selectedOptions: me,
+      selectedValueSet: _,
+      isAllChecked: fe,
+      isIndeterminate: he,
+      getGroupCheckCount: ve,
       handleGroupCheck: ye,
       handleAllOptionCheck: we,
       handleOptionCheck: ge,
@@ -172,110 +171,113 @@ const p = 4, El = /* @__PURE__ */ ze({
       handleCheckAll: Ae,
       clearSelected: Ce,
       removeSelected: be,
-      withLockedSelectedValues: xe
-    } = sl({
+      withLockedSelectedValues: Se
+    } = ul({
       multiple: s(() => t.multiple),
-      modelValue: a,
-      selectedValues: P,
+      modelValue: r,
+      selectedValues: re,
       leafNodes: f,
       allValue: s(() => t.showAllField)
-    }), _ = s({
+    }), G = s({
       get() {
         if (t.multiple)
-          return (Array.isArray(a.value) ? a.value : a.value === void 0 ? [] : [a.value]).map((l) => g(l));
-        if (Array.isArray(a.value)) {
-          const e = a.value.at(-1);
-          return e === void 0 ? void 0 : g(e);
+          return (Array.isArray(r.value) ? r.value : r.value === void 0 ? [] : [r.value]).map((l) => k(l));
+        if (Array.isArray(r.value)) {
+          const e = r.value.at(-1);
+          return e === void 0 ? void 0 : k(e);
         }
-        return a.value === void 0 ? void 0 : g(a.value);
+        return r.value === void 0 ? void 0 : k(r.value);
       },
       set(e) {
-        const l = r(a);
-        if (R = Array.isArray(l) ? [...l] : l, t.multiple) {
-          const i = (Array.isArray(e) ? e : []).map((n) => N(n)).filter((n) => n !== void 0);
-          a.value = xe(i);
+        const l = i(r);
+        if (L = Array.isArray(l) ? [...l] : l, t.multiple) {
+          const n = (Array.isArray(e) ? e : []).map((o) => $(o)).filter((o) => o !== void 0);
+          r.value = Se(n);
           return;
         }
-        a.value = N(e);
+        r.value = $(e);
       }
-    }), Se = s(() => y.value.reduce(
-      (e, l) => (e[String(l.value)] = he(l), e),
-      {}
-    )), Ve = s(() => y.value.reduce(
-      (e, l) => (e[String(l.value)] = ve(l), e),
-      {}
-    )), Oe = s(() => pe.value.has(t.showAllField)), W = s(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...f.value.map((l) => ({ ...l }))]);
+    }), W = s(
+      () => {
+        const e = {}, l = {};
+        return x.value.forEach((a) => {
+          const { enabledCount: n, checkedCount: o } = ve(a), u = String(a.value);
+          e[u] = n > 0 && o === n, l[u] = n > 0 && o > 0 && o < n;
+        }), { checkedMap: e, indeterminateMap: l };
+      }
+    ), xe = s(() => W.value.checkedMap), Ve = s(() => W.value.indeterminateMap), Oe = s(() => _.value.has(t.showAllField)), D = s(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...f.value.map((l) => ({ ...l }))]);
     function Me(e) {
-      const l = r(W);
+      const l = i(D);
       if (Array.isArray(e)) {
-        const o = new Set(e);
-        return l.filter((i) => i.value !== void 0 && o.has(i.value));
+        const a = new Set(e);
+        return l.filter((n) => n.value !== void 0 && a.has(n.value));
       }
       if (e !== void 0)
-        return l.find((o) => o.value === e);
+        return l.find((a) => a.value === e);
     }
-    function $e(e) {
-      var o, i;
-      if (t.showPinyinMode || (o = e.children) != null && o.some((n) => {
+    function Ee(e) {
+      var a, n;
+      if (t.showPinyinMode || (a = e.children) != null && a.some((o) => {
         var u;
-        return !((u = n.children) != null && u.length);
+        return !((u = o.children) != null && u.length);
       })) return e.value;
-      const l = f.value.find((n) => n.path.some((u) => u.value === e.value));
-      return (i = l == null ? void 0 : l.path.at(-2)) == null ? void 0 : i.value;
+      const l = f.value.find((o) => o.path.some((u) => u.value === e.value));
+      return (n = l == null ? void 0 : l.path.at(-2)) == null ? void 0 : n.value;
     }
     function Fe(e) {
-      k.value = e.value;
-      const l = $e(e);
-      b.value = void 0, O(() => {
-        var o;
-        b.value = l, l !== void 0 && ((o = L.value) == null || o.scrollToGroup(l));
+      A.value = e.value;
+      const l = Ee(e);
+      C.value = void 0, M(() => {
+        var a;
+        C.value = l, l !== void 0 && ((a = b.value) == null || a.scrollToGroup(l));
       });
     }
     function Re(e) {
-      A.value = e;
+      v.value = e;
     }
-    function Be(e) {
-      C.value = e;
+    function Le(e) {
+      y.value = e;
     }
-    function Ne(e, l) {
-      const o = y.value.find((i) => i.value === e);
-      o && ye(o, l);
+    function Pe(e, l) {
+      const a = x.value.find((n) => n.value === e);
+      a && ye(a, l);
     }
-    async function Pe(e) {
-      $("visible-change", e), e && (await O(), G(), t.alwaysLoad ? await m() : !t.immediate && !r(te) && await m());
+    async function $e(e) {
+      var l;
+      F("visible-change", e), e && (y.value = "", v.value = "", await M(), (l = b.value) == null || l.inputFocus(), B(), t.alwaysLoad ? await m() : !t.immediate && !i(ae) && await m());
     }
-    function Le() {
-      D(R);
+    function Ne() {
+      K(L);
     }
-    function Ee(e) {
-      $("change", e, [...r(W)], Me(e));
+    function Be(e) {
+      F("change", e, [...i(D)], Me(e));
     }
-    function Ge(e, l) {
-      return Array.isArray(e) && Array.isArray(l) ? e.length === l.length && e.every((o, i) => o === l[i]) : e === l;
+    function Te(e, l) {
+      return Array.isArray(e) && Array.isArray(l) ? e.length === l.length && e.every((a, n) => a === l[n]) : e === l;
     }
-    function D(e) {
-      O(() => {
-        const l = r(a);
-        Ge(l, e) || Ee(l);
+    function K(e) {
+      M(() => {
+        const l = i(r);
+        Te(l, e) || Be(l);
       });
     }
     function d(e) {
-      const l = r(a), o = Array.isArray(l) ? [...l] : l;
-      e(), D(o);
+      const l = i(r), a = Array.isArray(l) ? [...l] : l;
+      e(), K(a);
     }
-    function Te(e) {
+    function _e(e) {
       d(() => {
         we(e);
       });
     }
-    function _e(e) {
+    function Ge(e) {
       d(() => {
         Ae(e);
       });
     }
     function We(e, l) {
       d(() => {
-        Ne(e, l);
+        Pe(e, l);
       });
     }
     function De(e, l) {
@@ -283,123 +285,123 @@ const p = 4, El = /* @__PURE__ */ ze({
         ge(e, l);
       });
     }
-    function Ie(e, l) {
+    function Ke(e, l) {
       d(() => {
         ke(e, l);
       });
     }
-    function Ke(e) {
+    function Ue(e) {
       d(() => {
         be(e);
       });
     }
-    function Ue() {
+    function Ie() {
       d(() => {
         Ce();
       });
     }
-    return S(
+    return V(
       () => t.params,
       () => {
         m();
       },
       { deep: !0 }
-    ), S(
-      le,
+    ), V(
+      te,
       (e) => {
         var l;
-        k.value !== void 0 || !e.length || (k.value = (l = e[0]) == null ? void 0 : l.value);
+        A.value !== void 0 || !e.length || (A.value = (l = e[0]) == null ? void 0 : l.value);
       },
       { immediate: !0 }
     ), qe(() => {
       t.immediate && m();
-    }), J({
+    }), Q({
       /** 重新加载数据源*/
       reload: m,
       /** 获取当前归一化后的树形选项数据 */
-      getOptions: () => r(ee),
+      getOptions: () => i(le),
       /** 获取当前v-model值 */
-      getValue: () => r(a)
-    }), (e, l) => (w(), U("div", {
+      getValue: () => i(r)
+    }), (e, l) => (g(), z("div", {
       ref_key: "selectWrapRef",
-      ref: v,
-      class: z(r(c))
+      ref: w,
+      class: j(i(c))
     }, [
-      j(r(Y), He({
+      q(i(Z), He({
         ref_key: "selectRef",
-        ref: E,
-        modelValue: _.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => _.value = o)
-      }, r(re), {
+        ref: N,
+        modelValue: G.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => G.value = a)
+      }, i(se), {
         multiple: e.multiple,
         filterable: !1,
         placeholder: e.placeholder,
         persistent: !1,
         "fallback-placements": ["bottom-start", "bottom-end", "bottom", "top-start", "top-end", "top", "right", "left"],
         disabled: e.disabled,
-        "popper-class": `${r(c)}__popper vxe-table--ignore-clear`,
-        onVisibleChange: Pe,
-        onChange: Le
+        "popper-class": `${i(c)}__popper vxe-table--ignore-clear`,
+        onVisibleChange: $e,
+        onChange: Ne
       }), {
         empty: Je(() => [
-          Qe((w(), U("div", {
+          Qe((g(), z("div", {
             "element-loading-text": "加载中",
-            class: z(`${r(c)}__panel`),
+            class: j(`${i(c)}__panel`),
             style: Xe({
-              "--columns": se.value,
-              "--panel-min-width": ue.value,
-              "--panel-width": x.value ? `${x.value}px` : "100%"
+              "--columns": de.value,
+              "--panel-min-width": ce.value,
+              "--panel-width": S.value ? `${S.value}px` : "100%"
             })
           }, [
-            t.showNav ? (w(), q(ol, {
+            t.showNav ? (g(), H(nl, {
               key: 0,
-              "prefix-cls": r(c),
-              keyword: A.value,
+              "prefix-cls": i(c),
+              keyword: v.value,
               "tree-data": T.value,
-              "expanded-keys": ie.value,
+              "expanded-keys": ue.value,
               "left-placeholder": e.leftPlaceholder,
               "onUpdate:keyword": Re,
               onSelect: Fe
-            }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : H("", !0),
-            j(nl, {
+            }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : J("", !0),
+            q(rl, {
               ref_key: "middleRef",
-              ref: L,
-              "prefix-cls": r(c),
+              ref: b,
+              "prefix-cls": i(c),
               multiple: e.multiple,
-              keyword: C.value,
-              rows: de.value,
-              disabled: B.value,
+              keyword: y.value,
+              rows: pe.value,
+              disabled: P.value,
               "show-all": t.showAll,
               "option-per-row": p,
               "row-height": 40,
-              "selected-values": P.value,
-              "is-all-checked": r(me),
-              "is-indeterminate": r(fe),
+              "selected-value-set": i(_),
+              "is-all-checked": i(fe),
+              "is-indeterminate": i(he),
               "all-checked": Oe.value,
-              "scroll-to-group-value": b.value,
-              "group-checked-map": Se.value,
+              "scroll-to-group-value": C.value,
+              "group-checked-map": xe.value,
               "group-indeterminate-map": Ve.value,
               "paste-search": e.pasteSearch,
               separator: e.separator,
               "middle-placeholder": e.middlePlaceholder,
-              "onUpdate:keyword": Be,
-              onAllCheck: Te,
-              onCheckAll: _e,
+              "onUpdate:keyword": Le,
+              onAllCheck: _e,
+              onCheckAll: Ge,
               onGroupCheck: We,
               onOptionCheck: De,
-              onOptionsCheck: Ie
-            }, null, 8, ["prefix-cls", "multiple", "keyword", "rows", "disabled", "show-all", "selected-values", "is-all-checked", "is-indeterminate", "all-checked", "scroll-to-group-value", "group-checked-map", "group-indeterminate-map", "paste-search", "separator", "middle-placeholder"]),
-            t.multiple ? (w(), q(rl, {
+              onOptionsCheck: Ke
+            }, null, 8, ["prefix-cls", "multiple", "keyword", "rows", "disabled", "show-all", "selected-value-set", "is-all-checked", "is-indeterminate", "all-checked", "scroll-to-group-value", "group-checked-map", "group-indeterminate-map", "paste-search", "separator", "middle-placeholder"]),
+            t.multiple ? (g(), H(il, {
               key: 1,
-              "prefix-cls": r(c),
+              "prefix-cls": i(c),
               multiple: e.multiple,
-              disabled: B.value,
-              "selected-options": r(ce),
-              onClearAll: Ue,
-              onRemove: Ke
-            }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : H("", !0)
+              disabled: P.value,
+              "selected-options": i(me),
+              onClearAll: Ie,
+              onRemove: Ue
+            }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : J("", !0)
           ], 6)), [
-            [r(X), r(Z)]
+            [i(Y), i(ee)]
           ])
         ]),
         _: 1
@@ -408,5 +410,5 @@ const p = 4, El = /* @__PURE__ */ ze({
   }
 });
 export {
-  El as default
+  Tl as default
 };

package/dist/components/tt-panel-select/src/types.d.ts

@@ -1,6 +1,7 @@
 import { AnyPromiseFunction, Recordable } from '../../../../../utils/src';
 import { MiddleRow } from './components/panel.types';
 export type PanelSelectValue = string | number;
+export type PanelSelectSeparator = string | string[];
 export type PanelSelectModelValue = PanelSelectValue | PanelSelectValue[] | undefined;
 export interface PanelSelectOption extends Recordable {
     label?: string;
@@ -23,8 +24,8 @@ export interface PanelMiddleProps {
     optionPerRow: number;
     /** 行高 */
     rowHeight: number;
-    /** 选中值VModel */
-    selectedValues: PanelSelectValue[];
+    /** 已选值集合，由容器统一构建后下传，避免在中间列表再建一份同规模集合 */
+    selectedValueSet: ReadonlySet<PanelSelectValue>;
     /** 全部选项是否选中 */
     isAllChecked: boolean;
     /** 是否初始化就选中 */
@@ -34,8 +35,10 @@ export interface PanelMiddleProps {
     groupCheckedMap: Record<string, boolean>;
     groupIndeterminateMap: Record<string, boolean>;
     scrollToGroupValue?: PanelSelectValue;
+    /** 黏贴后是否触发搜索 */
     pasteSearch?: boolean;
-    separator?: string;
+    /** 搜索与黏贴拆分分隔符；字符串表示一个分隔符，数组表示多个分隔符 */
+    separator?: PanelSelectSeparator;
     showAll: boolean;
     middlePlaceholder?: string;
 }
@@ -78,8 +81,8 @@ export interface PanelContainerProps {
     beforeFetch?: AnyPromiseFunction<any, any>;
     /** 请求后钩子 */
     afterFetch?: AnyPromiseFunction<any, any>;
-    /** 粘贴拆分分隔符 */
-    separator?: string;
+    /** 搜索与黏贴拆分分隔符；字符串表示一个分隔符，数组表示多个分隔符 */
+    separator?: PanelSelectSeparator;
     /** 粘贴后是否触发搜索 */
     pasteSearch?: boolean;
     /** 打开下拉框时是否总是请求接口加载数据源 */

package/dist/components/tt-vtable/src/features/column-preferences/column-preference-storage.d.ts

@@ -1,35 +1,4 @@
-import { TtVTableColumn } from '../../public/table-column';
-/** 封装层支持持久化的冻结列位置。 */
-export type VTableColumnFrozen = NonNullable<TtVTableColumn["frozen"]>;
-/** 一个语义列主键的持久化偏好。 */
-export interface VTableColumnPreference {
-    /** 稳定语义列主键。 */
-    key: string;
-    /** 列是否可见。 */
-    visible: boolean;
-    /** 在同级列中从 0 开始的顺序。 */
-    order: number;
-    /** 可选数字列宽。 */
-    width?: number;
-    /** 可选冻结位置。 */
-    frozen?: VTableColumnFrozen;
-}
-/** 带版本的列偏好载荷。 */
-export interface VTableColumnPreferenceSnapshot {
-    /** 用于后续迁移的 schema 版本。 */
-    schemaVersion: number;
-    /** 按语义列主键索引的偏好。 */
-    columns: readonly VTableColumnPreference[];
-}
-/** 本地或服务端列偏好的异步持久化边界。 */
-export interface VTableColumnPreferenceStorage {
-    /** 读取已保存快照。 */
-    read: (key: string) => Promise<VTableColumnPreferenceSnapshot | undefined>;
-    /** 写入完整快照。 */
-    write: (key: string, snapshot: VTableColumnPreferenceSnapshot) => Promise<void>;
-    /** 删除已保存快照。 */
-    remove: (key: string) => Promise<void>;
-}
+import { VTableColumnPreferenceSnapshot, VTableColumnPreferenceStorage } from '../../public';
 /** 判断未知值是否为有效的带版本偏好快照。 */
 export declare function isColumnPreferenceSnapshot(value: unknown): value is VTableColumnPreferenceSnapshot;
 /** 创建 SSR 安全的默认 localStorage 偏好适配器。 */