@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XCascader.vue.js

@@ -0,0 +1,1015 @@
+import { defineComponent as Ya, useSlots as Za, ref as S, computed as r, watch as _e, nextTick as Fe, onBeforeUnmount as el, openBlock as s, createBlock as L, mergeProps as al, withCtx as va, createElementVNode as T, createElementBlock as u, createVNode as M, unref as v, renderSlot as w, resolveDynamicComponent as fa, normalizeClass as J, Fragment as X, renderList as ie, withModifiers as Q, createCommentVNode as h, createTextVNode as ce, toDisplayString as Y, normalizeStyle as be } from "vue";
+import pa from "./XEmpty.vue.js";
+import y from "./XIcon.js";
+import ll from "./XTrigger.vue.js";
+import { useXConfig as tl, sizeClass as nl } from "../composables/config.js";
+import { useXConfigProviderSlotRender as sl } from "../composables/config-provider.js";
+import { useXFormField as ul } from "../composables/form.js";
+import { useXI18n as ol } from "../composables/i18n.js";
+const rl = ["tabindex"], il = { class: "x-cascader__control" }, cl = {
+  key: 0,
+  class: "x-cascader__prefix"
+}, dl = { class: "x-cascader__value" }, vl = { class: "x-cascader__tag-text" }, fl = ["onClick"], pl = {
+  key: 0,
+  class: "x-cascader__tag x-cascader__tag--rest"
+}, hl = {
+  key: 1,
+  class: "x-cascader__search-icon"
+}, yl = ["value", "disabled", "placeholder"], gl = {
+  key: 3,
+  class: "x-cascader__display is-placeholder"
+}, ml = {
+  key: 0,
+  class: "x-cascader__search-icon"
+}, kl = ["value", "disabled", "placeholder"], _l = { class: "x-cascader__suffix" }, bl = {
+  key: 1,
+  class: "x-cascader__loading-icon"
+}, xl = {
+  key: 2,
+  class: "x-cascader__arrow"
+}, Cl = {
+  key: 0,
+  class: "x-cascader__search-panel"
+}, Ml = {
+  key: 0,
+  class: "x-cascader__state"
+}, wl = {
+  key: 1,
+  class: "x-cascader__state"
+}, Ll = ["onClick", "onMouseenter"], Vl = {
+  key: 0,
+  class: "x-cascader__checkmark"
+}, Bl = { class: "x-cascader__label" }, Ol = {
+  key: 1,
+  class: "x-cascader__check-icon"
+}, Sl = ["onScroll"], Tl = ["onClick", "onMouseenter"], zl = {
+  key: 0,
+  class: "x-cascader__checkmark"
+}, Kl = { class: "x-cascader__label" }, Pl = {
+  key: 1,
+  class: "x-cascader__loading"
+}, Il = ["onClick"], $l = {
+  key: 3,
+  class: "x-cascader__check-icon"
+}, Al = {
+  key: 1,
+  class: "x-cascader__column-scroll"
+}, El = ["onClick", "onMouseenter"], Dl = {
+  key: 0,
+  class: "x-cascader__checkmark"
+}, Fl = { class: "x-cascader__label" }, Nl = {
+  key: 1,
+  class: "x-cascader__loading"
+}, Rl = ["onClick"], Xl = {
+  key: 3,
+  class: "x-cascader__check-icon"
+}, jl = {
+  key: 0,
+  class: "x-cascader__state"
+}, ha = "__x_cas__", et = /* @__PURE__ */ Ya({
+  __name: "XCascader",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    options: { default: () => [] },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    allowClear: { type: Boolean },
+    allowSearch: { type: Boolean, default: void 0 },
+    inputValue: {},
+    defaultInputValue: { default: "" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    expandTrigger: { default: "click" },
+    formatLabel: {},
+    multiple: { type: Boolean, default: !1 },
+    checkStrictly: { type: Boolean, default: !1 },
+    pathMode: { type: Boolean, default: !1 },
+    fallback: { type: [Boolean, Function], default: !0 },
+    loadMore: {},
+    loading: { type: Boolean, default: !1 },
+    fieldNames: { default: void 0 },
+    valueKey: { default: "value" },
+    expandChild: { type: Boolean, default: !1 },
+    virtualListProps: { default: void 0 },
+    maxTagCount: { default: 0 },
+    tagNowrap: { type: Boolean, default: !1 },
+    searchOptionOnlyLabel: { type: Boolean, default: !1 },
+    searchDelay: { default: 500 },
+    filterOption: { type: Function, default: void 0 },
+    popupContainer: { default: "body" },
+    triggerProps: { default: () => ({}) },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    filterable: { type: Boolean, default: void 0 },
+    clearable: { type: Boolean, default: void 0 },
+    changeOnSelect: { type: Boolean, default: !1 },
+    align: { default: "left" }
+  },
+  emits: ["update:modelValue", "change", "update:popupVisible", "popupVisibleChange", "popup-visible-change", "update:open", "update:inputValue", "inputValueChange", "input-value-change", "clear", "search", "focus", "blur"],
+  setup(x, { expose: ya, emit: ga }) {
+    const ma = {
+      label: "label",
+      value: "value",
+      disabled: "disabled",
+      children: "children",
+      isLeaf: "isLeaf"
+    }, n = x, g = ga;
+    function xe(e) {
+      return typeof e == "object" && e !== null && !Array.isArray(e);
+    }
+    function ka(e) {
+      return e == null || e === "";
+    }
+    function de(e, a) {
+      return xe(e) ? String(e[a] ?? "") : String(e ?? "");
+    }
+    function Ce(e, a) {
+      return e.map((t) => {
+        const l = xe(t) ? t : {}, o = l[a.children], d = Array.isArray(o) ? Ce(o, a) : void 0;
+        return {
+          label: String(l[a.label] ?? l[a.value] ?? ""),
+          value: l[a.value],
+          disabled: !!l[a.disabled],
+          isLeaf: l[a.isLeaf],
+          children: d,
+          ...l
+        };
+      });
+    }
+    function Ne(e) {
+      return e.path.map((a) => a.label).join(" / ");
+    }
+    function _a(e, a, t) {
+      return Array.isArray(e) ? !a && e.length > 0 && !Array.isArray(e[0]) ? [e] : e : ka(e) ? [] : [e];
+    }
+    function ba(e, a, {
+      checkStrictly: t,
+      enabledLazyLoad: l,
+      valueKey: o
+    }) {
+      const d = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), R = [];
+      let Ie = 1;
+      const $e = (Ga, me, Ae = 1) => {
+        Ie = Math.max(Ie, Ae);
+        const ca = (me == null ? void 0 : me.path) ?? [];
+        return Ga.map((A, Ja) => {
+          var da;
+          const Qa = xe(A) ? A : {}, Ee = A.value, c = {
+            raw: Qa,
+            key: "",
+            valueKey: de(Ee, o),
+            value: Ee,
+            label: String(A.label ?? Ee ?? ""),
+            disabled: !!A.disabled,
+            selectionDisabled: !1,
+            isLeaf: A.isLeaf === !0,
+            parent: me,
+            children: void 0,
+            path: [],
+            pathValue: [],
+            level: ca.length,
+            index: Ja,
+            totalLeafOptions: void 0
+          }, De = [...ca, c];
+          c.path = De, c.pathValue = De.map((G) => G.value), c.key = De.map((G) => G.valueKey).join(ha);
+          const ke = a[c.key];
+          return (da = A.children) != null && da.length ? (c.isLeaf = !1, c.children = $e(A.children, c, Ae + 1)) : l && A.isLeaf !== !0 ? (c.isLeaf = !1, ke != null && ke.length && (c.children = $e(ke, c, Ae + 1))) : c.isLeaf = !0, c.children && !c.disabled && (c.totalLeafOptions = c.children.reduce((G, re) => typeof re.totalLeafOptions == "number" ? G + re.totalLeafOptions : re.disabled || re.selectionDisabled ? G : G + (re.isLeaf ? 1 : 0), 0), c.totalLeafOptions === 0 && !t && (c.selectionDisabled = !0)), d.set(c.key, c), i.has(c.valueKey) || i.set(c.valueKey, c), (c.isLeaf || t) && (O.set(c.key, c), $.has(c.valueKey) || $.set(c.valueKey, c.key), R.push(c)), c;
+        });
+      };
+      return {
+        optionInfos: $e(e),
+        optionMap: d,
+        leafOptionMap: O,
+        optionValueMap: i,
+        leafOptionValueMap: $,
+        leafOptions: R,
+        totalLevel: Ie
+      };
+    }
+    const xa = tl(), f = ul(), { t: Me } = ol(), Ca = Za(), ee = S(null), Re = S(n.defaultValue ?? (n.multiple ? [] : n.pathMode ? void 0 : "")), Xe = S(n.defaultInputValue), je = S(!!(n.defaultPopupVisible ?? n.defaultOpen)), we = S([]), E = S(), ve = S({}), j = S(/* @__PURE__ */ new Set()), Le = S({}), z = S(null);
+    let Z = null;
+    const He = r(() => ({
+      ...ma,
+      ...n.fieldNames ?? {}
+    })), Ma = r(() => n.size ?? xa.size.value), V = r(() => !!(n.disabled || f != null && f.disabled.value)), Ve = r(() => n.placeholder === "请选择" ? Me("cascader.placeholder", void 0, "请选择") : n.placeholder), wa = r(() => Me("cascader.searchPlaceholder", void 0, "搜索路径")), Ue = r(() => Me("cascader.emptyText", void 0, "暂无匹配项")), fe = sl(
+      "empty",
+      r(() => ({ component: "cascader" }))
+    ), k = r(() => n.allowSearch ?? n.filterable ?? n.multiple), La = r(() => n.allowClear ?? n.clearable ?? !1), p = r(() => !!n.multiple), C = r(() => !!n.checkStrictly), H = r(() => !!n.pathMode), Va = r(() => {
+      var e;
+      return ["x-cascader__panel", (e = n.triggerProps) == null ? void 0 : e.contentClass];
+    }), We = r(() => n.popupVisible !== void 0 || n.open !== void 0), _ = r(() => We.value ? !!(n.popupVisible ?? n.open) : je.value), qe = r(() => n.inputValue !== void 0), D = r(() => qe.value ? String(n.inputValue ?? "") : Xe.value), Ge = r(() => n.modelValue !== void 0), Ba = r(() => Ge.value ? n.modelValue : Re.value), Oa = r(() => Ce(n.options, He.value)), m = r(() => ba(Oa.value, ve.value, {
+      checkStrictly: C.value,
+      enabledLazyLoad: !!n.loadMore,
+      valueKey: n.valueKey
+    })), U = r(() => C.value ? m.value.optionMap : m.value.leafOptionMap);
+    function Be(e) {
+      var t;
+      if (Array.isArray(e))
+        return e.map((l) => de(l, n.valueKey)).join(ha);
+      const a = de(e, n.valueKey);
+      return C.value ? ((t = m.value.optionValueMap.get(a)) == null ? void 0 : t.key) ?? a : m.value.leafOptionValueMap.get(a) ?? a;
+    }
+    const b = r(() => {
+      const e = /* @__PURE__ */ new Map();
+      return _a(Ba.value, p.value, H.value).forEach((t) => {
+        e.set(Be(t), t);
+      }), e;
+    }), Je = r(() => b.value.size > 0);
+    function Sa(e) {
+      return typeof n.fallback == "function" ? n.fallback(e) : Array.isArray(e) ? e.map((a) => String(a)).join(" / ") : String(e);
+    }
+    const F = r(() => {
+      const e = [];
+      return b.value.forEach((a, t) => {
+        const l = U.value.get(t) ?? m.value.optionMap.get(t);
+        if (l) {
+          e.push({
+            key: t,
+            label: n.formatLabel ? n.formatLabel(l.path.map((o) => o.raw)) : Ne(l),
+            closable: !l.disabled,
+            data: l.raw
+          });
+          return;
+        }
+        n.fallback && e.push({
+          key: t,
+          label: Sa(a),
+          closable: !0
+        });
+      }), e;
+    }), pe = r(() => {
+      var e;
+      return ((e = F.value[0]) == null ? void 0 : e.label) ?? "";
+    }), Ta = r(() => La.value && Je.value && !V.value && !n.loading), Oe = r(() => Math.max(Number(n.maxTagCount ?? 0), 0)), Qe = r(() => p.value ? Oe.value === 0 ? F.value : F.value.slice(0, Oe.value) : []), Ye = r(() => !p.value || Oe.value === 0 ? 0 : Math.max(F.value.length - Qe.value.length, 0)), za = r(() => D.value ? D.value : _.value ? "" : pe.value), N = r(() => k.value && D.value.trim().length > 0), ae = r(() => {
+      if (!N.value) return [];
+      const e = D.value.trim().toLowerCase();
+      return (C.value ? Array.from(m.value.optionMap.values()) : m.value.leafOptions).filter((t) => n.filterOption ? n.filterOption(D.value, t.raw) : C.value ? t.label.toLowerCase().includes(e) : t.path.some((l) => l.label.toLowerCase().includes(e)));
+    }), W = r(() => E.value ? m.value.optionMap.get(E.value) : void 0), le = r(() => {
+      var e, a, t;
+      return N.value ? ae.value.filter((l) => !l.disabled) : (t = (a = (e = W.value) == null ? void 0 : e.parent) == null ? void 0 : a.children) != null && t.length ? W.value.parent.children.filter((l) => !l.disabled) : m.value.optionInfos.filter((l) => !l.disabled);
+    });
+    function Ze(e) {
+      const a = le.value;
+      if (!a.length) return;
+      if (!E.value)
+        return e === "next" ? a[0] : a[a.length - 1];
+      const t = a.findIndex((l) => l.key === E.value);
+      return t < 0 ? e === "next" ? a[0] : a[a.length - 1] : e === "next" ? a[(t + 1) % a.length] : a[(t - 1 + a.length) % a.length];
+    }
+    const he = r(() => {
+      var a;
+      const e = [];
+      m.value.optionInfos.length && e.push(m.value.optionInfos);
+      for (const t of we.value) {
+        const l = m.value.optionMap.get(t);
+        (a = l == null ? void 0 : l.children) != null && a.length && e.push(l.children);
+      }
+      return e;
+    }), ea = r(() => !!(n.virtualListProps && Number(n.virtualListProps.height ?? 0) > 0)), aa = r(() => {
+      var e;
+      return Math.max(Number(((e = n.virtualListProps) == null ? void 0 : e.height) ?? 200), 120);
+    }), te = r(() => {
+      var e;
+      return Math.max(Number(((e = n.virtualListProps) == null ? void 0 : e.itemHeight) ?? 32), 24);
+    }), la = r(() => {
+      var e;
+      return Math.max(Number(((e = n.virtualListProps) == null ? void 0 : e.buffer) ?? 4), 0);
+    });
+    function Ka(e, a) {
+      if (!ea.value)
+        return {
+          start: 0,
+          end: e.length,
+          paddingTop: 0,
+          paddingBottom: 0,
+          items: e
+        };
+      const t = Le.value[a] ?? 0, l = Math.max(Math.floor(t / te.value) - la.value, 0), o = Math.ceil(aa.value / te.value) + la.value * 2, d = Math.min(l + o, e.length);
+      return {
+        start: l,
+        end: d,
+        paddingTop: l * te.value,
+        paddingBottom: Math.max((e.length - d) * te.value, 0),
+        items: e.slice(l, d)
+      };
+    }
+    const ne = r(() => he.value.map((e, a) => Ka(e, a)));
+    function Pa(e) {
+      Z && clearTimeout(Z), Z = setTimeout(() => {
+        g("search", e);
+      }, Math.max(Number(n.searchDelay ?? 500), 0));
+    }
+    function q(e, a) {
+      e !== D.value && (qe.value || (Xe.value = e), g("update:inputValue", e), g("inputValueChange", e), g("input-value-change", e), k.value && Pa(e), a === "manual" && !_.value && K(!0));
+    }
+    function K(e) {
+      if (!V.value) {
+        if (We.value || (je.value = e), g("update:popupVisible", e), g("update:open", e), g("popupVisibleChange", e), g("popup-visible-change", e), e) {
+          k.value && Fe(() => {
+            var a;
+            (a = ee.value) == null || a.focus();
+          });
+          return;
+        }
+        D.value && q("", "popupHide");
+      }
+    }
+    function Se(e) {
+      var t;
+      if (e.disabled || e.selectionDisabled)
+        return [];
+      if (e.isLeaf)
+        return [e];
+      const a = [];
+      return (t = e.children) == null || t.forEach((l) => {
+        a.push(...Se(l));
+      }), a;
+    }
+    function ta(e) {
+      return Se(e).map((a) => a.key);
+    }
+    function ye(e) {
+      if (C.value)
+        return {
+          checked: b.value.has(e.key),
+          indeterminate: !1
+        };
+      if (e.isLeaf)
+        return {
+          checked: b.value.has(e.key),
+          indeterminate: !1
+        };
+      const a = ta(e);
+      if (!a.length)
+        return {
+          checked: !1,
+          indeterminate: !1
+        };
+      const t = a.reduce((l, o) => l + (b.value.has(o) ? 1 : 0), 0);
+      return {
+        checked: t > 0 && t >= a.length,
+        indeterminate: t > 0 && t < a.length
+      };
+    }
+    function B(e) {
+      E.value = e;
+    }
+    function Ia(e) {
+      var t;
+      let a = e;
+      if (n.expandChild)
+        for (; (t = a == null ? void 0 : a.children) != null && t.length; )
+          a = a.children[0];
+      return a;
+    }
+    function se(e) {
+      const a = Ia(e ? m.value.optionMap.get(e) : void 0);
+      we.value = (a == null ? void 0 : a.path.map((t) => t.key)) ?? [];
+    }
+    function P(e) {
+      const a = p.value ? e : e[0] ?? "";
+      Ge.value || (Re.value = a), g("update:modelValue", a);
+      const t = [];
+      e.forEach((l) => {
+        const o = U.value.get(Be(l)) ?? m.value.optionMap.get(Be(l));
+        o && o.path.forEach((d) => {
+          t.push(d.raw);
+        });
+      }), g("change", a, t), f == null || f.notifyChange();
+    }
+    function na(e) {
+      P([H.value ? [...e.pathValue] : e.value]), K(!1), q("", "optionChecked");
+    }
+    function Te(e, a) {
+      if (a) {
+        const o = new Map(b.value);
+        (C.value ? [e] : Se(e)).forEach((O) => {
+          o.has(O.key) || o.set(O.key, H.value ? [...O.pathValue] : O.value);
+        }), P(Array.from(o.values()));
+        return;
+      }
+      const t = C.value ? [e.key] : ta(e), l = [];
+      b.value.forEach((o, d) => {
+        t.includes(d) || l.push(o);
+      }), P(l);
+    }
+    function $a(e) {
+      var t;
+      if (!n.loadMore || e.isLeaf || (t = e.children) != null && t.length || j.value.has(e.key)) return;
+      const a = new Set(j.value);
+      a.add(e.key), j.value = a, n.loadMore(e.raw, (l) => {
+        const o = new Set(j.value);
+        if (o.delete(e.key), j.value = o, l != null && l.length) {
+          const d = Ce(l, He.value);
+          ve.value = {
+            ...ve.value,
+            [e.key]: d
+          };
+        }
+      });
+    }
+    function ue(e) {
+      e.disabled || n.loading || ($a(e), se(e.key), B(e.key));
+    }
+    function ze(e) {
+      n.expandTrigger !== "hover" || e.disabled || n.loading || (z.value && clearTimeout(z.value), z.value = setTimeout(() => {
+        ue(e);
+      }, 120));
+    }
+    function Aa() {
+      z.value && (clearTimeout(z.value), z.value = null);
+    }
+    function ge(e) {
+      if (!(e.disabled || n.loading)) {
+        if (ue(e), p.value) {
+          const { checked: a } = ye(e);
+          Te(e, !a);
+          return;
+        }
+        (C.value || e.isLeaf || n.changeOnSelect) && na(e);
+      }
+    }
+    function Ke(e) {
+      if (!(e.disabled || n.loading)) {
+        if (ue(e), p.value) {
+          const { checked: a } = ye(e);
+          Te(e, !a), q("", "optionChecked");
+          return;
+        }
+        na(e);
+      }
+    }
+    function Ea() {
+      if (!(V.value || n.loading)) {
+        if (k.value) {
+          K(!0), Fe(() => {
+            var e;
+            (e = ee.value) == null || e.focus();
+          });
+          return;
+        }
+        K(!_.value);
+      }
+    }
+    function Da(e) {
+      e !== _.value && K(e);
+    }
+    function sa(e) {
+      const a = e.target.value;
+      q(a, "manual"), f == null || f.notifyInput(e);
+    }
+    function ua(e) {
+      g("focus", e), f == null || f.notifyFocus(e);
+    }
+    function oa(e) {
+      g("blur", e), f == null || f.notifyBlur(e);
+    }
+    function Fa(e) {
+      k.value || (g("focus", e), f == null || f.notifyFocus(e));
+    }
+    function Na(e) {
+      k.value || (g("blur", e), f == null || f.notifyBlur(e));
+    }
+    function ra(e) {
+      ia(e);
+    }
+    function ia(e) {
+      var a, t;
+      if (!(k.value && e.currentTarget !== e.target) && !(V.value || n.loading)) {
+        if (e.key === "ArrowDown") {
+          if (e.preventDefault(), !_.value) {
+            K(!0);
+            return;
+          }
+          const l = Ze("next");
+          l && B(l.key);
+          return;
+        }
+        if (e.key === "ArrowUp") {
+          if (e.preventDefault(), !_.value) {
+            K(!0);
+            return;
+          }
+          const l = Ze("prev");
+          l && B(l.key);
+          return;
+        }
+        if (e.key === "ArrowRight") {
+          if (N.value || !_.value) return;
+          e.preventDefault();
+          const l = W.value;
+          (a = l == null ? void 0 : l.children) != null && a.length && (se(l.key), B((t = l.children[0]) == null ? void 0 : t.key));
+          return;
+        }
+        if (e.key === "ArrowLeft") {
+          if (N.value || !_.value) return;
+          e.preventDefault();
+          const l = W.value;
+          l != null && l.parent && (se(l.parent.key), B(l.parent.key));
+          return;
+        }
+        if (e.key === "Escape" && _.value) {
+          e.preventDefault(), K(!1);
+          return;
+        }
+        if (e.key === "Enter") {
+          if (!_.value) {
+            e.preventDefault(), K(!0);
+            return;
+          }
+          const l = W.value && !W.value.disabled ? W.value : le.value[0];
+          if (!l) return;
+          if (e.preventDefault(), N.value) {
+            Ke(l);
+            return;
+          }
+          ge(l);
+        }
+      }
+    }
+    function Ra(e) {
+      if (e.stopPropagation(), p.value) {
+        const a = [];
+        b.value.forEach((t, l) => {
+          const o = U.value.get(l);
+          o != null && o.disabled && a.push(H.value ? [...o.pathValue] : o.value);
+        }), P(a);
+      } else
+        P([]);
+      q("", "clear"), g("clear");
+    }
+    function Xa() {
+      if (p.value) {
+        const e = [];
+        b.value.forEach((a, t) => {
+          const l = U.value.get(t);
+          l != null && l.disabled && e.push(H.value ? [...l.pathValue] : l.value);
+        }), P(e);
+      } else
+        P([]);
+      q("", "clear"), g("clear");
+    }
+    function ja(e, a) {
+      if (a.stopPropagation(), !p.value || V.value) return;
+      const t = U.value.get(e);
+      if (t) {
+        Te(t, !1);
+        return;
+      }
+      const l = [];
+      b.value.forEach((o, d) => {
+        d !== e && l.push(o);
+      }), P(l);
+    }
+    function Ha(e, a) {
+      const t = a.target;
+      Le.value = {
+        ...Le.value,
+        [e]: t.scrollTop
+      };
+    }
+    function Pe(e) {
+      return we.value.includes(e.key) || e.key === E.value;
+    }
+    function I(e) {
+      return ye(e).checked;
+    }
+    function oe(e) {
+      return ye(e).indeterminate;
+    }
+    function Ua(e) {
+      if (!e.length) return;
+      const a = e[e.length - 1], t = "option" in a ? a.option : a;
+      Ke(t);
+    }
+    function Wa(e, a) {
+      const t = he.value[e] ?? [], l = de(a.value, n.valueKey), o = t.find((d) => d.valueKey === l) ?? Array.from(m.value.optionMap.values()).find((d) => d.valueKey === l);
+      o && ge(o);
+    }
+    function qa(e) {
+      const a = e.target.value;
+      q(a, "manual"), g("search", a);
+    }
+    return _e(
+      () => n.options,
+      () => {
+        ve.value = {};
+      },
+      { deep: !0 }
+    ), _e(
+      _,
+      (e) => {
+        if (e) {
+          if (b.value.size > 0) {
+            const a = Array.from(b.value.keys()), t = a[a.length - 1], l = U.value.get(t) ?? m.value.optionMap.get(t);
+            l && (se(l.key), B(l.key));
+          } else {
+            const a = le.value[0];
+            a && B(a.key);
+          }
+          k.value && Fe(() => {
+            var a;
+            (a = ee.value) == null || a.focus();
+          });
+          return;
+        }
+        b.value.size === 0 && (se(), B());
+      },
+      { immediate: !0 }
+    ), _e(
+      [N, ae],
+      () => {
+        var a, t;
+        if (!_.value) return;
+        const e = E.value ? m.value.optionMap.get(E.value) : void 0;
+        if (N.value) {
+          ae.value.some((o) => o.key === (e == null ? void 0 : e.key) && !o.disabled) || B((a = le.value[0]) == null ? void 0 : a.key);
+          return;
+        }
+        (!e || e.disabled) && B((t = le.value[0]) == null ? void 0 : t.key);
+      },
+      { deep: !0 }
+    ), _e(
+      [p, H],
+      () => {
+        const e = [];
+        b.value.forEach((a, t) => {
+          const l = U.value.get(t);
+          l && e.push(H.value ? [...l.pathValue] : l.value);
+        }), (e.length > 0 || Je.value) && P(e);
+      }
+    ), el(() => {
+      Z && (clearTimeout(Z), Z = null), z.value && (clearTimeout(z.value), z.value = null);
+    }), ya({
+      handlePick: Wa,
+      handleSearch: qa,
+      clear: Xa,
+      pickSearchResult: Ua
+    }), (e, a) => (s(), L(ll, al(x.triggerProps, {
+      "popup-visible": _.value,
+      trigger: [],
+      position: x.align === "center" ? "bottom" : "bottom-start",
+      "popup-container": x.popupContainer,
+      "click-to-close": !k.value,
+      "content-class": Va.value,
+      "content-style": { maxWidth: "none", width: "auto", overflow: "visible" },
+      "allow-overflow": !0,
+      "onUpdate:popupVisible": Da
+    }), {
+      default: va(() => {
+        var t;
+        return [
+          T("div", {
+            class: J(["x-cascader", [
+              v(nl)(Ma.value),
+              {
+                "is-open": _.value,
+                "is-disabled": V.value,
+                "is-loading": x.loading,
+                "is-multiple": x.multiple,
+                "is-searchable": k.value,
+                "is-error": x.error
+              }
+            ]]),
+            tabindex: V.value || k.value ? -1 : 0,
+            onClick: Ea,
+            onFocus: Fa,
+            onBlur: Na,
+            onKeydown: ia
+          }, [
+            T("div", il, [
+              e.$slots.prefix ? (s(), u("span", cl, [
+                w(e.$slots, "prefix")
+              ])) : h("", !0),
+              T("div", dl, [
+                p.value ? (s(), u("div", {
+                  key: 0,
+                  class: J(["x-cascader__tags", { "is-nowrap": x.tagNowrap }])
+                }, [
+                  (s(!0), u(X, null, ie(Qe.value, (l) => (s(), u("span", {
+                    key: l.key,
+                    class: "x-cascader__tag"
+                  }, [
+                    T("span", vl, [
+                      w(e.$slots, "label", {
+                        data: l.data
+                      }, () => [
+                        ce(Y(l.label), 1)
+                      ])
+                    ]),
+                    !V.value && l.closable ? (s(), u("button", {
+                      key: 0,
+                      type: "button",
+                      class: "x-cascader__tag-close",
+                      onClick: (o) => ja(l.key, o)
+                    }, [
+                      M(v(y), {
+                        name: "guanbi",
+                        size: 10
+                      })
+                    ], 8, fl)) : h("", !0)
+                  ]))), 128)),
+                  Ye.value > 0 ? (s(), u("span", pl, "+" + Y(Ye.value), 1)) : h("", !0),
+                  k.value && e.$slots["search-icon"] ? (s(), u("span", hl, [
+                    w(e.$slots, "search-icon")
+                  ])) : h("", !0),
+                  k.value ? (s(), u("input", {
+                    key: 2,
+                    ref_key: "searchInputRef",
+                    ref: ee,
+                    class: "x-cascader__input x-cascader__input--multiple",
+                    value: D.value,
+                    disabled: V.value,
+                    placeholder: F.value.length ? "" : Ve.value,
+                    onInput: sa,
+                    onFocus: ua,
+                    onBlur: oa,
+                    onKeydown: ra,
+                    onClick: a[0] || (a[0] = Q(() => {
+                    }, ["stop"]))
+                  }, null, 40, yl)) : F.value.length ? h("", !0) : (s(), u("span", gl, Y(Ve.value), 1))
+                ], 2)) : (s(), u(X, { key: 1 }, [
+                  k.value && e.$slots["search-icon"] ? (s(), u("span", ml, [
+                    w(e.$slots, "search-icon")
+                  ])) : h("", !0),
+                  k.value ? (s(), u("input", {
+                    key: 1,
+                    ref_key: "searchInputRef",
+                    ref: ee,
+                    class: "x-cascader__input",
+                    value: za.value,
+                    disabled: V.value,
+                    placeholder: pe.value ? "" : wa.value,
+                    onInput: sa,
+                    onFocus: ua,
+                    onBlur: oa,
+                    onKeydown: ra,
+                    onClick: a[1] || (a[1] = Q(() => {
+                    }, ["stop"]))
+                  }, null, 40, kl)) : (s(), u("span", {
+                    key: 2,
+                    class: J(["x-cascader__display", { "is-placeholder": !pe.value }])
+                  }, [
+                    v(Ca).label && ((t = F.value[0]) != null && t.data) ? w(e.$slots, "label", {
+                      key: 0,
+                      data: F.value[0].data
+                    }) : (s(), u(X, { key: 1 }, [
+                      ce(Y(pe.value || Ve.value), 1)
+                    ], 64))
+                  ], 2))
+                ], 64))
+              ]),
+              T("span", _l, [
+                Ta.value ? (s(), u("button", {
+                  key: 0,
+                  type: "button",
+                  class: "x-cascader__clear",
+                  onClick: Ra
+                }, [
+                  M(v(y), {
+                    name: "guanbi",
+                    size: 12
+                  })
+                ])) : x.loading ? (s(), u("span", bl, [
+                  w(e.$slots, "loading-icon", {}, () => [
+                    M(v(y), {
+                      name: "shuaxin",
+                      size: 14,
+                      spin: ""
+                    })
+                  ])
+                ])) : (s(), u("span", xl, [
+                  w(e.$slots, "arrow-icon", {}, () => [
+                    M(v(y), {
+                      name: _.value ? "xiangshang" : "xiangxia",
+                      size: 12
+                    }, null, 8, ["name"])
+                  ])
+                ]))
+              ])
+            ])
+          ], 42, rl)
+        ];
+      }),
+      content: va(() => [
+        T("div", {
+          class: "x-cascader__dropdown",
+          onMouseleave: Aa
+        }, [
+          N.value ? (s(), u("div", Cl, [
+            x.loading ? (s(), u("div", Ml, [
+              M(v(y), {
+                name: "shuaxin",
+                size: 14,
+                spin: ""
+              })
+            ])) : ae.value.length ? (s(), u("ul", {
+              key: 2,
+              class: J(["x-cascader__search-list", { "is-multiple": p.value }])
+            }, [
+              (s(!0), u(X, null, ie(ae.value, (t) => (s(), u("li", {
+                key: t.key
+              }, [
+                T("button", {
+                  type: "button",
+                  class: J(["x-cascader__option x-cascader__search-option", {
+                    "is-active": Pe(t),
+                    "is-disabled": t.disabled,
+                    "is-selected": I(t)
+                  }]),
+                  onClick: Q((l) => Ke(t), ["stop"]),
+                  onMouseenter: (l) => ze(t)
+                }, [
+                  p.value ? (s(), u("span", Vl, [
+                    I(t) ? (s(), L(v(y), {
+                      key: 0,
+                      name: "dui",
+                      size: 12
+                    })) : oe(t) ? (s(), L(v(y), {
+                      key: 1,
+                      name: "checkbox-indeterminate",
+                      size: 12
+                    })) : h("", !0)
+                  ])) : h("", !0),
+                  T("span", Bl, [
+                    w(e.$slots, "option", {
+                      data: t.raw
+                    }, () => [
+                      ce(Y(x.searchOptionOnlyLabel ? t.label : Ne(t)), 1)
+                    ])
+                  ]),
+                  !p.value && C.value && I(t) ? (s(), u("span", Ol, [
+                    M(v(y), {
+                      name: "dui",
+                      size: 12
+                    })
+                  ])) : h("", !0)
+                ], 42, Ll)
+              ]))), 128))
+            ], 2)) : (s(), u("div", wl, [
+              w(e.$slots, "empty", {}, () => [
+                v(fe) ? (s(), L(fa(v(fe)), { key: 0 })) : (s(), L(pa, {
+                  key: 1,
+                  "in-config-provider": "",
+                  description: Ue.value
+                }, null, 8, ["description"]))
+              ])
+            ]))
+          ])) : (s(), u(X, { key: 1 }, [
+            (s(!0), u(X, null, ie(he.value, (t, l) => {
+              var o, d, O;
+              return s(), u("div", {
+                key: l,
+                class: "x-cascader__column"
+              }, [
+                ea.value ? (s(), u("div", {
+                  key: 0,
+                  class: "x-cascader__virtual",
+                  style: be({ height: `${aa.value}px` }),
+                  onScroll: (i) => Ha(l, i)
+                }, [
+                  (o = ne.value[l]) != null && o.paddingTop ? (s(), u("div", {
+                    key: 0,
+                    style: be({ height: `${ne.value[l].paddingTop}px` })
+                  }, null, 4)) : h("", !0),
+                  (s(!0), u(X, null, ie((d = ne.value[l]) == null ? void 0 : d.items, (i) => {
+                    var $;
+                    return s(), u("button", {
+                      key: i.key,
+                      type: "button",
+                      class: J(["x-cascader__option", {
+                        "is-active": Pe(i),
+                        "is-disabled": i.disabled,
+                        "is-selected": I(i),
+                        "is-indeterminate": oe(i)
+                      }]),
+                      style: be({ minHeight: `${te.value}px` }),
+                      onClick: Q((R) => ge(i), ["stop"]),
+                      onMouseenter: (R) => ze(i)
+                    }, [
+                      p.value ? (s(), u("span", zl, [
+                        I(i) ? (s(), L(v(y), {
+                          key: 0,
+                          name: "dui",
+                          size: 12
+                        })) : oe(i) ? (s(), L(v(y), {
+                          key: 1,
+                          name: "checkbox-indeterminate",
+                          size: 12
+                        })) : h("", !0)
+                      ])) : h("", !0),
+                      T("span", Kl, [
+                        w(e.$slots, "option", {
+                          data: i.raw
+                        }, () => [
+                          ce(Y(i.label), 1)
+                        ])
+                      ]),
+                      j.value.has(i.key) ? (s(), u("span", Pl, [
+                        M(v(y), {
+                          name: "shuaxin",
+                          size: 12,
+                          spin: ""
+                        })
+                      ])) : ($ = i.children) != null && $.length || x.loadMore && !i.isLeaf ? (s(), u("span", {
+                        key: 2,
+                        class: "x-cascader__expand-arrow",
+                        onClick: Q((R) => ue(i), ["stop"])
+                      }, [
+                        M(v(y), {
+                          name: "gengduo",
+                          size: 12
+                        })
+                      ], 8, Il)) : !p.value && C.value && I(i) ? (s(), u("span", $l, [
+                        M(v(y), {
+                          name: "dui",
+                          size: 12
+                        })
+                      ])) : h("", !0)
+                    ], 46, Tl);
+                  }), 128)),
+                  (O = ne.value[l]) != null && O.paddingBottom ? (s(), u("div", {
+                    key: 1,
+                    style: be({ height: `${ne.value[l].paddingBottom}px` })
+                  }, null, 4)) : h("", !0)
+                ], 44, Sl)) : (s(), u("div", Al, [
+                  (s(!0), u(X, null, ie(t, (i) => {
+                    var $;
+                    return s(), u("button", {
+                      key: i.key,
+                      type: "button",
+                      class: J(["x-cascader__option", {
+                        "is-active": Pe(i),
+                        "is-disabled": i.disabled,
+                        "is-selected": I(i),
+                        "is-indeterminate": oe(i)
+                      }]),
+                      onClick: Q((R) => ge(i), ["stop"]),
+                      onMouseenter: (R) => ze(i)
+                    }, [
+                      p.value ? (s(), u("span", Dl, [
+                        I(i) ? (s(), L(v(y), {
+                          key: 0,
+                          name: "dui",
+                          size: 12
+                        })) : oe(i) ? (s(), L(v(y), {
+                          key: 1,
+                          name: "checkbox-indeterminate",
+                          size: 12
+                        })) : h("", !0)
+                      ])) : h("", !0),
+                      T("span", Fl, [
+                        w(e.$slots, "option", {
+                          data: i.raw
+                        }, () => [
+                          ce(Y(i.label), 1)
+                        ])
+                      ]),
+                      j.value.has(i.key) ? (s(), u("span", Nl, [
+                        M(v(y), {
+                          name: "shuaxin",
+                          size: 12,
+                          spin: ""
+                        })
+                      ])) : ($ = i.children) != null && $.length || x.loadMore && !i.isLeaf ? (s(), u("span", {
+                        key: 2,
+                        class: "x-cascader__expand-arrow",
+                        onClick: Q((R) => ue(i), ["stop"])
+                      }, [
+                        M(v(y), {
+                          name: "gengduo",
+                          size: 12
+                        })
+                      ], 8, Rl)) : !p.value && C.value && I(i) ? (s(), u("span", Xl, [
+                        M(v(y), {
+                          name: "dui",
+                          size: 12
+                        })
+                      ])) : h("", !0)
+                    ], 42, El);
+                  }), 128))
+                ]))
+              ]);
+            }), 128)),
+            he.value.length ? h("", !0) : (s(), u("div", jl, [
+              w(e.$slots, "empty", {}, () => [
+                v(fe) ? (s(), L(fa(v(fe)), { key: 0 })) : (s(), L(pa, {
+                  key: 1,
+                  "in-config-provider": "",
+                  description: Ue.value
+                }, null, 8, ["description"]))
+              ])
+            ]))
+          ], 64))
+        ], 32)
+      ]),
+      _: 3
+    }, 16, ["popup-visible", "position", "popup-container", "click-to-close", "content-class"]));
+  }
+});
+export {
+  et as default
+};