@dazhicheng/ui 1.6.79 → 1.6.81

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

@@ -1,9 +1,9 @@
-import { defineComponent as tl, mergeModels as ee, useModel as al, computed as i, watch as N, ref as w, useTemplateRef as L, unref as s, onMounted as ol, createElementBlock as le, openBlock as A, normalizeClass as te, createVNode as ae, mergeProps as nl, withCtx as rl, withDirectives as il, normalizeStyle as sl, createBlock as oe, createCommentVNode as ne, nextTick as P } from "vue";
+import { defineComponent as fl, mergeModels as ne, computed as i, useModel as hl, watch as b, ref as g, useTemplateRef as L, unref as s, onMounted as ml, createElementBlock as R, openBlock as w, normalizeClass as x, createVNode as re, mergeProps as vl, withCtx as ie, withDirectives as gl, normalizeStyle as wl, createBlock as se, createCommentVNode as B, createElementVNode as ue, toDisplayString as yl, nextTick as _ } from "vue";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.34_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as ul } from "../../../packages/hooks/src/useDesign.js";
+import { useDesign as Al } from "../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElSelect as cl, vLoading as dl } from "element-plus";
-import { isString as pl } from "../../../packages/utils/src/is.js";
+import { ElSelect as Cl, vLoading as kl } from "element-plus";
+import { isString as bl } from "../../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
 import "xe-utils";
@@ -17,19 +17,20 @@ import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-
 import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import { useResizeObserver as fl } from "@vueuse/core";
-import { useSelectCollapseOptions as ml } from "../../tt-form/src/hooks/useSelectCollapse.js";
-import { splitPanelSelectText as R, ALL as hl, DEFAULT_PANEL_SELECT_SEPARATORS as vl } from "./common.js";
-import wl from "./components/PanelLeft.vue.js";
-import yl from "./components/PanelMiddle.vue.js";
-import gl from "./components/PanelRight.vue.js";
-import { usePanelSelectData as Cl } from "./hooks/usePanelData.js";
-import { usePanelSelectSelection as kl } from "./hooks/usePanelSelection.js";
+import { missingOptionsEchoVersion as xl, getPanelMissingEchoOptions as Sl, expandJoinedOptionValues as Ol, diffPanelMissingCodes as Ml, ensurePanelResolveMissingOptions as Vl, PANEL_MISSING_ECHO_DEFAULT_SCOPE as ce } from "../../../hooks/missingOptionsCache.js";
+import { useDebounceFn as El, useResizeObserver as Fl } from "@vueuse/core";
+import { useSelectCollapseOptions as Pl } from "../../tt-form/src/hooks/useSelectCollapse.js";
+import { splitPanelSelectText as T, ALL as $l, DEFAULT_PANEL_SELECT_SEPARATORS as Nl } from "./common.js";
+import Ll from "./components/PanelLeft.vue.js";
+import Rl from "./components/PanelMiddle.vue.js";
+import Bl from "./components/PanelRight.vue.js";
+import { usePanelSelectData as _l } from "./hooks/usePanelData.js";
+import { usePanelSelectSelection as Tl } from "./hooks/usePanelSelection.js";
 /* empty css           */
-const h = 4, Ql = /* @__PURE__ */ tl({
+const m = 4, ht = /* @__PURE__ */ fl({
   name: "TtPanelSelect",
   __name: "index",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ ne({
     allowCreate: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     showNav: { type: Boolean, default: !0 },
@@ -39,6 +40,8 @@ const h = 4, Ql = /* @__PURE__ */ tl({
     params: { default: () => ({}) },
     resultField: { default: "" },
     options: { default: () => [] },
+    resolveMissingOptions: { type: Function, default: void 0 },
+    missingEchoKey: { default: ce },
     treeConfig: { default: () => ({
       transform: !1,
       labelField: "label",
@@ -51,11 +54,11 @@ const h = 4, Ql = /* @__PURE__ */ tl({
     immediate: { type: Boolean, default: !0 },
     beforeFetch: { type: Function, default: void 0 },
     afterFetch: { type: Function, default: void 0 },
-    separator: { default: () => [...vl] },
+    separator: { default: () => [...Nl] },
     pasteSearch: { type: Boolean, default: !0 },
     alwaysLoad: { type: Boolean, default: !1 },
     showAll: { type: Boolean, default: !0 },
-    showAllField: { default: hl },
+    showAllField: { default: $l },
     showPinyinMode: { type: Boolean, default: !1 },
     showOriginMode: { type: Boolean, default: !0 },
     leftPlaceholder: { default: "支持模糊搜索" },
@@ -65,64 +68,131 @@ const h = 4, Ql = /* @__PURE__ */ tl({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ee(["visible-change", "change", "focus"], ["update:modelValue"]),
-  setup(c, { expose: re, emit: ie }) {
-    const se = dl, ue = cl, t = c, b = ie, { prefixCls: f } = ul("panel-select"), {
-      loading: B,
+  emits: /* @__PURE__ */ ne(["visible-change", "change", "focus"], ["update:modelValue"]),
+  setup(c, { expose: de, emit: pe }) {
+    const fe = kl, he = Cl, t = c, S = pe, { prefixCls: d } = Al("panel-select");
+    function me(e = []) {
+      const l = /* @__PURE__ */ new Set(), a = (o) => {
+        o.forEach((n) => {
+          var u;
+          if ((u = n.children) != null && u.length) {
+            a(n.children);
+            return;
+          }
+          n.value !== void 0 && n.value !== null && n.value !== "" && l.add(n.value);
+        });
+      };
+      return a(e), l;
+    }
+    function ve(e) {
+      return Array.isArray(e) ? e : e == null || e === "" ? [] : [e];
+    }
+    function G() {
+      return t.missingEchoKey || ce;
+    }
+    const ge = i(() => {
+      xl.value;
+      const e = t.options || [], l = Sl(G());
+      if (!l.length) return e;
+      const a = me(e), o = l.filter(
+        (n) => n.value !== void 0 && n.value !== null && !a.has(n.value)
+      );
+      return o.length ? [...e, ...o] : e;
+    }), we = new Proxy(t, {
+      get(e, l, a) {
+        return l === "options" ? ge.value : Reflect.get(e, l, a);
+      }
+    }), {
+      loading: D,
       fetchApi: v,
-      treeOptions: ce,
-      navTreeOptions: T,
-      navNodes: de,
-      leafNodes: m,
-      isFirstLoaded: G,
-      filterNodes: pe,
-      buildOptionGroups: _
-    } = Cl(t), r = al(c, "modelValue");
-    let W;
-    const D = i(() => t.disabled), fe = i(() => {
+      treeOptions: ye,
+      navTreeOptions: K,
+      navNodes: Ae,
+      leafNodes: f,
+      isFirstLoaded: W,
+      filterNodes: Ce,
+      buildOptionGroups: U
+    } = _l(we), r = hl(c, "modelValue");
+    let I;
+    const z = i(() => t.disabled), ke = i(() => {
       if (!t.multiple)
         return t.allowCreate ? `${t.placeholder ? t.placeholder : "请选择"}(可创建)` : t.placeholder;
       const e = t.showMultiple ? "支持多选和全选" : "支持多选", l = typeof t.placeholder == "string" && t.placeholder.trim() ? t.placeholder.trim().replace(/[，,]\s*$/, "") : "请选择", a = l.includes("支持多选和全选") || l.includes("支持多选") ? l : `${l}，${e}`;
       return t.allowCreate ? `${a}(可创建)` : a;
-    }), me = i(() => {
+    }), be = i(() => {
+      const e = /* @__PURE__ */ new Map();
+      return f.value.forEach((l) => e.set(l.value, l.label)), e;
+    }), j = i(() => {
       const e = /* @__PURE__ */ new Map();
-      return m.value.forEach((l) => e.set(l.value, l.label)), e;
+      return f.value.forEach((l) => {
+        var a;
+        (l.deleted === !0 || ((a = l.raw) == null ? void 0 : a.deleted) === !0) && e.set(l.value, !0);
+      }), e;
     });
-    function x(e) {
-      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: me.value.get(e) ?? String(e), value: e };
+    function O(e) {
+      return e === t.showAllField ? { label: "全部", value: t.showAllField } : {
+        label: be.value.get(e) ?? String(e),
+        value: e,
+        deleted: j.value.get(e) === !0
+      };
+    }
+    function xe(e) {
+      return e == null ? !1 : j.value.get(e) === !0;
     }
-    function K(e) {
+    const Se = El(async () => {
+      const e = t.resolveMissingOptions;
+      if (!e) return;
+      const l = Ol(
+        ve(r.value).filter((n) => n !== t.showAllField)
+      );
+      if (!l.length) return;
+      const a = G();
+      Ml(a, l, t.options || []).length && await Vl(
+        a,
+        l,
+        t.options || [],
+        (n) => e(n)
+      );
+    }, 64);
+    b(
+      [r, () => t.options, () => t.showAllField, () => t.missingEchoKey],
+      () => {
+        t.resolveMissingOptions && Se();
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function H(e) {
       if (e != null)
         return typeof e == "object" && "value" in e ? e.value : e;
     }
-    const U = i({
+    const J = i({
       get() {
         return Array.isArray(r.value) ? t.multiple ? r.value : r.value.slice(-1) : r.value === void 0 ? [] : [r.value];
       },
       set(e) {
         r.value = t.multiple ? [...e] : e.at(-1);
       }
-    }), S = i(() => {
+    }), M = i(() => {
       if (!t.allowCreate) return [];
-      const e = new Set(m.value.map((a) => a.value)), l = [];
-      return new Set(U.value).forEach((a) => {
-        !pl(a) || a === t.showAllField || e.has(a) || l.push({ label: a, value: a, level: 0, path: [], raw: { label: a, value: a } });
+      const e = new Set(f.value.map((a) => a.value)), l = [];
+      return new Set(J.value).forEach((a) => {
+        !bl(a) || a === t.showAllField || e.has(a) || l.push({ label: a, value: a, level: 0, path: [], raw: { label: a, value: a } });
       }), l;
-    }), V = i(() => [...m.value, ...S.value]);
-    N([() => t.multiple, () => r.value], ([e, l]) => {
+    }), V = i(() => [...f.value, ...M.value]);
+    b([() => t.multiple, () => r.value], ([e, l]) => {
       if (e) {
         Array.isArray(l) || (r.value = l === void 0 ? [] : [l]);
         return;
       }
       Array.isArray(l) && (r.value = l.at(-1));
     });
-    const O = w(), y = w(""), d = w(""), M = w(), $ = L("middleRef"), g = L("selectWrapRef"), I = L("selectRef"), E = w(0);
-    function z() {
-      const e = g.value;
-      e && (E.value = e.offsetWidth);
+    const E = g(), y = g(""), p = g(""), F = g(), P = L("middleRef"), A = L("selectWrapRef"), q = L("selectRef"), $ = g(0);
+    function Q() {
+      const e = A.value;
+      e && ($.value = e.offsetWidth);
     }
-    fl(g, () => z());
-    const he = i(() => ({
+    Fl(A, () => Q());
+    const Oe = i(() => ({
       componentProps: {
         multiple: t.multiple,
         component: {
@@ -130,136 +200,136 @@ const h = 4, Ql = /* @__PURE__ */ tl({
         }
       },
       component: "TtPanelSelect",
-      selectWrapRef: g,
-      selectRef: I
-    })), { selectComponentProps: ve } = ml(he), j = i(() => {
+      selectWrapRef: A,
+      selectRef: q
+    })), { selectComponentProps: Me } = Pl(Oe), X = i(() => {
       const e = y.value.trim().toLowerCase();
-      if (!e) return T.value;
+      if (!e) return K.value;
       const l = (a) => {
         const o = [];
         return a.forEach((n) => {
-          var Z;
-          const u = (Z = n.children) != null && Z.length ? l(n.children) : void 0;
+          var oe;
+          const u = (oe = n.children) != null && oe.length ? l(n.children) : void 0;
           (String(n.label).toLowerCase().includes(e) || u && u.length) && o.push({ ...n, children: u != null && u.length ? u : void 0 });
         }), o;
       };
-      return l(T.value);
-    }), we = i(() => {
+      return l(K.value);
+    }), Ve = i(() => {
       const e = [], l = (a) => {
         a.forEach((o) => {
           var n;
           e.push(o.value), (n = o.children) != null && n.length && l(o.children);
         });
       };
-      return l(j.value), e;
+      return l(X.value), e;
     }), C = i(
-      () => ge(d.value).map((e) => ({
+      () => Fe(p.value).map((e) => ({
         label: e,
         value: e,
         level: 0,
         path: [],
         raw: { label: e, value: e }
       }))
-    ), ye = i(() => [...V.value, ...C.value]), k = i(() => {
-      const e = _(m.value, d.value), l = pe([...S.value, ...C.value], d.value);
+    ), Ee = i(() => [...V.value, ...C.value]), k = i(() => {
+      const e = U(f.value, p.value), l = Ce([...M.value, ...C.value], p.value);
       if (!l.length) return e;
       const a = new Map(l.map((u) => [u.value, u])), o = [];
-      R(d.value, t.separator).forEach((u) => {
-        const F = a.get(u);
-        F && (o.push(F), a.delete(u));
+      T(p.value, t.separator).forEach((u) => {
+        const N = a.get(u);
+        N && (o.push(N), a.delete(u));
       }), o.push(...a.values());
       let n = "__created__";
       for (; e.some((u) => u.value === n); ) n += "_";
       return [{ value: n, label: "自定义", options: o }, ...e];
     });
-    function ge(e) {
-      if (!t.allowCreate || t.disabled || B.value || t.api && !G.value) return [];
-      const l = R(e, t.separator);
-      if (!l.length || _(m.value, e).length) return [];
+    function Fe(e) {
+      if (!t.allowCreate || t.disabled || D.value || t.api && !W.value) return [];
+      const l = T(e, t.separator);
+      if (!l.length || U(f.value, e).length) return [];
       const a = new Set(V.value.map((o) => `${o.value}`));
       return [...new Set(l)].filter((o) => o !== `${t.showAllField}` && !a.has(o));
     }
-    function Ce() {
+    function Pe() {
       if (!C.value.length) return;
       const e = new Set(
-        [...S.value, ...C.value].map((a) => a.value)
-      ), l = [...new Set(R(d.value, t.separator))].filter(
+        [...M.value, ...C.value].map((a) => a.value)
+      ), l = [...new Set(T(p.value, t.separator))].filter(
         (a) => e.has(a)
       );
-      Y(l, !0);
+      ae(l, !0);
     }
-    const ke = i(() => {
+    const $e = i(() => {
       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`;
-    }), Ae = i(() => {
+    }), Ne = i(() => {
       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)`;
-    }), be = i(() => {
+    }), Le = i(() => {
       const e = [];
       return k.value.forEach((l) => {
         !(t.showOriginMode && l.value === "__origin__") && e.push({ key: `group-${String(l.value)}`, type: "group", group: l });
-        const o = Math.ceil(l.options.length / h);
-        for (let n = 0; n < l.options.length; n += h) {
-          const u = n / h;
+        const o = Math.ceil(l.options.length / m);
+        for (let n = 0; n < l.options.length; n += m) {
+          const u = n / m;
           e.push({
-            key: `options-${String(l.value)}-${n / h}`,
+            key: `options-${String(l.value)}-${n / m}`,
             type: "options",
             group: l,
-            options: l.options.slice(n, n + h),
+            options: l.options.slice(n, n + m),
             isLast: u === o - 1
           });
         }
       }), e;
     }), {
-      selectedOptions: xe,
-      selectedValueSet: q,
-      isAllChecked: Se,
-      isIndeterminate: Ve,
-      getGroupCheckCount: Oe,
-      handleGroupCheck: Me,
-      handleAllOptionCheck: $e,
-      handleOptionCheck: Ee,
-      handleOptionsCheck: Fe,
-      handleCheckAll: Ne,
-      clearSelected: Le,
-      removeSelected: Pe,
-      withLockedSelectedValues: Re
-    } = kl({
+      selectedOptions: Re,
+      selectedValueSet: Y,
+      isAllChecked: Be,
+      isIndeterminate: _e,
+      getGroupCheckCount: Te,
+      handleGroupCheck: Ge,
+      handleAllOptionCheck: De,
+      handleOptionCheck: Ke,
+      handleOptionsCheck: We,
+      handleCheckAll: Ue,
+      clearSelected: Ie,
+      removeSelected: ze,
+      withLockedSelectedValues: je
+    } = Tl({
       multiple: i(() => t.multiple),
       modelValue: r,
-      selectedValues: U,
-      leafNodes: ye,
+      selectedValues: J,
+      leafNodes: Ee,
       allValue: i(() => t.showAllField)
-    }), H = i({
+    }), Z = i({
       get() {
         if (t.multiple)
-          return (Array.isArray(r.value) ? r.value : r.value === void 0 ? [] : [r.value]).map((l) => x(l));
+          return (Array.isArray(r.value) ? r.value : r.value === void 0 ? [] : [r.value]).map((l) => O(l));
         if (Array.isArray(r.value)) {
           const e = r.value.at(-1);
-          return e === void 0 ? void 0 : x(e);
+          return e === void 0 ? void 0 : O(e);
         }
-        return r.value === void 0 ? void 0 : x(r.value);
+        return r.value === void 0 ? void 0 : O(r.value);
       },
       set(e) {
         const l = s(r);
-        if (W = Array.isArray(l) ? [...l] : l, t.multiple) {
-          const o = (Array.isArray(e) ? e : []).map((n) => K(n)).filter((n) => n !== void 0);
-          r.value = Re(o);
+        if (I = Array.isArray(l) ? [...l] : l, t.multiple) {
+          const o = (Array.isArray(e) ? e : []).map((n) => H(n)).filter((n) => n !== void 0);
+          r.value = je(o);
           return;
         }
-        r.value = K(e);
+        r.value = H(e);
       }
-    }), J = i(
+    }), ee = i(
       () => {
         const e = {}, l = {};
         return k.value.forEach((a) => {
-          const { enabledCount: o, checkedCount: n } = Oe(a), u = String(a.value);
+          const { enabledCount: o, checkedCount: n } = Te(a), u = String(a.value);
           e[u] = o > 0 && n === o, l[u] = o > 0 && n > 0 && n < o;
         }), { checkedMap: e, indeterminateMap: l };
       }
-    ), Be = i(() => J.value.checkedMap), Te = i(() => J.value.indeterminateMap), Ge = i(() => q.value.has(t.showAllField)), Q = i(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...V.value.map((l) => ({ ...l }))]);
-    function _e(e) {
-      const l = s(Q);
+    ), He = i(() => ee.value.checkedMap), Je = i(() => ee.value.indeterminateMap), qe = i(() => Y.value.has(t.showAllField)), le = i(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...V.value.map((l) => ({ ...l }))]);
+    function Qe(e) {
+      const l = s(le);
       if (Array.isArray(e)) {
         const a = new Set(e);
         return l.filter((o) => o.value !== void 0 && a.has(o.value));
@@ -267,197 +337,208 @@ const h = 4, Ql = /* @__PURE__ */ tl({
       if (e !== void 0)
         return l.find((a) => a.value === e);
     }
-    function We(e) {
+    function Xe(e) {
       var a;
       if (t.showPinyinMode || k.value.some((o) => o.value === e.value)) return e.value;
-      const l = m.value.find((o) => o.path.some((n) => n.value === e.value));
+      const l = f.value.find((o) => o.path.some((n) => n.value === e.value));
       return (a = l == null ? void 0 : l.path.at(-2)) == null ? void 0 : a.value;
     }
-    function De(e) {
-      O.value = e.value;
-      const l = We(e);
-      M.value = void 0, P(() => {
+    function Ye(e) {
+      E.value = e.value;
+      const l = Xe(e);
+      F.value = void 0, _(() => {
         var a;
-        M.value = l, l !== void 0 && ((a = $.value) == null || a.scrollToGroup(l));
+        F.value = l, l !== void 0 && ((a = P.value) == null || a.scrollToGroup(l));
       });
     }
-    function Ke(e) {
+    function Ze(e) {
       y.value = e;
     }
-    function Ue(e) {
-      d.value = e;
+    function el(e) {
+      p.value = e;
     }
-    function Ie(e, l) {
+    function ll(e, l) {
       const a = k.value.find((o) => o.value === e);
-      a && Me(a, l);
+      a && Ge(a, l);
     }
-    async function ze(e) {
+    async function tl(e) {
       var l;
-      b("visible-change", e), e && (d.value = "", y.value = "", await P(), (l = $.value) == null || l.inputFocus(), z(), t.alwaysLoad ? await v() : !t.immediate && !s(G) && await v());
+      S("visible-change", e), e && (p.value = "", y.value = "", await _(), (l = P.value) == null || l.inputFocus(), Q(), t.alwaysLoad ? await v() : !t.immediate && !s(W) && await v());
     }
-    function je() {
-      X(W);
+    function al() {
+      te(I);
     }
-    function qe(e) {
-      b("change", e, [...s(Q)], _e(e));
+    function ol(e) {
+      S("change", e, [...s(le)], Qe(e));
     }
-    function He(e, l) {
+    function nl(e, l) {
       return Array.isArray(e) && Array.isArray(l) ? e.length === l.length && e.every((a, o) => a === l[o]) : e === l;
     }
-    function X(e) {
-      P(() => {
+    function te(e) {
+      _(() => {
         const l = s(r);
-        He(l, e) || qe(l);
+        nl(l, e) || ol(l);
       });
     }
-    function p(e) {
+    function h(e) {
       const l = s(r), a = Array.isArray(l) ? [...l] : l;
-      e(), X(a);
+      e(), te(a);
     }
-    function Je(e) {
-      p(() => {
-        $e(e);
+    function rl(e) {
+      h(() => {
+        De(e);
       });
     }
-    function Qe(e) {
-      p(() => {
-        Ne(e);
+    function il(e) {
+      h(() => {
+        Ue(e);
       });
     }
-    function Xe(e, l) {
-      p(() => {
-        Ie(e, l);
+    function sl(e, l) {
+      h(() => {
+        ll(e, l);
       });
     }
-    function Ye(e, l) {
-      p(() => {
-        Ee(e, l);
+    function ul(e, l) {
+      h(() => {
+        Ke(e, l);
       });
     }
-    function Y(e, l) {
-      p(() => {
-        Fe(e, l);
+    function ae(e, l) {
+      h(() => {
+        We(e, l);
       });
     }
-    function Ze(e) {
-      p(() => {
-        Pe(e);
+    function cl(e) {
+      h(() => {
+        ze(e);
       });
     }
-    function el() {
-      p(() => {
-        Le();
+    function dl() {
+      h(() => {
+        Ie();
       });
     }
-    function ll(e) {
-      b("focus", e);
+    function pl(e) {
+      S("focus", e);
     }
-    return N(
+    return b(
       () => t.params,
       () => {
         v();
       },
       { deep: !0 }
-    ), N(
-      de,
+    ), b(
+      Ae,
       (e) => {
         var l;
-        O.value !== void 0 || !e.length || (O.value = (l = e[0]) == null ? void 0 : l.value);
+        E.value !== void 0 || !e.length || (E.value = (l = e[0]) == null ? void 0 : l.value);
       },
       { immediate: !0 }
-    ), ol(() => {
+    ), ml(() => {
       t.immediate && v();
-    }), re({
+    }), de({
       /** 重新加载数据源*/
       reload: v,
       /** 获取当前归一化后的树形选项数据 */
-      getOptions: () => s(ce),
+      getOptions: () => s(ye),
       /** 获取当前v-model值 */
       getValue: () => s(r)
-    }), (e, l) => (A(), le("div", {
+    }), (e, l) => (w(), R("div", {
       ref_key: "selectWrapRef",
-      ref: g,
-      class: te(s(f))
+      ref: A,
+      class: x(s(d))
     }, [
-      ae(s(ue), nl({
+      re(s(he), vl({
         ref_key: "selectRef",
-        ref: I,
-        modelValue: H.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => H.value = a)
-      }, s(ve), {
+        ref: q,
+        modelValue: Z.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => Z.value = a)
+      }, s(Me), {
         multiple: c.multiple,
         filterable: !1,
-        placeholder: fe.value,
+        placeholder: ke.value,
         persistent: !1,
         "fallback-placements": ["bottom-start", "bottom-end", "bottom", "top-start", "top-end", "top", "right", "left"],
         disabled: c.disabled,
-        "popper-class": `${s(f)}__popper vxe-table--ignore-clear`,
-        onVisibleChange: ze,
-        onChange: je,
-        onFocus: ll
+        "popper-class": `${s(d)}__popper vxe-table--ignore-clear`,
+        onVisibleChange: tl,
+        onChange: al,
+        onFocus: pl
       }), {
-        empty: rl(() => [
-          il((A(), le("div", {
+        label: ie(({ label: a, value: o }) => [
+          ue("span", {
+            class: x(`${s(d)}__trigger-label`)
+          }, [
+            ue("span", null, yl(a), 1),
+            xe(o) ? (w(), R("span", {
+              key: 0,
+              class: x(`${s(d)}__deleted-mark`)
+            }, "删", 2)) : B("", !0)
+          ], 2)
+        ]),
+        empty: ie(() => [
+          gl((w(), R("div", {
             "element-loading-text": "加载中",
-            class: te(`${s(f)}__panel`),
-            style: sl({
-              "--columns": ke.value,
-              "--panel-min-width": Ae.value,
-              "--panel-width": E.value ? `${E.value}px` : "100%"
+            class: x(`${s(d)}__panel`),
+            style: wl({
+              "--columns": $e.value,
+              "--panel-min-width": Ne.value,
+              "--panel-width": $.value ? `${$.value}px` : "100%"
             })
           }, [
-            t.showNav ? (A(), oe(wl, {
+            t.showNav ? (w(), se(Ll, {
               key: 0,
-              "prefix-cls": s(f),
+              "prefix-cls": s(d),
               keyword: y.value,
-              "tree-data": j.value,
-              "expanded-keys": we.value,
+              "tree-data": X.value,
+              "expanded-keys": Ve.value,
               "left-placeholder": c.leftPlaceholder,
-              "onUpdate:keyword": Ke,
-              onSelect: De
-            }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : ne("", !0),
-            ae(yl, {
+              "onUpdate:keyword": Ze,
+              onSelect: Ye
+            }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : B("", !0),
+            re(Rl, {
               ref_key: "middleRef",
-              ref: $,
+              ref: P,
               "allow-create": t.allowCreate,
-              "prefix-cls": s(f),
+              "prefix-cls": s(d),
               multiple: c.multiple,
-              keyword: d.value,
-              rows: be.value,
-              disabled: D.value,
+              keyword: p.value,
+              rows: Le.value,
+              disabled: z.value,
               "show-all": t.showAll,
-              "option-per-row": h,
+              "option-per-row": m,
               "row-height": 40,
-              "selected-value-set": s(q),
-              "is-all-checked": s(Se),
-              "is-indeterminate": s(Ve),
-              "all-checked": Ge.value,
-              "scroll-to-group-value": M.value,
-              "group-checked-map": Be.value,
-              "group-indeterminate-map": Te.value,
+              "selected-value-set": s(Y),
+              "is-all-checked": s(Be),
+              "is-indeterminate": s(_e),
+              "all-checked": qe.value,
+              "scroll-to-group-value": F.value,
+              "group-checked-map": He.value,
+              "group-indeterminate-map": Je.value,
               "paste-search": c.pasteSearch,
               separator: c.separator,
               "middle-placeholder": c.middlePlaceholder,
               "show-multiple": c.showMultiple,
-              "onUpdate:keyword": Ue,
-              onAllCheck: Je,
-              onCheckAll: Qe,
-              onGroupCheck: Xe,
-              onOptionCheck: Ye,
-              onOptionsCheck: Y,
-              onSelectCreatedOptions: Ce
+              "onUpdate:keyword": el,
+              onAllCheck: rl,
+              onCheckAll: il,
+              onGroupCheck: sl,
+              onOptionCheck: ul,
+              onOptionsCheck: ae,
+              onSelectCreatedOptions: Pe
             }, null, 8, ["allow-create", "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", "show-multiple"]),
-            t.multiple ? (A(), oe(gl, {
+            t.multiple ? (w(), se(Bl, {
               key: 1,
-              "prefix-cls": s(f),
+              "prefix-cls": s(d),
               multiple: c.multiple,
-              disabled: D.value,
-              "selected-options": s(xe),
-              onClearAll: el,
-              onRemove: Ze
-            }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : ne("", !0)
+              disabled: z.value,
+              "selected-options": s(Re),
+              onClearAll: dl,
+              onRemove: cl
+            }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : B("", !0)
           ], 6)), [
-            [s(se), s(B)]
+            [s(fe), s(D)]
           ])
         ]),
         _: 1
@@ -466,5 +547,5 @@ const h = 4, Ql = /* @__PURE__ */ tl({
   }
 });
 export {
-  Ql as default
+  ht as default
 };