vft 0.0.503 → 0.0.504

package/es/components/cascader/cascader.vue2.js

@@ -1,37 +1,37 @@
-import { defineComponent as Ee, useAttrs as Xe, ref as c, computed as i, watch as I, nextTick as x, onMounted as Ye, createBlock as w, openBlock as r, unref as s, withCtx as v, createElementBlock as m, createCommentVNode as S, withDirectives as W, withModifiers as z, normalizeClass as d, renderSlot as E, createVNode as le, vShow as be, Fragment as se, renderList as oe, createElementVNode as F, toDisplayString as q, normalizeStyle as Ze, createSlots as _e, withKeys as et, vModelText as tt } from "vue";
-import { cloneDeep as lt, debounce as st } from "lodash-es";
-import { useResizeObserver as ot, useCssVar as at } from "@vueuse/core";
-import { focusNode as nt, getSibling as rt } from "../../utils/dom/aria.js";
-import { isPromise as it, isClient as ut } from "@vft/utils";
-import { debugWarn as ct } from "../../utils/error.js";
+import { defineComponent as Se, useAttrs as Ye, ref as c, computed as i, unref as s, watch as x, nextTick as N, onMounted as Ze, createBlock as E, openBlock as r, withCtx as v, createElementBlock as m, createCommentVNode as P, withDirectives as q, withModifiers as F, normalizeClass as d, renderSlot as V, createVNode as te, vShow as Te, Fragment as le, renderList as se, createElementVNode as z, toDisplayString as U, normalizeStyle as _e, createSlots as et, withKeys as tt, vModelText as lt } from "vue";
+import { cloneDeep as st, debounce as ot } from "lodash-es";
+import { useResizeObserver as at, useCssVar as nt } from "@vueuse/core";
+import { focusNode as rt, getSibling as it } from "../../utils/dom/aria.js";
+import { isPromise as ut, isClient as ct } from "@vft/utils";
+import { debugWarn as pt } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import { EVENT_CODE as h } from "../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as pt, CHANGE_EVENT as dt } from "../../constants/event.js";
+import { UPDATE_MODEL_EVENT as dt, CHANGE_EVENT as ft } from "../../constants/event.js";
 import "../form/index.js";
-import { VftCascaderPanel as ft } from "../cascader-panel/index.js";
-import { VftInput as vt } from "../input/index.js";
-import { VftTooltip as Te } from "../tooltip/index.js";
+import { VftCascaderPanel as vt } from "../cascader-panel/index.js";
+import { VftInput as mt } from "../input/index.js";
+import { VftTooltip as Ee } from "../tooltip/index.js";
 import { VftScrollbar as we } from "../scrollbar/index.js";
-import { VftTag as Ve } from "../tag/index.js";
-import { VftIcon as ae } from "../icon/index.js";
-import { ClickOutside as mt } from "@vft/directives";
-import { useNamespace as $e } from "../../hooks/use-namespace/index.js";
+import { VftTag as $e } from "../tag/index.js";
+import { VftIcon as oe } from "../icon/index.js";
+import { ClickOutside as gt } from "@vft/directives";
+import { useNamespace as Ve } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useComposition as gt } from "../../hooks/use-composition/index.js";
-import { useEmptyValues as ht } from "../../hooks/use-empty-values/index.js";
-import { cascaderEmits as kt, cascaderProps as Ct } from "./cascader.js";
-import { useFormItem as yt } from "../form/hooks/use-form-item.js";
-import { useFormSize as bt } from "../form/hooks/use-form-common-props.js";
-const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader", Et = Ee({
-  name: $t
-}), _t = /* @__PURE__ */ Ee({
-  ...Et,
-  props: Ct,
-  emits: kt,
-  setup(Se, { expose: Ne, emit: Pe }) {
-    const n = Se, C = Pe, De = {
+import { useComposition as ht } from "../../hooks/use-composition/index.js";
+import { useEmptyValues as kt } from "../../hooks/use-empty-values/index.js";
+import { cascaderEmits as Ct, cascaderProps as yt } from "./cascader.js";
+import { useFormItem as bt } from "../form/hooks/use-form-item.js";
+import { useFormSize as Tt } from "../form/hooks/use-form-common-props.js";
+const Et = { key: 0 }, wt = ["placeholder"], $t = ["onClick"], Vt = "VftCascader", St = Se({
+  name: Vt
+}), el = /* @__PURE__ */ Se({
+  ...St,
+  props: yt,
+  emits: Ct,
+  setup(Ne, { expose: Pe, emit: De }) {
+    const a = Ne, C = De, Ie = {
       modifiers: [
         {
           name: "arrowPosition",
@@ -44,47 +44,51 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
           requires: ["arrow"]
         }
       ]
-    }, ne = Xe();
-    let N = 0, U = 0;
-    const a = $e("cascader"), G = $e("input"), { form: Ie, formItem: re } = yt(), { valueOnClear: xe } = ht(n), { isComposing: ie, handleComposition: k } = gt({
+    }, ae = Ye();
+    let D = 0, G = 0;
+    const n = Ve("cascader"), j = Ve("input"), { form: xe, formItem: ne } = bt(), { valueOnClear: Fe } = kt(a), { isComposing: re, handleComposition: k } = ht({
       afterComposition(e) {
         const t = e.target?.value;
-        te(t);
+        ee(t);
       }
-    }), j = c(null), P = c(null), ue = c(null), f = c(null), M = c(null), g = c(!1), J = c(!1), y = c(!1), Q = c(!1), B = c(""), V = c(""), $ = c([]), H = c([]), X = c([]), ze = i(() => ne.style), b = i(() => n.disabled || Ie?.disabled), ce = i(() => n.placeholder ?? "请选择"), Fe = i(
-      () => V.value || $.value.length > 0 || ie.value ? "" : ce.value
-    ), K = bt(), pe = i(
-      () => K.value === "small" ? "small" : "default"
-    ), T = i(() => !!n.props.multiple), de = i(() => !n.filterable || T.value), fe = i(
-      () => T.value ? V.value : B.value
-    ), O = i(
-      () => f.value?.checkedNodes || []
-    ), Me = i(() => !n.clearable || b.value || y.value || !J.value ? !1 : !!O.value.length), A = i(() => {
-      const { showAllLevels: e, separator: t } = n, l = O.value;
+    }), A = c(null), S = c(null), ie = c(null), f = c(null), K = c(null), g = c(!1), ue = c(!1), y = c(!1), J = c(!1), B = c(""), w = c(""), $ = c([]), H = c([]), Q = c([]), ze = i(() => ae.style), b = i(() => a.disabled || xe?.disabled), ce = i(() => a.placeholder ?? "请选择"), Ae = i(
+      () => w.value || $.value.length > 0 || re.value ? "" : ce.value
+    ), M = Tt(), pe = i(
+      () => M.value === "small" ? "small" : "default"
+    ), T = i(() => !!a.props.multiple), de = i(() => !a.filterable || T.value), fe = i(
+      () => T.value ? w.value : B.value
+    ), ve = [], O = i(() => {
+      const e = f.value;
+      if (!e)
+        return ve;
+      const t = e.checkedNodes, l = s(t);
+      return Array.isArray(l) && l.length ? l : ve;
+    }), Ke = i(() => !a.clearable || b.value || y.value ? !1 : !!O.value.length), L = i(() => {
+      const { showAllLevels: e, separator: t } = a, l = O.value;
       return l.length ? T.value ? "" : l[0].calcText(e, t) : "";
-    }), Be = i(() => re?.validateState || ""), ve = i({
+    }), Be = i(() => ne?.validateState || ""), me = i({
       get() {
-        return lt(n.modelValue);
+        return st(a.modelValue);
       },
       set(e) {
-        const t = e ?? xe.value;
-        C(pt, t), C(dt, t), n.validateEvent && re?.validate("change").catch((l) => ct(l));
+        const t = e ?? Fe.value;
+        C(dt, t), C(ft, t), a.validateEvent && ne?.validate("change").catch((l) => pt(l));
       }
     }), He = i(() => [
-      a.b(),
-      a.m(K.value),
-      a.is("disabled", b.value),
-      ne.class
-    ]), Ke = i(() => [G.e("icon"), a.is("reverse", g.value)]), Oe = i(() => a.is("focus", g.value || Q.value)), me = i(() => j.value?.popperRef?.contentRef), p = (e) => {
-      b.value || (e = e ?? !g.value, e !== g.value && (g.value = e, P.value?.input?.setAttribute("aria-expanded", `${e}`), e ? (D(), x(f.value?.scrollToExpandingNode)) : n.filterable && ee(), C("visibleChange", e)));
-    }, D = () => {
-      x(() => {
-        j.value?.updatePopper();
+      n.b(),
+      n.m(M.value),
+      n.is("disabled", b.value),
+      ae.class
+    ]), Me = i(() => [j.e("icon"), n.is("reverse", g.value)]), Oe = i(() => n.is("focus", g.value || J.value)), ge = i(() => A.value?.popperRef?.contentRef), p = (e) => {
+      b.value || (e = e ?? !g.value, e !== g.value && (g.value = e, S.value?.input?.setAttribute("aria-expanded", `${e}`), e ? (I(), N(f.value?.scrollToExpandingNode)) : a.filterable && _(), C("visibleChange", e)));
+    }, I = () => {
+      N(() => {
+        A.value?.updatePopper();
       });
-    }, Y = () => {
+    }, X = () => {
       y.value = !1;
-    }, Z = (e) => {
-      const { showAllLevels: t, separator: l } = n;
+    }, Y = (e) => {
+      const { showAllLevels: t, separator: l } = a;
       return {
         node: e,
         key: e.uid,
@@ -96,12 +100,12 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
     }, R = (e) => {
       const t = e.node;
       t.doCheck(!1), f.value?.calculateCheckedValue(), C("removeTag", t.valueByOption);
-    }, Ae = () => {
-      switch (n.showCheckedStrategy) {
+    }, Le = () => {
+      switch (a.showCheckedStrategy) {
         case "child":
           return O.value;
         case "parent": {
-          const e = he(!1), t = e.map((o) => o.value);
+          const e = ke(!1), t = e.map((o) => o.value);
           return e.filter(
             (o) => !o.parent || !t.includes(o.parent.value)
           );
@@ -111,57 +115,57 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
       }
     }, Re = () => {
       if (!T.value) return;
-      const e = Ae(), t = [], l = [];
-      if (e.forEach((o) => l.push(Z(o))), H.value = l, e.length) {
-        e.slice(0, n.maxCollapseTags).forEach((L) => t.push(Z(L)));
-        const o = e.slice(n.maxCollapseTags), u = o.length;
-        u && (n.collapseTags ? t.push({
+      const e = Le(), t = [], l = [];
+      if (e.forEach((o) => l.push(Y(o))), H.value = l, e.length) {
+        e.slice(0, a.maxCollapseTags).forEach((W) => t.push(Y(W)));
+        const o = e.slice(a.maxCollapseTags), u = o.length;
+        u && (a.collapseTags ? t.push({
           key: -1,
           text: `+ ${u}`,
           closable: !1,
           isCollapseTag: !0
-        }) : o.forEach((L) => t.push(Z(L))));
+        }) : o.forEach((W) => t.push(Y(W))));
       }
       $.value = t;
-    }, ge = () => {
-      const { filterMethod: e, showAllLevels: t, separator: l } = n, o = f.value?.getFlattedNodes(!n.props.checkStrictly)?.filter((u) => u.isDisabled ? !1 : (u.calcText(t, l), e(u, fe.value)));
+    }, he = () => {
+      const { filterMethod: e, showAllLevels: t, separator: l } = a, o = f.value?.getFlattedNodes(!a.props.checkStrictly)?.filter((u) => u.isDisabled ? !1 : (u.calcText(t, l), e(u, fe.value)));
       T.value && ($.value.forEach((u) => {
         u.hitState = !1;
       }), H.value.forEach((u) => {
         u.hitState = !1;
-      })), y.value = !0, X.value = o, D();
-    }, Le = () => {
+      })), y.value = !0, Q.value = o, I();
+    }, We = () => {
       let e;
-      y.value && M.value ? e = M.value.$el.querySelector(
-        `.${a.e("suggestion-item")}`
+      y.value && K.value ? e = K.value.$el.querySelector(
+        `.${n.e("suggestion-item")}`
       ) : e = f.value?.$el.querySelector(
-        `.${a.b("node")}[tabindex="-1"]`
+        `.${n.b("node")}[tabindex="-1"]`
       ), e && (e.focus(), !y.value && e.click());
-    }, _ = () => {
-      const e = P.value?.input, t = ue.value, l = M.value?.$el;
-      if (!(!ut || !e)) {
+    }, Z = () => {
+      const e = S.value?.input, t = ie.value, l = K.value?.$el;
+      if (!(!ct || !e)) {
         if (l) {
           const o = l.querySelector(
-            `.${a.e("suggestion-list")}`
+            `.${n.e("suggestion-list")}`
           );
           o.style.minWidth = `${e.offsetWidth}px`;
         }
         if (t) {
-          const { offsetHeight: o } = t, u = $.value.length > 0 ? `${Math.max(o, N) - 2}px` : `${N}px`;
-          e.style.height = u, D();
+          const { offsetHeight: o } = t, u = $.value.length > 0 ? `${Math.max(o, D) - 2}px` : `${D}px`;
+          e.style.height = u, I();
         }
       }
-    }, he = (e) => f.value?.getCheckedNodes(e), We = (e) => {
-      D(), C("expandChange", e);
-    }, qe = (e) => {
-      if (!ie.value)
+    }, ke = (e) => f.value?.getCheckedNodes(e), qe = (e) => {
+      I(), C("expandChange", e);
+    }, Ue = (e) => {
+      if (!re.value)
         switch (e.code) {
           case h.enter:
           case h.numpadEnter:
             p();
             break;
           case h.down:
-            p(!0), x(Le), e.preventDefault();
+            p(!0), N(We), e.preventDefault();
             break;
           case h.esc:
             g.value === !0 && (e.preventDefault(), e.stopPropagation(), p(!1));
@@ -170,26 +174,26 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
             p(!1);
             break;
         }
-    }, Ue = () => {
-      f.value?.clearCheckedNodes(), !g.value && n.filterable && ee(), p(!1), C("clear");
-    }, ee = () => {
-      const { value: e } = A;
-      B.value = e, V.value = e;
-    }, Ge = (e) => {
+    }, Ge = () => {
+      f.value?.clearCheckedNodes(), !g.value && a.filterable && _(), p(!1), C("clear");
+    }, _ = () => {
+      const { value: e } = L;
+      B.value = e, w.value = e;
+    }, je = (e) => {
       const { checked: t } = e;
       T.value ? f.value?.handleCheckChange(e, !t, !1) : (!t && f.value?.handleCheckChange(e, !0, !1), p(!1));
-    }, je = (e) => {
+    }, Je = (e) => {
       const t = e.target, { code: l } = e;
       switch (l) {
         case h.up:
         case h.down: {
           e.preventDefault();
           const o = l === h.up ? -1 : 1;
-          nt(
-            rt(
+          rt(
+            it(
               t,
               o,
-              `.${a.e("suggestion-item")}[tabindex="-1"]`
+              `.${n.e("suggestion-item")}[tabindex="-1"]`
             )
           );
           break;
@@ -199,42 +203,44 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
           t.click();
           break;
       }
-    }, Je = () => {
+    }, Qe = () => {
       const e = $.value, t = e[e.length - 1];
-      U = V.value ? 0 : U + 1, !(!t || !U || n.collapseTags && e.length > 1) && (t.hitState ? R(t) : t.hitState = !0);
-    }, ke = (e) => {
-      const t = e.target, l = a.e("search-input");
-      t.className === l && (Q.value = !0), C("focus", e);
+      G = w.value ? 0 : G + 1, !(!t || !G || a.collapseTags && e.length > 1) && (t.hitState ? R(t) : t.hitState = !0);
     }, Ce = (e) => {
-      Q.value = !1, C("blur", e);
-    }, Qe = st(() => {
+      J.value = !0, C("focus", e);
+    }, ye = (e) => {
+      N(() => {
+        const t = S.value?.$el, l = document.activeElement;
+        t?.contains(l) || A.value?.isFocusInsideContent?.(e) || (J.value = !1);
+      }), C("blur", e);
+    }, Xe = ot(() => {
       const { value: e } = fe;
       if (!e) return;
-      const t = n.beforeFilter(e);
-      it(t) ? t.then(ge).catch(() => {
-      }) : t !== !1 ? ge() : Y();
-    }, n.debounce), te = (e, t) => {
-      !g.value && p(!0), !t?.isComposing && (e ? Qe() : Y());
-    }, ye = (e) => Number.parseFloat(
-      at(G.cssVarName("input-height"), e).value
+      const t = a.beforeFilter(e);
+      ut(t) ? t.then(he).catch(() => {
+      }) : t !== !1 ? he() : X();
+    }, a.debounce), ee = (e, t) => {
+      !g.value && p(!0), !t?.isComposing && (e ? Xe() : X());
+    }, be = (e) => Number.parseFloat(
+      nt(j.cssVarName("input-height"), e).value
     ) - 2;
-    return I(y, D), I(
-      [O, b, () => n.collapseTags],
+    return x(y, I), x(
+      [O, b, () => a.collapseTags],
       Re
-    ), I($, () => {
-      x(() => _());
-    }), I(K, async () => {
-      await x();
-      const e = P.value.input;
-      N = ye(e) || N, _();
-    }), I(A, ee, { immediate: !0 }), Ye(() => {
-      const e = P.value.input, t = ye(e);
-      N = e.offsetHeight || t, ot(e, _);
-    }), Ne({
+    ), x($, () => {
+      N(() => Z());
+    }), x(M, async () => {
+      await N();
+      const e = S.value.input;
+      D = be(e) || D, Z();
+    }), x(L, _, { immediate: !0 }), Ze(() => {
+      const e = S.value.input, t = be(e);
+      D = e.offsetHeight || t, at(e, Z);
+    }), Pe({
       /**
        * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
        */
-      getCheckedNodes: he,
+      getCheckedNodes: ke,
       /**
        * @description cascader panel ref
        */
@@ -246,67 +252,67 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
       /**
        * @description cascader content ref
        */
-      contentRef: me,
+      contentRef: ge,
       /**
        * @description selected content text
        */
-      presentText: A
-    }), (e, t) => (r(), w(s(Te), {
+      presentText: L
+    }), (e, t) => (r(), E(s(Ee), {
       ref_key: "tooltipRef",
-      ref: j,
+      ref: A,
       visible: g.value,
       teleported: e.teleported,
-      "popper-class": [s(a).e("dropdown"), e.popperClass],
-      "popper-options": De,
+      "popper-class": [s(n).e("dropdown"), e.popperClass],
+      "popper-options": Ie,
       "fallback-placements": e.fallbackPlacements,
       "stop-popper-mouse-event": !1,
       "gpu-acceleration": !1,
       placement: e.placement,
-      transition: `${s(a).namespace.value}-zoom-in-top`,
+      transition: `${s(n).namespace.value}-zoom-in-top`,
       effect: e.effect,
       pure: "",
       persistent: e.persistent,
-      onHide: Y
+      onHide: X
     }, {
       default: v(() => [
-        W((r(), m("div", {
+        q((r(), m("div", {
           class: d(He.value),
-          style: Ze(ze.value),
+          style: _e(ze.value),
           onClick: t[8] || (t[8] = () => p(de.value ? void 0 : !0)),
-          onKeydown: qe,
-          onMouseenter: t[9] || (t[9] = (l) => J.value = !0),
-          onMouseleave: t[10] || (t[10] = (l) => J.value = !1)
+          onKeydown: Ue,
+          onMouseenter: t[9] || (t[9] = (l) => ue.value = !0),
+          onMouseleave: t[10] || (t[10] = (l) => ue.value = !1)
         }, [
-          le(s(vt), {
+          te(s(mt), {
             ref_key: "input",
-            ref: P,
+            ref: S,
             modelValue: B.value,
             "onUpdate:modelValue": t[1] || (t[1] = (l) => B.value = l),
-            placeholder: Fe.value,
+            placeholder: Ae.value,
             readonly: de.value,
             disabled: b.value,
             "validate-event": !1,
-            size: s(K),
+            size: s(M),
             class: d(Oe.value),
             tabindex: T.value && e.filterable && !b.value ? -1 : void 0,
             onCompositionstart: s(k),
             onCompositionupdate: s(k),
             onCompositionend: s(k),
-            onFocus: ke,
-            onBlur: Ce,
-            onInput: te
-          }, _e({
+            onFocus: Ce,
+            onBlur: ye,
+            onInput: ee
+          }, et({
             suffix: v(() => [
-              Me.value ? (r(), w(s(ae), {
+              Ke.value ? (r(), E(s(oe), {
                 key: "clear",
                 icon: "icon-circle-close",
-                class: d(["icon-circle-close", [s(G).e("icon")]]),
-                onClick: z(Ue, ["stop"])
-              }, null, 8, ["class"])) : (r(), w(s(ae), {
+                class: d(["icon-circle-close", [s(j).e("icon")]]),
+                onClick: F(Ge, ["stop"])
+              }, null, 8, ["class"])) : (r(), E(s(oe), {
                 icon: "icon-arrow-down",
                 key: "arrow-down",
-                class: d(Ke.value),
-                onClick: t[0] || (t[0] = z((l) => p(), ["stop"]))
+                class: d(Me.value),
+                onClick: t[0] || (t[0] = F((l) => p(), ["stop"]))
               }, null, 8, ["class"]))
             ]),
             _: 2
@@ -314,7 +320,7 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
             e.$slots.prefix ? {
               name: "prefix",
               fn: v(() => [
-                E(e.$slots, "prefix")
+                V(e.$slots, "prefix")
               ]),
               key: "0"
             } : void 0
@@ -322,17 +328,17 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
           T.value ? (r(), m("div", {
             key: 0,
             ref_key: "tagWrapper",
-            ref: ue,
+            ref: ie,
             class: d([
-              s(a).e("tags"),
-              s(a).is("validate", !!Be.value)
+              s(n).e("tags"),
+              s(n).is("validate", !!Be.value)
             ])
           }, [
-            E(e.$slots, "tag", {
+            V(e.$slots, "tag", {
               data: H.value,
               deleteTag: R
             }, () => [
-              (r(!0), m(se, null, oe($.value, (l) => (r(), w(s(Ve), {
+              (r(!0), m(le, null, se($.value, (l) => (r(), E(s($e), {
                 key: l.key,
                 type: e.tagType,
                 size: pe.value,
@@ -343,7 +349,7 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
                 onClose: (o) => R(l)
               }, {
                 default: v(() => [
-                  l.isCollapseTag === !1 ? (r(), m("span", Tt, q(l.text), 1)) : (r(), w(s(Te), {
+                  l.isCollapseTag === !1 ? (r(), m("span", Et, U(l.text), 1)) : (r(), E(s(Ee), {
                     key: 1,
                     disabled: g.value || !e.collapseTagsTooltip,
                     "fallback-placements": ["bottom", "top", "right", "left"],
@@ -351,21 +357,21 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
                     effect: e.effect
                   }, {
                     default: v(() => [
-                      F("span", null, q(l.text), 1)
+                      z("span", null, U(l.text), 1)
                     ]),
                     content: v(() => [
-                      le(s(we), { "max-height": e.maxCollapseTagsTooltipHeight }, {
+                      te(s(we), { "max-height": e.maxCollapseTagsTooltipHeight }, {
                         default: v(() => [
-                          F("div", {
-                            class: d(s(a).e("collapse-tags"))
+                          z("div", {
+                            class: d(s(n).e("collapse-tags"))
                           }, [
-                            (r(!0), m(se, null, oe(H.value.slice(
+                            (r(!0), m(le, null, se(H.value.slice(
                               e.maxCollapseTags
                             ), (o, u) => (r(), m("div", {
                               key: u,
-                              class: d(s(a).e("collapse-tag"))
+                              class: d(s(n).e("collapse-tag"))
                             }, [
-                              (r(), w(s(Ve), {
+                              (r(), E(s($e), {
                                 key: o.key,
                                 class: "in-tooltip",
                                 type: e.tagType,
@@ -374,10 +380,10 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
                                 hit: o.hitState,
                                 closable: o.closable,
                                 "disable-transitions": "",
-                                onClose: (L) => R(o)
+                                onClose: (W) => R(o)
                               }, {
                                 default: v(() => [
-                                  F("span", null, q(o.text), 1)
+                                  z("span", null, U(o.text), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
@@ -393,108 +399,108 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
                 _: 2
               }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))), 128))
             ]),
-            e.filterable && !b.value ? W((r(), m("input", {
+            e.filterable && !b.value ? q((r(), m("input", {
               key: 0,
-              "onUpdate:modelValue": t[2] || (t[2] = (l) => V.value = l),
+              "onUpdate:modelValue": t[2] || (t[2] = (l) => w.value = l),
               type: "text",
-              class: d(s(a).e("search-input")),
-              placeholder: A.value ? "" : ce.value,
-              onInput: t[3] || (t[3] = (l) => te(V.value, l)),
-              onClick: t[4] || (t[4] = z((l) => p(!0), ["stop"])),
-              onKeydown: et(Je, ["delete"]),
+              class: d(s(n).e("search-input")),
+              placeholder: L.value ? "" : ce.value,
+              onInput: t[3] || (t[3] = (l) => ee(w.value, l)),
+              onClick: t[4] || (t[4] = F((l) => p(!0), ["stop"])),
+              onKeydown: tt(Qe, ["delete"]),
               onCompositionstart: t[5] || (t[5] = //@ts-ignore
               (...l) => s(k) && s(k)(...l)),
               onCompositionupdate: t[6] || (t[6] = //@ts-ignore
               (...l) => s(k) && s(k)(...l)),
               onCompositionend: t[7] || (t[7] = //@ts-ignore
               (...l) => s(k) && s(k)(...l)),
-              onFocus: ke,
-              onBlur: Ce
+              onFocus: Ce,
+              onBlur: ye
             }, null, 42, wt)), [
-              [tt, V.value]
-            ]) : S("", !0)
-          ], 2)) : S("", !0)
+              [lt, w.value]
+            ]) : P("", !0)
+          ], 2)) : P("", !0)
         ], 38)), [
-          [s(mt), () => p(!1), me.value]
+          [s(gt), () => p(!1), ge.value]
         ])
       ]),
       content: v(() => [
         e.$slots.header ? (r(), m("div", {
           key: 0,
-          class: d(s(a).e("header")),
-          onClick: t[11] || (t[11] = z(() => {
+          class: d(s(n).e("header")),
+          onClick: t[11] || (t[11] = F(() => {
           }, ["stop"]))
         }, [
-          E(e.$slots, "header")
-        ], 2)) : S("", !0),
-        W(le(s(ft), {
+          V(e.$slots, "header")
+        ], 2)) : P("", !0),
+        q(te(s(vt), {
           ref_key: "cascaderPanelRef",
           ref: f,
-          modelValue: ve.value,
-          "onUpdate:modelValue": t[12] || (t[12] = (l) => ve.value = l),
+          modelValue: me.value,
+          "onUpdate:modelValue": t[12] || (t[12] = (l) => me.value = l),
           options: e.options,
-          props: n.props,
+          props: a.props,
           border: !1,
           "render-label": e.$slots.default,
-          onExpandChange: We,
+          onExpandChange: qe,
           onClose: t[13] || (t[13] = (l) => e.$nextTick(() => p(!1)))
         }, {
           empty: v(() => [
-            E(e.$slots, "empty")
+            V(e.$slots, "empty")
           ]),
           _: 3
         }, 8, ["modelValue", "options", "props", "render-label"]), [
-          [be, !y.value]
+          [Te, !y.value]
         ]),
-        e.filterable ? W((r(), w(s(we), {
+        e.filterable ? q((r(), E(s(we), {
           key: 1,
           ref_key: "suggestionPanel",
-          ref: M,
+          ref: K,
           tag: "ul",
-          class: d(s(a).e("suggestion-panel")),
-          "view-class": s(a).e("suggestion-list"),
-          onKeydown: je
+          class: d(s(n).e("suggestion-panel")),
+          "view-class": s(n).e("suggestion-list"),
+          onKeydown: Je
         }, {
           default: v(() => [
-            X.value.length ? (r(!0), m(se, { key: 0 }, oe(X.value, (l) => (r(), m("li", {
+            Q.value.length ? (r(!0), m(le, { key: 0 }, se(Q.value, (l) => (r(), m("li", {
               key: l.uid,
               class: d([
-                s(a).e("suggestion-item"),
-                s(a).is("checked", l.checked)
+                s(n).e("suggestion-item"),
+                s(n).is("checked", l.checked)
               ]),
               tabindex: -1,
-              onClick: (o) => Ge(l)
+              onClick: (o) => je(l)
             }, [
-              E(e.$slots, "suggestion-item", { item: l }, () => [
-                F("span", null, q(l.text), 1),
-                l.checked ? (r(), w(s(ae), {
+              V(e.$slots, "suggestion-item", { item: l }, () => [
+                z("span", null, U(l.text), 1),
+                l.checked ? (r(), E(s(oe), {
                   key: 0,
                   icon: "icon-check"
-                })) : S("", !0)
+                })) : P("", !0)
               ])
-            ], 10, Vt))), 128)) : E(e.$slots, "empty", { key: 1 }, () => [
-              F("li", {
-                class: d(s(a).e("empty-text"))
+            ], 10, $t))), 128)) : V(e.$slots, "empty", { key: 1 }, () => [
+              z("li", {
+                class: d(s(n).e("empty-text"))
               }, "无匹配数据", 2)
             ])
           ]),
           _: 3
         }, 8, ["class", "view-class"])), [
-          [be, y.value]
-        ]) : S("", !0),
+          [Te, y.value]
+        ]) : P("", !0),
         e.$slots.footer ? (r(), m("div", {
           key: 2,
-          class: d(s(a).e("footer")),
-          onClick: t[14] || (t[14] = z(() => {
+          class: d(s(n).e("footer")),
+          onClick: t[14] || (t[14] = F(() => {
           }, ["stop"]))
         }, [
-          E(e.$slots, "footer")
-        ], 2)) : S("", !0)
+          V(e.$slots, "footer")
+        ], 2)) : P("", !0)
       ]),
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "effect", "persistent"]));
   }
 });
 export {
-  _t as default
+  el as default
 };