@transsionfe/semi-ui-vue 0.0.4 → 0.0.5

package/lib/es/components/treeSelect/TreeSelect.vue.js

@@ -1,30 +1,32 @@
-import { defineComponent as Al, ref as d, markRaw as Wl, nextTick as ve, computed as P, watch as ze, onUnmounted as zl, createBlock as b, openBlock as h, unref as T, withCtx as ye, createElementVNode as he, mergeProps as Hl, createElementBlock as G, resolveDynamicComponent as N, Fragment as Te, createCommentVNode as L, normalizeClass as M, createTextVNode as jl, toDisplayString as Gl, withModifiers as Ul, normalizeStyle as He, createVNode as ql, h as c, provide as Xl } from "vue";
+import { defineComponent as Wl, ref as u, markRaw as Hl, nextTick as ge, useSlots as jl, computed as x, watch as Ge, onUnmounted as Gl, openBlock as h, createBlock as P, unref as S, withCtx as Ke, createElementVNode as be, mergeProps as Ul, createElementBlock as z, Fragment as Se, renderSlot as ql, resolveDynamicComponent as O, normalizeClass as A, createTextVNode as Xl, toDisplayString as Zl, createCommentVNode as W, withModifiers as Jl, normalizeStyle as Ue, createVNode as Ql, h as c, provide as Yl } from "vue";
 import k from "classnames";
-import { isEmpty as A, pick as Zl, get as oe, isUndefined as je, isFunction as xe, isNull as Jl, isEqual as Ge } from "lodash";
-import { strings as D, cssClasses as Ue } from "@douyinfe/semi-foundation/treeSelect/constants";
-import { numbers as Ql } from "@douyinfe/semi-foundation/popover/constants";
-import Yl from "@douyinfe/semi-foundation/treeSelect/foundation";
-import { normalizeKeyList as me, calcExpandedKeys as Ce, calcMotionKeys as qe, calcExpandedKeysForValues as Xe, normalizeValue as W, flattenTreeData as Ze, filterTreeData as ea, findKeysForValues as J, calcCheckedKeys as la, getValueOrKey as aa, convertDataToEntities as ta, updateKeys as Je, calcDisabledKeys as oa } from "@douyinfe/semi-foundation/tree/treeUtil";
-import { cloneDeep as Pe } from "../tree/treeUtil.js";
-import na from "../popover/Popover.vue.js";
-import { Input as Qe } from "../input/index.js";
-import ra from "../tagInput/index.js";
-import we from "../tag/Tag.vue.js";
-import ia from "../tag/TagGroup.vue.js";
-import sa from "../checkbox/CheckboxGroup.vue.js";
-import ua from "../tree/NodeList.vue.js";
-import Ee from "../tree/TreeNode.vue.js";
-import da from "../tree/AutoSizer.vue.js";
-import { TreeContextKey as ca } from "../tree/treeContext.js";
-import ke from "../locale/LocaleConsumer.vue.js";
-import { isSemiIcon as Ye, isString as el } from "../_utils/index.js";
-import ll from "@douyinfe/semi-foundation/utils/isEnterPress";
-import { useBaseComponent as pa } from "../_utils/useBaseComponent.js";
-import { useFoundation as fa } from "../../_utils/useFoundation.js";
-import va from "../icons/icons/IconClear.js";
-import ya from "../icons/icons/IconChevronDown.js";
-import Ie from "../icons/icons/IconSearch.js";
-const ha = ["aria-multiselectable"], ma = ["tabindex", "aria-disabled", "aria-invalid", "aria-errormessage", "aria-label", "aria-labelledby", "aria-describedby", "aria-required"], ga = ["id"], ja = /* @__PURE__ */ Al({
+import { isEmpty as H, isFunction as Ee, get as se, isNull as ea, isUndefined as qe, pick as la, isEqual as Xe } from "lodash";
+import { strings as D, cssClasses as Ze } from "@douyinfe/semi-foundation/treeSelect/constants";
+import { numbers as aa } from "@douyinfe/semi-foundation/popover/constants";
+import ta from "@douyinfe/semi-foundation/treeSelect/foundation";
+import { normalizeKeyList as Te, calcExpandedKeys as Ie, calcMotionKeys as Je, calcExpandedKeysForValues as Qe, normalizeValue as j, flattenTreeData as Ye, filterTreeData as oa, findKeysForValues as Q, calcCheckedKeys as na, convertDataToEntities as ra, getValueOrKey as ia, updateKeys as el, calcDisabledKeys as sa } from "@douyinfe/semi-foundation/tree/treeUtil";
+import { cloneDeep as Ne } from "../tree/treeUtil.js";
+import da from "../popover/Popover.vue.js";
+import "../popover/popover.css";
+import { Input as ll } from "../input/index.js";
+import ua from "../tagInput/index.js";
+import de from "../tag/Tag.vue.js";
+import ca from "../tag/TagGroup.vue.js";
+import "../tag/tag.css";
+import pa from "../checkbox/CheckboxGroup.vue.js";
+import fa from "../tree/NodeList.vue.js";
+import Re from "../tree/TreeNode.vue.js";
+import va from "../tree/AutoSizer.vue.js";
+import { TreeContextKey as ya } from "../tree/treeContext.js";
+import $e from "../locale/LocaleConsumer.vue.js";
+import { isSemiIcon as al, isString as tl } from "../_utils/index.js";
+import ol from "@douyinfe/semi-foundation/utils/isEnterPress";
+import { useBaseComponent as ha } from "../_utils/useBaseComponent.js";
+import { useFoundation as ma } from "../../_utils/useFoundation.js";
+import ga from "../icons/icons/IconClear.vue.js";
+import Ka from "../icons/icons/IconChevronDown.vue.js";
+import Fe from "../icons/icons/IconSearch.vue.js";
+const ba = ["aria-multiselectable"], Sa = ["tabindex", "aria-disabled", "aria-invalid", "aria-errormessage", "aria-label", "aria-labelledby", "aria-describedby", "aria-required"], Ta = ["id"], Ja = /* @__PURE__ */ Wl({
   name: "TreeSelect",
   __name: "TreeSelect",
   props: {
@@ -117,541 +119,537 @@ const ha = ["aria-multiselectable"], ma = ["tabindex", "aria-disabled", "aria-in
     treeNodeLabelProp: { default: "label" },
     validateStatus: {},
     virtualize: {},
-    zIndex: { default: Ql.DEFAULT_Z_INDEX }
+    zIndex: { default: aa.DEFAULT_Z_INDEX }
   },
   emits: ["update:modelValue", "update:value", "change", "select", "search", "focus", "blur", "visibleChange", "expand", "load", "clear"],
-  setup(al, { expose: tl, emit: ol }) {
-    const s = Ue.PREFIX, $ = Ue.PREFIX_TREE, l = al, g = ol, z = d(), I = d(), U = d(), Ne = d(), q = d(null), B = d(l.defaultOpen || !1), ge = d(!1), ne = d(!1), Q = d(!1), H = d(0), x = d(null), K = d(""), S = d({}), Y = d([]), V = d([]), ee = d(void 0), X = d([]), C = d(/* @__PURE__ */ new Set()), Re = d(/* @__PURE__ */ new Set()), _ = d(/* @__PURE__ */ new Set()), re = d(/* @__PURE__ */ new Set()), le = d(/* @__PURE__ */ new Set()), ie = d("hide"), se = d(new Set(l.expandedKeys)), ue = d(/* @__PURE__ */ new Set()), ae = d(/* @__PURE__ */ new Set()), de = d(/* @__PURE__ */ new Set()), Fe = d({}), Ke = d(/* @__PURE__ */ new Set()), ce = d(/* @__PURE__ */ new Set()), v = d(null), r = d({
-      inputTriggerFocus: Q.value,
+  setup(nl, { expose: rl, emit: il }) {
+    const s = Ze.PREFIX, _ = Ze.PREFIX_TREE, e = nl, K = il, G = u(), F = u(), X = u(), Oe = u(), Z = u(null), B = u(e.defaultOpen || !1), Ce = u(!1), ue = u(!1), Y = u(!1), U = u(0), w = u(null), g = u(""), b = u({}), ee = u([]), V = u([]), le = u(void 0), L = u([]), E = u(/* @__PURE__ */ new Set()), De = u(/* @__PURE__ */ new Set()), M = u(/* @__PURE__ */ new Set()), ae = u(/* @__PURE__ */ new Set()), te = u(/* @__PURE__ */ new Set()), ce = u("hide"), pe = u(new Set(e.expandedKeys)), fe = u(/* @__PURE__ */ new Set()), oe = u(/* @__PURE__ */ new Set()), ve = u(/* @__PURE__ */ new Set()), _e = u({}), xe = u(/* @__PURE__ */ new Set()), ye = u(/* @__PURE__ */ new Set()), v = u(null), i = u({
+      inputTriggerFocus: Y.value,
       isOpen: B.value,
-      isFocus: ge.value,
-      rePosKey: H.value,
-      dropdownMinWidth: x.value,
-      inputValue: K.value,
-      keyEntities: S.value,
-      treeData: Y.value,
+      isFocus: Ce.value,
+      rePosKey: U.value,
+      dropdownMinWidth: w.value,
+      inputValue: g.value,
+      keyEntities: b.value,
+      treeData: ee.value,
       flattenNodes: V.value,
-      cachedFlattenNodes: ee.value,
-      selectedKeys: X.value,
-      checkedKeys: C.value,
-      halfCheckedKeys: Re.value,
-      realCheckedKeys: _.value,
-      disabledKeys: re.value,
-      motionKeys: le.value,
-      motionType: ie.value,
-      expandedKeys: se.value,
-      filteredKeys: ue.value,
-      filteredExpandedKeys: ae.value,
-      filteredShownKeys: de.value,
-      isHovering: ne.value,
-      cachedKeyValuePairs: Fe.value,
-      loadedKeys: Ke.value,
-      loadingKeys: ce.value,
+      cachedFlattenNodes: le.value,
+      selectedKeys: L.value,
+      checkedKeys: E.value,
+      halfCheckedKeys: De.value,
+      realCheckedKeys: M.value,
+      disabledKeys: ae.value,
+      motionKeys: te.value,
+      motionType: ce.value,
+      expandedKeys: pe.value,
+      filteredKeys: fe.value,
+      filteredExpandedKeys: oe.value,
+      filteredShownKeys: ve.value,
+      isHovering: ue.value,
+      cachedKeyValuePairs: _e.value,
+      loadedKeys: xe.value,
+      loadingKeys: ye.value,
       prevProps: v.value
-    }), { adapter: nl, getDataAttr: rl } = pa(l, r), te = Wl({
-      ...nl,
-      updateInputValue: (e) => {
-        K.value = e, r.value.inputValue = e;
+    }), { adapter: sl, getDataAttr: dl } = ha(e, i), ne = Hl({
+      ...sl,
+      updateInputValue: (l) => {
+        g.value = l, i.value.inputValue = l;
       },
-      registerClickOutsideHandler: (e) => {
-        q.value && document.removeEventListener("mousedown", q.value, !1);
+      registerClickOutsideHandler: (l) => {
+        Z.value && document.removeEventListener("mousedown", Z.value, !1);
         const t = (a) => {
           var m;
-          const o = Ne.value, n = z.value, u = a.target, f = ((m = a.composedPath) == null ? void 0 : m.call(a)) || [u];
-          o && (!o.contains(u) || !o.contains(u.parentNode)) && n && !n.contains(u) && !(f.includes(n) || f.includes(o)) && e(a);
+          const o = Oe.value, n = G.value, r = a.target, p = ((m = a.composedPath) == null ? void 0 : m.call(a)) || [r];
+          o && (!o.contains(r) || !o.contains(r.parentNode)) && n && !n.contains(r) && !(p.includes(n) || p.includes(o)) && l(a);
         };
-        q.value = t, document.addEventListener("mousedown", t, !1);
+        Z.value = t, document.addEventListener("mousedown", t, !1);
       },
       unregisterClickOutsideHandler: () => {
-        q.value && (document.removeEventListener("mousedown", q.value, !1), q.value = null);
+        Z.value && (document.removeEventListener("mousedown", Z.value, !1), Z.value = null);
       },
       rePositionDropdown: () => {
-        H.value = H.value + 1, r.value.rePosKey = H.value;
+        U.value = U.value + 1, i.value.rePosKey = U.value;
       },
-      updateState: (e) => {
-        e.inputTriggerFocus !== void 0 && (Q.value = e.inputTriggerFocus, r.value.inputTriggerFocus = e.inputTriggerFocus), e.isOpen !== void 0 && (B.value = e.isOpen, r.value.isOpen = e.isOpen), e.rePosKey !== void 0 && (H.value = e.rePosKey, r.value.rePosKey = e.rePosKey), e.dropdownMinWidth !== void 0 && (x.value = e.dropdownMinWidth, r.value.dropdownMinWidth = e.dropdownMinWidth), e.inputValue !== void 0 && (K.value = e.inputValue, r.value.inputValue = e.inputValue), e.keyEntities !== void 0 && (S.value = e.keyEntities, r.value.keyEntities = e.keyEntities), e.treeData !== void 0 && (Y.value = e.treeData, r.value.treeData = e.treeData), e.flattenNodes !== void 0 && (V.value = e.flattenNodes, r.value.flattenNodes = e.flattenNodes), e.cachedFlattenNodes !== void 0 && (ee.value = e.cachedFlattenNodes, r.value.cachedFlattenNodes = e.cachedFlattenNodes), e.selectedKeys !== void 0 && (X.value = e.selectedKeys, r.value.selectedKeys = e.selectedKeys), e.checkedKeys !== void 0 && (C.value = e.checkedKeys, r.value.checkedKeys = e.checkedKeys), e.halfCheckedKeys !== void 0 && (Re.value = e.halfCheckedKeys, r.value.halfCheckedKeys = e.halfCheckedKeys), e.realCheckedKeys !== void 0 && (_.value = e.realCheckedKeys, r.value.realCheckedKeys = e.realCheckedKeys), e.disabledKeys !== void 0 && (re.value = e.disabledKeys, r.value.disabledKeys = e.disabledKeys), e.motionKeys !== void 0 && (le.value = e.motionKeys, r.value.motionKeys = e.motionKeys), e.motionType !== void 0 && (ie.value = e.motionType, r.value.motionType = e.motionType), e.expandedKeys !== void 0 && (se.value = e.expandedKeys, r.value.expandedKeys = e.expandedKeys), e.filteredKeys !== void 0 && (ue.value = e.filteredKeys, r.value.filteredKeys = e.filteredKeys), e.filteredExpandedKeys !== void 0 && (ae.value = e.filteredExpandedKeys, r.value.filteredExpandedKeys = e.filteredExpandedKeys), e.filteredShownKeys !== void 0 && (de.value = e.filteredShownKeys, r.value.filteredShownKeys = e.filteredShownKeys), e.cachedKeyValuePairs !== void 0 && (Fe.value = e.cachedKeyValuePairs, r.value.cachedKeyValuePairs = e.cachedKeyValuePairs), e.loadedKeys !== void 0 && (Ke.value = e.loadedKeys, r.value.loadedKeys = e.loadedKeys), e.loadingKeys !== void 0 && (ce.value = e.loadingKeys, r.value.loadingKeys = e.loadingKeys), e.isHovering !== void 0 && (ne.value = e.isHovering, r.value.isHovering = e.isHovering), e.prevProps !== void 0 && (v.value = e.prevProps, r.value.prevProps = e.prevProps);
+      updateState: (l) => {
+        l.inputTriggerFocus !== void 0 && (Y.value = l.inputTriggerFocus, i.value.inputTriggerFocus = l.inputTriggerFocus), l.isOpen !== void 0 && (B.value = l.isOpen, i.value.isOpen = l.isOpen), l.rePosKey !== void 0 && (U.value = l.rePosKey, i.value.rePosKey = l.rePosKey), l.dropdownMinWidth !== void 0 && (w.value = l.dropdownMinWidth, i.value.dropdownMinWidth = l.dropdownMinWidth), l.inputValue !== void 0 && (g.value = l.inputValue, i.value.inputValue = l.inputValue), l.keyEntities !== void 0 && (b.value = l.keyEntities, i.value.keyEntities = l.keyEntities), l.treeData !== void 0 && (ee.value = l.treeData, i.value.treeData = l.treeData), l.flattenNodes !== void 0 && (V.value = l.flattenNodes, i.value.flattenNodes = l.flattenNodes), l.cachedFlattenNodes !== void 0 && (le.value = l.cachedFlattenNodes, i.value.cachedFlattenNodes = l.cachedFlattenNodes), l.selectedKeys !== void 0 && (L.value = l.selectedKeys, i.value.selectedKeys = l.selectedKeys), l.checkedKeys !== void 0 && (E.value = l.checkedKeys, i.value.checkedKeys = l.checkedKeys), l.halfCheckedKeys !== void 0 && (De.value = l.halfCheckedKeys, i.value.halfCheckedKeys = l.halfCheckedKeys), l.realCheckedKeys !== void 0 && (M.value = l.realCheckedKeys, i.value.realCheckedKeys = l.realCheckedKeys), l.disabledKeys !== void 0 && (ae.value = l.disabledKeys, i.value.disabledKeys = l.disabledKeys), l.motionKeys !== void 0 && (te.value = l.motionKeys, i.value.motionKeys = l.motionKeys), l.motionType !== void 0 && (ce.value = l.motionType, i.value.motionType = l.motionType), l.expandedKeys !== void 0 && (pe.value = l.expandedKeys, i.value.expandedKeys = l.expandedKeys), l.filteredKeys !== void 0 && (fe.value = l.filteredKeys, i.value.filteredKeys = l.filteredKeys), l.filteredExpandedKeys !== void 0 && (oe.value = l.filteredExpandedKeys, i.value.filteredExpandedKeys = l.filteredExpandedKeys), l.filteredShownKeys !== void 0 && (ve.value = l.filteredShownKeys, i.value.filteredShownKeys = l.filteredShownKeys), l.cachedKeyValuePairs !== void 0 && (_e.value = l.cachedKeyValuePairs, i.value.cachedKeyValuePairs = l.cachedKeyValuePairs), l.loadedKeys !== void 0 && (xe.value = l.loadedKeys, i.value.loadedKeys = l.loadedKeys), l.loadingKeys !== void 0 && (ye.value = l.loadingKeys, i.value.loadingKeys = l.loadingKeys), l.isHovering !== void 0 && (ue.value = l.isHovering, i.value.isHovering = l.isHovering), l.prevProps !== void 0 && (v.value = l.prevProps, i.value.prevProps = l.prevProps);
       },
-      notifySelect: (e, t, a) => {
-        g("select", e, t, a);
+      notifySelect: (l, t, a) => {
+        K("select", l, t, a);
       },
-      notifySearch: (e, t, a) => {
-        g("search", e, t, a);
+      notifySearch: (l, t, a) => {
+        K("search", l, t, a);
       },
-      cacheFlattenNodes: (e) => {
-        ee.value = e ? Pe(V.value) : void 0, r.value.cachedFlattenNodes = ee.value;
+      cacheFlattenNodes: (l) => {
+        le.value = l ? Ne(V.value) : void 0, i.value.cachedFlattenNodes = le.value;
       },
       openMenu: () => {
-        B.value = !0, r.value.isOpen = !0, g("visibleChange", !0);
+        B.value = !0, i.value.isOpen = !0, K("visibleChange", !0);
       },
-      closeMenu: (e) => {
-        B.value = !1, r.value.isOpen = !1, e && e(), g("visibleChange", !1);
+      closeMenu: (l) => {
+        B.value = !1, i.value.isOpen = !1, l && l(), K("visibleChange", !1);
       },
       getTriggerWidth: () => {
-        const e = z.value;
-        return e ? e.getBoundingClientRect().width : 0;
+        const l = G.value;
+        return l ? l.getBoundingClientRect().width : 0;
       },
-      setOptionWrapperWidth: (e) => {
-        if (typeof e == "number" && e > 0)
-          x.value = e, r.value.dropdownMinWidth = e;
-        else if (typeof e == "string") {
-          const t = parseFloat(e);
-          !isNaN(t) && t > 0 ? (x.value = t, r.value.dropdownMinWidth = t) : (x.value = e, r.value.dropdownMinWidth = e);
+      setOptionWrapperWidth: (l) => {
+        if (typeof l == "number" && l > 0)
+          w.value = l, i.value.dropdownMinWidth = l;
+        else if (typeof l == "string") {
+          const t = parseFloat(l);
+          !isNaN(t) && t > 0 ? (w.value = t, i.value.dropdownMinWidth = t) : (w.value = l, i.value.dropdownMinWidth = l);
         } else
-          x.value = e, r.value.dropdownMinWidth = e;
-        (typeof e == "number" && e === 0 || !e) && requestAnimationFrame(() => {
-          ve(() => {
-            if (z.value && l.dropdownMatchSelectWidth) {
-              const t = z.value.getBoundingClientRect().width || 0;
-              t > 0 && (x.value = t, r.value.dropdownMinWidth = t);
+          w.value = l, i.value.dropdownMinWidth = l;
+        (typeof l == "number" && l === 0 || !l) && requestAnimationFrame(() => {
+          ge(() => {
+            if (G.value && e.dropdownMatchSelectWidth) {
+              const t = G.value.getBoundingClientRect().width || 0;
+              t > 0 && (w.value = t, i.value.dropdownMinWidth = t);
             }
           });
         });
       },
-      notifyClear: (e) => {
-        g("clear", e);
+      notifyClear: (l) => {
+        K("clear", l);
       },
-      notifyChange: (e, t, a) => {
-        g("change", e, t, a);
-        const o = l.multiple ? Array.isArray(e) ? e : [e] : e;
-        g("update:modelValue", o), g("update:value", o);
+      notifyChange: (l, t, a) => {
+        K("change", l, t, a);
+        const o = e.multiple ? Array.isArray(l) ? l : [l] : l;
+        K("update:modelValue", o), K("update:value", o);
       },
-      notifyChangeWithObject: (e, t) => {
-        g("change", e, e, t), g("update:modelValue", e), g("update:value", e);
+      notifyChangeWithObject: (l, t) => {
+        K("change", l, l, t), K("update:modelValue", l), K("update:value", l);
       },
-      notifyExpand: (e, t) => {
-        g("expand", e, t), t.expanded && l.loadData && kl(t.node);
+      notifyExpand: (l, t) => {
+        K("expand", l, t), t.expanded && e.loadData && Nl(t.node);
       },
-      notifyFocus: (e) => {
-        g("focus", e);
+      notifyFocus: (l) => {
+        K("focus", l);
       },
-      notifyBlur: (e) => {
-        g("blur", e);
+      notifyBlur: (l) => {
+        K("blur", l);
       },
-      toggleHovering: (e) => {
-        ne.value = e, r.value.isHovering = e;
+      toggleHovering: (l) => {
+        ue.value = l, i.value.isHovering = l;
       },
-      notifyLoad: (e, t) => {
-        g("load", e, t);
+      notifyLoad: (l, t) => {
+        K("load", l, t);
       },
-      updateInputFocus: (e) => {
-        var t, a, o, n, u, f, m, y;
-        if (e) {
-          if (I.value) {
-            const { preventScroll: p } = l;
-            (a = (t = I.value).focus) == null || a.call(t, { preventScroll: p });
+      updateInputFocus: (l) => {
+        var t, a, o, n, r, p, m, y;
+        if (l) {
+          if (F.value) {
+            const { preventScroll: f } = e;
+            (a = (t = F.value).focus) == null || a.call(t, { preventScroll: f });
           }
-          U.value && ((n = (o = U.value).focus) == null || n.call(o));
+          X.value && ((n = (o = X.value).focus) == null || n.call(o));
         } else
-          I.value && ((f = (u = I.value).blur) == null || f.call(u)), U.value && ((y = (m = U.value).blur) == null || y.call(m));
+          F.value && ((p = (r = F.value).blur) == null || p.call(r)), X.value && ((y = (m = X.value).blur) == null || y.call(m));
       },
-      updateLoadKeys: (e, t) => {
-        const a = i.handleNodeLoad(Ke.value, ce.value, e, t);
-        a && Object.keys(a).length > 0 && a.loadingKeys && (ce.value = a.loadingKeys, r.value.loadingKeys = a.loadingKeys);
+      updateLoadKeys: (l, t) => {
+        const a = d.handleNodeLoad(xe.value, ye.value, l, t);
+        a && Object.keys(a).length > 0 && a.loadingKeys && (ye.value = a.loadingKeys, i.value.loadingKeys = a.loadingKeys);
       },
-      updateIsFocus: (e) => {
-        ge.value = e, r.value.isFocus = e;
+      updateIsFocus: (l) => {
+        Ce.value = l, i.value.isFocus = l;
       }
-    }), { foundation: i } = fa(Yl, te), Oe = i._isControlledComponent;
-    Oe && typeof Oe == "function" && (i._isControlledComponent = function(e = "value") {
+    }), { foundation: d } = ma(ta, ne), Be = d._isControlledComponent;
+    Be && typeof Be == "function" && (d._isControlledComponent = function(l = "value") {
       const t = this.getProps();
-      return e === "value" ? "value" in t && t.value !== void 0 : e in t;
+      return l === "value" ? "value" in t && t.value !== void 0 : l in t;
     });
-    const Se = P(() => typeof l.triggerRender == "function"), il = P(() => l.position || "bottomLeft"), sl = P(() => k(l.dropdownClassName, `${s}-popover`)), ul = P(() => {
-      const e = { ...l.dropdownStyle };
-      if (x.value) {
-        const t = typeof x.value == "number" ? `${x.value}px` : x.value;
-        e.minWidth = t;
+    const I = jl(), Pe = x(() => typeof e.triggerRender == "function" || !!I.trigger), ul = x(() => e.position || "bottomLeft"), cl = x(() => k(e.dropdownClassName, `${s}-popover`)), pl = x(() => {
+      const l = { ...e.dropdownStyle };
+      if (w.value) {
+        const t = typeof w.value == "number" ? `${w.value}px` : w.value;
+        l.minWidth = t;
       }
-      return e;
-    }), dl = P(() => k(`${$}-option-list`, `${$}-option-list-block`)), cl = P(() => {
-      if (Se.value)
-        return k(l.className);
-      const e = l.searchPosition === D.SEARCH_POSITION_TRIGGER && !!l.filterTreeNode, t = e && A(C.value), a = e && !A(C.value);
+      return l;
+    }), fl = x(() => k(`${_}-option-list`, `${_}-option-list-block`)), vl = x(() => {
+      if (Pe.value)
+        return k(e.className);
+      const l = e.searchPosition === D.SEARCH_POSITION_TRIGGER && !!e.filterTreeNode, t = l && H(E.value), a = l && !H(E.value);
       return k(
         s,
         {
-          [`${s}-borderless`]: l.borderless,
-          [`${s}-focus`]: ge.value,
-          [`${s}-disabled`]: l.disabled,
-          [`${s}-single`]: !l.multiple,
-          [`${s}-multiple`]: l.multiple,
-          [`${s}-multiple-tagInput-empty`]: l.multiple && t,
-          [`${s}-multiple-tagInput-notEmpty`]: l.multiple && a,
-          [`${s}-filterable`]: !!l.filterTreeNode,
-          [`${s}-error`]: l.validateStatus === "error",
-          [`${s}-warning`]: l.validateStatus === "warning",
-          [`${s}-small`]: l.size === "small",
-          [`${s}-large`]: l.size === "large",
-          [`${s}-with-prefix`]: l.prefix || l.insetLabel,
-          [`${s}-with-suffix`]: l.suffix
+          [`${s}-borderless`]: e.borderless,
+          [`${s}-focus`]: Ce.value,
+          [`${s}-disabled`]: e.disabled,
+          [`${s}-single`]: !e.multiple,
+          [`${s}-multiple`]: e.multiple,
+          [`${s}-multiple-tagInput-empty`]: e.multiple && t,
+          [`${s}-multiple-tagInput-notEmpty`]: e.multiple && a,
+          [`${s}-filterable`]: !!e.filterTreeNode,
+          [`${s}-error`]: e.validateStatus === "error",
+          [`${s}-warning`]: e.validateStatus === "warning",
+          [`${s}-small`]: e.size === "small",
+          [`${s}-large`]: e.size === "large",
+          [`${s}-with-prefix`]: e.prefix || e.insetLabel,
+          [`${s}-with-suffix`]: e.suffix
         },
-        l.className
+        e.className
       );
-    }), pl = P(() => {
-      const e = l.prefix || l.insetLabel;
+    }), yl = x(() => {
+      const l = e.prefix || e.insetLabel;
       return k(`${s}-prefix`, {
-        [`${s}-inset-label`]: l.insetLabel,
-        [`${s}-prefix-text`]: e && el(e),
-        [`${s}-prefix-icon`]: e && Ye(e)
+        [`${s}-inset-label`]: e.insetLabel,
+        [`${s}-prefix-text`]: l && tl(l),
+        [`${s}-prefix-icon`]: l && al(l)
       });
-    }), fl = P(() => k(`${s}-suffix`, {
-      [`${s}-suffix-text`]: l.suffix && el(l.suffix),
-      [`${s}-suffix-icon`]: l.suffix && Ye(l.suffix)
-    })), De = P(() => {
-      if (l.multiple) {
-        if (l.checkRelation === "related")
-          return !!C.value.size;
-        if (l.checkRelation === "unRelated")
-          return !!_.value.size;
+    }), hl = x(() => k(`${s}-suffix`, {
+      [`${s}-suffix-text`]: e.suffix && tl(e.suffix),
+      [`${s}-suffix-icon`]: e.suffix && al(e.suffix)
+    })), Ve = x(() => {
+      if (e.multiple) {
+        if (e.checkRelation === "related")
+          return !!E.value.size;
+        if (e.checkRelation === "unRelated")
+          return !!M.value.size;
       } else
-        return !!X.value.length;
+        return !!L.value.length;
       return !1;
-    }), $e = P(() => {
-      const e = l.searchPosition === D.SEARCH_POSITION_TRIGGER && K.value;
-      return l.showClear && (De.value || e) && !l.disabled && (B.value || ne.value);
-    }), vl = P(() => !!l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_DROPDOWN), yl = P(() => {
-      if (!Se.value)
-        return null;
-      const t = (l.multiple ? l.checkRelation === "related" ? me([...C.value], S.value, l.leafOnly, !0) : [..._.value] : X.value).map((a) => {
-        const o = S.value[a];
-        return o == null ? void 0 : o.data;
-      });
-      return l.triggerRender({
-        componentProps: l,
-        disabled: l.disabled || !1,
-        value: t,
-        inputValue: K.value,
-        placeholder: l.placeholder,
-        onSearch: El,
-        onChange: pe,
-        onClear: Ve,
-        onRemove: fe
-      });
-    });
-    function w(e) {
-      if (!v.value && e in l)
+    }), Le = x(() => {
+      const l = e.searchPosition === D.SEARCH_POSITION_TRIGGER && g.value;
+      return e.showClear && (Ve.value || l) && !e.disabled && (B.value || ue.value);
+    }), ml = x(() => !!e.filterTreeNode && e.searchPosition === D.SEARCH_POSITION_DROPDOWN), Me = x(() => (e.multiple ? e.checkRelation === "related" ? Te([...E.value], b.value, e.leafOnly, !0) : [...M.value] : L.value).map((t) => {
+      const a = b.value[t];
+      return a == null ? void 0 : a.data;
+    })), gl = x(() => !Pe.value || I.trigger ? null : e.triggerRender({
+      componentProps: e,
+      disabled: e.disabled || !1,
+      value: Me.value,
+      inputValue: g.value,
+      placeholder: e.placeholder,
+      onSearch: We,
+      onChange: re,
+      onClear: ke,
+      onRemove: ie
+    }));
+    function N(l) {
+      if (!v.value && l in e)
         return !0;
       if (!v.value)
         return !1;
-      const a = v.value[e], o = l[e];
-      return a === o ? !1 : typeof a == "object" && typeof o == "object" && a !== null && o !== null ? !Ge(a, o) : !0;
+      const a = v.value[l], o = e[l];
+      return a === o ? !1 : typeof a == "object" && typeof o == "object" && a !== null && o !== null ? !Xe(a, o) : !0;
     }
-    function hl(e, t) {
-      let a, o = r.value.keyEntities || {}, n = r.value.cachedKeyValuePairs || {};
-      if (w("treeData")) {
-        a = l.treeData, e.treeData = a;
-        const f = ta(a, t);
-        e.keyEntities = { ...f.keyEntities }, o = e.keyEntities, e.cachedKeyValuePairs = { ...f.valueEntities }, n = e.cachedKeyValuePairs;
+    function Kl(l, t) {
+      let a, o = i.value.keyEntities || {}, n = i.value.cachedKeyValuePairs || {};
+      if (N("treeData")) {
+        a = e.treeData, l.treeData = a;
+        const p = ra(a, t);
+        l.keyEntities = { ...p.keyEntities }, o = l.keyEntities, l.cachedKeyValuePairs = { ...p.valueEntities }, n = l.cachedKeyValuePairs;
       }
-      return a && l.motion && v.value && l.motion && !Ge(Object.keys(e.keyEntities || {}), Object.keys(v.value.keyEntities || {})) && (e.motionKeys = /* @__PURE__ */ new Set([]), e.motionType = null), { treeData: a, keyEntities: o, valueEntities: n };
+      return a && e.motion && v.value && e.motion && !Xe(Object.keys(l.keyEntities || {}), Object.keys(v.value.keyEntities || {})) && (l.motionKeys = /* @__PURE__ */ new Set([]), l.motionType = null), { treeData: a, keyEntities: o, valueEntities: n };
     }
-    let j = null;
-    function Be() {
-      j && clearTimeout(j), j = setTimeout(() => {
-        j = null, ml();
+    let q = null;
+    function ze() {
+      q && clearTimeout(q), q = setTimeout(() => {
+        q = null, bl();
       }, 0);
     }
-    function ml() {
-      const { keyMaps: e } = l, t = l.onChangeWithObject, a = {
-        prevProps: { ...l }
+    function bl() {
+      const { keyMaps: l } = e, t = e.onChangeWithObject, a = {
+        prevProps: { ...e }
       }, {
         treeData: o,
         keyEntities: n,
-        valueEntities: u
-      } = hl(a, e), f = w("expandedKeys");
-      if (!!(l.filterTreeNode && K.value && K.value.length)) {
-        let p;
-        if ((o || w("showFilteredOnly") || w("filterTreeNode") || w("treeNodeFilterProp")) && (p = ea({
-          treeData: o || Y.value,
-          inputValue: K.value,
-          filterTreeNode: l.filterTreeNode,
-          filterProps: l.treeNodeFilterProp,
-          showFilteredOnly: l.showFilteredOnly,
-          keyEntities: a.keyEntities || S.value,
-          prevExpandedKeys: [...ae.value],
-          keyMaps: e
-        }), a.flattenNodes = p.flattenNodes, a.motionKeys = /* @__PURE__ */ new Set([]), a.filteredKeys = p.filteredKeys, a.filteredShownKeys = p.filteredShownKeys, a.filteredExpandedKeys = p.filteredExpandedKeys), l.expandedKeys && (a.filteredExpandedKeys = Ce(
-          l.expandedKeys,
+        valueEntities: r
+      } = Kl(a, l), p = N("expandedKeys");
+      if (!!(e.filterTreeNode && g.value && g.value.length)) {
+        let f;
+        if ((o || N("showFilteredOnly") || N("filterTreeNode") || N("treeNodeFilterProp")) && (f = oa({
+          treeData: o || ee.value,
+          inputValue: g.value,
+          filterTreeNode: e.filterTreeNode,
+          filterProps: e.treeNodeFilterProp,
+          showFilteredOnly: e.showFilteredOnly,
+          keyEntities: a.keyEntities || b.value,
+          prevExpandedKeys: [...oe.value],
+          keyMaps: l
+        }), a.flattenNodes = f.flattenNodes, a.motionKeys = /* @__PURE__ */ new Set([]), a.filteredKeys = f.filteredKeys, a.filteredShownKeys = f.filteredShownKeys, a.filteredExpandedKeys = f.filteredExpandedKeys), e.expandedKeys && (a.filteredExpandedKeys = Ie(
+          e.expandedKeys,
           n,
-          l.autoExpandParent || !v.value
-        ), v.value && l.motion)) {
-          const R = v.value ? ae.value : /* @__PURE__ */ new Set([]);
+          e.autoExpandParent || !v.value
+        ), v.value && e.motion)) {
+          const C = v.value ? oe.value : /* @__PURE__ */ new Set([]);
           if (!o) {
-            const F = qe(R, a.filteredExpandedKeys, n);
-            let { motionKeys: O } = F;
-            const { motionType: Z } = F;
-            l.showFilteredOnly && (O = O.filter((Ml) => de.value.has(Ml))), Z === "hide" && (a.cachedFlattenNodes = Pe(V.value)), a.motionKeys = new Set(O), a.motionType = Z;
+            const R = Je(C, a.filteredExpandedKeys, n);
+            let { motionKeys: $ } = R;
+            const { motionType: J } = R;
+            e.showFilteredOnly && ($ = $.filter((Al) => ve.value.has(Al))), J === "hide" && (a.cachedFlattenNodes = Ne(V.value)), a.motionKeys = new Set($), a.motionType = J;
           }
         }
-        !a.flattenNodes && (o || a.filteredExpandedKeys) && (a.flattenNodes = Ze(
-          o || Y.value,
-          a.filteredExpandedKeys || ae.value,
-          e,
-          l.showFilteredOnly && (de.value || a.filteredShownKeys)
+        !a.flattenNodes && (o || a.filteredExpandedKeys) && (a.flattenNodes = Ye(
+          o || ee.value,
+          a.filteredExpandedKeys || oe.value,
+          l,
+          e.showFilteredOnly && (ve.value || a.filteredShownKeys)
         ));
       } else {
-        if (f || v.value && w("autoExpandParent")) {
-          if (a.expandedKeys = Ce(
-            l.expandedKeys,
+        if (p || v.value && N("autoExpandParent")) {
+          if (a.expandedKeys = Ie(
+            e.expandedKeys,
             n,
-            l.autoExpandParent || !v.value
-          ), v.value && l.motion && !o) {
-            const { motionKeys: p, motionType: E } = qe(
-              se.value,
+            e.autoExpandParent || !v.value
+          ), v.value && e.motion && !o) {
+            const { motionKeys: f, motionType: T } = Je(
+              pe.value,
               a.expandedKeys,
               n
             );
-            a.motionKeys = new Set(p), a.motionType = E, E === "hide" && (a.cachedFlattenNodes = Pe(V.value));
+            a.motionKeys = new Set(f), a.motionType = T, T === "hide" && (a.cachedFlattenNodes = Ne(V.value));
           }
-        } else !v.value && (l.defaultExpandAll || l.expandAll) || o && l.expandAll ? a.expandedKeys = new Set(Object.keys(n)) : !v.value && l.defaultExpandedKeys ? a.expandedKeys = Ce(l.defaultExpandedKeys, n) : !v.value && l.defaultValue ? a.expandedKeys = Xe(
-          W(l.defaultValue, t, e),
+        } else !v.value && (e.defaultExpandAll || e.expandAll) || o && e.expandAll ? a.expandedKeys = new Set(Object.keys(n)) : !v.value && e.defaultExpandedKeys ? a.expandedKeys = Ie(e.defaultExpandedKeys, n) : !v.value && e.defaultValue ? a.expandedKeys = Qe(
+          j(e.defaultValue, t, l),
           n,
-          l.multiple,
-          u
-        ) : !v.value && l.value && (a.expandedKeys = Xe(
-          W(l.value, t, e),
+          e.multiple,
+          r
+        ) : !v.value && e.value && (a.expandedKeys = Qe(
+          j(e.value, t, l),
           n,
-          l.multiple,
-          u
+          e.multiple,
+          r
         ));
         if (a.expandedKeys || delete a.expandedKeys, o || a.expandedKeys) {
-          const p = Ze(
-            o || Y.value,
-            a.expandedKeys || se.value,
-            e
+          const f = Ye(
+            o || ee.value,
+            a.expandedKeys || pe.value,
+            l
           );
-          a.flattenNodes = p;
+          a.flattenNodes = f;
         }
       }
-      const y = l.multiple;
+      const y = e.multiple;
       if (!y)
-        w("value") ? a.selectedKeys = J(
-          W(l.value, t, e),
-          u,
+        N("value") ? a.selectedKeys = Q(
+          j(e.value, t, l),
+          r,
           y
-        ) : !v.value && l.defaultValue ? a.selectedKeys = J(
-          W(l.defaultValue, t, e),
-          u,
+        ) : !v.value && e.defaultValue ? a.selectedKeys = Q(
+          j(e.defaultValue, t, l),
+          r,
           y
-        ) : o && (l.value ? a.selectedKeys = J(
-          W(l.value, t, e) || "",
-          u,
+        ) : o && (e.value ? a.selectedKeys = Q(
+          j(e.value, t, l) || "",
+          r,
           y
-        ) : a.selectedKeys = Je(X.value, n));
+        ) : a.selectedKeys = el(L.value, n));
       else {
-        let p;
-        if (w("value") ? p = J(
-          W(l.value, t, e),
-          u,
+        let f;
+        if (N("value") ? f = Q(
+          j(e.value, t, l),
+          r,
           y
-        ) : !v.value && l.defaultValue ? p = J(
-          W(l.defaultValue, t, e),
-          u,
+        ) : !v.value && e.defaultValue ? f = Q(
+          j(e.defaultValue, t, l),
+          r,
           y
-        ) : o && (l.value ? p = J(
-          W(l.value, t, e) || [],
-          u,
+        ) : o && (e.value ? f = Q(
+          j(e.value, t, l) || [],
+          r,
           y
-        ) : p = Je(
-          l.checkRelation === "related" ? C.value : _.value,
+        ) : f = el(
+          e.checkRelation === "related" ? E.value : M.value,
           n
-        )), p) {
-          if (l.checkRelation === "unRelated")
-            a.realCheckedKeys = new Set(p);
-          else if (l.checkRelation === "related") {
-            const { checkedKeys: E, halfCheckedKeys: R } = la(
-              p,
+        )), f) {
+          if (e.checkRelation === "unRelated")
+            a.realCheckedKeys = new Set(f);
+          else if (e.checkRelation === "related") {
+            const { checkedKeys: T, halfCheckedKeys: C } = na(
+              f,
               n
             );
-            a.checkedKeys = E, a.halfCheckedKeys = R;
+            a.checkedKeys = T, a.halfCheckedKeys = C;
           }
         }
       }
-      w("loadedKeys") && (a.loadedKeys = new Set(l.loadedKeys)), (w("treeData") || w("value")) && (a.rePosKey = H.value + 1), o && l.disableStrictly && l.checkRelation === "related" && (a.disabledKeys = oa(n, e)), te.updateState(a), v.value ? Object.assign(v.value, l) : v.value = { ...l };
+      N("loadedKeys") && (a.loadedKeys = new Set(e.loadedKeys)), (N("treeData") || N("value")) && (a.rePosKey = U.value + 1), o && e.disableStrictly && e.checkRelation === "related" && (a.disabledKeys = sa(n, l)), ne.updateState(a), v.value ? Object.assign(v.value, e) : v.value = { ...e };
     }
-    ze(
+    Ge(
       () => [
-        l.treeData,
-        l.expandedKeys,
-        l.value,
-        l.defaultValue,
-        l.loadedKeys,
-        l.autoExpandParent,
-        l.expandAll,
-        l.defaultExpandAll,
-        l.defaultExpandedKeys,
-        l.disableStrictly,
-        l.checkRelation,
-        l.multiple,
-        l.onChangeWithObject,
-        l.keyMaps,
-        l.showFilteredOnly,
-        l.filterTreeNode,
-        l.treeNodeFilterProp,
-        K.value
+        e.treeData,
+        e.expandedKeys,
+        e.value,
+        e.defaultValue,
+        e.loadedKeys,
+        e.autoExpandParent,
+        e.expandAll,
+        e.defaultExpandAll,
+        e.defaultExpandedKeys,
+        e.disableStrictly,
+        e.checkRelation,
+        e.multiple,
+        e.onChangeWithObject,
+        e.keyMaps,
+        e.showFilteredOnly,
+        e.filterTreeNode,
+        e.treeNodeFilterProp,
+        g.value
       ],
       () => {
-        Be();
+        ze();
       },
       { immediate: !0, deep: !0 }
-    ), ze(
-      () => l.modelValue,
-      (e) => {
-        e !== void 0 && e !== l.value && Be();
+    ), Ge(
+      () => e.modelValue,
+      (l) => {
+        l !== void 0 && l !== e.value && ze();
       },
       { deep: !0 }
     );
-    function gl(e) {
-      i.handleClick(e);
+    function Sl(l) {
+      d.handleClick(l);
     }
-    function Ve(e) {
-      e.stopPropagation(), i.handleClear(e);
+    function ke(l) {
+      l.stopPropagation(), d.handleClear(l);
     }
-    function Kl(e) {
-      ll(e) && (e.stopPropagation(), i.handleClearEnterPress(e));
+    function Tl(l) {
+      ol(l) && (l.stopPropagation(), d.handleClearEnterPress(l));
     }
-    function Sl(e) {
-      i.toggleHoverState(!0);
+    function Cl(l) {
+      d.toggleHoverState(!0);
     }
-    function bl(e) {
-      i.toggleHoverState(!1);
+    function xl(l) {
+      d.toggleHoverState(!1);
     }
-    function _e(e) {
-      i.handleKeyDown(e);
+    function Ae(l) {
+      d.handleKeyDown(l);
     }
-    function Tl(e) {
-      ll(e) && i.handleSelectionEnterPress(e);
+    function Pl(l) {
+      ol(l) && d.handleSelectionEnterPress(l);
     }
-    function xl(e) {
-      i.handlePopoverVisibleChange(e), e && l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER && (!l.multiple && I.value ? ve(() => {
+    function kl(l) {
+      d.handlePopoverVisibleChange(l), l && e.filterTreeNode && e.searchPosition === D.SEARCH_POSITION_TRIGGER && (!e.multiple && F.value ? ge(() => {
         var t, a;
-        (a = (t = I.value) == null ? void 0 : t.focus) == null || a.call(t, { preventScroll: l.preventScroll });
-      }) : l.multiple && U.value);
+        (a = (t = F.value) == null ? void 0 : t.focus) == null || a.call(t, { preventScroll: e.preventScroll });
+      }) : e.multiple && X.value);
     }
-    function Cl(e) {
-      g("visibleChange", e), e && l.dropdownMatchSelectWidth && z.value && requestAnimationFrame(() => {
-        ve(() => {
+    function wl(l) {
+      K("visibleChange", l), l && e.dropdownMatchSelectWidth && G.value && requestAnimationFrame(() => {
+        ge(() => {
           var a;
-          const t = ((a = z.value) == null ? void 0 : a.getBoundingClientRect().width) || 0;
-          t > 0 && (x.value = t, r.value.dropdownMinWidth = t);
+          const t = ((a = G.value) == null ? void 0 : a.getBoundingClientRect().width) || 0;
+          t > 0 && (w.value = t, i.value.dropdownMinWidth = t);
         });
       });
     }
-    function Pl(e) {
-      i.handlerTriggerBlur(e), i.close(e);
+    function El(l) {
+      d.handlerTriggerBlur(l), d.close(l);
     }
-    function wl() {
-      i.handleAfterClose();
+    function Il() {
+      d.handleAfterClose();
     }
-    function El(e) {
-      B.value || i.open(), i.handleInputChange(e);
+    function We(l) {
+      B.value || d.open(), d.handleInputChange(l);
     }
-    function pe(e) {
-      i.handleInputChange(e);
+    function re(l) {
+      d.handleInputChange(l);
     }
-    function Le(e) {
-      const a = e.target.value;
-      pe(a);
+    function He(l) {
+      const a = l.target.value;
+      re(a);
     }
-    function fe(e) {
-      i.removeTag(e);
+    function ie(l) {
+      d.removeTag(l);
     }
-    function kl(e) {
+    function Nl(l) {
       return new Promise((t) => {
-        i.setLoadKeys(e, t);
+        d.setLoadKeys(l, t);
       });
     }
-    function Me(e, t) {
-      i.handleNodeSelect(e, t), !l.multiple && l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER && (te.updateInputValue(""), te.updateState({ inputTriggerFocus: !1 }));
+    function je(l, t) {
+      d.handleNodeSelect(l, t), !e.multiple && e.filterTreeNode && e.searchPosition === D.SEARCH_POSITION_TRIGGER && (ne.updateInputValue(""), ne.updateState({ inputTriggerFocus: !1 }));
     }
-    function Il(e, t) {
-      i.handleNodeSelect(e, t);
+    function Rl(l, t) {
+      d.handleNodeSelect(l, t);
     }
-    function Nl(e, t) {
-      i.handleNodeExpand(e, t);
+    function $l(l, t) {
+      d.handleNodeExpand(l, t);
     }
-    function Ae(e) {
-      return i.getDataForKeyNotInKeyEntities(e);
+    function he(l) {
+      return d.getDataForKeyNotInKeyEntities(l);
     }
-    function Rl() {
-      if (A(V.value) || l.showFilteredOnly && !!K.value && !ue.value.size)
-        return Fl();
-      const t = {
-        loadData: l.loadData,
-        treeDisabled: l.disabled,
-        motion: l.motionExpand,
-        motionKeys: le.value,
-        motionType: ie.value,
-        expandAction: l.expandAction,
-        filterTreeNode: l.filterTreeNode,
-        keyEntities: S.value,
-        onNodeClick: Me,
+    function Fl() {
+      const l = {
+        loadData: e.loadData,
+        treeDisabled: e.disabled,
+        motion: e.motionExpand,
+        motionKeys: te.value,
+        motionType: ce.value,
+        expandAction: e.expandAction,
+        filterTreeNode: e.filterTreeNode,
+        keyEntities: b.value,
+        onNodeClick: je,
         onNodeDoubleClick: () => {
         },
         onNodeRightClick: () => {
         },
-        onNodeExpand: Nl,
-        onNodeSelect: Me,
-        onNodeCheck: Il,
-        renderTreeNode: be,
-        multiple: l.multiple,
-        showFilteredOnly: l.showFilteredOnly,
-        isSearching: !!K.value,
-        renderLabel: l.renderLabel,
-        renderFullLabel: l.renderFullLabel,
-        labelEllipsis: typeof l.labelEllipsis > "u" ? !!l.virtualize : l.labelEllipsis
-      }, a = "expandedKeys" in l, o = () => !l.virtualize || A(l.virtualize) ? c(ua, {
+        onNodeExpand: $l,
+        onNodeSelect: je,
+        onNodeCheck: Rl,
+        renderTreeNode: we,
+        multiple: e.multiple,
+        showFilteredOnly: e.showFilteredOnly,
+        isSearching: !!g.value,
+        renderLabel: e.renderLabel,
+        renderFullLabel: e.renderFullLabel,
+        labelEllipsis: typeof e.labelEllipsis > "u" ? !!e.virtualize : e.labelEllipsis
+      };
+      if (H(V.value) || e.showFilteredOnly && !!g.value && !fe.value.size)
+        return Ol(l);
+      const a = "expandedKeys" in e, o = () => !e.virtualize || H(e.virtualize) ? c(fa, {
         flattenNodes: V.value,
-        flattenList: ee.value,
-        motionKeys: l.motionExpand ? le.value : /* @__PURE__ */ new Set([]),
-        motionType: ie.value,
-        searchTargetIsDeep: a && l.motionExpand && A(le.value) && !A(ue.value),
+        flattenList: le.value,
+        motionKeys: e.motionExpand ? te.value : /* @__PURE__ */ new Set([]),
+        motionType: ce.value,
+        searchTargetIsDeep: a && e.motionExpand && H(te.value) && !H(fe.value),
         onMotionEnd: () => {
-          te.rePositionDropdown();
+          ne.rePositionDropdown();
         },
-        renderTreeNode: be
+        renderTreeNode: we
       }) : c(
-        da,
+        va,
         {
-          defaultHeight: l.virtualize.height || 270,
-          defaultWidth: l.virtualize.width || "100%"
+          defaultHeight: e.virtualize.height || 270,
+          defaultWidth: e.virtualize.width || "100%"
         },
         {
-          default: ({ height: n, width: u }) => c(
+          default: ({ height: n, width: r }) => c(
             "div",
             {
-              class: `${$}-virtual-list`,
+              class: `${_}-virtual-list`,
               style: {
                 height: typeof n == "number" ? `${n}px` : n,
-                width: typeof u == "number" ? `${u}px` : u,
+                width: typeof r == "number" ? `${r}px` : r,
                 overflow: "auto"
               }
             },
-            V.value.map((f, m) => {
+            V.value.map((p, m) => {
               const y = {
-                height: `${l.virtualize.itemSize}px`
+                height: `${e.virtualize.itemSize}px`
               };
-              return be(f, m, y);
+              return we(p, m, y);
             })
           )
         }
       );
-      return l.multiple ? c("div", { class: `${$}-wrapper` }, [
+      return e.multiple ? c("div", { class: `${_}-wrapper` }, [
         c(
-          sa,
+          pa,
           {
-            value: Array.from(l.checkRelation === "related" ? C.value : _.value),
-            disabled: l.disabled
+            value: Array.from(e.checkRelation === "related" ? E.value : M.value),
+            disabled: e.disabled
           },
           {
-            default: () => c(We, { value: t }, { default: () => o() })
+            default: () => c(me, { value: l }, { default: () => o() })
           }
         )
-      ]) : c("div", { class: `${$}-wrapper` }, [
-        c(We, { value: t }, { default: () => o() })
+      ]) : c("div", { class: `${_}-wrapper` }, [
+        c(me, { value: l }, { default: () => o() })
       ]);
     }
-    const We = {
+    const me = {
       name: "TreeContextProvider",
       props: {
         value: {
@@ -659,396 +657,480 @@ const ha = ["aria-multiselectable"], ma = ["tabindex", "aria-disabled", "aria-in
           required: !0
         }
       },
-      setup(e, { slots: t }) {
-        return Xl(ca, e.value), () => {
+      setup(l, { slots: t }) {
+        return Yl(ya, l.value), () => {
           var a;
           return (a = t.default) == null ? void 0 : a.call(t);
         };
       }
     };
-    function be(e, t, a) {
-      const { data: o, key: n } = e, u = i.getTreeNodeProps(n);
-      if (!u)
+    function we(l, t, a) {
+      const { data: o, key: n } = l, r = d.getTreeNodeProps(n);
+      if (!r)
         return null;
-      const f = Zl(e, ["key", "label", "disabled", "isLeaf", "icon", "isEnd"]), m = o[oe(l.keyMaps, "children", "children")];
-      return je(m) || (f.children = m), c(Ee, {
-        ...u,
+      const p = la(l, ["key", "label", "disabled", "isLeaf", "icon", "isEnd"]), m = o[se(e.keyMaps, "children", "children")];
+      return qe(m) || (p.children = m), c(Re, {
+        ...r,
         ...o,
-        ...f,
+        ...p,
         data: o,
         style: a,
-        showLine: l.showLine,
-        expandIcon: l.expandIcon
+        showLine: e.showLine,
+        expandIcon: e.expandIcon
       });
     }
-    function Fl() {
-      return l.emptyContent === null ? null : l.emptyContent ? c(Ee, {
-        empty: !0,
-        emptyContent: l.emptyContent
-      }) : c(
-        ke,
+    function Ol(l) {
+      return e.emptyContent === null ? null : e.emptyContent ? c(
+        me,
+        { value: l },
+        {
+          default: () => c(Re, {
+            empty: !0,
+            emptyContent: e.emptyContent
+          })
+        }
+      ) : c(
+        $e,
         {
           componentName: "Tree"
         },
         {
-          default: (e) => c(Ee, {
-            empty: !0,
-            emptyContent: e.emptyText || "暂无数据"
-          })
+          default: (t) => c(
+            me,
+            { value: l },
+            {
+              default: () => c(Re, {
+                empty: !0,
+                emptyContent: t.emptyText || "暂无数据"
+              })
+            }
+          )
         }
       );
     }
-    function Ol() {
-      if (l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER)
-        return l.multiple ? _l() : Dl();
-      if (!l.multiple || !De.value) {
-        const t = i.getRenderTextInSingle();
-        return c(
+    function Dl() {
+      var t;
+      if (e.filterTreeNode && e.searchPosition === D.SEARCH_POSITION_TRIGGER)
+        return e.multiple ? Ml() : _l();
+      if (!e.multiple || !Ve.value) {
+        const a = d.getRenderTextInSingle(), o = L.value[0], n = o ? ((t = b.value[o]) == null ? void 0 : t.data) || he(o) : null;
+        return I.selectedItem && n ? c(
           "span",
           {
             class: k(`${s}-selection-content`, {
-              [`${s}-selection-placeholder`]: !t
+              [`${s}-selection-placeholder`]: !n
             })
           },
-          t || l.placeholder
+          I.selectedItem({ option: n })
+        ) : c(
+          "span",
+          {
+            class: k(`${s}-selection-content`, {
+              [`${s}-selection-placeholder`]: !a
+            })
+          },
+          a || e.placeholder
         );
       }
-      return Vl();
+      return Ll();
     }
-    function Dl() {
-      const e = !K.value || !Q.value, t = [Bl(), e ? $l() : null].filter(Boolean);
-      return c(Te, {}, t);
+    function _l() {
+      const l = !g.value || !Y.value, t = [Vl(), l ? Bl() : null].filter(Boolean);
+      return c(Se, {}, t);
     }
-    function $l() {
-      const e = i.getRenderTextInSingle(), t = e || l.placeholder;
+    function Bl() {
+      var n;
+      const l = d.getRenderTextInSingle(), t = L.value[0], a = t ? ((n = b.value[t]) == null ? void 0 : n.data) || he(t) : null;
+      if (I.selectedItem && a)
+        return c(
+          "span",
+          {
+            class: k(`${s}-selection-TriggerSearchItem`, {
+              [`${s}-selection-TriggerSearchItem-disabled`]: e.disabled
+            })
+          },
+          I.selectedItem({ option: a })
+        );
+      const o = l || e.placeholder;
       return c(
         "span",
         {
           class: k(`${s}-selection-TriggerSearchItem`, {
-            [`${s}-selection-TriggerSearchItem-placeholder`]: (Q.value || !e) && !l.disabled,
-            [`${s}-selection-TriggerSearchItem-disabled`]: l.disabled
+            [`${s}-selection-TriggerSearchItem-placeholder`]: (Y.value || !l) && !e.disabled,
+            [`${s}-selection-TriggerSearchItem-disabled`]: e.disabled
           }),
           style: {
             position: "relative",
             lineHeight: "inherit"
           },
           onClick: () => {
-            i.handleInputTriggerFocus(), ve(() => {
-              var a, o;
-              if (I.value) {
-                const { preventScroll: n } = l;
-                (o = (a = I.value) == null ? void 0 : a.focus) == null || o.call(a, { preventScroll: n });
+            d.handleInputTriggerFocus(), ge(() => {
+              var r, p;
+              if (F.value) {
+                const { preventScroll: m } = e;
+                (p = (r = F.value) == null ? void 0 : r.focus) == null || p.call(r, { preventScroll: m });
               }
             });
           }
         },
-        t
+        o
       );
     }
-    function Bl() {
-      const e = l.searchPosition === D.SEARCH_POSITION_DROPDOWN, t = typeof l.searchRender == "function" || typeof l.searchRender == "boolean";
-      if (t && !l.searchRender)
+    function Vl() {
+      const l = e.searchPosition === D.SEARCH_POSITION_DROPDOWN, t = typeof e.searchRender == "function" || typeof e.searchRender == "boolean";
+      if (t && !e.searchRender)
         return null;
       const a = {
-        value: K.value,
-        preventScroll: l.preventScroll
+        value: g.value,
+        preventScroll: e.preventScroll
       }, o = {
-        showClear: l.showSearchClear,
-        prefix: c(Ie)
+        showClear: e.showSearchClear,
+        prefix: c(Fe)
       }, n = {
-        autoFocus: l.searchAutoFocus,
+        autoFocus: e.searchAutoFocus,
         onFocus: () => {
-          i.handleInputTriggerFocus();
+          d.handleInputTriggerFocus();
         },
         onBlur: () => {
-          i.handleInputTriggerBlur();
+          d.handleInputTriggerBlur();
         },
-        disabled: l.disabled
-      }, u = e ? o : n, f = k({
-        [`${$}-search-wrapper`]: e,
-        [`${s}-triggerSingleSearch-wrapper`]: !e && !l.multiple,
-        [`${s}-triggerSingleSearch-upper`]: !e && Q.value
+        disabled: e.disabled
+      }, r = l ? o : n, p = k({
+        [`${_}-search-wrapper`]: l,
+        [`${s}-triggerSingleSearch-wrapper`]: !l && !e.multiple,
+        [`${s}-triggerSingleSearch-upper`]: !l && Y.value
       });
       return c(
         "div",
-        { class: f },
+        { class: p },
         c(
-          ke,
+          $e,
           {
             componentName: "TreeSelect"
           },
           {
             default: (m) => {
-              const y = e ? l.searchPlaceholder || m.searchPlaceholder || "搜索" : "";
-              return t ? l.searchRender({ ...u, ...a, placeholder: y }) : c(Qe, {
+              const y = l ? e.searchPlaceholder || m.searchPlaceholder || "搜索" : "";
+              return t ? e.searchRender({ ...r, ...a, placeholder: y }) : c(ll, {
                 "aria-label": "Filter TreeSelect item",
-                ref: I,
+                ref: F,
                 placeholder: y,
                 class: k({
-                  [`${$}-input`]: e,
-                  [`${s}-inputTrigger`]: !e
+                  [`${_}-input`]: l,
+                  [`${s}-inputTrigger`]: !l
                 }),
                 ...a,
-                ...u,
-                onInput: Le
+                ...r,
+                onInput: He
               });
             }
           }
         )
       );
     }
-    function Vl() {
-      const e = l.multiple ? l.autoMergeValue ? l.checkRelation === "related" ? me([...C.value], S.value, l.leafOnly, !0) : [..._.value] : [...C.value] : X.value, t = [];
-      return e.forEach((a, o) => {
-        const n = S.value[a], u = n && n.key === a ? n.data : Ae(a), f = (R, F) => {
-          F && typeof F.preventDefault == "function" && F.preventDefault(), fe(a);
-        }, m = xe(l.renderSelectedItem) ? l.renderSelectedItem : (R) => ({
+    function Ll() {
+      const l = e.multiple ? e.autoMergeValue ? e.checkRelation === "related" ? Te([...E.value], b.value, e.leafOnly, !0) : [...M.value] : [...E.value] : L.value, t = [];
+      return l.forEach((a, o) => {
+        const n = b.value[a], r = n && n.key === a ? n.data : he(a), p = (C, R) => {
+          R && typeof R.preventDefault == "function" && R.preventDefault(), ie(a);
+        };
+        if (I.selectedItem && r) {
+          const C = I.selectedItem({
+            option: r,
+            index: o,
+            disabled: e.disabled || r.disabled,
+            onClose: p
+          }), R = e.disabled || r.disabled || e.disableStrictly && ae.value.has(r.key);
+          t.push(
+            c(
+              de,
+              {
+                closable: !R,
+                color: "white",
+                visible: !0,
+                size: e.size === "small" ? "small" : "large",
+                onClose: p,
+                key: `tag-${a}-${o}`
+              },
+              { default: () => C }
+            )
+          );
+          return;
+        }
+        const m = Ee(e.renderSelectedItem) ? e.renderSelectedItem : (C) => ({
           isRenderInTag: !0,
-          content: oe(R, oe(l.keyMaps, "label", l.treeNodeLabelProp), null)
-        }), { content: y, isRenderInTag: p } = u ? m(u, { index: o, onClose: f }) : { isRenderInTag: !1, content: null };
-        if (Jl(y) || je(y))
+          content: se(C, se(e.keyMaps, "label", e.treeNodeLabelProp), null)
+        }), { content: y, isRenderInTag: f } = r ? m(r, { index: o, onClose: p }) : { isRenderInTag: !1, content: null };
+        if (ea(y) || qe(y))
           return;
-        const E = l.disabled || u.disabled || l.disableStrictly && re.value.has(u.key);
-        p ? t.push(
+        const T = e.disabled || r.disabled || e.disableStrictly && ae.value.has(r.key);
+        f ? t.push(
           c(
-            we,
+            de,
             {
-              closable: !E,
+              closable: !T,
               color: "white",
               visible: !0,
-              size: l.size === "small" ? "small" : "large",
-              onClose: f,
+              size: e.size === "small" ? "small" : "large",
+              onClose: p,
               key: `tag-${a}-${o}`
             },
             { default: () => y }
           )
         ) : t.push(y);
-      }), c(ia, {
-        maxTagCount: l.maxTagCount,
+      }), c(ca, {
+        maxTagCount: e.maxTagCount,
         tagList: t,
         size: "large",
         mode: "custom",
-        showPopover: l.showRestTagsPopover,
-        popoverProps: l.restTagsPopoverProps
+        showPopover: e.showRestTagsPopover,
+        popoverProps: e.restTagsPopoverProps
       });
     }
-    function _l() {
-      const e = l.autoMergeValue ? l.checkRelation === "related" ? me([...C.value], S.value, l.leafOnly, !0) : [..._.value] : [...C.value], t = l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER ? l.searchAutoFocus : void 0;
-      return c(ra, {
-        maxTagCount: l.maxTagCount,
-        disabled: l.disabled,
-        onInputChange: (a) => pe(a),
-        ref: U,
-        placeholder: l.placeholder,
-        value: e,
-        inputValue: K.value,
-        size: l.size,
-        showRestTagsPopover: l.showRestTagsPopover,
-        restTagsPopoverProps: l.restTagsPopoverProps,
+    function Ml() {
+      const l = e.autoMergeValue ? e.checkRelation === "related" ? Te([...E.value], b.value, e.leafOnly, !0) : [...M.value] : [...E.value], t = e.filterTreeNode && e.searchPosition === D.SEARCH_POSITION_TRIGGER ? e.searchAutoFocus : void 0;
+      return c(ua, {
+        maxTagCount: e.maxTagCount,
+        disabled: e.disabled,
+        onInputChange: (a) => re(a),
+        ref: X,
+        placeholder: e.placeholder,
+        value: l,
+        inputValue: g.value,
+        size: e.size,
+        showRestTagsPopover: e.showRestTagsPopover,
+        restTagsPopoverProps: e.restTagsPopoverProps,
         autofocus: t,
-        renderTagItem: (a, o, n) => Ll(a, o, n),
-        onRemove: (a) => fe(a),
+        renderTagItem: (a, o, n) => zl(a, o, n),
+        onRemove: (a) => ie(a),
         expandRestTagsOnClick: !1,
-        preventScroll: l.preventScroll
+        preventScroll: e.preventScroll
       });
     }
-    function Ll(e, t, a) {
-      const n = me([e], S.value, l.leafOnly, !0).map(
-        () => S.value[e] && S.value[e].key === e ? S.value[e].data : Ae(e)
-      ), u = aa(n, l.keyMaps), f = k(`${s}-selection-tag`, {
-        [`${s}-selection-tag-disabled`]: l.disabled
-      }), m = !A(n) && !A(n[0]), y = l.disableStrictly && m && re.value.has(n[0].key), p = m && !n[0].disabled && !l.disabled && !y, E = (O, Z) => {
-        Z.preventDefault(), fe(e), a && a();
-      }, R = n[0], F = xe(l.renderSelectedItem) ? l.renderSelectedItem : (O) => ({
+    function zl(l, t, a) {
+      const n = Te([l], b.value, e.leafOnly, !0).map(
+        () => b.value[l] && b.value[l].key === l ? b.value[l].data : he(l)
+      ), r = ia(n, e.keyMaps), p = k(`${s}-selection-tag`, {
+        [`${s}-selection-tag-disabled`]: e.disabled
+      }), m = !H(n) && !H(n[0]), y = e.disableStrictly && m && ae.value.has(n[0].key), f = m && !n[0].disabled && !e.disabled && !y, T = ($, J) => {
+        J.preventDefault(), ie(l), a && a();
+      }, C = n[0];
+      if (I.selectedItem && C) {
+        const $ = I.selectedItem({ option: C, index: t, disabled: !f, onClose: T });
+        return c(
+          de,
+          {
+            size: e.size === "small" ? "small" : "large",
+            key: `tag-${r}-${t}`,
+            color: "white",
+            class: p,
+            closable: f,
+            onClose: T
+          },
+          { default: () => $ }
+        );
+      }
+      const R = Ee(e.renderSelectedItem) ? e.renderSelectedItem : ($) => ({
         isRenderInTag: !0,
-        content: oe(O, oe(l.keyMaps, "label", l.treeNodeLabelProp), null)
+        content: se($, se(e.keyMaps, "label", e.treeNodeLabelProp), null)
       });
-      if (xe(F)) {
-        const { content: O, isRenderInTag: Z } = R ? F(R, { index: t, onClose: E }) : { isRenderInTag: !1, content: null };
-        return Z ? c(
-          we,
+      if (Ee(R)) {
+        const { content: $, isRenderInTag: J } = C ? R(C, { index: t, onClose: T }) : { isRenderInTag: !1, content: null };
+        return J ? c(
+          de,
           {
-            size: l.size === "small" ? "small" : "large",
-            key: `tag-${u}-${t}`,
+            size: e.size === "small" ? "small" : "large",
+            key: `tag-${r}-${t}`,
             color: "white",
-            class: f,
-            closable: p,
-            onClose: E
+            class: p,
+            closable: f,
+            onClose: T
           },
-          { default: () => O }
-        ) : O;
+          { default: () => $ }
+        ) : $;
       }
       return c(
-        we,
+        de,
         {
-          size: l.size === "small" ? "small" : "large",
-          key: `tag-${u}-${t}`,
+          size: e.size === "small" ? "small" : "large",
+          key: `tag-${r}-${t}`,
           color: "white",
-          class: f,
-          closable: p,
-          onClose: E
+          class: p,
+          closable: f,
+          onClose: T
         },
-        { default: () => u }
+        { default: () => r }
       );
     }
-    return tl({
-      open: () => i.open(),
-      close: () => i.close(null),
-      focus: () => i.handleTriggerFocus(null),
-      blur: () => i.handlerTriggerBlur(null),
-      search: (e) => {
-        B.value || i.open(), i.handleInputChange(e);
+    return rl({
+      open: () => d.open(),
+      close: () => d.close(null),
+      focus: () => d.handleTriggerFocus(null),
+      blur: () => d.handlerTriggerBlur(null),
+      search: (l) => {
+        B.value || d.open(), d.handleInputChange(l);
       }
-    }), zl(() => {
-      j && (clearTimeout(j), j = null), i == null || i.destroy();
-    }), (e, t) => (h(), b(T(na), {
+    }), Gl(() => {
+      q && (clearTimeout(q), q = null), d == null || d.destroy();
+    }), (l, t) => (h(), P(S(da), {
       visible: B.value,
       trigger: "custom",
-      position: il.value,
-      "z-index": l.zIndex,
-      "get-popup-container": l.getPopupContainer,
-      motion: l.motion,
-      "auto-adjust-overflow": l.autoAdjustOverflow,
-      margin: l.dropdownMargin,
-      "stop-propagation": l.stopPropagation,
-      "mouse-enter-delay": l.mouseEnterDelay,
-      "mouse-leave-delay": l.mouseLeaveDelay,
-      "after-close": wl,
-      "wrapper-class-name": `${T(s)}-popover`,
-      "re-pos-key": H.value,
-      "onUpdate:visible": xl,
-      onVisibleChange: Cl,
-      onClickOutSide: Pl
+      position: ul.value,
+      "z-index": e.zIndex,
+      "get-popup-container": e.getPopupContainer,
+      motion: e.motion,
+      "auto-adjust-overflow": e.autoAdjustOverflow,
+      margin: e.dropdownMargin,
+      "stop-propagation": e.stopPropagation,
+      "mouse-enter-delay": e.mouseEnterDelay,
+      "mouse-leave-delay": e.mouseLeaveDelay,
+      "after-close": Il,
+      "wrapper-class-name": `${S(s)}-popover`,
+      "re-pos-key": U.value,
+      "onUpdate:visible": kl,
+      onVisibleChange: wl,
+      onClickOutSide: El
     }, {
-      content: ye(() => [
-        he("div", {
+      content: Ke(() => [
+        be("div", {
           ref_key: "optionsContainerRef",
-          ref: Ne,
-          class: M(sl.value),
-          style: He(ul.value),
-          onKeydown: _e
+          ref: Oe,
+          class: A(cl.value),
+          style: Ue(pl.value),
+          onKeydown: Ae
         }, [
-          l.outerTopSlot ? (h(), b(N(l.outerTopSlot), { key: 0 })) : L("", !0),
-          vl.value ? (h(), G("div", {
+          e.outerTopSlot ? (h(), P(O(e.outerTopSlot), { key: 0 })) : W("", !0),
+          ml.value ? (h(), z("div", {
             key: 1,
-            class: M(`${T($)}-search-wrapper`)
+            class: A(`${S(_)}-search-wrapper`)
           }, [
-            typeof l.searchRender != "function" ? (h(), b(T(Qe), {
+            typeof e.searchRender != "function" ? (h(), P(S(ll), {
               key: 0,
               ref: (a) => {
-                a && (I.value = a);
+                a && (F.value = a);
               },
               "aria-label": "Filter TreeSelect item",
-              placeholder: l.searchPlaceholder || "搜索",
-              value: K.value,
-              "prevent-scroll": l.preventScroll,
-              "show-clear": l.showSearchClear,
-              onInput: Le
+              placeholder: e.searchPlaceholder || "搜索",
+              value: g.value,
+              "prevent-scroll": e.preventScroll,
+              "show-clear": e.showSearchClear,
+              onInput: He
             }, {
-              prefix: ye(() => [
-                ql(T(Ie))
+              prefix: Ke(() => [
+                Ql(S(Fe))
               ]),
               _: 1
-            }, 8, ["placeholder", "value", "prevent-scroll", "show-clear"])) : typeof l.searchRender == "function" ? (h(), b(T(ke), {
+            }, 8, ["placeholder", "value", "prevent-scroll", "show-clear"])) : typeof e.searchRender == "function" ? (h(), P(S($e), {
               key: 1,
               "component-name": "TreeSelect"
             }, {
-              default: ye(({ locale: a }) => [
-                (h(), b(N(
-                  () => l.searchRender({
-                    showClear: l.showSearchClear,
-                    prefix: c(T(Ie)),
-                    value: K.value,
-                    preventScroll: l.preventScroll,
-                    onChange: pe,
-                    placeholder: l.searchPlaceholder || (a == null ? void 0 : a.searchPlaceholder) || "搜索"
+              default: Ke(({ locale: a }) => [
+                (h(), P(O(
+                  () => e.searchRender({
+                    showClear: e.showSearchClear,
+                    prefix: c(S(Fe)),
+                    value: g.value,
+                    preventScroll: e.preventScroll,
+                    onChange: re,
+                    placeholder: e.searchPlaceholder || (a == null ? void 0 : a.searchPlaceholder) || "搜索"
                   })
                 )))
               ]),
               _: 1
-            })) : L("", !0)
-          ], 2)) : L("", !0),
-          he("div", {
-            class: M(dl.value),
+            })) : W("", !0)
+          ], 2)) : W("", !0),
+          be("div", {
+            class: A(fl.value),
             role: "tree",
-            "aria-multiselectable": l.multiple,
-            style: He(l.optionListStyle)
+            "aria-multiselectable": e.multiple,
+            style: Ue(e.optionListStyle)
           }, [
-            (h(), b(N(Rl())))
-          ], 14, ha),
-          l.outerBottomSlot ? (h(), b(N(l.outerBottomSlot), { key: 2 })) : L("", !0)
+            (h(), P(O(Fl())))
+          ], 14, ba),
+          e.outerBottomSlot ? (h(), P(O(e.outerBottomSlot), { key: 2 })) : W("", !0)
         ], 38)
       ]),
-      default: ye(() => [
-        he("div", Hl({
+      default: Ke(() => [
+        be("div", Ul({
           ref_key: "triggerRef",
-          ref: z,
-          class: cl.value,
-          style: l.style,
-          tabindex: l.disabled ? void 0 : 0,
+          ref: G,
+          class: vl.value,
+          style: e.style,
+          tabindex: e.disabled ? void 0 : 0,
           role: "combobox",
-          "aria-disabled": l.disabled,
+          "aria-disabled": e.disabled,
           "aria-haspopup": "tree",
-          "aria-invalid": l["aria-invalid"],
-          "aria-errormessage": l["aria-errormessage"],
-          "aria-label": l["aria-label"] || "TreeSelect",
-          "aria-labelledby": l["aria-labelledby"],
-          "aria-describedby": l["aria-describedby"],
-          "aria-required": l["aria-required"]
-        }, T(rl)(), {
-          onClick: gl,
-          onKeydown: _e,
-          onKeypress: Tl,
-          onMouseenter: Sl,
-          onMouseleave: bl
+          "aria-invalid": e["aria-invalid"],
+          "aria-errormessage": e["aria-errormessage"],
+          "aria-label": e["aria-label"] || "TreeSelect",
+          "aria-labelledby": e["aria-labelledby"],
+          "aria-describedby": e["aria-describedby"],
+          "aria-required": e["aria-required"]
+        }, S(dl)(), {
+          onClick: Sl,
+          onKeydown: Ae,
+          onKeypress: Pl,
+          onMouseenter: Cl,
+          onMouseleave: xl
         }), [
-          Se.value ? (h(), b(N(yl.value), { key: 0 })) : (h(), G(Te, { key: 1 }, [
-            l.prefix || l.insetLabel ? (h(), G("div", {
+          Pe.value ? (h(), z(Se, { key: 0 }, [
+            S(I).trigger ? ql(l.$slots, "trigger", {
+              key: 0,
+              value: Me.value,
+              placeholder: e.placeholder,
+              disabled: e.disabled,
+              onClear: ke,
+              onRemove: ie,
+              inputValue: g.value,
+              onSearch: We,
+              onChange: re
+            }) : (h(), P(O(gl.value), { key: 1 }))
+          ], 64)) : (h(), z(Se, { key: 1 }, [
+            e.prefix || e.insetLabel ? (h(), z("div", {
               key: 0,
-              id: l.insetLabelId,
-              class: M(pl.value),
+              id: e.insetLabelId,
+              class: A(yl.value),
               "x-semi-prop": "prefix,insetLabel"
             }, [
-              l.prefix ? (h(), b(N(l.prefix), { key: 0 })) : l.insetLabel ? (h(), G(Te, { key: 1 }, [
-                jl(Gl(l.insetLabel), 1)
-              ], 64)) : L("", !0)
-            ], 10, ga)) : L("", !0),
-            he("div", {
-              class: M(`${T(s)}-selection`)
+              e.prefix ? (h(), P(O(e.prefix), { key: 0 })) : e.insetLabel ? (h(), z(Se, { key: 1 }, [
+                Xl(Zl(e.insetLabel), 1)
+              ], 64)) : W("", !0)
+            ], 10, Ta)) : W("", !0),
+            be("div", {
+              class: A(`${S(s)}-selection`)
             }, [
-              (h(), b(N(Ol())))
+              (h(), P(O(Dl())))
             ], 2),
-            l.suffix ? (h(), G("div", {
+            e.suffix ? (h(), z("div", {
               key: 1,
-              class: M(fl.value),
+              class: A(hl.value),
               "x-semi-prop": "suffix"
             }, [
-              (h(), b(N(l.suffix)))
-            ], 2)) : L("", !0),
-            $e.value ? (h(), G("div", {
+              (h(), P(O(e.suffix)))
+            ], 2)) : W("", !0),
+            Le.value ? (h(), z("div", {
               key: 2,
-              class: M(`${T(s)}-clearbtn`),
+              class: A(`${S(s)}-clearbtn`),
               role: "button",
               tabindex: "0",
               "aria-label": "Clear TreeSelect value",
-              onClick: Ul(Ve, ["stop"]),
-              onKeypress: Kl
+              onClick: Jl(ke, ["stop"]),
+              onKeypress: Tl
             }, [
-              (h(), b(N(l.clearIcon || T(va))))
-            ], 34)) : $e.value ? L("", !0) : (h(), G("div", {
+              (h(), P(O(e.clearIcon || S(ga))))
+            ], 34)) : Le.value ? W("", !0) : (h(), z("div", {
               key: 3,
-              class: M(`${T(s)}-arrow`)
+              class: A(`${S(s)}-arrow`)
             }, [
-              (h(), b(N(l.arrowIcon || T(ya))))
+              (h(), P(O(e.arrowIcon || S(Ka))))
             ], 2))
           ], 64))
-        ], 16, ma)
+        ], 16, Sa)
       ]),
-      _: 1
+      _: 3
     }, 8, ["visible", "position", "z-index", "get-popup-container", "motion", "auto-adjust-overflow", "margin", "stop-propagation", "mouse-enter-delay", "mouse-leave-delay", "wrapper-class-name", "re-pos-key"]));
   }
 });
 export {
-  ja as default
+  Ja as default
 };
-//# sourceMappingURL=TreeSelect.vue.js.map