@rhino-design/vue 0.2.7 → 0.2.9

package/dist/components/XTreeSelect.vue2.js

@@ -1,36 +1,36 @@
-import { defineComponent as Bl, ref as D, computed as n, watch as Ml, openBlock as i, createBlock as le, mergeProps as ve, withCtx as E, createElementVNode as F, normalizeClass as q, createElementBlock as c, renderSlot as b, createCommentVNode as $, createVNode as te, unref as w, toDisplayString as O, resolveDynamicComponent as xl, createSlots as Tl, Fragment as pe, renderList as Kl, createTextVNode as Oe, withModifiers as Re, nextTick as Le } from "vue";
+import { defineComponent as Tl, ref as L, computed as r, watch as Nl, openBlock as i, createBlock as le, mergeProps as ve, withCtx as E, createElementVNode as F, normalizeClass as q, createElementBlock as c, renderSlot as b, createCommentVNode as $, createVNode as te, unref as B, toDisplayString as R, resolveDynamicComponent as El, createSlots as Fl, Fragment as he, renderList as $l, createTextVNode as Le, withModifiers as Re, nextTick as je } from "vue";
 import G from "./XIcon.js";
-import Nl from "./XScrollbar.vue.js";
-import El from "./XTrigger.vue.js";
-import Fl from "./XTree.vue.js";
-import { useXConfig as $l, sizeClass as Il } from "../composables/config.js";
-import { useXFormField as Pl } from "../composables/form.js";
-import { useXI18n as zl } from "../composables/i18n.js";
-const Al = ["tabindex"], Dl = {
+import Pl from "./XScrollbar.vue.js";
+import Il from "./XTrigger.vue.js";
+import zl from "./XTree.vue.js";
+import { useXConfig as Al, sizeClass as Dl } from "../composables/config.js";
+import { useXFormField as Ol } from "../composables/form.js";
+import { useXI18n as Ll } from "../composables/i18n.js";
+const Rl = ["tabindex"], jl = {
   key: 0,
   class: "x-tree-select__prefix"
-}, Ol = { class: "x-tree-select__value" }, Rl = {
+}, Xl = { class: "x-tree-select__value" }, Hl = {
   key: 0,
   class: "x-tree-select__tags"
-}, Ll = { class: "x-tree-select__tag-label" }, jl = ["onClick"], Xl = {
+}, ql = { class: "x-tree-select__tag-label" }, Gl = ["onClick"], Ul = {
   key: 0,
   class: "x-tree-select__tag x-tree-select__tag--rest"
-}, Hl = ["value", "placeholder", "disabled", "id"], ql = {
+}, Jl = ["value", "placeholder", "disabled", "id"], Ql = {
   key: 2,
   class: "x-tree-select__display is-placeholder"
-}, Gl = ["value", "placeholder", "disabled", "id"], Ul = {
+}, Wl = ["value", "placeholder", "disabled", "id"], Yl = {
   key: 1,
   class: "x-tree-select__display"
-}, Jl = {
+}, Zl = {
   key: 2,
   class: "x-tree-select__display is-placeholder"
-}, Ql = { class: "x-tree-select__suffix" }, Wl = {
+}, et = { class: "x-tree-select__suffix" }, lt = {
   key: 0,
   class: "x-tree-select__header"
-}, Yl = { class: "x-tree-select__loading" }, Zl = { class: "x-tree-select__state" }, et = {
+}, tt = { class: "x-tree-select__loading" }, at = { class: "x-tree-select__state" }, ot = {
   key: 4,
   class: "x-tree-select__footer"
-}, it = /* @__PURE__ */ Bl({
+}, pt = /* @__PURE__ */ Tl({
   __name: "XTreeSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -79,64 +79,65 @@ const Al = ["tabindex"], Dl = {
     clearable: { type: Boolean, default: void 0 }
   },
   emits: ["update:modelValue", "change", "update:popupVisible", "popup-visible-change", "popupVisibleChange", "update:open", "update:inputValue", "update:searchValue", "inputValueChange", "input-value-change", "search", "clear"],
-  setup(C, { expose: je, emit: Xe }) {
-    const t = C, h = Xe, He = $l(), s = Pl(), { t: he } = zl(), I = D(null), ae = D(!1), R = n(() => {
+  setup(S, { expose: Xe, emit: He }) {
+    const t = S, g = He, qe = Al(), u = Ol(), { t: ye } = Ll(), P = L(null), ae = L(!1), I = r(() => {
       var e;
       return ((e = t.fieldNames) == null ? void 0 : e.key) || "key";
-    }), ye = n(() => {
+    }), ge = r(() => {
       var e;
       return ((e = t.fieldNames) == null ? void 0 : e.title) || "title";
-    }), U = n(() => {
+    }), U = r(() => {
       var e;
       return ((e = t.fieldNames) == null ? void 0 : e.children) || "children";
-    }), ge = n(() => t.size ?? He.size.value), f = n(() => !!(t.disabled || s != null && s.disabled.value)), J = n(() => t.placeholder === "请选择" ? he("treeSelect.placeholder", void 0, "请选择") : t.placeholder), v = n(() => t.treeCheckable ?? t.checkable ?? !1), L = n(() => t.treeCheckStrictly ?? t.checkStrictly ?? !1), be = n(() => t.treeCheckedStrategy ?? t.checkedStrategy ?? "all"), p = n(() => !!(t.multiple || v.value)), S = n(() => t.filterable !== void 0 ? t.filterable : t.allowSearch !== void 0 ? t.allowSearch !== !1 : !!t.multiple), Q = n(() => typeof t.allowSearch == "object" && !!t.allowSearch.retainInputValue), qe = n(() => t.allowClear ?? t.clearable ?? !1), Ge = n(() => t.popupVisible !== void 0 || t.open !== void 0), Ue = n(() => t.inputValue !== void 0 || t.searchValue !== void 0), ke = n(() => t.modelValue !== void 0), me = D(!!(t.defaultPopupVisible ?? t.defaultOpen)), Ce = D(t.defaultInputValue ?? t.defaultSearchValue ?? ""), Se = D(
-      t.defaultValue ?? (p.value ? [] : void 0)
-    ), y = n(() => t.popupVisible !== void 0 ? !!t.popupVisible : t.open !== void 0 ? !!t.open : me.value), _ = n(() => t.inputValue !== void 0 ? String(t.inputValue ?? "") : t.searchValue !== void 0 ? String(t.searchValue ?? "") : Ce.value), _e = n(() => ke.value ? t.modelValue : Se.value);
-    function B(e) {
+    }), be = r(() => t.size ?? qe.size.value), f = r(() => !!(t.disabled || u != null && u.disabled.value)), J = r(() => t.placeholder === "请选择" ? ye("treeSelect.placeholder", void 0, "请选择") : t.placeholder), p = r(() => t.treeCheckable ?? t.checkable ?? !1), j = r(() => t.treeCheckStrictly ?? t.checkStrictly ?? !1), ke = r(() => t.treeCheckedStrategy ?? t.checkedStrategy ?? "all"), v = r(() => !!(t.multiple || p.value)), _ = r(() => t.filterable !== void 0 ? t.filterable : t.allowSearch !== void 0 ? t.allowSearch !== !1 : !!t.multiple), Q = r(() => typeof t.allowSearch == "object" && !!t.allowSearch.retainInputValue), Ge = r(() => t.allowClear ?? t.clearable ?? !1), Ue = r(() => t.popupVisible !== void 0 || t.open !== void 0), Je = r(() => t.inputValue !== void 0 || t.searchValue !== void 0), me = r(() => t.modelValue !== void 0), Ce = L(!!(t.defaultPopupVisible ?? t.defaultOpen)), Se = L(t.defaultInputValue ?? t.defaultSearchValue ?? ""), _e = L(
+      t.defaultValue ?? (v.value ? [] : void 0)
+    ), h = r(() => t.popupVisible !== void 0 ? !!t.popupVisible : t.open !== void 0 ? !!t.open : Ce.value), w = r(() => t.inputValue !== void 0 ? String(t.inputValue ?? "") : t.searchValue !== void 0 ? String(t.searchValue ?? "") : Se.value), we = r(() => me.value ? t.modelValue : _e.value);
+    function M(e) {
       return e != null && e !== "";
     }
-    function Je(e) {
+    function Qe(e) {
       return typeof e == "object" && e !== null && "value" in e;
     }
-    function Qe(e) {
+    function We(e) {
       return e == null ? [] : Array.isArray(e) ? e : [e];
     }
-    const u = n(() => {
-      const e = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Set(), Y = [];
-      let K = 0;
-      const Pe = (H, z, N) => {
-        const V = t.selectable;
-        let g = !0;
-        return V === "leaf" ? g = N : typeof V == "function" ? g = !!V(H, { isLeaf: N, level: z }) : g = V !== !1, H.selectable === !1 && (g = !1), g;
-      }, de = (H, z, N, V) => H.map((g) => {
-        const A = { ...g }, Z = g, ee = Array.isArray(Z[U.value]) ? Z[U.value] : [], m = Z[R.value], fe = B(m), Sl = !!(g.isLeaf ?? ee.length === 0), ze = Pe(g, z, Sl), Ae = g.checkable !== !1 && ze && !g.disabled;
-        A.selectable = ze, v.value && (A.checkable = Ae);
-        const _l = fe ? [...V, m] : [...V], wl = fe ? m : N, De = ee.length ? de(ee, z + 1, wl, _l) : [];
-        return (ee.length > 0 || U.value in Z) && (A[U.value] = De), fe && (e.set(m, A), l.set(m, N), a.set(
-          m,
-          De.map((Vl) => Vl[R.value]).filter(B)
-        ), r.set(m, z), o.set(m, K), K += 1, Ae && d.add(m), Y.push({
-          key: m,
-          node: A,
-          parentKeys: [...V]
-        })), A;
+    const s = r(() => {
+      const e = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Set(), T = [];
+      let de = 0;
+      const ze = (H, D, N) => {
+        const m = t.selectable;
+        let y = !0;
+        return m === "leaf" ? y = N : typeof m == "function" ? y = !!m(H, { isLeaf: N, level: D }) : y = m !== !1, H.selectable === !1 && (y = !1), y;
+      }, fe = (H, D, N, m) => H.map((y) => {
+        const O = { ...y }, Z = y, ee = Array.isArray(Z[U.value]) ? Z[U.value] : [], C = Z[I.value], pe = M(C), Bl = !!(y.isLeaf ?? ee.length === 0), Ae = ze(y, D, Bl), De = y.checkable !== !1 && Ae && !y.disabled;
+        O.selectable = Ae, p.value && (O.checkable = De);
+        const Ml = pe ? [...m, C] : [...m], xl = pe ? C : N, Oe = ee.length ? fe(ee, D + 1, xl, Ml) : [];
+        return (ee.length > 0 || U.value in Z) && (O[U.value] = Oe), pe && (e.set(C, O), l.set(C, y), a.set(C, N), n.set(
+          C,
+          Oe.map((Kl) => Kl[I.value]).filter(M)
+        ), o.set(C, D), d.set(C, de), de += 1, De && Y.add(C), T.push({
+          key: C,
+          node: O,
+          parentKeys: [...m]
+        })), O;
       });
       return {
-        clonedData: de(t.data ?? [], 0, void 0, []),
+        clonedData: fe(t.data ?? [], 0, void 0, []),
         keyMap: e,
-        parentMap: l,
-        childrenMap: a,
-        levelMap: r,
-        orderMap: o,
-        checkableSet: d,
-        flatNodes: Y
+        originNodeMap: l,
+        parentMap: a,
+        childrenMap: n,
+        levelMap: o,
+        orderMap: d,
+        checkableSet: Y,
+        flatNodes: T
       };
     });
     function oe(e) {
-      const l = e[ye.value];
+      const l = e[ge.value];
       return l == null || l === "" ? "" : typeof l == "number" ? l : String(l);
     }
-    function we(e) {
+    function Ve(e) {
       if (t.fallbackOption === !1) return null;
       if (typeof t.fallbackOption == "function") {
         const l = t.fallbackOption(e);
@@ -145,53 +146,53 @@ const Al = ["tabindex"], Dl = {
           return l;
       }
       return {
-        [R.value]: e,
-        [ye.value]: String(e)
+        [I.value]: e,
+        [ge.value]: String(e)
       };
     }
     function re(e, l) {
       if (l != null && l !== "")
         return l;
-      const a = u.value.keyMap.get(e);
+      const a = s.value.keyMap.get(e);
       if (a) {
         const o = oe(a);
         return o === "" ? String(e) : o;
       }
-      const r = we(e);
-      if (r) {
-        const o = oe(r);
+      const n = Ve(e);
+      if (n) {
+        const o = oe(n);
         return o === "" ? String(e) : o;
       }
       return String(e);
     }
-    const ne = n(() => {
-      const e = Qe(_e.value).map((l) => Je(l) ? { key: l.value, label: l.label } : { key: l }).filter((l) => B(l.key));
-      return p.value ? e : e.slice(0, 1);
-    }), ue = n(() => ne.value.map((e) => e.key)), We = n(() => {
+    const ne = r(() => {
+      const e = We(we.value).map((l) => Qe(l) ? { key: l.value, label: l.label } : { key: l }).filter((l) => M(l.key));
+      return v.value ? e : e.slice(0, 1);
+    }), se = r(() => ne.value.map((e) => e.key)), Ye = r(() => {
       const e = /* @__PURE__ */ new Map();
       return ne.value.forEach((l) => {
         l.label !== void 0 && l.label !== null && l.label !== "" && e.set(l.key, l.label);
       }), e;
     });
-    function Ye(e) {
-      return e.disabled ? !1 : v.value ? e.checkable !== !1 : e.selectable !== !1;
+    function Ze(e) {
+      return e.disabled ? !1 : p.value ? e.checkable !== !1 : e.selectable !== !1;
     }
-    const k = n(() => {
+    const k = r(() => {
       const e = [], l = /* @__PURE__ */ new Set();
       return ne.value.forEach((a) => {
         if (l.has(a.key)) return;
         l.add(a.key);
-        const r = u.value.keyMap.get(a.key);
-        if (r) {
+        const n = s.value.keyMap.get(a.key);
+        if (n) {
           e.push({
             key: a.key,
             label: re(a.key, a.label),
-            closable: !f.value && Ye(r),
-            data: r
+            closable: !f.value && Ze(n),
+            data: n
           });
           return;
         }
-        const o = we(a.key);
+        const o = Ve(a.key);
         o && e.push({
           key: a.key,
           label: re(a.key, a.label),
@@ -199,353 +200,375 @@ const Al = ["tabindex"], Dl = {
           data: o
         });
       }), e;
-    }), Ze = n(() => k.value.length > 0), j = n(() => p.value ? !t.maxTagCount || t.maxTagCount <= 0 ? k.value : k.value.slice(0, t.maxTagCount) : []), Ve = n(() => !p.value || !t.maxTagCount || t.maxTagCount <= 0 ? 0 : Math.max(k.value.length - j.value.length, 0)), el = n(() => {
+    }), el = r(() => k.value.length > 0), X = r(() => v.value ? !t.maxTagCount || t.maxTagCount <= 0 ? k.value : k.value.slice(0, t.maxTagCount) : []), Be = r(() => !v.value || !t.maxTagCount || t.maxTagCount <= 0 ? 0 : Math.max(k.value.length - X.value.length, 0)), ll = r(() => {
       var e;
       return ((e = k.value[0]) == null ? void 0 : e.label) ?? "";
-    }), ll = n(() => y.value ? _.value : _.value || String(el.value || "")), tl = n(() => qe.value && !f.value && !t.loading && Ze.value && ae.value);
-    function M(e) {
-      return Array.from(new Set(e.filter(B))).sort((a, r) => {
-        const o = u.value.orderMap.get(a) ?? Number.MAX_SAFE_INTEGER, d = u.value.orderMap.get(r) ?? Number.MAX_SAFE_INTEGER;
+    }), tl = r(() => h.value ? w.value : w.value || String(ll.value || "")), al = r(() => Ge.value && !f.value && !t.loading && el.value && ae.value);
+    function V(e) {
+      return Array.from(new Set(e.filter(M))).sort((a, n) => {
+        const o = s.value.orderMap.get(a) ?? Number.MAX_SAFE_INTEGER, d = s.value.orderMap.get(n) ?? Number.MAX_SAFE_INTEGER;
         return o - d;
       });
     }
-    function Be() {
-      return Array.from(u.value.orderMap.keys()).sort((e, l) => {
-        const a = u.value.levelMap.get(e) ?? 0, r = u.value.levelMap.get(l) ?? 0;
-        return a === r ? (u.value.orderMap.get(l) ?? 0) - (u.value.orderMap.get(e) ?? 0) : r - a;
+    function Me() {
+      return Array.from(s.value.orderMap.keys()).sort((e, l) => {
+        const a = s.value.levelMap.get(e) ?? 0, n = s.value.levelMap.get(l) ?? 0;
+        return a === n ? (s.value.orderMap.get(l) ?? 0) - (s.value.orderMap.get(e) ?? 0) : n - a;
       });
     }
-    function al(e, l = !1) {
-      const a = [], r = (o) => {
-        (l || o !== e) && a.push(o), (u.value.childrenMap.get(o) ?? []).forEach((d) => {
-          r(d);
+    function ol(e, l = !1) {
+      const a = [], n = (o) => {
+        (l || o !== e) && a.push(o), (s.value.childrenMap.get(o) ?? []).forEach((d) => {
+          n(d);
         });
       };
-      return r(e), a;
+      return n(e), a;
     }
-    function Me(e) {
+    function xe(e) {
       const l = /* @__PURE__ */ new Set();
-      if (L.value)
+      if (j.value)
         return e.forEach((o) => {
-          u.value.checkableSet.has(o) && l.add(o);
-        }), M(Array.from(l));
+          s.value.checkableSet.has(o) && l.add(o);
+        }), V(Array.from(l));
       const a = (o) => {
-        u.value.checkableSet.has(o) && (l.add(o), (u.value.childrenMap.get(o) ?? []).forEach((d) => {
+        s.value.checkableSet.has(o) && (l.add(o), (s.value.childrenMap.get(o) ?? []).forEach((d) => {
           a(d);
         }));
       };
       return e.forEach((o) => {
         a(o);
-      }), Be().forEach((o) => {
-        if (!u.value.checkableSet.has(o)) return;
-        const d = (u.value.childrenMap.get(o) ?? []).filter((K) => u.value.checkableSet.has(K));
+      }), Me().forEach((o) => {
+        if (!s.value.checkableSet.has(o)) return;
+        const d = (s.value.childrenMap.get(o) ?? []).filter((T) => s.value.checkableSet.has(T));
         if (!d.length) return;
-        d.every((K) => l.has(K)) ? l.add(o) : l.delete(o);
-      }), M(Array.from(l));
+        d.every((T) => l.has(T)) ? l.add(o) : l.delete(o);
+      }), V(Array.from(l));
     }
-    const x = D([]);
-    Ml(
-      () => [ue.value, v.value, L.value, u.value.orderMap.size],
+    const K = L([]);
+    Nl(
+      () => [se.value, p.value, j.value, s.value.orderMap.size],
       () => {
-        if (!v.value) {
-          x.value = [];
+        if (!p.value) {
+          K.value = [];
           return;
         }
-        x.value = Me(ue.value);
+        K.value = xe(se.value);
       },
       { immediate: !0, deep: !0 }
     );
-    function ol(e) {
-      const l = M(e);
-      if (!v.value || L.value) return l;
+    function rl(e) {
+      const l = V(e);
+      if (!p.value || j.value) return l;
       const a = new Set(l);
-      return be.value === "child" ? l.filter((r) => (u.value.childrenMap.get(r) ?? []).filter((d) => u.value.checkableSet.has(d)).length === 0) : be.value === "parent" ? l.filter((r) => {
-        let o = u.value.parentMap.get(r);
+      return ke.value === "child" ? l.filter((n) => (s.value.childrenMap.get(n) ?? []).filter((d) => s.value.checkableSet.has(d)).length === 0) : ke.value === "parent" ? l.filter((n) => {
+        let o = s.value.parentMap.get(n);
         for (; o !== void 0; ) {
           if (a.has(o))
             return !1;
-          o = u.value.parentMap.get(o);
+          o = s.value.parentMap.get(o);
         }
         return !0;
       }) : l;
     }
-    function rl(e) {
-      const l = M(e);
+    function nl(e) {
+      const l = V(e);
       if (t.labelInValue) {
-        const a = l.map((r) => ({
-          value: r,
-          label: re(r, We.value.get(r))
+        const a = l.map((n) => ({
+          value: n,
+          label: re(n, Ye.value.get(n))
         }));
-        return p.value ? a : a[0];
+        return v.value ? a : a[0];
       }
-      return p.value ? l : l[0];
+      return v.value ? l : l[0];
     }
-    function xe(e, l) {
-      const a = rl(e);
-      ke.value || (Se.value = a), h("update:modelValue", a), h("change", a), s == null || s.notifyChange(), v.value && l && (x.value = M(l));
+    function Ke(e, l) {
+      const a = nl(e);
+      me.value || (_e.value = a), g("update:modelValue", a), g("change", a), u == null || u.notifyChange(), p.value && l && (K.value = V(l));
     }
-    function se(e) {
-      const l = p.value ? M(e) : M(e).slice(0, 1);
-      xe(l), p.value || T(!1), !Q.value && _.value && P("", !1);
+    function ue(e) {
+      const l = v.value ? V(e) : V(e).slice(0, 1);
+      Ke(l), v.value || x(!1), !Q.value && w.value && A("", !1);
     }
     function W(e) {
-      const l = Me(e), a = ol(l);
-      xe(a, l), !Q.value && _.value && P("", !1);
-    }
-    const X = n(() => _.value.trim());
-    function nl(e, l) {
-      const a = l[R.value];
-      return B(a) ? String(a).toLowerCase().includes(e.toLowerCase()) : !1;
-    }
-    const Te = n(() => {
-      if (t.disableFilter || !X.value) return;
-      const e = /* @__PURE__ */ new Set(), l = t.filterTreeNode ?? nl;
-      return u.value.flatNodes.forEach((a) => {
-        l(X.value, a.node) && (e.add(a.key), a.parentKeys.forEach((r) => e.add(r)));
+      const l = xe(e), a = rl(l);
+      Ke(a, l), !Q.value && w.value && A("", !1);
+    }
+    const z = r(() => w.value.trim());
+    function sl(e, l) {
+      const a = l[I.value];
+      return M(a) ? String(a).toLowerCase().includes(e.toLowerCase()) : !1;
+    }
+    const Te = r(() => {
+      if (t.disableFilter || !z.value) return;
+      const e = /* @__PURE__ */ new Set(), l = t.filterTreeNode ?? sl;
+      return s.value.flatNodes.forEach((a) => {
+        l(z.value, a.node) && (e.add(a.key), a.parentKeys.forEach((n) => e.add(n)));
       }), e;
-    }), ul = n(() => {
-      if (!(t.disableFilter || !X.value))
+    }), ul = r(() => {
+      if (!(t.disableFilter || !z.value))
         return (e) => {
           var a;
-          const l = e[R.value];
-          return B(l) ? ((a = Te.value) == null ? void 0 : a.has(l)) ?? !1 : !1;
+          const l = e[I.value];
+          return M(l) ? ((a = Te.value) == null ? void 0 : a.has(l)) ?? !1 : !1;
         };
-    }), ie = n(() => {
+    }), ie = r(() => {
       var e;
-      return u.value.flatNodes.length ? t.disableFilter || !X.value ? !1 : (((e = Te.value) == null ? void 0 : e.size) ?? 0) === 0 : !0;
-    }), sl = n(() => {
+      return s.value.flatNodes.length ? t.disableFilter || !z.value ? !1 : (((e = Te.value) == null ? void 0 : e.size) ?? 0) === 0 : !0;
+    }), il = r(() => {
       var e;
       return t.scrollbar !== !1 && !((e = t.treeProps) != null && e.virtualListProps);
-    }), il = n(() => t.scrollbar && typeof t.scrollbar == "object" ? t.scrollbar : {}), cl = n(() => {
+    }), cl = r(() => t.scrollbar && typeof t.scrollbar == "object" ? t.scrollbar : {}), dl = r(() => {
       var e;
       return [
         "x-tree-select__panel",
         t.dropdownClassName,
         (e = t.triggerProps) == null ? void 0 : e.contentClass
       ];
-    }), dl = n(() => {
+    }), fl = r(() => {
       var l;
       const e = { ...t.dropdownStyle ?? {} };
       return (l = t.treeProps) != null && l.virtualListProps && (e.maxHeight = "unset"), e;
-    }), fl = n(() => {
+    }), pl = r(() => {
+      if (!z.value) return;
+      const e = Array.from(s.value.childrenMap.entries()).filter(([, l]) => l.length > 0).map(([l]) => l);
+      return V(e);
+    }), vl = r(() => {
+      var a;
+      const e = (a = t.treeProps) == null ? void 0 : a.expandedKeys, l = pl.value;
+      return l ? V([
+        ...e ?? [],
+        ...l
+      ]) : e;
+    });
+    async function hl(e) {
+      if (!t.loadMore) return;
+      const l = e[I.value], a = M(l) ? s.value.originNodeMap.get(l) ?? e : e;
+      await t.loadMore(a);
+    }
+    const yl = r(() => {
+      var m;
       const {
         data: e,
         fieldNames: l,
         size: a,
-        loadMore: r,
+        loadMore: n,
         filterTreeNode: o,
         searchValue: d,
         checkable: Y,
-        selectable: K,
-        multiple: Pe,
-        checkedKeys: de,
-        selectedKeys: Cl,
+        selectable: T,
+        multiple: de,
+        checkedKeys: ze,
+        selectedKeys: fe,
+        expandedKeys: Vl,
         checkedStrategy: H,
-        checkStrictly: z,
+        checkStrictly: D,
         ...N
       } = t.treeProps ?? {};
       return {
+        actionOnNodeClick: t.selectable === "leaf" ? "expand" : void 0,
         ...N,
-        data: u.value.clonedData,
+        data: s.value.clonedData,
         fieldNames: t.fieldNames,
-        size: ge.value,
-        loadMore: t.loadMore,
+        size: be.value,
+        loadMore: t.loadMore ? hl : void 0,
         filterTreeNode: ul.value,
-        searchValue: X.value,
-        multiple: p.value,
-        checkable: v.value,
+        searchValue: z.value,
+        multiple: v.value,
+        blockNode: ((m = t.treeProps) == null ? void 0 : m.blockNode) ?? !0,
+        checkable: p.value,
         selectable: !0,
         checkedStrategy: "all",
-        checkStrictly: L.value,
-        checkedKeys: v.value ? x.value : void 0,
-        selectedKeys: v.value ? [] : ue.value
+        checkStrictly: j.value,
+        expandedKeys: vl.value,
+        checkedKeys: p.value ? K.value : void 0,
+        selectedKeys: p.value ? [] : se.value
       };
     });
-    function P(e, l = !1) {
-      Ue.value || (Ce.value = e), h("update:inputValue", e), h("update:searchValue", e), h("inputValueChange", e), h("input-value-change", e), l && h("search", e);
+    function A(e, l = !1) {
+      Je.value || (Se.value = e), g("update:inputValue", e), g("update:searchValue", e), g("inputValueChange", e), g("input-value-change", e), l && g("search", e);
     }
-    function T(e) {
-      if (!(f.value && e) && e !== y.value) {
-        if (Ge.value || (me.value = e), h("update:popupVisible", e), h("update:open", e), h("popup-visible-change", e), h("popupVisibleChange", e), e) {
-          S.value && Le(() => {
+    function x(e) {
+      if (!(f.value && e) && e !== h.value) {
+        if (Ue.value || (Ce.value = e), g("update:popupVisible", e), g("update:open", e), g("popup-visible-change", e), g("popupVisibleChange", e), e) {
+          _.value && je(() => {
             var l;
-            (l = I.value) == null || l.focus();
+            (l = P.value) == null || l.focus();
           });
           return;
         }
-        !Q.value && _.value && P("", !1);
+        !Q.value && w.value && A("", !1);
       }
     }
-    function Ke() {
+    function Ne() {
       if (!f.value) {
-        if (S.value) {
-          T(!0), Le(() => {
+        if (_.value) {
+          x(!0), je(() => {
             var e;
-            (e = I.value) == null || e.focus();
+            (e = P.value) == null || e.focus();
           });
           return;
         }
-        T(!y.value);
+        x(!h.value);
       }
     }
-    function vl(e) {
-      e !== y.value && T(e);
-    }
-    function Ne(e) {
-      const l = e.target.value;
-      P(l, !0), s == null || s.notifyInput(e), y.value || T(!0);
+    function gl(e) {
+      e !== h.value && x(e);
     }
     function Ee(e) {
-      s == null || s.notifyBlur(e), !Q.value && _.value && P("", !1);
+      const l = e.target.value;
+      A(l, !0), u == null || u.notifyInput(e), h.value || x(!0);
     }
     function Fe(e) {
-      s == null || s.notifyFocus(e);
+      u == null || u.notifyBlur(e), !Q.value && w.value && A("", !1);
+    }
+    function $e(e) {
+      u == null || u.notifyFocus(e), h.value || x(!0);
     }
-    function pl(e) {
-      S.value || s == null || s.notifyFocus(e);
+    function bl(e) {
+      _.value || u == null || u.notifyFocus(e);
     }
-    function hl(e) {
-      S.value || s == null || s.notifyBlur(e);
+    function kl(e) {
+      _.value || u == null || u.notifyBlur(e);
     }
-    function yl(e) {
-      Be().forEach((l) => {
-        if (!u.value.checkableSet.has(l)) return;
-        const a = (u.value.childrenMap.get(l) ?? []).filter((o) => u.value.checkableSet.has(o));
+    function ml(e) {
+      Me().forEach((l) => {
+        if (!s.value.checkableSet.has(l)) return;
+        const a = (s.value.childrenMap.get(l) ?? []).filter((o) => s.value.checkableSet.has(o));
         if (!a.length) return;
         a.every((o) => e.has(o)) ? e.add(l) : e.delete(l);
       });
     }
-    function $e(e) {
-      const l = new Set(x.value);
-      L.value ? l.delete(e) : ([e, ...al(e)].forEach((a) => {
+    function Pe(e) {
+      const l = new Set(K.value);
+      j.value ? l.delete(e) : ([e, ...ol(e)].forEach((a) => {
         l.delete(a);
-      }), yl(l)), W(Array.from(l));
+      }), ml(l)), W(Array.from(l));
     }
-    function gl(e) {
-      if (v.value) {
+    function Cl(e) {
+      if (p.value) {
         const l = e[e.length - 1];
-        if (!B(l) || !u.value.checkableSet.has(l)) return;
-        if (x.value.includes(l)) {
-          $e(l);
+        if (!M(l) || !s.value.checkableSet.has(l)) return;
+        if (K.value.includes(l)) {
+          Pe(l);
           return;
         }
-        W([...x.value, l]);
+        W([...K.value, l]);
         return;
       }
-      se(e);
+      ue(e);
     }
-    function bl(e) {
-      v.value && W(e);
+    function Sl(e) {
+      p.value && W(e);
     }
-    function kl(e) {
-      e.stopPropagation(), v.value ? W([]) : se([]), P("", !1), h("clear");
+    function _l(e) {
+      e.stopPropagation(), p.value ? W([]) : ue([]), A("", !1), g("clear");
     }
     function Ie(e, l) {
       if (l.stopPropagation(), f.value || !e.closable) return;
-      if (v.value) {
-        $e(e.key);
+      if (p.value) {
+        Pe(e.key);
         return;
       }
-      const a = k.value.filter((r) => r.key !== e.key).map((r) => r.key);
-      se(a);
+      const a = k.value.filter((n) => n.key !== e.key).map((n) => n.key);
+      ue(a);
     }
     function ce(e) {
       if (!f.value) {
-        if (e.key === "Escape" && y.value) {
-          e.preventDefault(), T(!1);
+        if (e.key === "Escape" && h.value) {
+          e.preventDefault(), x(!1);
           return;
         }
         if (e.key === "ArrowDown" || e.key === "Enter") {
-          y.value || (e.preventDefault(), T(!0));
+          h.value || (e.preventDefault(), x(!0));
           return;
         }
-        if (e.key === "Backspace" && p.value && S.value && _.value.length === 0 && k.value.length > 0) {
+        if (e.key === "Backspace" && v.value && _.value && w.value.length === 0 && k.value.length > 0) {
           const l = [...k.value].reverse().find((a) => a.closable);
           if (!l) return;
           e.preventDefault(), Ie(l, e);
         }
       }
     }
-    function ml(e) {
+    function wl(e) {
       return oe(e);
     }
-    return je({
+    return Xe({
       focus: () => {
         var e;
-        return (e = I.value) == null ? void 0 : e.focus();
+        return (e = P.value) == null ? void 0 : e.focus();
       },
       blur: () => {
         var e;
-        return (e = I.value) == null ? void 0 : e.blur();
+        return (e = P.value) == null ? void 0 : e.blur();
       }
-    }), (e, l) => (i(), le(El, ve(C.triggerProps, {
+    }), (e, l) => (i(), le(Il, ve(S.triggerProps, {
       class: "x-tree-select__trigger-wrapper",
-      "popup-visible": y.value,
-      "popup-container": C.popupContainer,
+      "popup-visible": h.value,
+      "popup-container": S.popupContainer,
       disabled: f.value,
       trigger: [],
       position: "bottom-start",
-      "click-to-close": !S.value,
+      "click-to-close": !_.value,
       "unmount-on-close": !1,
       "auto-fit-popup-min-width": !0,
-      "content-class": cl.value,
-      "content-style": dl.value,
-      "onUpdate:popupVisible": vl
+      "content-class": dl.value,
+      "content-style": fl.value,
+      "onUpdate:popupVisible": gl
     }), {
       default: E(() => {
-        var a, r;
+        var a, n;
         return [
           e.$slots.trigger ? (i(), c("div", {
             key: 0,
             class: q(["x-tree-select__custom-trigger", { "is-disabled": f.value }]),
-            onClick: Ke
+            onClick: Ne
           }, [
             b(e.$slots, "trigger", {
-              value: _e.value,
-              open: y.value
+              value: we.value,
+              open: h.value
             }, void 0, !0)
           ], 2)) : (i(), c("div", {
             key: 1,
             class: q(["x-tree-select", [
-              w(Il)(ge.value),
+              B(Dl)(be.value),
               {
-                "is-open": y.value,
+                "is-open": h.value,
                 "is-disabled": f.value,
-                "is-error": C.error,
-                "is-multiple": p.value,
-                "is-borderless": !C.border
+                "is-error": S.error,
+                "is-multiple": v.value,
+                "is-borderless": !S.border
               }
             ]]),
-            tabindex: f.value || S.value ? -1 : 0,
+            tabindex: f.value || _.value ? -1 : 0,
             onMouseenter: l[2] || (l[2] = (o) => ae.value = !0),
             onMouseleave: l[3] || (l[3] = (o) => ae.value = !1),
-            onFocus: pl,
-            onBlur: hl,
+            onFocus: bl,
+            onBlur: kl,
             onKeydown: ce
           }, [
             F("div", {
               class: q(["x-tree-select__control x-tree-select__trigger", {
-                "x-tree-select__trigger--focused": y.value,
+                "x-tree-select__trigger--focused": h.value,
                 "x-tree-select__trigger--disabled": f.value,
-                "x-tree-select__trigger--multiple": p.value
+                "x-tree-select__trigger--multiple": v.value
               }]),
-              onClick: Ke
+              onClick: Ne
             }, [
-              e.$slots.prefix ? (i(), c("span", Dl, [
+              e.$slots.prefix ? (i(), c("span", jl, [
                 b(e.$slots, "prefix", {}, void 0, !0)
               ])) : $("", !0),
-              F("div", Ol, [
-                p.value ? (i(), c("div", Rl, [
-                  j.value.length ? (i(), c(pe, { key: 0 }, [
-                    (i(!0), c(pe, null, Kl(j.value, (o) => (i(), c("span", {
+              F("div", Xl, [
+                v.value ? (i(), c("div", Hl, [
+                  X.value.length ? (i(), c(he, { key: 0 }, [
+                    (i(!0), c(he, null, $l(X.value, (o) => (i(), c("span", {
                       key: o.key,
                       class: "x-tree-select__tag"
                     }, [
-                      F("span", Ll, [
+                      F("span", ql, [
                         b(e.$slots, "label", {
                           data: o.data
                         }, () => [
-                          Oe(O(o.label), 1)
+                          Le(R(o.label), 1)
                         ], !0)
                       ]),
                       o.closable ? (i(), c("button", {
@@ -554,76 +577,76 @@ const Al = ["tabindex"], Dl = {
                         class: "x-tree-select__tag-remove",
                         onClick: (d) => Ie(o, d)
                       }, [
-                        te(w(G), {
+                        te(B(G), {
                           name: "guanbi",
                           size: 10
                         })
-                      ], 8, jl)) : $("", !0)
+                      ], 8, Gl)) : $("", !0)
                     ]))), 128)),
-                    Ve.value > 0 ? (i(), c("span", Xl, " +" + O(Ve.value), 1)) : $("", !0)
+                    Be.value > 0 ? (i(), c("span", Ul, " +" + R(Be.value), 1)) : $("", !0)
                   ], 64)) : $("", !0),
-                  S.value ? (i(), c("input", {
+                  _.value ? (i(), c("input", {
                     key: 1,
                     ref_key: "inputRef",
-                    ref: I,
+                    ref: P,
                     class: "x-tree-select__search x-tree-select__input",
-                    value: _.value,
-                    placeholder: j.value.length ? "" : J.value,
+                    value: w.value,
+                    placeholder: X.value.length ? "" : J.value,
                     disabled: f.value,
-                    id: (a = w(s)) == null ? void 0 : a.id,
-                    onInput: Ne,
-                    onFocus: Fe,
-                    onBlur: Ee,
+                    id: (a = B(u)) == null ? void 0 : a.id,
+                    onInput: Ee,
+                    onFocus: $e,
+                    onBlur: Fe,
                     onKeydown: ce,
                     onClick: l[0] || (l[0] = Re(() => {
                     }, ["stop"]))
-                  }, null, 40, Hl)) : j.value.length ? $("", !0) : (i(), c("span", ql, O(J.value), 1))
-                ])) : (i(), c(pe, { key: 1 }, [
-                  S.value ? (i(), c("input", {
+                  }, null, 40, Jl)) : X.value.length ? $("", !0) : (i(), c("span", Ql, R(J.value), 1))
+                ])) : (i(), c(he, { key: 1 }, [
+                  _.value ? (i(), c("input", {
                     key: 0,
                     ref_key: "inputRef",
-                    ref: I,
+                    ref: P,
                     class: "x-tree-select__search x-tree-select__input",
-                    value: ll.value,
+                    value: tl.value,
                     placeholder: J.value,
                     disabled: f.value,
-                    id: (r = w(s)) == null ? void 0 : r.id,
-                    onInput: Ne,
-                    onFocus: Fe,
-                    onBlur: Ee,
+                    id: (n = B(u)) == null ? void 0 : n.id,
+                    onInput: Ee,
+                    onFocus: $e,
+                    onBlur: Fe,
                     onKeydown: ce,
                     onClick: l[1] || (l[1] = Re(() => {
                     }, ["stop"]))
-                  }, null, 40, Gl)) : k.value.length ? (i(), c("span", Ul, [
+                  }, null, 40, Wl)) : k.value.length ? (i(), c("span", Yl, [
                     b(e.$slots, "label", {
                       data: k.value[0].data
                     }, () => [
-                      Oe(O(k.value[0].label), 1)
+                      Le(R(k.value[0].label), 1)
                     ], !0)
-                  ])) : (i(), c("span", Jl, O(J.value), 1))
+                  ])) : (i(), c("span", Zl, R(J.value), 1))
                 ], 64))
               ]),
-              F("span", Ql, [
-                tl.value ? (i(), c("button", {
+              F("span", et, [
+                al.value ? (i(), c("button", {
                   key: 0,
                   type: "button",
                   class: "x-tree-select__clear",
-                  onClick: kl
+                  onClick: _l
                 }, [
-                  te(w(G), {
+                  te(B(G), {
                     name: "guanbi",
                     size: 12
                   })
                 ])) : (i(), c("span", {
                   key: 1,
-                  class: q(["x-tree-select__icon", { "is-open": y.value }])
+                  class: q(["x-tree-select__icon", { "is-open": h.value }])
                 }, [
-                  C.loading ? (i(), le(w(G), {
+                  S.loading ? (i(), le(B(G), {
                     key: 0,
                     name: "jiazai",
                     size: 12,
                     spin: ""
-                  })) : (i(), le(w(G), {
+                  })) : (i(), le(B(G), {
                     key: 1,
                     name: "xiangxia",
                     size: 12
@@ -631,7 +654,7 @@ const Al = ["tabindex"], Dl = {
                 ], 2))
               ])
             ], 2)
-          ], 42, Al))
+          ], 42, Rl))
         ];
       }),
       content: E(() => [
@@ -641,34 +664,34 @@ const Al = ["tabindex"], Dl = {
             "x-tree-select__dropdown--has-footer": !!e.$slots.footer
           }])
         }, [
-          e.$slots.header && (!ie.value || C.showHeaderOnEmpty) ? (i(), c("div", Wl, [
+          e.$slots.header && (!ie.value || S.showHeaderOnEmpty) ? (i(), c("div", lt, [
             b(e.$slots, "header", {}, void 0, !0)
           ])) : $("", !0),
-          C.loading ? b(e.$slots, "loader", { key: 1 }, () => [
-            F("div", Yl, [
-              te(w(G), {
+          S.loading ? b(e.$slots, "loader", { key: 1 }, () => [
+            F("div", tt, [
+              te(B(G), {
                 name: "jiazai",
                 size: 14,
                 spin: ""
               })
             ])
           ], !0) : ie.value ? b(e.$slots, "empty", { key: 2 }, () => [
-            F("div", Zl, O(w(he)("tree.emptyText", void 0, "暂无数据")), 1)
-          ], !0) : (i(), le(xl(sl.value ? Nl : "div"), ve({
+            F("div", at, R(B(ye)("tree.emptyText", void 0, "暂无数据")), 1)
+          ], !0) : (i(), le(El(il.value ? Pl : "div"), ve({
             key: 3,
             class: "x-tree-select__tree-wrapper"
-          }, il.value), {
+          }, cl.value), {
             default: E(() => [
-              te(Fl, ve(fl.value, {
-                onSelect: gl,
-                onCheck: bl
-              }), Tl({ _: 2 }, [
+              te(zl, ve(yl.value, {
+                onSelect: Cl,
+                onCheck: Sl
+              }), Fl({ _: 2 }, [
                 e.$slots["tree-slot-title"] ? {
                   name: "title",
                   fn: E(({ node: a }) => [
                     b(e.$slots, "tree-slot-title", {
                       node: a,
-                      title: ml(a)
+                      title: wl(a)
                     }, void 0, !0)
                   ]),
                   key: "0"
@@ -689,10 +712,10 @@ const Al = ["tabindex"], Dl = {
                 } : void 0,
                 e.$slots["tree-slot-switcher-icon"] ? {
                   name: "switcherIcon",
-                  fn: E(({ node: a, expanded: r }) => [
+                  fn: E(({ node: a, expanded: n }) => [
                     b(e.$slots, "tree-slot-switcher-icon", {
                       node: a,
-                      expanded: r
+                      expanded: n
                     }, void 0, !0)
                   ]),
                   key: "3"
@@ -701,7 +724,7 @@ const Al = ["tabindex"], Dl = {
             ]),
             _: 3
           }, 16)),
-          e.$slots.footer && (!ie.value || C.showFooterOnEmpty) ? (i(), c("div", et, [
+          e.$slots.footer && (!ie.value || S.showFooterOnEmpty) ? (i(), c("div", ot, [
             b(e.$slots, "footer", {}, void 0, !0)
           ])) : $("", !0)
         ], 2)
@@ -711,5 +734,5 @@ const Al = ["tabindex"], Dl = {
   }
 });
 export {
-  it as default
+  pt as default
 };