ep-craft 0.1.34 → 0.1.35

package/dist/components/cascader/EpCascader.vue.js

@@ -0,0 +1,757 @@
+import { defineComponent as xt, useAttrs as Tt, useSlots as wt, ref as g, computed as u, watch as A, nextTick as D, onMounted as Et, openBlock as r, createBlock as T, unref as a, withCtx as d, createElementBlock as k, withModifiers as G, normalizeClass as c, renderSlot as I, createCommentVNode as z, withDirectives as W, createVNode as B, vShow as te, Fragment as le, renderList as fe, createElementVNode as V, toDisplayString as R, normalizeStyle as Pe, createSlots as $t, resolveDynamicComponent as Nt, withKeys as It, vModelText as zt, markRaw as Vt } from "vue";
+import { clamp as Pt, cloneDeep as Bt } from "lodash-unified";
+import { useDebounceFn as Ft, useResizeObserver as Dt, isClient as Be, useCssVar as Rt } from "@vueuse/core";
+import { isNumber as Lt } from "../../utils/types.js";
+import { NOOP as Fe, isPromise as De } from "@vue/shared";
+import { focusNode as Re, getSibling as At } from "../../utils/dom/aria.js";
+import { getEventCode as Le } from "../../utils/dom/event.js";
+import { Check as Ae, ArrowDown as Wt, CircleClose as Mt } from "@element-plus/icons-vue";
+import { EVENT_CODE as w } from "../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as Ht, CHANGE_EVENT as Ot } from "../../constants/event.js";
+import { EpCascaderPanel as Kt } from "../cascader-panel/index.js";
+import { EpInput as Ut } from "../input/index.js";
+import { EpTooltip as We } from "../tooltip/index.js";
+import { EpScrollbar as Me } from "../scrollbar/index.js";
+import qt from "../virtual-list/src/components/fixed-size-list.js";
+import "../virtual-list/src/components/dynamic-size-list.js";
+import "../virtual-list/src/props.js";
+import { EpTag as ve } from "../tag/index.js";
+import { EpIcon as ae } from "../icon/index.js";
+import "../form/index.js";
+import Gt from "../../directives/click-outside/index.js";
+import "normalize-wheel-es";
+import { useNamespace as He } from "../../hooks/use-namespace/index.js";
+import { useLocale as jt } from "../../hooks/use-locale/index.js";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import { useEmptyValues as Xt } from "../../hooks/use-empty-values/index.js";
+import { useFocusController as Zt } from "../../hooks/use-focus-controller/index.js";
+import { useComposition as Jt } from "../../hooks/use-composition/index.js";
+import { cascaderEmits as Qt } from "./cascader.js";
+import { CASCADER_PANEL_HEIGHT as Yt, CASCADER_PANEL_ITEM_SIZE as _t } from "../cascader-panel/config.js";
+import { useFormItem as el } from "../form/src/hooks/use-form-item.js";
+import { useFormDisabled as tl, useFormSize as ll } from "../form/src/hooks/use-form-common-props.js";
+const al = ["placeholder"], sl = ["onClick"], ol = ["id", "data-suggestion-index", "onClick"], nl = 34, Ul = /* @__PURE__ */ xt({
+  name: "EpCascader",
+  __name: "EpCascader",
+  props: {
+    size: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: void 0 },
+    clearable: { type: Boolean },
+    clearIcon: { default: Vt(Mt) },
+    filterable: { type: Boolean },
+    filterMethod: { type: Function, default: (n, se) => n.text.includes(se) },
+    separator: { default: " / " },
+    showAllLevels: { type: Boolean, default: !0 },
+    collapseTags: { type: Boolean },
+    maxCollapseTags: { default: 1 },
+    collapseTagsTooltip: { type: Boolean },
+    maxCollapseTagsTooltipHeight: {},
+    debounce: { default: 300 },
+    beforeFilter: { type: Function, default: () => !0 },
+    placement: { default: "bottom-start" },
+    fallbackPlacements: { default: () => [
+      "bottom-start",
+      "bottom",
+      "top-start",
+      "top",
+      "right",
+      "left"
+    ] },
+    popperClass: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    teleported: { type: Boolean, default: !0 },
+    effect: { default: "light" },
+    tagType: { default: "info" },
+    tagEffect: { default: "light" },
+    validateEvent: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 },
+    showCheckedStrategy: { default: "child" },
+    checkOnClickNode: { type: Boolean },
+    showPrefix: { type: Boolean, default: !0 },
+    fitInputWidth: { type: [Boolean, Number] },
+    modelValue: {},
+    options: { default: () => [] },
+    props: { default: () => ({}) },
+    virtualScroll: { type: Boolean },
+    itemSize: { default: _t },
+    height: { default: Yt },
+    emptyValues: {},
+    valueOnClear: { type: [String, Number, Boolean, Function, null], default: void 0 }
+  },
+  emits: Qt,
+  setup(n, { expose: se, emit: Oe }) {
+    const Ke = {
+      modifiers: [
+        {
+          name: "arrowPosition",
+          enabled: !0,
+          phase: "main",
+          fn: ({ state: e }) => {
+            const { modifiersData: t, placement: l } = e;
+            ["right", "left", "bottom", "top"].includes(l) || t.arrow && (t.arrow.x = 35);
+          },
+          requires: ["arrow"]
+        }
+      ]
+    }, o = n, L = Oe, ge = Tt(), me = wt();
+    let M = 0, oe = 0;
+    const i = He("cascader"), j = He("input"), Ue = {
+      small: 7,
+      default: 11,
+      large: 15
+    }, { t: ne } = jt(), { formItem: b } = el(), E = tl(), { valueOnClear: qe } = Xt(o), { isComposing: he, handleComposition: $ } = Jt({
+      afterComposition(e) {
+        var l;
+        const t = (l = e.target) == null ? void 0 : l.value;
+        de(t);
+      }
+    }), X = g(), ye = g(), S = g(), Ce = g(), y = g(), H = g(), Z = g(), x = g(!1), ie = g(!1), N = g(!1), J = g(""), F = g(""), m = g([]), h = g([]), ke = g("100%"), be = u(() => !!me["suggestion-item"]), Ge = u(
+      () => Pt(h.value.length * o.itemSize, o.itemSize, o.height)
+    ), je = u(() => o.props.multiple ? o.collapseTags ? m.value.slice(0, o.maxCollapseTags) : m.value : []), Xe = u(() => o.props.multiple ? o.collapseTags ? m.value.slice(o.maxCollapseTags) : [] : []), Ze = u(() => ge.style), Se = u(
+      () => o.placeholder ?? ne("el.cascader.placeholder")
+    ), Je = u(
+      () => F.value || m.value.length > 0 || he.value ? "" : Se.value
+    ), O = ll(), re = u(
+      () => O.value === "small" ? "small" : "default"
+    ), P = u(() => !!o.props.multiple), xe = u(() => !o.filterable || P.value), Te = u(
+      () => P.value ? F.value : J.value
+    ), Q = u(
+      () => {
+        var e;
+        return ((e = y.value) == null ? void 0 : e.checkedNodes) || [];
+      }
+    ), { wrapperRef: Qe, isFocused: ue, handleBlur: Ye } = Zt(S, {
+      disabled: E,
+      beforeBlur(e) {
+        var t, l;
+        return ((t = X.value) == null ? void 0 : t.isFocusInsideContent(e)) || ((l = ye.value) == null ? void 0 : l.isFocusInsideContent(e));
+      },
+      afterBlur() {
+        var e;
+        o.validateEvent && ((e = b == null ? void 0 : b.validate) == null || e.call(b, "blur").catch(Fe));
+      }
+    }), _e = u(() => !o.clearable || E.value || N.value || !ie.value && !ue.value ? !1 : !!Q.value.length), Y = u(() => {
+      const { showAllLevels: e, separator: t } = o, l = Q.value;
+      return l.length ? P.value ? "" : l[0].calcText(e, t) : "";
+    }), et = u(() => (b == null ? void 0 : b.validateState) || ""), we = u({
+      get() {
+        return Bt(o.modelValue);
+      },
+      set(e) {
+        const t = e ?? qe.value;
+        L(Ht, t), L(Ot, t), o.validateEvent && (b == null || b.validate("change").catch(Fe));
+      }
+    }), tt = u(() => [
+      i.b(),
+      i.m(O.value),
+      i.is("disabled", E.value),
+      ge.class
+    ]), lt = u(() => [
+      j.e("icon"),
+      "icon-arrow-down",
+      i.is("reverse", x.value)
+    ]), at = u(() => i.is("focus", ue.value)), Ee = u(() => {
+      var e, t;
+      return (t = (e = X.value) == null ? void 0 : e.popperRef) == null ? void 0 : t.contentRef;
+    }), st = (e) => {
+      if (ue.value) {
+        const t = new FocusEvent("blur", e);
+        Ye(t);
+      }
+      C(!1);
+    }, C = (e) => {
+      var t, l;
+      E.value || (e = e ?? !x.value, e !== x.value && (x.value = e, (l = (t = S.value) == null ? void 0 : t.input) == null || l.setAttribute("aria-expanded", `${e}`), e ? (K(), y.value && D(y.value.scrollToExpandingNode)) : o.filterable && pe(), L("visibleChange", e)));
+    }, K = () => {
+      D(() => {
+        var e;
+        (e = X.value) == null || e.updatePopper();
+      });
+    }, ce = () => {
+      N.value = !1;
+    }, ot = (e) => {
+      const { showAllLevels: t, separator: l } = o;
+      return {
+        node: e,
+        key: e.uid,
+        text: e.calcText(t, l),
+        hitState: !1,
+        closable: !E.value && !e.isDisabled
+      };
+    }, _ = (e) => {
+      var l;
+      const t = e.node;
+      t.doCheck(!1), (l = y.value) == null || l.calculateCheckedValue(), L("removeTag", t.valueByOption);
+    }, nt = () => {
+      switch (o.showCheckedStrategy) {
+        case "child":
+          return Q.value;
+        case "parent": {
+          const e = Ne(!1), t = e.map((s) => s.value);
+          return e.filter(
+            (s) => !s.parent || !t.includes(s.parent.value)
+          );
+        }
+        default:
+          return [];
+      }
+    }, it = () => {
+      if (!P.value) return;
+      const e = nt(), t = [];
+      e.forEach((l) => t.push(ot(l))), m.value = t;
+    }, $e = () => {
+      var f, p;
+      const { filterMethod: e, showAllLevels: t, separator: l } = o, s = (p = (f = y.value) == null ? void 0 : f.getFlattedNodes(!o.props.checkStrictly)) == null ? void 0 : p.filter((v) => v.isDisabled ? !1 : (v.calcText(t, l), e(v, Te.value)));
+      P.value && m.value.forEach((v) => {
+        v.hitState = !1;
+      }), N.value = !0, h.value = s, D(() => {
+        var v;
+        o.virtualScroll && h.value.length > 0 && ((v = Z.value) == null || v.scrollToItem(0)), ee();
+      }), K();
+    }, U = (e) => {
+      const t = H.value;
+      return e ? (t == null ? void 0 : t.querySelector(e)) ?? void 0 : t;
+    }, rt = () => {
+      var t;
+      let e;
+      N.value && H.value ? e = U(`.${i.e("suggestion-item")}`) : e = (t = y.value) == null ? void 0 : t.$el.querySelector(
+        `.${i.b("node")}[tabindex="-1"]`
+      ), e && (e.focus(), !N.value && e.getAttribute("aria-haspopup") === "true" && e.click());
+    }, ut = (e) => {
+      const t = U();
+      if (!t) return;
+      const l = Lt(o.fitInputWidth) ? `${o.fitInputWidth}px` : `${e}px`, s = (p) => {
+        o.fitInputWidth !== !1 ? (p.style.width = l, p.style.minWidth = "") : (p.style.width = "", p.style.minWidth = l);
+      };
+      if (s(t), o.virtualScroll) {
+        ke.value = o.fitInputWidth !== !1 ? l : be.value ? `${e}px` : `${Math.max(e, pt())}px`;
+        return;
+      }
+      const f = U(
+        `.${i.e("suggestion-list")}`
+      );
+      f && s(f);
+    }, ct = () => {
+      var l;
+      if (!me.prefix) return 0;
+      const e = (l = S.value) == null ? void 0 : l.$el.querySelector(
+        `.${j.e("prefix")}`
+      );
+      if (!e) return 0;
+      const t = e.getBoundingClientRect().width;
+      return t <= 0 ? 0 : t + Ue[O.value || "default"];
+    }, ee = () => {
+      var s, f;
+      const e = (s = S.value) == null ? void 0 : s.input, t = (f = S.value) == null ? void 0 : f.$el;
+      if (!Be || !e || !t) return;
+      H.value && ut(t.getBoundingClientRect().width);
+      const l = Ce.value;
+      if (l) {
+        const p = m.value.length > 0 ? `${Math.max(l.offsetHeight, M) - 2}px` : `${M}px`;
+        e.style.height = p, l.style.left = `${ct()}px`, K();
+      }
+    }, pt = () => {
+      if (be.value || !h.value.length) return 0;
+      const t = document.createElement("canvas").getContext("2d");
+      if (!t) return 0;
+      const l = U(
+        `.${i.e("suggestion-item")}`
+      );
+      if (!l || !Be) return 0;
+      const s = getComputedStyle(l), f = Number.parseFloat(s.paddingLeft) + Number.parseFloat(s.paddingRight);
+      t.font = `bold ${s.fontSize} ${s.fontFamily}`;
+      let p = 0, v = !1;
+      for (const q of h.value) {
+        const bt = q.text || "", St = t.measureText(bt);
+        p = Math.max(p, St.width), q.checked && !v && (v = !0);
+      }
+      return p + f + (v ? nl : 0);
+    }, Ne = (e) => {
+      var t;
+      return (t = y.value) == null ? void 0 : t.getCheckedNodes(e);
+    }, dt = (e) => {
+      K(), L("expandChange", e);
+    }, ft = (e) => {
+      if (he.value) return;
+      switch (Le(e)) {
+        case w.enter:
+        case w.numpadEnter:
+          C();
+          break;
+        case w.down:
+          C(!0), D(rt), e.preventDefault();
+          break;
+        case w.esc:
+          x.value === !0 && (e.preventDefault(), e.stopPropagation(), C(!1));
+          break;
+        case w.tab:
+          C(!1);
+          break;
+      }
+    }, vt = () => {
+      var e;
+      (e = y.value) == null || e.clearCheckedNodes(), !x.value && o.filterable && pe(), C(!1), L("clear");
+    }, pe = () => {
+      const { value: e } = Y;
+      J.value = e, F.value = e;
+    }, Ie = (e) => {
+      var l, s;
+      const { checked: t } = e;
+      P.value ? (l = y.value) == null || l.handleCheckChange(e, !t, !1) : (!t && ((s = y.value) == null || s.handleCheckChange(e, !0, !1)), C(!1));
+    }, gt = (e) => {
+      const t = e.closest("[data-suggestion-index]"), l = t == null ? void 0 : t.dataset.suggestionIndex;
+      if (!l) return -1;
+      const s = Number.parseInt(l, 10);
+      return Number.isNaN(s) || s < 0 || s >= h.value.length ? -1 : s;
+    }, ze = (e) => {
+      const t = e.target, l = Le(e);
+      switch (l) {
+        case w.up:
+        case w.down: {
+          e.preventDefault();
+          const s = l === w.up ? -1 : 1;
+          if (o.virtualScroll && Z.value) {
+            const f = gt(t);
+            if (f >= 0) {
+              const p = h.value.length, v = (f + s + p) % p;
+              Z.value.scrollToItem(v), D(() => {
+                const q = U(
+                  `#suggestion-${h.value[v].uid}`
+                );
+                q && Re(q);
+              });
+              return;
+            }
+          }
+          Re(
+            At(
+              t,
+              s,
+              `.${i.e("suggestion-item")}[tabindex="-1"]`
+            )
+          );
+          break;
+        }
+        case w.enter:
+        case w.numpadEnter:
+          t.click();
+          break;
+      }
+    }, mt = () => {
+      const e = m.value[m.value.length - 1];
+      oe = F.value ? 0 : oe + 1, !(!e || !oe || o.collapseTags && m.value.length > 1) && (e.hitState ? _(e) : e.hitState = !0);
+    }, ht = u(() => o.debounce), yt = Ft(() => {
+      const { value: e } = Te;
+      if (!e) return;
+      const t = o.beforeFilter(e);
+      De(t) ? t.then($e).catch(() => {
+      }) : t !== !1 ? $e() : ce();
+    }, ht), de = (e, t) => {
+      if (!x.value && C(!0), !(t != null && t.isComposing))
+        if (e)
+          yt();
+        else {
+          const l = o.beforeFilter("");
+          De(l) && l.catch(() => {
+          }), ce();
+        }
+    }, Ve = (e) => Number.parseFloat(
+      Rt(j.cssVarName("input-height"), e).value
+    ) - 2, Ct = () => {
+      var e;
+      (e = S.value) == null || e.focus();
+    }, kt = () => {
+      var e;
+      (e = S.value) == null || e.blur();
+    };
+    return A(N, K), A(
+      [
+        Q,
+        E,
+        () => o.collapseTags,
+        () => o.maxCollapseTags
+      ],
+      it
+    ), A(m, () => {
+      D(() => ee());
+    }), A(O, async () => {
+      await D();
+      const e = S.value.input;
+      M = Ve(e) || M, ee();
+    }), A(Y, pe, { immediate: !0 }), A(
+      () => x.value,
+      (e) => {
+        var t;
+        e && o.props.lazy && o.props.lazyLoad && ((t = y.value) == null || t.loadLazyRootNodes());
+      }
+    ), Et(() => {
+      const e = S.value.input, t = S.value.$el, l = Ve(e);
+      M = e.offsetHeight || l, Dt(t, ee);
+    }), se({
+      /**
+       * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
+       */
+      getCheckedNodes: Ne,
+      /**
+       * @description cascader panel ref
+       */
+      cascaderPanelRef: y,
+      /**
+       * @description toggle the visible of popper
+       */
+      togglePopperVisible: C,
+      /**
+       * @description cascader content ref
+       */
+      contentRef: Ee,
+      /**
+       * @description selected content text
+       */
+      presentText: Y,
+      /** @description focus the input element */
+      focus: Ct,
+      /** @description blur the input element */
+      blur: kt
+    }), (e, t) => (r(), T(a(We), {
+      ref_key: "tooltipRef",
+      ref: X,
+      visible: x.value,
+      teleported: n.teleported,
+      "popper-class": [a(i).e("dropdown"), n.popperClass],
+      "popper-style": n.popperStyle,
+      "popper-options": Ke,
+      "fallback-placements": n.fallbackPlacements,
+      "stop-popper-mouse-event": !1,
+      "gpu-acceleration": !1,
+      placement: n.placement,
+      transition: `${a(i).namespace.value}-zoom-in-top`,
+      effect: n.effect,
+      pure: "",
+      persistent: n.persistent,
+      onHide: ce
+    }, {
+      default: d(() => [
+        W((r(), k("div", {
+          ref_key: "wrapperRef",
+          ref: Qe,
+          class: c(tt.value),
+          style: Pe(Ze.value),
+          onClick: t[8] || (t[8] = () => C(xe.value ? void 0 : !0)),
+          onKeydown: ft,
+          onMouseenter: t[9] || (t[9] = (l) => ie.value = !0),
+          onMouseleave: t[10] || (t[10] = (l) => ie.value = !1)
+        }, [
+          B(a(Ut), {
+            ref_key: "inputRef",
+            ref: S,
+            modelValue: J.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => J.value = l),
+            placeholder: Je.value,
+            readonly: xe.value,
+            disabled: a(E),
+            "validate-event": !1,
+            size: a(O),
+            class: c(at.value),
+            tabindex: P.value && n.filterable && !a(E) ? -1 : void 0,
+            onCompositionstart: a($),
+            onCompositionupdate: a($),
+            onCompositionend: a($),
+            onInput: de
+          }, $t({
+            suffix: d(() => [
+              _e.value ? (r(), T(a(ae), {
+                key: "clear",
+                class: c([a(j).e("icon"), "icon-circle-close"]),
+                onClick: G(vt, ["stop"])
+              }, {
+                default: d(() => [
+                  (r(), T(Nt(n.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : (r(), T(a(ae), {
+                key: "arrow-down",
+                class: c(lt.value),
+                onClick: t[0] || (t[0] = G((l) => C(), ["stop"]))
+              }, {
+                default: d(() => [
+                  B(a(Wt))
+                ]),
+                _: 1
+              }, 8, ["class"]))
+            ]),
+            _: 2
+          }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: d(() => [
+                I(e.$slots, "prefix")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+          P.value ? (r(), k("div", {
+            key: 0,
+            ref_key: "tagWrapper",
+            ref: Ce,
+            class: c([
+              a(i).e("tags"),
+              a(i).is("validate", !!et.value)
+            ])
+          }, [
+            I(e.$slots, "tag", {
+              data: m.value,
+              deleteTag: _
+            }, () => [
+              (r(!0), k(le, null, fe(je.value, (l) => (r(), T(a(ve), {
+                key: l.key,
+                type: n.tagType,
+                size: re.value,
+                effect: n.tagEffect,
+                hit: l.hitState,
+                closable: l.closable,
+                "disable-transitions": "",
+                onClose: (s) => _(l)
+              }, {
+                default: d(() => [
+                  V("span", null, R(l.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))), 128))
+            ]),
+            n.collapseTags && m.value.length > n.maxCollapseTags ? (r(), T(a(We), {
+              key: 0,
+              ref_key: "tagTooltipRef",
+              ref: ye,
+              disabled: x.value || !n.collapseTagsTooltip,
+              "fallback-placements": ["bottom", "top", "right", "left"],
+              placement: "bottom",
+              "popper-class": n.popperClass,
+              "popper-style": n.popperStyle,
+              effect: n.effect,
+              persistent: n.persistent
+            }, {
+              default: d(() => [
+                B(a(ve), {
+                  closable: !1,
+                  size: re.value,
+                  type: n.tagType,
+                  effect: n.tagEffect,
+                  "disable-transitions": ""
+                }, {
+                  default: d(() => [
+                    V("span", {
+                      class: c(a(i).e("tags-text"))
+                    }, " + " + R(m.value.length - n.maxCollapseTags), 3)
+                  ]),
+                  _: 1
+                }, 8, ["size", "type", "effect"])
+              ]),
+              content: d(() => [
+                B(a(Me), { "max-height": n.maxCollapseTagsTooltipHeight }, {
+                  default: d(() => [
+                    V("div", {
+                      class: c(a(i).e("collapse-tags"))
+                    }, [
+                      (r(!0), k(le, null, fe(Xe.value, (l, s) => (r(), k("div", {
+                        key: s,
+                        class: c(a(i).e("collapse-tag"))
+                      }, [
+                        (r(), T(a(ve), {
+                          key: l.key,
+                          class: "in-tooltip",
+                          type: n.tagType,
+                          size: re.value,
+                          effect: n.tagEffect,
+                          hit: l.hitState,
+                          closable: l.closable,
+                          "disable-transitions": "",
+                          onClose: (f) => _(l)
+                        }, {
+                          default: d(() => [
+                            V("span", null, R(l.text), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                      ], 2))), 128))
+                    ], 2)
+                  ]),
+                  _: 1
+                }, 8, ["max-height"])
+              ]),
+              _: 1
+            }, 8, ["disabled", "popper-class", "popper-style", "effect", "persistent"])) : z("", !0),
+            n.filterable && !a(E) ? W((r(), k("input", {
+              key: 1,
+              "onUpdate:modelValue": t[2] || (t[2] = (l) => F.value = l),
+              type: "text",
+              class: c(a(i).e("search-input")),
+              placeholder: Y.value ? "" : Se.value,
+              onInput: t[3] || (t[3] = (l) => de(F.value, l)),
+              onClick: t[4] || (t[4] = G((l) => C(!0), ["stop"])),
+              onKeydown: It(mt, ["delete"]),
+              onCompositionstart: t[5] || (t[5] = //@ts-ignore
+              (...l) => a($) && a($)(...l)),
+              onCompositionupdate: t[6] || (t[6] = //@ts-ignore
+              (...l) => a($) && a($)(...l)),
+              onCompositionend: t[7] || (t[7] = //@ts-ignore
+              (...l) => a($) && a($)(...l))
+            }, null, 42, al)), [
+              [zt, F.value]
+            ]) : z("", !0)
+          ], 2)) : z("", !0)
+        ], 38)), [
+          [a(Gt), st, Ee.value]
+        ])
+      ]),
+      content: d(() => [
+        e.$slots.header ? (r(), k("div", {
+          key: 0,
+          class: c(a(i).e("header")),
+          onClick: t[11] || (t[11] = G(() => {
+          }, ["stop"]))
+        }, [
+          I(e.$slots, "header")
+        ], 2)) : z("", !0),
+        W(B(a(Kt), {
+          ref_key: "cascaderPanelRef",
+          ref: y,
+          modelValue: we.value,
+          "onUpdate:modelValue": t[12] || (t[12] = (l) => we.value = l),
+          options: n.options,
+          props: o.props,
+          border: !1,
+          "render-label": e.$slots.default,
+          "virtual-scroll": n.virtualScroll,
+          "item-size": n.itemSize,
+          height: n.height,
+          onExpandChange: dt,
+          onClose: t[13] || (t[13] = (l) => e.$nextTick(() => C(!1)))
+        }, {
+          empty: d(() => [
+            I(e.$slots, "empty")
+          ]),
+          _: 3
+        }, 8, ["modelValue", "options", "props", "render-label", "virtual-scroll", "item-size", "height"]), [
+          [te, !N.value]
+        ]),
+        n.filterable ? (r(), k(le, { key: 1 }, [
+          n.virtualScroll ? W((r(), k("div", {
+            key: 1,
+            ref_key: "suggestionPanel",
+            ref: H,
+            class: c(a(i).e("suggestion-panel")),
+            onKeydown: ze
+          }, [
+            W(B(a(qt), {
+              ref_key: "suggestionVirtualListRef",
+              ref: Z,
+              height: Ge.value,
+              "item-size": n.itemSize,
+              data: h.value,
+              total: h.value.length,
+              "class-name": a(i).e("suggestion-list"),
+              "inner-element": "ul",
+              "inner-width": ke.value
+            }, {
+              default: d(({ data: l, index: s, style: f }) => [
+                (r(), k("li", {
+                  id: `suggestion-${l[s].uid}`,
+                  key: l[s].uid,
+                  "data-suggestion-index": s,
+                  class: c([
+                    a(i).e("suggestion-item"),
+                    a(i).is("checked", l[s].checked)
+                  ]),
+                  tabindex: -1,
+                  style: Pe(f),
+                  onClick: (p) => Ie(l[s])
+                }, [
+                  I(e.$slots, "suggestion-item", {
+                    item: l[s]
+                  }, () => [
+                    V("span", null, R(l[s].text), 1),
+                    l[s].checked ? (r(), T(a(ae), { key: 0 }, {
+                      default: d(() => [
+                        B(a(Ae))
+                      ]),
+                      _: 1
+                    })) : z("", !0)
+                  ])
+                ], 14, ol))
+              ]),
+              _: 3
+            }, 8, ["height", "item-size", "data", "total", "class-name", "inner-width"]), [
+              [te, h.value.length]
+            ]),
+            h.value.length ? z("", !0) : I(e.$slots, "empty", {}, () => [
+              V("ul", {
+                class: c(a(i).e("suggestion-list"))
+              }, [
+                V("li", {
+                  class: c(a(i).e("empty-text"))
+                }, R(a(ne)("el.cascader.noMatch")), 3)
+              ], 2)
+            ], void 0, 0)
+          ], 34)), [
+            [te, N.value]
+          ]) : W((r(), T(a(Me), {
+            key: 0,
+            ref: (l) => H.value = l == null ? void 0 : l.$el,
+            tag: "ul",
+            class: c(a(i).e("suggestion-panel")),
+            "wrap-class": a(i).e("suggestion-wrap"),
+            "view-class": a(i).e("suggestion-list"),
+            onKeydown: ze
+          }, {
+            default: d(() => [
+              h.value.length ? (r(!0), k(le, { key: 0 }, fe(h.value, (l) => (r(), k("li", {
+                key: l.uid,
+                class: c([
+                  a(i).e("suggestion-item"),
+                  a(i).is("checked", l.checked)
+                ]),
+                tabindex: -1,
+                onClick: (s) => Ie(l)
+              }, [
+                I(e.$slots, "suggestion-item", { item: l }, () => [
+                  V("span", null, R(l.text), 1),
+                  l.checked ? (r(), T(a(ae), { key: 0 }, {
+                    default: d(() => [
+                      B(a(Ae))
+                    ]),
+                    _: 1
+                  })) : z("", !0)
+                ])
+              ], 10, sl))), 128)) : I(e.$slots, "empty", {}, () => [
+                V("li", {
+                  class: c(a(i).e("empty-text"))
+                }, R(a(ne)("el.cascader.noMatch")), 3)
+              ], void 0, 1)
+            ]),
+            _: 3
+          }, 8, ["class", "wrap-class", "view-class"])), [
+            [te, N.value]
+          ])
+        ], 64)) : z("", !0),
+        e.$slots.footer ? (r(), k("div", {
+          key: 2,
+          class: c(a(i).e("footer")),
+          onClick: t[14] || (t[14] = G(() => {
+          }, ["stop"]))
+        }, [
+          I(e.$slots, "footer")
+        ], 2)) : z("", !0)
+      ]),
+      _: 3
+    }, 8, ["visible", "teleported", "popper-class", "popper-style", "fallback-placements", "placement", "transition", "effect", "persistent"]));
+  }
+});
+export {
+  Ul as default
+};