@transsionfe/semi-ui-vue 0.0.4 → 0.0.5

package/lib/es/components/cascader/Cascader.vue.js

@@ -1,20 +1,22 @@
-import { defineComponent as Tl, ref as r, computed as v, markRaw as Pl, nextTick as E, watch as R, onMounted as Ie, onUnmounted as xl, createBlock as k, openBlock as u, unref as m, withCtx as se, createElementVNode as ie, normalizeStyle as Ee, normalizeClass as g, createElementBlock as y, resolveDynamicComponent as _, Fragment as x, createCommentVNode as L, createTextVNode as U, toDisplayString as V, renderList as Il, withModifiers as El, createVNode as Rl, h as ce } from "vue";
+import { defineComponent as wa, useSlots as Da, ref as u, computed as y, markRaw as Oa, nextTick as P, watch as S, onMounted as _e, onUnmounted as Na, openBlock as d, createBlock as $, unref as b, withCtx as pe, createElementVNode as fe, normalizeStyle as Ve, normalizeClass as K, resolveDynamicComponent as F, createElementBlock as k, Fragment as _, createTextVNode as ee, toDisplayString as q, createCommentVNode as j, renderSlot as re, renderList as za, withModifiers as _a, createVNode as Va, h as ue } from "vue";
 import w from "classnames";
-import { isEqual as wl } from "lodash";
-import { strings as D, cssClasses as Sl } from "@douyinfe/semi-foundation/cascader/constants";
-import $l from "@douyinfe/semi-foundation/cascader/foundation";
-import { calcMergeType as Dl } from "@douyinfe/semi-foundation/cascader/util";
-import { normalizeKeyList as Nl } from "@douyinfe/semi-foundation/tree/treeUtil";
-import Ol from "../popover/Popover.vue.js";
-import { Input as zl } from "../input/index.js";
-import Bl from "../tagInput/index.js";
-import Re from "../tag/Tag.vue.js";
-import _l from "../tag/TagGroup.vue.js";
-import Ll from "./Item.vue.js";
-import { useFoundation as Vl } from "../../_utils/useFoundation.js";
-import Ml from "../icons/icons/IconClear.js";
-import Hl from "../icons/icons/IconChevronDown.js";
-const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-errormessage", "aria-invalid", "aria-required"], ql = ["id"], sa = /* @__PURE__ */ Tl({
+import { isEqual as Ba } from "lodash";
+import { strings as D, cssClasses as La } from "@douyinfe/semi-foundation/cascader/constants";
+import Ma from "@douyinfe/semi-foundation/cascader/foundation";
+import { calcMergeType as Aa } from "@douyinfe/semi-foundation/cascader/util";
+import { calcCheckedKeys as Ha, normalizeKeyList as Be } from "@douyinfe/semi-foundation/tree/treeUtil";
+import Fa from "../popover/Popover.vue.js";
+import "../popover/popover.css";
+import { Input as qa } from "../input/index.js";
+import ja from "../tagInput/index.js";
+import ve from "../tag/Tag.vue.js";
+import Wa from "../tag/TagGroup.vue.js";
+import "../tag/tag.css";
+import Ga from "./Item.vue.js";
+import { useFoundation as Ua } from "../../_utils/useFoundation.js";
+import Ya from "../icons/icons/IconClear.vue.js";
+import Xa from "../icons/icons/IconChevronDown.vue.js";
+const Ja = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-errormessage", "aria-invalid", "aria-required"], Qa = ["id"], gl = /* @__PURE__ */ wa({
   name: "Cascader",
   __name: "Cascader",
   props: {
@@ -93,317 +95,340 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
     emptyContent: {}
   },
   emits: ["update:modelValue", "update:value", "change", "select", "search", "focus", "blur", "dropdownVisibleChange", "listScroll", "load", "exceed", "clear"],
-  setup(we, { expose: Se, emit: $e }) {
-    const s = Sl.PREFIX, l = we, C = $e, Y = r(), i = r(), N = r(), p = r(l.defaultOpen || !1), S = r(l.defaultOpen || !1), ve = r(!1), De = r(!1), M = r(!1), H = r(0), X = r(null), F = r(null), J = r(/* @__PURE__ */ new Set()), f = r({}), T = r(/* @__PURE__ */ new Set()), O = r(/* @__PURE__ */ new Set()), q = r(/* @__PURE__ */ new Set()), h = r(""), z = r(!1), $ = r(l.searchPlaceholder || l.placeholder || ""), I = r(/* @__PURE__ */ new Set()), A = r(/* @__PURE__ */ new Set()), B = r(/* @__PURE__ */ new Set()), Q = r(/* @__PURE__ */ new Set()), Z = r(/* @__PURE__ */ new Set()), W = r(!1), P = r(!1), pe = r(/* @__PURE__ */ new Set()), fe = r(/* @__PURE__ */ new Set()), re = r({}), K = r(!1), ye = v(() => Dl(l.autoMergeValue, l.leafOnly)), Ne = v(() => !f.value || Object.keys(f.value).length === 0), Oe = v(() => !!l.filterTreeNode && z.value), ze = v(() => !!l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER), Be = v(() => t.getRenderData()), j = v(() => ye.value === D.NONE_MERGE_TYPE || l.checkRelation === D.UN_RELATED ? I.value : B.value), _e = v(() => Array.from(j.value).map((e) => {
-      const a = f.value[e];
-      return a ? a.data[l.displayProp] : e;
-    })), Le = v(() => Array.from(j.value).map((e) => f.value[e]).filter(Boolean)), Ve = v(() => !l.maxTagCount || j.value.size <= l.maxTagCount ? 0 : j.value.size - l.maxTagCount), Me = v(() => w(`${s}-tagInput-wrapper`)), He = (e) => {
-      l.multiple && l.filterTreeNode && (K.value = !0, setTimeout(() => {
-        K.value = !1;
+  setup(Le, { expose: Me, emit: Ae }) {
+    const i = La.PREFIX, a = Le, g = Ae, ye = Da(), ae = u(), r = u(), V = u(), h = u(a.defaultOpen || !1), O = u(a.defaultOpen || !1), ke = u(!1), He = u(!1), W = u(!1), G = u(0), le = u(null), U = u(null), te = u(/* @__PURE__ */ new Set()), c = u({}), T = u(/* @__PURE__ */ new Set()), B = u(/* @__PURE__ */ new Set()), Y = u(/* @__PURE__ */ new Set()), C = u(""), L = u(!1), N = u(a.searchPlaceholder || a.placeholder || ""), x = u(/* @__PURE__ */ new Set()), X = u(/* @__PURE__ */ new Set()), M = u(/* @__PURE__ */ new Set()), oe = u(/* @__PURE__ */ new Set()), ne = u(/* @__PURE__ */ new Set()), J = u(!1), R = u(!1), Ke = u(/* @__PURE__ */ new Set()), Te = u(/* @__PURE__ */ new Set()), he = u({}), E = u(!1), me = y(() => Aa(a.autoMergeValue, a.leafOnly)), Fe = y(() => !c.value || Object.keys(c.value).length === 0), qe = y(() => !!a.filterTreeNode && L.value), je = y(() => !!a.filterTreeNode && a.searchPosition === D.SEARCH_POSITION_TRIGGER), We = y(() => n.getRenderData()), Q = y(() => me.value === D.NONE_MERGE_TYPE || a.checkRelation === D.UN_RELATED ? x.value : M.value), Ge = y(() => Array.from(Q.value).map((e) => {
+      const l = c.value[e];
+      return l ? l.data[a.displayProp] : e;
+    })), Ue = y(() => Array.from(Q.value).map((e) => c.value[e]).filter(Boolean)), Ye = y(() => !a.maxTagCount || Q.value.size <= a.maxTagCount ? 0 : Q.value.size - a.maxTagCount), Xe = y(() => w(`${i}-tagInput-wrapper`)), Je = (e) => {
+      a.multiple && a.filterTreeNode && (E.value = !0, setTimeout(() => {
+        E.value = !1;
       }, 500));
-      const a = l.multiple && l.filterTreeNode ? h.value : "", o = l.multiple && l.filterTreeNode ? new Set(q.value) : /* @__PURE__ */ new Set();
-      if ((l.modelValue !== void 0 || l.value !== void 0) && l.multiple) {
-        const { key: d } = e, b = I.value.has(d), { disableStrictly: c, max: G } = l, Pe = c ? t.calcCheckedStatus(!b, d) : !b, { checkedKeys: ae, halfCheckedKeys: bl } = c ? t.calcNonDisabledCheckedKeys(d, Pe) : t.calcCheckedKeys(d, Pe), xe = ye.value, Kl = xe === D.LEAF_ONLY_MERGE_TYPE, kl = xe === D.NONE_MERGE_TYPE, ne = new Set(
-          Nl(Array.from(ae), f.value, Kl)
+      const l = a.multiple && a.filterTreeNode ? C.value : "", t = a.multiple && a.filterTreeNode ? new Set(Y.value) : /* @__PURE__ */ new Set();
+      if ((a.modelValue !== void 0 || a.value !== void 0) && a.multiple) {
+        const { key: s } = e, m = x.value.has(s), { disableStrictly: p, max: f } = a, v = p ? n.calcCheckedStatus(!m, s) : !m, { checkedKeys: I, halfCheckedKeys: z } = p ? n.calcNonDisabledCheckedKeys(s, v) : n.calcCheckedKeys(s, v), De = me.value, Sa = De === D.LEAF_ONLY_MERGE_TYPE, Oe = De === D.NONE_MERGE_TYPE, de = new Set(
+          Be(Array.from(I), c.value, Sa)
         );
-        if (typeof G == "number") {
-          if (kl) {
-            if (I.value.size < ae.size && ae.size > G) {
-              const oe = [];
-              ae.forEach((de) => {
-                const te = f.value[de];
-                te && oe.push(te);
-              }), l.onExceed && l.onExceed(oe);
+        if (typeof f == "number") {
+          if (Oe) {
+            if (x.value.size < I.size && I.size > f) {
+              const A = [];
+              I.forEach((Z) => {
+                const H = c.value[Z];
+                H && A.push(H);
+              }), a.onExceed && a.onExceed(A);
               return;
             }
-          } else if (B.value.size < ne.size && ne.size > G) {
-            const oe = [];
-            ne.forEach((de) => {
-              const te = f.value[de];
-              te && oe.push(te);
-            }), l.onExceed && l.onExceed(oe);
+          } else if (M.value.size < de.size && de.size > f) {
+            const A = [];
+            de.forEach((Z) => {
+              const H = c.value[Z];
+              H && A.push(H);
+            }), a.onExceed && a.onExceed(A);
             return;
           }
         }
-        I.value = ae, A.value = bl, B.value = ne;
+        const ce = [];
+        (Oe ? I : de).forEach((A) => {
+          const Z = c.value[A];
+          if (Z) {
+            const H = Z.path.map((Ne) => {
+              const ze = c.value[Ne];
+              return ze ? ze.data.value : Ne;
+            });
+            ce.push(H);
+          }
+        }), g("update:modelValue", ce), g("update:value", ce), g("change", ce);
+        return;
       }
-      t.onItemCheckboxClick(e), l.multiple && l.filterTreeNode && a && !h.value && (h.value = a, o.size > 0 && (q.value = o, z.value = !0, E(() => {
-        t.handleInputChange(a);
+      n.onItemCheckboxClick(e), a.multiple && a.filterTreeNode && l && !C.value && (C.value = l, t.size > 0 && (Y.value = t, L.value = !0, P(() => {
+        n.handleInputChange(l);
       })));
-    }, ee = v(() => {
+    }, se = y(() => {
       if (T.value.size === 0)
+        return [];
+      const e = Array.from(T.value)[0];
+      return c.value[e] ? Qe(e, a.displayProp) : [];
+    }), ge = y(() => {
+      if (ye.display || T.value.size === 0)
         return "";
       const e = Array.from(T.value)[0];
-      if (!f.value[e])
+      if (!c.value[e])
         return "";
-      const o = Fe(e, l.displayProp);
-      return l.displayRender && typeof l.displayRender == "function" ? l.displayRender(o, 0) : o.join(l.separator);
-    }), Fe = (e, a, o) => {
-      const n = f.value, d = n[e];
-      return d ? d.path.map((c) => {
-        const G = n[c];
-        return G ? G.data[a] : "";
+      const t = se.value;
+      if (a.displayRender && typeof a.displayRender == "function") {
+        const o = a.displayRender(t, 0);
+        return o && typeof o != "string" ? "" : o;
+      }
+      return t.join(a.separator);
+    }), Qe = (e, l, t) => {
+      const o = c.value, s = o[e];
+      return s ? s.path.map((p) => {
+        const f = o[p];
+        return f ? f.data[l] : "";
       }) : [];
-    }, ue = v(() => typeof l.triggerRender == "function"), qe = v(() => ue.value ? w(l.className) : w(s, l.className, {
-      [`${s}-borderless`]: l.borderless,
-      [`${s}-focus`]: ve.value || p.value && !De.value,
-      [`${s}-disabled`]: l.disabled,
-      [`${s}-single`]: !l.multiple,
-      [`${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
-    })), Ae = v(() => w({
-      [`${s}-search-wrapper`]: !0,
-      [`${s}-search-wrapper-${l.size}`]: l.size !== "default"
-    })), he = v(() => w({
-      [`${s}-selection-placeholder`]: !ee.value,
-      [`${s}-selection-text-hide`]: P.value && h.value,
-      [`${s}-selection-text-inactive`]: P.value && !h.value
-    })), We = v(() => w(`${s}-prefix`, {
-      [`${s}-inset-label`]: l.insetLabel
-    })), je = v(() => w(`${s}-suffix`)), Ge = v(() => w(l.dropdownClassName, `${s}-popover`)), Ue = v(() => {
+    }, Ce = y(() => typeof a.triggerRender == "function"), Ze = y(() => Ce.value ? w(a.className) : w(i, a.className, {
+      [`${i}-borderless`]: a.borderless,
+      [`${i}-focus`]: ke.value || h.value && !He.value,
+      [`${i}-disabled`]: a.disabled,
+      [`${i}-single`]: !a.multiple,
+      [`${i}-filterable`]: !!a.filterTreeNode,
+      [`${i}-error`]: a.validateStatus === "error",
+      [`${i}-warning`]: a.validateStatus === "warning",
+      [`${i}-small`]: a.size === "small",
+      [`${i}-large`]: a.size === "large",
+      [`${i}-with-prefix`]: a.prefix || a.insetLabel,
+      [`${i}-with-suffix`]: a.suffix
+    })), ea = y(() => w({
+      [`${i}-search-wrapper`]: !0,
+      [`${i}-search-wrapper-${a.size}`]: a.size !== "default"
+    })), Ee = y(() => w({
+      [`${i}-selection-placeholder`]: !ge.value,
+      [`${i}-selection-text-hide`]: R.value && C.value,
+      [`${i}-selection-text-inactive`]: R.value && !C.value
+    })), aa = y(() => w(`${i}-prefix`, {
+      [`${i}-inset-label`]: a.insetLabel
+    })), la = y(() => w(`${i}-suffix`)), ta = y(() => w(a.dropdownClassName, `${i}-popover`)), oa = y(() => {
       const e = {
-        ...l.dropdownStyle
+        ...a.dropdownStyle
       };
-      if (F.value) {
-        const a = typeof F.value == "number" ? `${F.value}px` : F.value;
-        e.minWidth = a;
+      if (U.value) {
+        const l = typeof U.value == "number" ? `${U.value}px` : U.value;
+        e.minWidth = l;
       }
       return e;
-    }), Ye = v(() => l.position || "bottomLeft"), me = v(() => {
+    }), na = y(() => a.position || "bottomLeft"), Pe = y(() => {
       const e = T.value.size > 0;
-      return l.showClear && (h.value || e) && !l.disabled && (p.value || M.value);
-    }), Xe = v(() => {
-      var a;
-      if (!ue.value)
+      return a.showClear && (C.value || e) && !a.disabled && (h.value || W.value);
+    }), sa = y(() => {
+      var l;
+      if (!Ce.value)
         return null;
       let e;
-      if (l.multiple) {
-        const o = /* @__PURE__ */ new Set();
-        Array.from(j.value).forEach((n) => {
-          const d = f.value[n];
-          d != null && d.pos && o.add(d.pos);
-        }), e = o.size > 0 ? o : void 0;
+      if (a.multiple) {
+        const t = /* @__PURE__ */ new Set();
+        Array.from(Q.value).forEach((o) => {
+          const s = c.value[o];
+          s != null && s.pos && t.add(s.pos);
+        }), e = t.size > 0 ? t : void 0;
       } else {
-        const o = Array.from(T.value)[0];
-        e = (a = f.value[o]) == null ? void 0 : a.pos;
+        const t = Array.from(T.value)[0];
+        e = (l = c.value[t]) == null ? void 0 : l.pos;
       }
-      return l.triggerRender({
-        componentProps: l,
-        disabled: l.disabled || !1,
+      return a.triggerRender({
+        componentProps: a,
+        disabled: a.disabled || !1,
         value: e,
-        inputValue: h.value,
-        placeholder: $.value,
-        onSearch: le,
-        onChange: le,
-        onClear: Ce,
-        onRemove: Te
+        inputValue: C.value,
+        placeholder: N.value,
+        onSearch: ie,
+        onChange: ie,
+        onClear: Ie,
+        onRemove: we
       });
-    }), Je = Pl({
+    }), ia = Oa({
       getState: (e) => ({
-        emptyContentMinWidth: X.value,
-        isOpen: p.value,
-        rePosKey: H.value,
-        keyEntities: f.value,
+        emptyContentMinWidth: le.value,
+        isOpen: h.value,
+        rePosKey: G.value,
+        keyEntities: c.value,
         selectedKeys: T.value,
-        activeKeys: O.value,
-        filteredKeys: q.value,
-        inputValue: h.value,
-        isSearching: z.value,
-        inputPlaceHolder: $.value,
-        isHovering: M.value,
-        checkedKeys: I.value,
-        halfCheckedKeys: A.value,
-        resolvedCheckedKeys: B.value,
-        loadedKeys: Q.value,
-        loadingKeys: Z.value,
-        loading: W.value,
-        showInput: P.value,
-        disabledKeys: J.value
+        activeKeys: B.value,
+        filteredKeys: Y.value,
+        inputValue: C.value,
+        isSearching: L.value,
+        inputPlaceHolder: N.value,
+        isHovering: W.value,
+        checkedKeys: x.value,
+        halfCheckedKeys: X.value,
+        resolvedCheckedKeys: M.value,
+        loadedKeys: oe.value,
+        loadingKeys: ne.value,
+        loading: J.value,
+        showInput: R.value,
+        disabledKeys: te.value
       })[e],
       getStates: () => ({
-        emptyContentMinWidth: X.value,
-        isOpen: p.value,
-        rePosKey: H.value,
-        keyEntities: f.value,
+        emptyContentMinWidth: le.value,
+        isOpen: h.value,
+        rePosKey: G.value,
+        keyEntities: c.value,
         selectedKeys: T.value,
-        activeKeys: O.value,
-        filteredKeys: q.value,
-        inputValue: h.value,
-        isSearching: z.value,
-        inputPlaceHolder: $.value,
-        prevProps: re.value,
-        isHovering: M.value,
-        checkedKeys: I.value,
-        halfCheckedKeys: A.value,
-        resolvedCheckedKeys: B.value,
-        loadedKeys: Q.value,
-        loadingKeys: Z.value,
-        loading: W.value,
-        showInput: P.value,
-        disabledKeys: J.value
+        activeKeys: B.value,
+        filteredKeys: Y.value,
+        inputValue: C.value,
+        isSearching: L.value,
+        inputPlaceHolder: N.value,
+        prevProps: he.value,
+        isHovering: W.value,
+        checkedKeys: x.value,
+        halfCheckedKeys: X.value,
+        resolvedCheckedKeys: M.value,
+        loadedKeys: oe.value,
+        loadingKeys: ne.value,
+        loading: J.value,
+        showInput: R.value,
+        disabledKeys: te.value
       }),
-      getProp: (e) => l[e],
+      getProp: (e) => a[e],
       getProps: () => ({
-        ...l,
-        triggerRender: l.triggerRender ? (e) => l.triggerRender(e) : void 0
+        ...a,
+        triggerRender: a.triggerRender ? (e) => a.triggerRender(e) : void 0
       }),
-      setState: (e, a) => {
-        const o = Object.keys(e).filter((n) => e[n] !== void 0);
+      setState: (e, l) => {
+        const t = Object.keys(e).filter((o) => e[o] !== void 0);
         fetch("http://127.0.0.1:7242/ingest/d92dbb99-53f2-4117-89b1-9cce9a52f626", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             location: "Cascader.vue:583",
             message: "setState called",
-            data: { stateKeysCount: o.length, stateKeys: o },
+            data: { stateKeysCount: t.length, stateKeys: t },
             timestamp: Date.now(),
             sessionId: "debug-session",
             runId: "run1",
             hypothesisId: "D"
           })
         }).catch(() => {
-        }), e.emptyContentMinWidth !== void 0 && (X.value = e.emptyContentMinWidth), e.isOpen !== void 0 && (p.value = e.isOpen), e.rePosKey !== void 0 && (H.value = e.rePosKey), e.keyEntities !== void 0 && (f.value = e.keyEntities), e.selectedKeys !== void 0 && (T.value = e.selectedKeys), e.activeKeys !== void 0 && (O.value = e.activeKeys), e.filteredKeys !== void 0 && (q.value = e.filteredKeys), e.inputValue !== void 0 && (h.value = e.inputValue), e.isSearching !== void 0 && (z.value = e.isSearching), e.inputPlaceHolder !== void 0 && ($.value = e.inputPlaceHolder), e.isHovering !== void 0 && (M.value = e.isHovering), e.checkedKeys !== void 0 && (I.value = e.checkedKeys), e.halfCheckedKeys !== void 0 && (A.value = e.halfCheckedKeys), e.resolvedCheckedKeys !== void 0 && (B.value = e.resolvedCheckedKeys), e.loadedKeys !== void 0 && (Q.value = e.loadedKeys), e.loadingKeys !== void 0 && (Z.value = e.loadingKeys), e.loading !== void 0 && (W.value = e.loading), e.showInput !== void 0 && (P.value = e.showInput), e.disabledKeys !== void 0 && (J.value = e.disabledKeys), a && E(a);
+        }), e.emptyContentMinWidth !== void 0 && (le.value = e.emptyContentMinWidth), e.isOpen !== void 0 && (h.value = e.isOpen), e.rePosKey !== void 0 && (G.value = e.rePosKey), e.keyEntities !== void 0 && (c.value = e.keyEntities), e.selectedKeys !== void 0 && (T.value = e.selectedKeys), e.activeKeys !== void 0 && (B.value = e.activeKeys), e.filteredKeys !== void 0 && (Y.value = e.filteredKeys), e.inputValue !== void 0 && (C.value = e.inputValue), e.isSearching !== void 0 && (L.value = e.isSearching), e.inputPlaceHolder !== void 0 && (N.value = e.inputPlaceHolder), e.isHovering !== void 0 && (W.value = e.isHovering), e.checkedKeys !== void 0 && (console.log("[Cascader] setState updating checkedKeys", {
+          old: Array.from(x.value),
+          new: Array.from(e.checkedKeys)
+        }), x.value = e.checkedKeys), e.halfCheckedKeys !== void 0 && (X.value = e.halfCheckedKeys), e.resolvedCheckedKeys !== void 0 && (M.value = e.resolvedCheckedKeys), e.loadedKeys !== void 0 && (oe.value = e.loadedKeys), e.loadingKeys !== void 0 && (ne.value = e.loadingKeys), e.loading !== void 0 && (J.value = e.loading), e.showInput !== void 0 && (R.value = e.showInput), e.disabledKeys !== void 0 && (te.value = e.disabledKeys), l && P(l);
       },
       getContext: (e) => null,
       getContexts: () => ({}),
       getCache: (e) => null,
       getCaches: () => ({}),
-      setCache: (e, a) => {
+      setCache: (e, l) => {
       },
       updateInputValue: (e) => {
-        h.value = e;
+        C.value = e;
       },
       updateInputPlaceHolder: (e) => {
-        $.value = e;
+        N.value = e;
       },
       focusInput: () => {
-        l.filterTreeNode && !l.multiple && (P.value = !0), E(() => {
-          if (i.value) {
-            if (typeof i.value.focus == "function")
-              i.value.focus({ preventScroll: l.preventScroll });
-            else if (i.value.$el && i.value.$el.querySelector) {
-              const e = i.value.$el.querySelector("input");
-              e && e.focus({ preventScroll: l.preventScroll });
+        a.filterTreeNode && !a.multiple && (R.value = !0), P(() => {
+          if (r.value) {
+            if (typeof r.value.focus == "function")
+              r.value.focus({ preventScroll: a.preventScroll });
+            else if (r.value.$el && r.value.$el.querySelector) {
+              const e = r.value.$el.querySelector("input");
+              e && e.focus({ preventScroll: a.preventScroll });
             }
           }
         });
       },
       blurInput: () => {
-        l.filterTreeNode && !l.multiple && (P.value = !1), E(() => {
-          if (i.value) {
-            if (typeof i.value.blur == "function")
-              i.value.blur();
-            else if (i.value.$el && i.value.$el.querySelector) {
-              const e = i.value.$el.querySelector("input");
+        a.filterTreeNode && !a.multiple && (R.value = !1), P(() => {
+          if (r.value) {
+            if (typeof r.value.blur == "function")
+              r.value.blur();
+            else if (r.value.$el && r.value.$el.querySelector) {
+              const e = r.value.$el.querySelector("input");
               e && e.blur();
             }
           }
         });
       },
       registerClickOutsideHandler: (e) => {
-        const a = (o) => {
-          const n = o.target, d = o.composedPath && o.composedPath(), b = N.value, c = Y.value;
-          b && !b.contains(n) && c && !c.contains(n) && !(d && (d.includes(c) || d.includes(b))) && e(o);
+        const l = (t) => {
+          const o = t.target, s = t.composedPath && t.composedPath(), m = V.value, p = ae.value;
+          m && !m.contains(o) && p && !p.contains(o) && !(s && (s.includes(p) || s.includes(m))) && e(t);
         };
-        return document.addEventListener("mousedown", a, !1), () => {
-          document.removeEventListener("mousedown", a, !1);
+        return document.addEventListener("mousedown", l, !1), () => {
+          document.removeEventListener("mousedown", l, !1);
         };
       },
       unregisterClickOutsideHandler: () => {
       },
       rePositionDropdown: () => {
-        H.value = H.value + 1;
+        G.value = G.value + 1;
       },
       updateStates: (e) => {
-        Object.keys(e).forEach((a) => {
-          if (a === "emptyContentMinWidth" && (X.value = e[a]), a === "isOpen" && (p.value = e[a]), a === "rePosKey" && (H.value = e[a]), a === "keyEntities" && (f.value = e[a]), a === "selectedKeys" && (T.value = e[a]), a === "activeKeys")
-            if (l.multiple && e[a] instanceof Set) {
-              const o = new Set(O.value);
-              e[a].forEach((n) => o.add(n)), O.value = o;
+        Object.keys(e).forEach((l) => {
+          if (l === "emptyContentMinWidth" && (le.value = e[l]), l === "isOpen" && (h.value = e[l]), l === "rePosKey" && (G.value = e[l]), l === "keyEntities" && (c.value = e[l]), l === "selectedKeys" && (T.value = e[l]), l === "activeKeys")
+            if (a.multiple && e[l] instanceof Set) {
+              const t = new Set(B.value);
+              e[l].forEach((o) => t.add(o)), B.value = t;
             } else
-              O.value = e[a];
-          a === "filteredKeys" && (q.value = e[a]), a === "inputValue" && (h.value = e[a]), a === "isSearching" && (z.value = e[a]), a === "inputPlaceHolder" && ($.value = e[a]), a === "isHovering" && (M.value = e[a]), a === "checkedKeys" && (I.value = e[a]), a === "halfCheckedKeys" && (A.value = e[a]), a === "resolvedCheckedKeys" && (B.value = e[a]), a === "loadedKeys" && (Q.value = e[a]), a === "loadingKeys" && (Z.value = e[a]), a === "loading" && (W.value = e[a]), a === "showInput" && (P.value = e[a]), a === "disabledKeys" && (J.value = e[a]);
+              B.value = e[l];
+          l === "filteredKeys" && (Y.value = e[l]), l === "inputValue" && (C.value = e[l]), l === "isSearching" && (L.value = e[l]), l === "inputPlaceHolder" && (N.value = e[l]), l === "isHovering" && (W.value = e[l]), l === "checkedKeys" && (x.value = e[l]), l === "halfCheckedKeys" && (X.value = e[l]), l === "resolvedCheckedKeys" && (M.value = e[l]), l === "loadedKeys" && (oe.value = e[l]), l === "loadingKeys" && (ne.value = e[l]), l === "loading" && (J.value = e[l]), l === "showInput" && (R.value = e[l]), l === "disabledKeys" && (te.value = e[l]);
         });
       },
       openMenu: () => {
-        p.value = !0, S.value = !0;
+        h.value = !0, O.value = !0;
       },
       closeMenu: (e) => {
-        if (l.multiple && l.filterTreeNode && K.value) {
-          e && E(e);
+        if (a.multiple && a.filterTreeNode && E.value) {
+          e && P(e);
           return;
         }
-        p.value = !1, S.value = !1, e && E(e);
+        h.value = !1, O.value = !1, e && P(e);
       },
       updateSelection: (e) => {
         T.value = e;
       },
       notifyChange: (e) => {
-        C("update:modelValue", e), C("update:value", e), C("change", e);
+        g("update:modelValue", e), g("update:value", e), g("change", e);
       },
       notifySelect: (e) => {
-        C("select", e);
+        g("select", e);
       },
       notifyOnSearch: (e) => {
-        C("search", e);
+        g("search", e);
       },
       notifyFocus: (e) => {
-        C("focus", e);
+        g("focus", e);
       },
       notifyBlur: (e) => {
-        C("blur", e);
+        g("blur", e);
       },
       notifyDropdownVisibleChange: (e) => {
-        C("dropdownVisibleChange", e);
+        g("dropdownVisibleChange", e);
       },
       toggleHovering: (e) => {
-        M.value = e;
+        W.value = e;
       },
-      notifyLoadData: (e, a) => {
-        l.loadData ? l.loadData(e).then(() => {
+      notifyLoadData: (e, l) => {
+        a.loadData ? a.loadData(e).then(() => {
           setTimeout(() => {
-            a(), W.value = !1;
+            l(), J.value = !1;
           }, 0);
         }).catch(() => {
-          W.value = !1;
-        }) : a();
+          J.value = !1;
+        }) : l();
       },
-      notifyOnLoad: (e, a) => {
-        l.onLoad && l.onLoad(e, a);
+      notifyOnLoad: (e, l) => {
+        a.onLoad && a.onLoad(e, l);
       },
-      notifyListScroll: (e, a) => {
-        l.onListScroll && l.onListScroll(e, a);
+      notifyListScroll: (e, l) => {
+        a.onListScroll && a.onListScroll(e, l);
       },
       notifyOnExceed: (e) => {
-        l.onExceed && l.onExceed(e);
+        a.onExceed && a.onExceed(e);
       },
       notifyClear: () => {
-        C("clear");
+        g("clear");
       },
-      toggleInputShow: (e, a) => {
-        P.value = e, E(a);
+      toggleInputShow: (e, l) => {
+        R.value = e, P(l);
       },
       updateFocusState: (e) => {
-        ve.value = e;
+        ke.value = e;
       },
       updateLoadingKeyRefValue: (e) => {
-        pe.value = e;
+        Ke.value = e;
       },
-      getLoadingKeyRefValue: () => pe.value || /* @__PURE__ */ new Set(),
+      getLoadingKeyRefValue: () => Ke.value || /* @__PURE__ */ new Set(),
       updateLoadedKeyRefValue: (e) => {
-        fe.value = e;
+        Te.value = e;
       },
-      getLoadedKeyRefValue: () => fe.value || /* @__PURE__ */ new Set(),
+      getLoadedKeyRefValue: () => Te.value || /* @__PURE__ */ new Set(),
       setEmptyContentMinWidth: (e) => {
-        X.value = e, e > 0 && (F.value = e);
+        le.value = e, e > 0 && (U.value = e);
       },
       getTriggerWidth: () => {
-        const e = Y.value;
+        const e = ae.value;
         return e ? e.getBoundingClientRect().width : 0;
       },
       stopPropagation: () => {
@@ -411,461 +436,544 @@ const Fl = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-err
       persistEvent: () => {
       },
       updateSearching: (e) => {
-        z.value = e;
+        L.value = e;
       }
-    }), { foundation: t } = Vl($l, Je);
-    R(
-      p,
-      (e, a) => {
-        if (!e && a && l.multiple && l.filterTreeNode) {
-          if (K.value) {
-            p.value = !0, S.value = !0;
+    }), { foundation: n } = Ua(Ma, ia);
+    S(
+      h,
+      (e, l) => {
+        if (!e && l && a.multiple && a.filterTreeNode) {
+          if (E.value) {
+            h.value = !0, O.value = !0;
             return;
           }
-          const o = document.activeElement, n = N.value;
-          o && n && n.contains(o) && (p.value = !0, S.value = !0);
+          const t = document.activeElement, o = V.value;
+          t && o && o.contains(t) && (h.value = !0, O.value = !0);
         }
       },
       { flush: "sync" }
-    ), R(
-      p,
+    ), S(
+      h,
       (e) => {
-        S.value !== e && (S.value = e);
+        O.value !== e && (O.value = e);
       },
       { flush: "sync" }
     );
-    const Qe = (e) => {
-      t.handleClick(e);
-    }, ge = (e) => {
-      t.handleKeyDown(e);
-    }, Ze = (e) => {
-      t.focus(), C("focus", e);
-    }, el = (e) => {
-      t.blur(), C("blur", e);
-    }, ll = () => {
-      t.toggleHoverState(!0);
-    }, al = () => {
-      t.toggleHoverState(!1);
-    }, Ce = (e) => {
-      e.stopPropagation(), t.handleClear(), C("clear");
-    }, le = (e) => {
-      t.handleInputChange(e);
-    }, ol = (e) => {
-      if (!e && l.multiple && l.filterTreeNode) {
-        if (K.value)
+    const ra = (e) => {
+      n.handleClick(e);
+    }, $e = (e) => {
+      n.handleKeyDown(e);
+    }, ua = (e) => {
+      n.focus(), g("focus", e);
+    }, da = (e) => {
+      n.blur(), g("blur", e);
+    }, ca = () => {
+      n.toggleHoverState(!0);
+    }, pa = () => {
+      n.toggleHoverState(!1);
+    }, Ie = (e) => {
+      e.stopPropagation(), n.handleClear(), g("clear");
+    }, ie = (e) => {
+      n.handleInputChange(e);
+    }, fa = (e) => {
+      if (!e && a.multiple && a.filterTreeNode) {
+        if (E.value)
           return;
-        const a = document.activeElement, o = N.value;
-        if (a && o && o.contains(a))
+        const l = document.activeElement, t = V.value;
+        if (l && t && t.contains(l))
           return;
       }
-      S.value = e, p.value = e;
-    }, tl = (e) => {
-      if (!e && l.multiple && l.filterTreeNode) {
-        if (K.value) {
-          p.value = !0;
+      O.value = e, h.value = e;
+    }, va = (e) => {
+      if (!e && a.multiple && a.filterTreeNode) {
+        if (E.value) {
+          h.value = !0;
           return;
         }
-        const a = document.activeElement, o = N.value;
-        if (a && o && o.contains(a)) {
-          p.value = !0;
+        const l = document.activeElement, t = V.value;
+        if (l && t && t.contains(l)) {
+          h.value = !0;
           return;
         }
         setTimeout(() => {
-          K.value && !p.value && (p.value = !0);
+          E.value && !h.value && (h.value = !0);
         }, 0);
       }
-      e ? (t.open(), Y.value && requestAnimationFrame(() => {
-        E(() => {
-          var o;
-          const a = ((o = Y.value) == null ? void 0 : o.getBoundingClientRect().width) || 0;
-          a > 0 && (F.value = a);
+      e ? (n.open(), ae.value && requestAnimationFrame(() => {
+        P(() => {
+          var t;
+          const l = ((t = ae.value) == null ? void 0 : t.getBoundingClientRect().width) || 0;
+          l > 0 && (U.value = l);
         });
-      })) : t.close({}), C("dropdownVisibleChange", e);
-    }, nl = (e) => {
-      if (l.multiple && l.filterTreeNode) {
-        const a = e.target, o = N.value;
-        if (o && o.contains(a))
+      })) : n.close({}), g("dropdownVisibleChange", e);
+    }, ya = (e) => {
+      if (a.multiple && a.filterTreeNode) {
+        const l = e.target, t = V.value;
+        if (t && t.contains(l))
           return;
       }
-      t.close(e);
-    }, sl = () => {
-      t.updateSearching(!1);
-    }, il = (e, a) => {
-      t.handleItemClick(e, a);
-    }, rl = (e, a) => {
-      t.handleItemHover(e, a);
-    }, ul = (e, a) => {
-      t.handleListScroll(e, a);
-    }, dl = (e, a, o) => {
-      const n = Object.values(f.value).find((c) => c.data[l.displayProp] === e);
-      if (!n)
-        return ce("span", { key: `empty-${a}` });
-      const d = l.disabled || n.data.disabled || l.disableStrictly && J.value.has(n.key), b = w(`${s}-selection-tag`, {
-        [`${s}-selection-tag-disabled`]: d
+      n.close(e);
+    }, ha = () => {
+      n.updateSearching(!1);
+    }, ma = (e, l) => {
+      n.handleItemClick(e, l);
+    }, ga = (e, l) => {
+      n.handleItemHover(e, l);
+    }, Ca = (e, l) => {
+      n.handleListScroll(e, l);
+    }, ba = (e, l, t) => {
+      var p;
+      const o = Object.values(c.value).find((f) => f.data[a.displayProp] === e);
+      if (!o)
+        return ue("span", { key: `empty-${l}` });
+      const s = a.disabled || o.data.disabled || a.disableStrictly && te.value.has(o.key), m = w(`${i}-selection-tag`, {
+        [`${i}-selection-tag-disabled`]: s
       });
-      return l.displayRender && typeof l.displayRender == "function" ? l.displayRender(n, a) || ce("span", { key: `rendered-${n.key}-${a}` }) : ce(
-        Re,
+      if (ye.tag) {
+        const f = ye.tag({ item: o, index: l });
+        if (f && typeof f == "object" && "type" in f) {
+          const v = f;
+          if (v.type && (v.type === ve || v.type.name === "Tag" || v.type.__name === "Tag")) {
+            const I = (p = v.props) == null ? void 0 : p.onClose;
+            return ue(
+              v.type,
+              {
+                ...v.props,
+                key: v.key || `tag-${o.key}-${l}`,
+                tagKey: o.key,
+                closable: !0,
+                disabled: s,
+                onClose: (z) => {
+                  z && typeof z.preventDefault == "function" && z.preventDefault(), z && typeof z.stopPropagation == "function" && z.stopPropagation(), n.handleTagRemoveByKey(o.key), I && typeof I == "function" && I(z), t();
+                }
+              },
+              v.children
+            );
+          }
+        }
+        return ue(
+          ve,
+          {
+            size: a.size === "default" ? "large" : a.size,
+            key: `tag-${o.key}-${l}`,
+            color: "white",
+            tagKey: o.key,
+            className: m,
+            closable: !0,
+            disabled: s,
+            onClose: (v) => {
+              v && typeof v.preventDefault == "function" && v.preventDefault(), v && typeof v.stopPropagation == "function" && v.stopPropagation(), n.handleTagRemoveByKey(o.key), t();
+            }
+          },
+          () => f
+        );
+      }
+      return a.displayRender && typeof a.displayRender == "function" ? a.displayRender(o, l) || ue("span", { key: `rendered-${o.key}-${l}` }) : ue(
+        ve,
         {
-          size: l.size === "default" ? "large" : l.size,
-          key: `tag-${n.key}-${a}`,
+          size: a.size === "default" ? "large" : a.size,
+          key: `tag-${o.key}-${l}`,
           color: "white",
-          tagKey: n.key,
-          className: b,
+          tagKey: o.key,
+          className: m,
           closable: !0,
-          disabled: d,
-          onClose: (c) => {
-            c && typeof c.preventDefault == "function" && c.preventDefault(), c && typeof c.stopPropagation == "function" && c.stopPropagation(), t.handleTagRemoveByKey(n.key), o();
+          disabled: s,
+          onClose: (f) => {
+            f && typeof f.preventDefault == "function" && f.preventDefault(), f && typeof f.stopPropagation == "function" && f.stopPropagation(), n.handleTagRemoveByKey(o.key), t();
           }
         },
-        () => n.data[l.displayProp]
+        () => o.data[a.displayProp]
       );
-    }, cl = (...e) => {
-      const a = e[1], o = e[2], n = o ? Object.values(f.value).find((d) => d.key === o) : void 0;
-      a && typeof a.preventDefault == "function" && a.preventDefault(), a && typeof a.stopPropagation == "function" && a.stopPropagation(), n && t.handleTagRemoveByKey(n.key);
-    }, vl = (e) => {
-      const a = Object.values(f.value).find((o) => o.data[l.displayProp] === e);
-      a && t.handleTagRemoveByKey(a.key);
-    }, be = (e) => {
-      t.handleKeyDown(e);
-    }, Ke = (e) => {
-      l.multiple && l.filterTreeNode && (K.value = !0, setTimeout(() => {
-        K.value = !1;
+    }, ka = (...e) => {
+      const l = e[1], t = e[2], o = t ? Object.values(c.value).find((s) => s.key === t) : void 0;
+      l && typeof l.preventDefault == "function" && l.preventDefault(), l && typeof l.stopPropagation == "function" && l.stopPropagation(), o && n.handleTagRemoveByKey(o.key);
+    }, Ka = (e) => {
+      const l = Object.values(c.value).find((t) => t.data[a.displayProp] === e);
+      l && n.handleTagRemoveByKey(l.key);
+    }, xe = (e) => {
+      n.handleKeyDown(e);
+    }, Re = (e) => {
+      a.multiple && a.filterTreeNode && (E.value = !0, setTimeout(() => {
+        E.value = !1;
       }, 500), setTimeout(() => {
-        K.value = !1;
+        E.value = !1;
       }, 500));
-    }, pl = () => {
-      Ke();
-    }, ke = (e) => {
-      var a, o;
-      if (l.multiple && l.filterTreeNode && p.value) {
-        if (K.value) {
-          (a = e.preventDefault) == null || a.call(e), (o = e.stopPropagation) == null || o.call(e), requestAnimationFrame(() => {
-            if (p.value && i.value) {
-              if (typeof i.value.focus == "function")
-                i.value.focus();
-              else if (i.value.$el && i.value.$el.querySelector) {
-                const n = i.value.$el.querySelector("input");
-                n && n.focus();
+    }, Ta = () => {
+      Re();
+    }, Se = (e) => {
+      var l, t;
+      if (a.multiple && a.filterTreeNode && h.value) {
+        if (E.value) {
+          (l = e.preventDefault) == null || l.call(e), (t = e.stopPropagation) == null || t.call(e), requestAnimationFrame(() => {
+            if (h.value && r.value) {
+              if (typeof r.value.focus == "function")
+                r.value.focus();
+              else if (r.value.$el && r.value.$el.querySelector) {
+                const o = r.value.$el.querySelector("input");
+                o && o.focus();
               }
             }
           });
           return;
         }
         setTimeout(() => {
-          if (K.value) {
-            if (p.value && i.value) {
-              if (typeof i.value.focus == "function")
-                i.value.focus();
-              else if (i.value.$el && i.value.$el.querySelector) {
-                const c = i.value.$el.querySelector("input");
-                c && c.focus();
+          if (E.value) {
+            if (h.value && r.value) {
+              if (typeof r.value.focus == "function")
+                r.value.focus();
+              else if (r.value.$el && r.value.$el.querySelector) {
+                const p = r.value.$el.querySelector("input");
+                p && p.focus();
               }
             }
             return;
           }
-          const n = e.relatedTarget || document.activeElement, d = N.value;
-          if (n && d && d.contains(n)) {
-            if (p.value && i.value) {
-              if (typeof i.value.focus == "function")
-                i.value.focus();
-              else if (i.value.$el && i.value.$el.querySelector) {
-                const c = i.value.$el.querySelector("input");
-                c && c.focus();
+          const o = e.relatedTarget || document.activeElement, s = V.value;
+          if (o && s && s.contains(o)) {
+            if (h.value && r.value) {
+              if (typeof r.value.focus == "function")
+                r.value.focus();
+              else if (r.value.$el && r.value.$el.querySelector) {
+                const p = r.value.$el.querySelector("input");
+                p && p.focus();
               }
             }
             return;
           }
-          t.blur();
+          n.blur();
         }, 0);
       } else
-        t.blur();
-    }, fl = (e) => {
-      t.focus();
-    }, yl = (e) => {
-      le(e);
-    }, hl = () => {
-      t.close({});
-    }, ml = () => {
-      t.open();
-    }, gl = () => {
-      t.focus();
-    }, Cl = () => {
-      t.blur();
-    }, Te = (e) => {
-      t.handleTagRemoveInTrigger(e);
+        n.blur();
+    }, Ea = (e) => {
+      n.focus();
+    }, Pa = (e) => {
+      ie(e);
+    }, $a = () => {
+      n.close({});
+    }, Ia = () => {
+      n.open();
+    }, xa = () => {
+      n.focus();
+    }, Ra = () => {
+      n.blur();
+    }, we = (e) => {
+      n.handleTagRemoveInTrigger(e);
     };
-    return Se({
-      search: yl,
-      close: hl,
-      open: ml,
-      focus: gl,
-      blur: Cl,
-      handleTagRemoveInTrigger: Te
-    }), Ie(() => {
-      re.value = l, t.init(), l.defaultValue !== void 0 && l.modelValue === void 0 && l.value === void 0 && E(() => {
-        t.handleValueChange(l.defaultValue);
+    Me({
+      search: Pa,
+      close: $a,
+      open: Ia,
+      focus: xa,
+      blur: Ra,
+      handleTagRemoveInTrigger: we
+    }), _e(() => {
+      he.value = a, n.init(), a.modelValue !== void 0 ? P(() => {
+        n.handleValueChange(a.modelValue), be(a.modelValue);
+      }) : a.value !== void 0 ? P(() => {
+        n.handleValueChange(a.value), be(a.value);
+      }) : a.defaultValue !== void 0 && P(() => {
+        n.handleValueChange(a.defaultValue);
       });
-    }), xl(() => {
-      t == null || t.destroy();
-    }), R(
-      () => l.modelValue,
-      (e) => {
-        e !== void 0 && t.handleValueChange(e);
+    }), Na(() => {
+      n == null || n.destroy();
+    });
+    const be = (e) => {
+      if (a.multiple && Array.isArray(e)) {
+        const l = /* @__PURE__ */ new Set();
+        e.forEach((s) => {
+          if (Array.isArray(s)) {
+            let m = Object.values(c.value).filter((p) => !p.parent);
+            for (let p = 0; p < s.length; p++) {
+              const f = s[p], v = m.find((I) => I.data.value === f);
+              v && (p === s.length - 1 && l.add(v.key), v.children && (m = v.children));
+            }
+          }
+        });
+        const t = Ha(Array.from(l), c.value);
+        x.value = t.checkedKeys, X.value = t.halfCheckedKeys;
+        const o = me.value === D.LEAF_ONLY_MERGE_TYPE;
+        M.value = new Set(
+          Be(Array.from(t.checkedKeys), c.value, o)
+        );
+      }
+    };
+    return S(
+      () => a.modelValue,
+      (e, l) => {
+        e !== void 0 && (n.handleValueChange(e), a.multiple && Array.isArray(e) && P(() => {
+          be(e);
+        }));
       },
       { deep: !0 }
-    ), R(
-      () => l.value,
+    ), S(
+      () => a.value,
       (e) => {
-        e !== void 0 && t.handleValueChange(e);
+        e !== void 0 && n.handleValueChange(e);
       },
       { deep: !0 }
-    ), R(
-      () => l.treeData,
+    ), S(
+      () => a.treeData,
       () => {
-        t.collectOptions(!1);
+        n.collectOptions(!1);
       },
       { deep: !0 }
-    ), R(
-      () => l.defaultValue,
+    ), S(
+      () => a.defaultValue,
       (e) => {
-        e !== void 0 && l.modelValue === void 0 && l.value === void 0 && t.handleValueChange(e);
+        e !== void 0 && a.modelValue === void 0 && a.value === void 0 && n.handleValueChange(e);
       },
       { deep: !0 }
-    ), R(
-      () => l.searchPlaceholder,
+    ), S(
+      () => a.searchPlaceholder,
       (e) => {
-        e !== void 0 && ($.value = e || l.placeholder || "");
+        e !== void 0 && (N.value = e || a.placeholder || "");
       }
-    ), R(
-      () => l.placeholder,
+    ), S(
+      () => a.placeholder,
       (e) => {
-        e !== void 0 && !l.searchPlaceholder && ($.value = e || "");
+        e !== void 0 && !a.searchPlaceholder && (N.value = e || "");
       }
-    ), Ie(() => {
-      re.value = l;
-    }), R(
-      () => [l.treeData, l.value, l.multiple],
-      ([e, a, o], [n, d]) => {
-        if (o)
+    ), _e(() => {
+      he.value = a;
+    }), S(
+      () => [a.treeData, a.value, a.multiple],
+      ([e, l, t], [o, s]) => {
+        if (t)
           return;
-        let b = !1;
-        wl(n, e) || (b = !0, t.collectOptions()), d !== a && !b && a !== void 0 && t.handleValueChange(a);
+        let m = !1;
+        Ba(o, e) || (m = !0, n.collectOptions()), s !== l && !m && l !== void 0 && n.handleValueChange(l);
       },
       { deep: !0 }
-    ), (e, a) => (u(), k(m(Ol), {
-      visible: S.value,
+    ), (e, l) => (d(), $(b(Fa), {
+      visible: O.value,
       trigger: "custom",
-      position: Ye.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": sl,
-      "wrapper-class-name": `${m(s)}-popover`,
+      position: na.value,
+      "z-index": a.zIndex,
+      "get-popup-container": a.getPopupContainer,
+      motion: a.motion,
+      "auto-adjust-overflow": a.autoAdjustOverflow,
+      margin: a.dropdownMargin,
+      "stop-propagation": a.stopPropagation,
+      "mouse-enter-delay": a.mouseEnterDelay,
+      "mouse-leave-delay": a.mouseLeaveDelay,
+      "after-close": ha,
+      "wrapper-class-name": `${b(i)}-popover`,
       "click-to-hide": !1,
       "click-trigger-to-hide": !1,
-      "disable-focus-listener": l.multiple && !!l.filterTreeNode,
+      "disable-focus-listener": a.multiple && !!a.filterTreeNode,
       "guard-focus": !1,
       "return-focus-on-close": !1,
-      "onUpdate:visible": ol,
-      onVisibleChange: tl,
-      onClickOutSide: nl
+      "onUpdate:visible": fa,
+      onVisibleChange: va,
+      onClickOutSide: ya
     }, {
-      content: se(() => [
-        ie("div", {
+      content: pe(() => [
+        fe("div", {
           ref_key: "optionsContainerRef",
-          ref: N,
-          class: g(Ge.value),
-          style: Ee(Ue.value),
+          ref: V,
+          class: K(ta.value),
+          style: Ve(oa.value),
           role: "listbox",
-          onKeydown: ge,
-          onMousedown: Ke
+          onKeydown: $e,
+          onMousedown: Re
         }, [
-          l.topSlot ? (u(), k(_(l.topSlot), { key: 0 })) : L("", !0),
-          Rl(Ll, {
-            "active-keys": O.value,
+          re(e.$slots, "top", {}, () => [
+            a.topSlot ? (d(), $(F(a.topSlot), { key: 0 })) : j("", !0)
+          ]),
+          Va(Ga, {
+            "active-keys": B.value,
             "selected-keys": T.value,
-            separator: l.separator,
-            "loaded-keys": Q.value,
-            "loading-keys": Z.value,
-            "on-item-click": il,
-            "on-item-hover": rl,
-            "show-next": l.showNext,
-            "on-item-checkbox-click": He,
-            "on-list-scroll": ul,
-            searchable: Oe.value,
-            keyword: h.value,
-            empty: Ne.value,
-            "empty-content": l.emptyContent,
-            "load-data": l.loadData,
-            data: Be.value,
-            multiple: l.multiple,
-            "checked-keys": I.value,
-            "half-checked-keys": A.value,
-            "filter-render": l.filterRender,
-            virtualize: l.virtualizeInSearch,
-            "expand-icon": l.expandIcon,
-            onMouseDownInDropdown: pl
+            separator: a.separator,
+            "loaded-keys": oe.value,
+            "loading-keys": ne.value,
+            "on-item-click": ma,
+            "on-item-hover": ga,
+            "show-next": a.showNext,
+            "on-item-checkbox-click": Je,
+            "on-list-scroll": Ca,
+            searchable: qe.value,
+            keyword: C.value,
+            empty: Fe.value,
+            "empty-content": a.emptyContent,
+            "load-data": a.loadData,
+            data: We.value,
+            multiple: a.multiple,
+            "checked-keys": x.value,
+            "half-checked-keys": X.value,
+            "filter-render": a.filterRender,
+            virtualize: a.virtualizeInSearch,
+            "expand-icon": a.expandIcon,
+            onMouseDownInDropdown: Ta
           }, null, 8, ["active-keys", "selected-keys", "separator", "loaded-keys", "loading-keys", "show-next", "searchable", "keyword", "empty", "empty-content", "load-data", "data", "multiple", "checked-keys", "half-checked-keys", "filter-render", "virtualize", "expand-icon"]),
-          l.bottomSlot ? (u(), k(_(l.bottomSlot), { key: 1 })) : L("", !0)
+          re(e.$slots, "bottom", {}, () => [
+            a.bottomSlot ? (d(), $(F(a.bottomSlot), { key: 0 })) : j("", !0)
+          ])
         ], 38)
       ]),
-      default: se(() => [
-        ie("div", {
-          id: l.id,
+      default: pe(() => [
+        fe("div", {
+          id: a.id,
           ref_key: "triggerRef",
-          ref: Y,
-          class: g(qe.value),
-          style: Ee(l.style),
+          ref: ae,
+          class: K(Ze.value),
+          style: Ve(a.style),
           tabindex: "0",
-          "aria-label": l["aria-label"] || "Cascader",
-          "aria-labelledby": l["aria-labelledby"],
-          "aria-describedby": l["aria-describedby"],
-          "aria-errormessage": l["aria-errormessage"],
-          "aria-invalid": l["aria-invalid"],
-          "aria-required": l["aria-required"],
+          "aria-label": a["aria-label"] || "Cascader",
+          "aria-labelledby": a["aria-labelledby"],
+          "aria-describedby": a["aria-describedby"],
+          "aria-errormessage": a["aria-errormessage"],
+          "aria-invalid": a["aria-invalid"],
+          "aria-required": a["aria-required"],
           role: "combobox",
-          onClick: Qe,
-          onKeydown: ge,
-          onFocus: Ze,
-          onBlur: el,
-          onMouseenter: ll,
-          onMouseleave: al
+          onClick: ra,
+          onKeydown: $e,
+          onFocus: ua,
+          onBlur: da,
+          onMouseenter: ca,
+          onMouseleave: pa
         }, [
-          ue.value ? (u(), k(_(Xe.value), { key: 0 })) : (u(), y(x, { key: 1 }, [
-            l.prefix || l.insetLabel ? (u(), y("div", {
+          Ce.value ? (d(), $(F(sa.value), { key: 0 })) : (d(), k(_, { key: 1 }, [
+            a.prefix || a.insetLabel ? (d(), k("div", {
               key: 0,
-              id: l.insetLabelId,
-              class: g(We.value),
+              id: a.insetLabelId,
+              class: K(aa.value),
               "x-semi-prop": "prefix,insetLabel"
             }, [
-              l.prefix ? (u(), k(_(l.prefix), { key: 0 })) : l.insetLabel ? (u(), y(x, { key: 1 }, [
-                U(V(l.insetLabel), 1)
-              ], 64)) : L("", !0)
-            ], 10, ql)) : L("", !0),
-            ie("div", {
-              class: g(`${m(s)}-selection`)
+              a.prefix ? (d(), $(F(a.prefix), { key: 0 })) : a.insetLabel ? (d(), k(_, { key: 1 }, [
+                ee(q(a.insetLabel), 1)
+              ], 64)) : j("", !0)
+            ], 10, Qa)) : j("", !0),
+            fe("div", {
+              class: K(`${b(i)}-selection`)
             }, [
-              l.multiple ? (u(), y(x, { key: 1 }, [
-                ze.value ? (u(), k(m(Bl), {
+              a.multiple ? (d(), k(_, { key: 1 }, [
+                je.value ? (d(), $(b(ja), {
                   key: 0,
                   ref_key: "inputRef",
-                  ref: i,
-                  value: _e.value,
-                  class: g(Me.value),
-                  size: l.size,
-                  disabled: l.disabled,
-                  "max-tag-count": l.maxTagCount,
-                  "show-rest-tags-popover": l.showRestTagsPopover,
-                  "rest-tags-popover-props": l.restTagsPopoverProps,
-                  "render-tag-item": dl,
-                  "input-value": h.value,
-                  placeholder: l.placeholder,
-                  onInputChange: a[1] || (a[1] = (o, n) => le(o)),
-                  onKeyDown: be,
-                  onRemove: vl,
-                  onFocus: fl,
-                  onBlur: ke
-                }, null, 8, ["value", "class", "size", "disabled", "max-tag-count", "show-rest-tags-popover", "rest-tags-popover-props", "input-value", "placeholder"])) : (u(), y(x, { key: 1 }, [
-                  j.value.size > 0 ? (u(), k(m(_l), {
+                  ref: r,
+                  value: Ge.value,
+                  class: K(Xe.value),
+                  size: a.size,
+                  disabled: a.disabled,
+                  "max-tag-count": a.maxTagCount,
+                  "show-rest-tags-popover": a.showRestTagsPopover,
+                  "rest-tags-popover-props": a.restTagsPopoverProps,
+                  "render-tag-item": ba,
+                  "input-value": C.value,
+                  placeholder: a.placeholder,
+                  onInputChange: l[1] || (l[1] = (t, o) => ie(t)),
+                  onKeyDown: xe,
+                  onRemove: Ka,
+                  onFocus: Ea,
+                  onBlur: Se
+                }, null, 8, ["value", "class", "size", "disabled", "max-tag-count", "show-rest-tags-popover", "rest-tags-popover-props", "input-value", "placeholder"])) : (d(), k(_, { key: 1 }, [
+                  Q.value.size > 0 ? (d(), $(b(Wa), {
                     key: 0,
-                    "max-tag-count": l.maxTagCount,
-                    "rest-count": Ve.value,
-                    "show-popover": l.showRestTagsPopover,
-                    "popover-props": l.restTagsPopoverProps,
-                    size: l.size === "default" ? "large" : l.size
+                    "max-tag-count": a.maxTagCount,
+                    "rest-count": Ye.value,
+                    "show-popover": a.showRestTagsPopover,
+                    "popover-props": a.restTagsPopoverProps,
+                    size: a.size === "default" ? "large" : a.size
                   }, {
-                    default: se(() => [
-                      (u(!0), y(x, null, Il(Le.value, (o) => (u(), k(m(Re), {
-                        key: o.key,
+                    default: pe(() => [
+                      (d(!0), k(_, null, za(Ue.value, (t, o) => (d(), $(b(ve), {
+                        key: t.key,
                         closable: !0,
-                        disabled: o.data.disabled,
-                        "tag-key": o.key,
-                        class: g(`${m(s)}-selection-tag`),
-                        onClose: cl
+                        disabled: t.data.disabled,
+                        "tag-key": t.key,
+                        class: K(`${b(i)}-selection-tag`),
+                        onClose: ka
                       }, {
-                        default: se(() => [
-                          U(V(o.data[l.displayProp]), 1)
+                        default: pe(() => [
+                          re(e.$slots, "tag", {
+                            item: t,
+                            index: o
+                          }, () => [
+                            ee(q(t.data[a.displayProp]), 1)
+                          ])
                         ]),
                         _: 2
                       }, 1032, ["disabled", "tag-key", "class"]))), 128))
                     ]),
-                    _: 1
-                  }, 8, ["max-tag-count", "rest-count", "show-popover", "popover-props", "size"])) : (u(), y("span", {
+                    _: 3
+                  }, 8, ["max-tag-count", "rest-count", "show-popover", "popover-props", "size"])) : (d(), k("span", {
                     key: 1,
-                    class: g([`${m(s)}-selection-placeholder`])
-                  }, V(l.placeholder), 3))
+                    class: K([`${b(i)}-selection-placeholder`])
+                  }, q(a.placeholder), 3))
                 ], 64))
-              ], 64)) : (u(), y(x, { key: 0 }, [
-                l.filterTreeNode ? (u(), y("div", {
+              ], 64)) : (d(), k(_, { key: 0 }, [
+                a.filterTreeNode ? (d(), k("div", {
                   key: 0,
-                  class: g(Ae.value)
+                  class: K(ea.value)
                 }, [
-                  ie("span", {
-                    class: g(he.value)
+                  fe("span", {
+                    class: K(Ee.value)
                   }, [
-                    ee.value ? (u(), y(x, { key: 0 }, [
-                      U(V(ee.value), 1)
-                    ], 64)) : (u(), y(x, { key: 1 }, [
-                      U(V(l.placeholder), 1)
+                    se.value.length > 0 ? re(e.$slots, "display", {
+                      key: 0,
+                      selected: se.value,
+                      index: 0
+                    }, () => [
+                      ee(q(ge.value), 1)
+                    ]) : (d(), k(_, { key: 1 }, [
+                      ee(q(a.placeholder), 1)
                     ], 64))
                   ], 2),
-                  P.value ? (u(), k(m(zl), {
+                  R.value ? (d(), $(b(qa), {
                     key: 0,
                     ref_key: "inputRef",
-                    ref: i,
-                    value: h.value,
-                    class: g(`${m(s)}-input ${m(s)}-input-single`),
-                    size: l.size,
-                    disabled: l.disabled,
+                    ref: r,
+                    value: C.value,
+                    class: K(`${b(i)}-input ${b(i)}-input-single`),
+                    size: a.size,
+                    disabled: a.disabled,
                     borderless: "",
-                    onInput: a[0] || (a[0] = (o) => le(o.target.value)),
-                    onKeydown: be,
-                    onBlur: ke
-                  }, null, 8, ["value", "class", "size", "disabled"])) : L("", !0)
-                ], 2)) : (u(), y("span", {
+                    onInput: l[0] || (l[0] = (t) => ie(t.target.value)),
+                    onKeydown: xe,
+                    onBlur: Se
+                  }, null, 8, ["value", "class", "size", "disabled"])) : j("", !0)
+                ], 2)) : (d(), k("span", {
                   key: 1,
-                  class: g(he.value)
+                  class: K(Ee.value)
                 }, [
-                  ee.value ? (u(), y(x, { key: 0 }, [
-                    U(V(ee.value), 1)
-                  ], 64)) : (u(), y(x, { key: 1 }, [
-                    U(V(l.placeholder), 1)
+                  se.value.length > 0 ? re(e.$slots, "display", {
+                    key: 0,
+                    selected: se.value,
+                    index: 0
+                  }, () => [
+                    ee(q(ge.value), 1)
+                  ]) : (d(), k(_, { key: 1 }, [
+                    ee(q(a.placeholder), 1)
                   ], 64))
                 ], 2))
               ], 64))
             ], 2),
-            l.suffix ? (u(), y("div", {
+            a.suffix ? (d(), k("div", {
               key: 1,
-              class: g(je.value),
+              class: K(la.value),
               "x-semi-prop": "suffix"
             }, [
-              (u(), k(_(l.suffix)))
-            ], 2)) : L("", !0),
-            me.value ? (u(), y("div", {
+              (d(), $(F(a.suffix)))
+            ], 2)) : j("", !0),
+            Pe.value ? (d(), k("div", {
               key: 2,
-              class: g(`${m(s)}-clearbtn`),
-              onClick: El(Ce, ["stop"])
+              class: K(`${b(i)}-clearbtn`),
+              onClick: _a(Ie, ["stop"])
             }, [
-              (u(), k(_(l.clearIcon || m(Ml))))
-            ], 2)) : me.value ? L("", !0) : (u(), y("div", {
+              (d(), $(F(a.clearIcon || b(Ya))))
+            ], 2)) : Pe.value ? j("", !0) : (d(), k("div", {
               key: 3,
-              class: g(`${m(s)}-arrow`)
+              class: K(`${b(i)}-arrow`)
             }, [
-              (u(), k(_(l.arrowIcon || m(Hl))))
+              (d(), $(F(a.arrowIcon || b(Xa))))
             ], 2))
           ], 64))
-        ], 46, Fl)
+        ], 46, Ja)
       ]),
-      _: 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", "disable-focus-listener"]));
   }
 });
 export {
-  sa as default
+  gl as default
 };
-//# sourceMappingURL=Cascader.vue.js.map