hys-ui 0.1.1 → 0.2.0

package/dist/components/HysCascader/HysCascader2.vue.js

@@ -1,4 +1,762 @@
-import f from "./HysCascader.vue.js";
+import { defineComponent as Ze, useAttrs as _e, ref as I, useId as ea, provide as aa, computed as x, watch as U, nextTick as j, onMounted as la, onUpdated as ta, onActivated as ia, onBeforeUnmount as oa, onDeactivated as na, openBlock as r, createElementBlock as u, mergeProps as ee, unref as a, createElementVNode as O, withModifiers as ae, renderSlot as f, createCommentVNode as m, toDisplayString as w, Fragment as H, renderList as fe, normalizeClass as Ae, createTextVNode as P, createBlock as E, resolveDynamicComponent as De, createVNode as V, withCtx as M, Teleport as sa, createSlots as He, normalizeProps as ra, guardReactiveProps as ua, normalizeStyle as da } from "vue";
+import { X as Me, LoaderCircle as ye, ChevronDown as ca, Search as ha } from "lucide-vue-next";
+import va from "../HysInput/HysInput.vue.js";
+import me from "../HysButton/HysButton.vue.js";
+import fa from "../HysTooltip/HysTooltip.vue.js";
+import Re from "./HysCascaderColumn.vue.js";
+import { useHysRootAttrs as ya } from "../../config.js";
+import { useFloating as ma } from "../../composables/useFloating.js";
+import { useHysControlState as ga, useHysFormItemContext as ba, fieldKey as pa } from "../../composables/formContext.js";
+import { useCascader as ka } from "../../composables/useCascader.js";
+import { cascaderToken as J } from "../../composables/cascader.js";
+const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-invalid", "aria-describedby", "aria-disabled", "tabindex"], xa = ["disabled"], Ca = ["id", "aria-controls", "aria-expanded", "aria-label", "aria-disabled", "aria-readonly", "aria-invalid", "aria-describedby", "aria-required", "aria-busy", "tabindex"], Ba = {
+  key: 0,
+  class: "hys-ui-cascader-prefix"
+}, Sa = {
+  key: 1,
+  class: "hys-ui-cascader-placeholder"
+}, Ta = {
+  key: 2,
+  class: "hys-ui-cascader-tags"
+}, Pa = { class: "hys-ui-cascader-tag-label" }, Ea = ["disabled", "aria-label", "onClick"], za = ["aria-label"], $a = {
+  key: 3,
+  class: "hys-ui-cascader-value"
+}, La = { class: "hys-ui-cascader-indicators" }, Aa = ["aria-label"], Da = ["name", "form", "value", "disabled"], Ha = ["id", "role", "aria-label", "aria-busy"], Ma = {
+  key: 0,
+  class: "hys-ui-cascader-header"
+}, Ra = {
+  key: 2,
+  class: "hys-ui-cascader-status",
+  role: "status"
+}, Wa = {
+  key: 3,
+  class: "hys-ui-cascader-status hys-ui-cascader-error",
+  role: "alert"
+}, Na = {
+  key: 1,
+  class: "hys-ui-cascader-status",
+  role: "status"
+}, Oa = {
+  class: "hys-ui-cascader-status",
+  role: "status"
+}, Va = {
+  key: 6,
+  class: "hys-ui-cascader-footer"
+}, Za = /* @__PURE__ */ Ze({
+  inheritAttrs: !1,
+  __name: "HysCascader",
+  props: {
+    options: {},
+    modelValue: {},
+    defaultValue: {},
+    cacheData: {},
+    fieldNames: {},
+    valueKey: {},
+    disabledMethod: {},
+    leafMethod: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    loading: { type: Boolean },
+    size: {},
+    status: {},
+    placeholder: { default: "选择分类" },
+    ariaLabel: {},
+    name: {},
+    form: {},
+    autofocus: { type: Boolean },
+    multiple: { type: Boolean },
+    emitPath: { type: Boolean, default: !0 },
+    checkStrictly: { type: Boolean },
+    changeOnSelect: { type: Boolean },
+    showCheckedStrategy: { default: "child" },
+    checkOnClickNode: { type: Boolean },
+    checkOnClickLeaf: { type: Boolean, default: !0 },
+    showPrefix: { type: Boolean, default: !0 },
+    showAllLevels: { type: Boolean, default: !0 },
+    separator: { default: " / " },
+    displayRender: {},
+    clearable: { type: Boolean },
+    clearValue: {},
+    removable: { type: Boolean, default: !0 },
+    multipleLimit: {},
+    maxTagCount: { default: 3 },
+    maxTagTextLength: {},
+    filterable: { type: Boolean },
+    searchValue: {},
+    defaultSearchValue: {},
+    searchPlaceholder: {},
+    filterMethod: {},
+    searchSort: {},
+    searchLimit: { type: [Number, Boolean], default: 50 },
+    debounce: {},
+    beforeFilter: {},
+    retainSearch: { type: Boolean },
+    clearSearchAfterSelect: { type: Boolean, default: !0 },
+    expandTrigger: { default: "click" },
+    hoverDelay: { default: 150 },
+    expandedPath: {},
+    defaultExpandedPath: {},
+    loadChildren: {},
+    loadRoot: {},
+    inline: { type: Boolean },
+    showFooter: { type: Boolean, default: !0 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    showOnFocus: { type: Boolean },
+    popupMatchWidth: { type: Boolean, default: !0 },
+    popupWidth: {},
+    popupClass: {},
+    popupStyle: {},
+    appendTo: { type: [String, Boolean], default: "body" },
+    placement: {},
+    columnWidth: { default: 180 },
+    listHeight: { default: 256 },
+    virtual: { type: Boolean },
+    itemHeight: {},
+    overscan: { default: 4 },
+    emptyText: {},
+    noMatchText: {},
+    loadingText: {},
+    locale: {},
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change", "value-change", "update:open", "visible-change", "update:searchValue", "search", "search-error", "update:expandedPath", "expandChange", "node-expand", "node-collapse", "load-error", "children-loaded", "load", "root-load", "root-load-error", "select", "remove-tag", "clear", "limit", "focus", "blur", "scroll"],
+  setup(o, { expose: We, emit: Ne }) {
+    const n = o, L = Ne, Oe = _e(), ge = ya(), d = ga(n), g = ba(), b = I(), le = I(), be = I(), pe = I(), te = ea(), ne = I(""), F = I(!0);
+    aa(pa, void 0);
+    let X = !1, se = !1, C = 0, re = !1, ie;
+    const p = ma(b, le, {
+      get placement() {
+        return n.placement;
+      },
+      matchWidth: () => n.popupMatchWidth ? !0 : "min",
+      width: () => n.popupWidth,
+      requestOpen: (e, l) => (e || (re = !!l), L("update:open", e), n.open === void 0 ? void 0 : !1)
+    }), A = p.open, z = x(() => F.value && (n.inline || A.value)), t = ka(
+      n,
+      d.disabled,
+      z,
+      (e, ...l) => L(e, ...l),
+      () => {
+        g.validate("change");
+      }
+    ), { items: k, multiple: B, blocked: R, words: c } = t, G = t.engine.query, Ve = x(() => n.inline || A.value), Fe = x(
+      () => n.inline ? {
+        ...n.popupStyle,
+        position: "static",
+        width: "100%",
+        maxWidth: "100%",
+        boxShadow: "none"
+      } : {
+        ...n.popupStyle,
+        ...p.style.value,
+        maxHeight: "min(65dvh,calc(100dvh - 20px))"
+      }
+    ), Ke = x(() => ({
+      "--hys-ui-cascader-control-height": (d.size.value === "sm" ? 30 : d.size.value === "lg" ? 44 : 38) + "px"
+    })), S = x(() => !!n.filterable && !!G.value.trim()), D = x(
+      () => R.value || t.checking.value || t.rootPending.value
+    ), ke = x(
+      () => Number.isFinite(n.maxTagCount) ? Math.max(0, Math.floor(n.maxTagCount)) : 1 / 0
+    ), qe = x(() => k.value.slice(0, ke.value)), K = x(() => k.value.slice(ke.value)), Ie = x(
+      () => n.clearable && !R.value && k.value.some((e) => !e.disabled)
+    ), Q = /* @__PURE__ */ new Map();
+    function we(e, l) {
+      l ? Q.set(e, l) : Q.delete(e);
+    }
+    function Ue(e) {
+      n.inline && (b.value = e instanceof HTMLElement ? e : void 0);
+    }
+    function ue(e) {
+      return e ? J(t.browsing.value.slice(0, e)) : "root";
+    }
+    function de(e) {
+      const l = t.engine.tree.index.value.map.get(e.value);
+      return {
+        ...t.item(e.value),
+        node: e.raw,
+        level: e.path.length - 1,
+        leaf: !(l != null && l.hasChildren),
+        expanded: t.engine.tree.expanded.value.has(e.value),
+        checked: B.value ? t.engine.tree.checked.value.has(e.value) : t.modelKeys.value.includes(e.value),
+        indeterminate: t.engine.tree.halfChecked.value.has(e.value),
+        loading: t.engine.tree.loadingKeys.value.has(e.value)
+      };
+    }
+    const $ = (e) => {
+      var l;
+      return !!((l = t.engine.tree.index.value.map.get(e.value)) != null && l.hasChildren);
+    }, xe = x(
+      () => n.itemHeight ?? (d.size.value === "sm" ? 30 : d.size.value === "lg" ? 42 : 36)
+    ), Ce = (e) => t.engine.tree.failures.value.get(e.value), ce = (e, l) => e.replace("{label}", l);
+    function Be(e) {
+      var l;
+      return ((l = n.displayRender) == null ? void 0 : l.call(n, e)) ?? e.label;
+    }
+    function Se(e) {
+      return n.maxTagTextLength !== void 0 && n.maxTagTextLength >= 0 ? e.label.slice(0, n.maxTagTextLength) + (e.label.length > n.maxTagTextLength ? "…" : "") : void 0;
+    }
+    function je() {
+      return Object.fromEntries(
+        Object.entries(Oe).filter(([e]) => !["class", "style"].includes(e))
+      );
+    }
+    function Te() {
+      var i;
+      const e = (i = b.value) == null ? void 0 : i.closest("label");
+      if (!e) return;
+      const l = e.cloneNode(!0);
+      l.querySelectorAll(".hys-ui-cascader-wrap").forEach((s) => s.remove()), ne.value = (l.textContent ?? "").replace(/\s+/g, " ").trim();
+    }
+    function W() {
+      clearTimeout(ie), ie = void 0;
+    }
+    async function N(e, l) {
+      var h, v;
+      if (Q.has(e) || await j(), !z.value || D.value) return;
+      await ((h = Q.get(e)) == null ? void 0 : h.focus(l));
+      const i = (v = Q.get(e)) == null ? void 0 : v.element, s = pe.value;
+      if (i && s) {
+        const y = i.getBoundingClientRect().left - s.getBoundingClientRect().left + s.scrollLeft;
+        y < s.scrollLeft ? s.scrollLeft = y : y + i.offsetWidth > s.scrollLeft + s.clientWidth && (s.scrollLeft = y + i.offsetWidth - s.clientWidth);
+      }
+    }
+    async function Y(e, l = !1) {
+      if (D.value || e.disabled) return !1;
+      W();
+      const i = C, s = await t.expandPath(e.path);
+      return await j(), !z.value || i !== C ? !1 : (p.update(), l && s && await N(e.path.length), s);
+    }
+    function Je(e) {
+      W(), !(n.expandTrigger !== "hover" || !e || !$(e) || D.value || e.disabled) && (ie = setTimeout(
+        () => {
+          ie = void 0, Y(e);
+        },
+        Math.max(0, Math.min(1e3, n.hoverDelay))
+      ));
+    }
+    async function oe(e, l, i) {
+      if (D.value || e.disabled) return;
+      W();
+      const s = C;
+      if ($(e) && i === void 0 && !S.value && !await Y(e) || !z.value || s !== C || !(i !== void 0 || S.value || n.changeOnSelect && !B.value || n.checkOnClickNode || !n.showPrefix || !$(e) && n.checkOnClickLeaf) || !B.value && !t.anyLevel.value && $(e))
+        return;
+      const y = await t.pick(e.value, l, i);
+      !z.value || s !== C || (!B.value && (y || t.modelKeys.value.includes(e.value)) && !$(e) && !n.inline || !B.value && n.checkStrictly && i !== void 0 && y && !n.inline) && p.close(!0);
+    }
+    async function Pe(e) {
+      await t.reloadNode(e.path) && await N(e.path.length);
+    }
+    function Ee(e, l, i) {
+      var Le;
+      if (e.isComposing || e.keyCode === 229 || D.value) return;
+      const s = e.target;
+      if (s.closest("button") || s.matches("input") && ["Enter", " "].includes(e.key))
+        return;
+      const h = S.value ? t.searchResults.value : t.columns.value[i] ?? [], v = h.filter((_) => !_.disabled), y = v.findIndex((_) => _.value === l.value);
+      if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
+        e.preventDefault();
+        const _ = e.key === "Home" ? 0 : e.key === "End" ? v.length - 1 : (y + (e.key === "ArrowDown" ? 1 : -1) + v.length) % v.length;
+        N(i, (Le = v[_]) == null ? void 0 : Le.value);
+      } else e.key === "ArrowRight" && !S.value ? (e.preventDefault(), $(l) && Y(l, !0)) : e.key === "ArrowLeft" && !S.value && i > 0 ? (e.preventDefault(), N(i - 1, J(l.path.slice(0, i)))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), B.value || n.checkStrictly ? oe(l, e, !de(l).checked) : $(l) ? Y(l, !0) : oe(l, e));
+    }
+    function Xe(e) {
+      var l, i;
+      if (!(e.isComposing || e.keyCode === 229 || D.value) && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+        e.preventDefault();
+        const s = S.value ? -1 : 0, h = S.value ? t.searchResults.value : t.columns.value[0] ?? [], v = h.filter((y) => !y.disabled);
+        N(
+          s,
+          e.key === "ArrowUp" ? (l = v.at(-1)) == null ? void 0 : l.value : (i = v[0]) == null ? void 0 : i.value
+        );
+      }
+    }
+    async function T(e = !0, l = !1) {
+      var v, y;
+      if (!F.value || d.disabled.value || n.readonly) return !1;
+      const i = C, s = A.value, h = !se;
+      return n.inline || await p.show(l), await j(), !z.value || i !== C || (!n.inline && !s && se && !n.retainSearch && t.filter(""), se = !0, !h && !s && !n.inline && n.expandedPath === void 0 && await t.engine.tree.setExpandedKeys([]), !t.browsing.value.length && ((v = t.selectedPaths.value[0]) != null && v.length) && t.expandPath(t.selectedPaths.value[0]), await j(), !z.value || i !== C) ? !1 : (e && (n.filterable ? (y = be.value) == null || y.focus() : await N(0)), !0);
+    }
+    function q(e = !1) {
+      n.inline || p.close(e);
+    }
+    function Ge(e) {
+      var l;
+      (l = e.target) != null && l.closest("button") || (A.value ? q() : T());
+    }
+    function ze(e) {
+      if (!(e.isComposing || e.keyCode === 229 || e.target !== b.value)) {
+        if (["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key))
+          e.preventDefault(), T();
+        else if (e.key === "Backspace" && B.value && !R.value) {
+          const l = [...k.value].reverse().find((i) => !i.disabled);
+          l && (e.preventDefault(), t.removeTag(l.path));
+        }
+      }
+    }
+    async function Z() {
+      const e = await t.clear();
+      return e && !n.inline && q(!0), e;
+    }
+    function he(e) {
+      X || (X = !0, L("focus", e)), e.target === b.value && n.showOnFocus && !p.restoringFocus.value && !n.inline && T(!1);
+    }
+    async function ve(e) {
+      var i, s;
+      if (await j(), !F.value) return;
+      const l = document.activeElement;
+      (i = b.value) != null && i.contains(l) || (s = le.value) != null && s.contains(l) || X && (X = !1, L("blur", e), n.validateEvent && g.validate("blur"));
+    }
+    async function Qe(e) {
+      await T(!1) && await t.expandPath(e) && await N(e.length - 1, J(e));
+    }
+    async function Ye(e) {
+      return await T(!1) ? t.expandPath(e) : !1;
+    }
+    U(
+      () => n.open,
+      (e) => {
+        if (!(!F.value || n.inline))
+          if (e) T(!1, !0);
+          else {
+            const l = re;
+            re = !1, p.close(l, !0);
+          }
+      }
+    ), U(A, (e) => {
+      L("visible-change", e), e || (C++, W(), n.retainSearch || t.filter(""));
+    }), U(
+      [d.disabled, () => n.readonly],
+      ([e, l]) => {
+        (e || l) && (W(), p.close(!1, !0), n.open && L("update:open", !1));
+      },
+      { flush: "sync" }
+    ), U(
+      [
+        k,
+        G,
+        t.browsing,
+        () => d.size.value,
+        () => n.popupWidth,
+        () => n.popupMatchWidth
+      ],
+      () => {
+        j().then(() => p.update());
+      }
+    ), U(t.browsing, W), U(t.rootPending, (e) => {
+      var l;
+      !e && z.value && !R.value && !t.rootError.value && !t.browsing.value.length && ((l = t.selectedPaths.value[0]) != null && l.length) && t.expandPath(t.selectedPaths.value[0]);
+    }), la(() => {
+      var e, l;
+      Te(), n.inline && ((e = t.selectedPaths.value[0]) != null && e.length) ? t.expandPath(t.selectedPaths.value[0]) : (n.open ?? n.defaultOpen) && T(!1, !0), n.autofocus && !d.disabled.value && ((l = b.value) == null || l.focus());
+    }), ta(Te), ia(() => {
+      F.value = !0, n.open && !n.inline && T(!1, !0);
+    });
+    function $e() {
+      F.value = !1, C++, X = !1, W(), p.close(!1, !0);
+    }
+    return oa($e), na($e), We({
+      element: b,
+      open: z,
+      focus: () => {
+        var e;
+        d.disabled.value || (e = b.value) == null || e.focus();
+      },
+      blur: () => {
+        var e, l, i;
+        q(), ((e = b.value) != null && e.contains(document.activeElement) || (l = le.value) != null && l.contains(document.activeElement)) && ((i = document.activeElement) == null || i.blur());
+      },
+      show: () => T(),
+      hide: q,
+      clear: Z,
+      clearCheckedNodes: Z,
+      removeTag: t.removeTag,
+      setValue: t.setValue,
+      filter: t.filter,
+      getSelectedItems: () => [...k.value],
+      getCheckedNodes: t.getCheckedNodes,
+      getExpandedPath: () => [...t.browsing.value],
+      setExpandedPath: Ye,
+      reloadNode: t.reloadNode,
+      reloadRoot: t.reloadRoot,
+      scrollTo: Qe
+    }), (e, l) => (r(), u("div", ee({ ref: Ue }, a(ge), {
+      class: ["hys-ui-cascader-wrap", [
+        e.$attrs.class,
+        "hys-ui-cascader-" + a(d).size.value,
+        { "hys-ui-cascader-inline-managed": o.inline }
+      ]],
+      style: [e.$attrs.style, Ke.value],
+      id: o.inline ? e.$attrs.id || a(g).id.value || a(te) : void 0,
+      role: o.inline ? "group" : void 0,
+      "data-hys-ui-field-managed": o.inline ? "" : void 0,
+      "aria-label": o.inline ? o.ariaLabel || a(g).label.value || ne.value || a(c).panel : void 0,
+      "aria-invalid": o.inline && (o.status === "error" || a(g).invalid.value) || void 0,
+      "aria-describedby": o.inline ? a(g).describedBy.value : void 0,
+      "aria-disabled": o.inline && a(d).disabled.value || void 0,
+      tabindex: o.inline ? a(d).disabled.value ? -1 : 0 : void 0,
+      onKeydown: l[6] || (l[6] = (i) => o.inline && ze(i)),
+      onFocusin: l[7] || (l[7] = (i) => o.inline && he(i)),
+      onFocusout: l[8] || (l[8] = (i) => o.inline && ve(i))
+    }), [
+      O("button", {
+        hidden: "",
+        type: "button",
+        tabindex: "-1",
+        "aria-hidden": "true",
+        disabled: a(d).disabled.value,
+        onClick: l[0] || (l[0] = ae((i) => {
+          var s;
+          (s = b.value) == null || s.focus(), T();
+        }, ["prevent"]))
+      }, null, 8, xa),
+      o.inline ? m("", !0) : (r(), u("div", ee({
+        key: 0,
+        ref_key: "trigger",
+        ref: b
+      }, je(), {
+        id: e.$attrs.id || a(g).id.value || a(te),
+        "data-hys-ui-field-managed": "",
+        role: "combobox",
+        "aria-haspopup": "dialog",
+        "aria-controls": a(A) ? a(te) + "-panel" : void 0,
+        "aria-expanded": a(A),
+        "aria-label": o.ariaLabel || a(g).label.value || ne.value || o.placeholder || a(c).panel,
+        "aria-disabled": a(d).disabled.value || void 0,
+        "aria-readonly": o.readonly || void 0,
+        "aria-invalid": o.status === "error" || a(g).invalid.value || void 0,
+        "aria-describedby": a(g).describedBy.value,
+        "aria-required": a(g).required.value || void 0,
+        "aria-busy": o.loading || a(t).checking.value || void 0,
+        tabindex: a(d).disabled.value ? -1 : 0,
+        class: ["hys-ui-cascader-control", {
+          "hys-ui-cascader-control-disabled": a(d).disabled.value,
+          "hys-ui-cascader-control-error": o.status === "error" || a(g).invalid.value,
+          "hys-ui-cascader-control-warning": o.status === "warning",
+          "hys-ui-cascader-control-success": o.status === "success"
+        }],
+        onClick: Ge,
+        onKeydown: ze,
+        onFocusin: he,
+        onFocusout: ve
+      }), [
+        e.$slots.prefix ? (r(), u("span", Ba, [
+          f(e.$slots, "prefix", {}, void 0, !0)
+        ])) : m("", !0),
+        a(k).length ? a(B) ? (r(), u("div", Ta, [
+          (r(!0), u(H, null, fe(qe.value, (i) => f(e.$slots, "tag", {
+            item: i,
+            remove: () => a(t).removeTag(i.path)
+          }, () => [
+            O("span", {
+              class: Ae(["hys-ui-cascader-tag", { "hys-ui-cascader-tag-disabled": i.disabled }])
+            }, [
+              O("span", Pa, [
+                Se(i) !== void 0 ? (r(), u(H, { key: 0 }, [
+                  P(w(Se(i)), 1)
+                ], 64)) : (r(), E(De(() => Be(i)), { key: 1 }))
+              ]),
+              o.removable ? (r(), u("button", {
+                key: 0,
+                type: "button",
+                class: "hys-ui-cascader-tag-remove",
+                disabled: a(R) || i.disabled,
+                "aria-label": ce(a(c).remove, i.label),
+                onMousedown: l[1] || (l[1] = ae(() => {
+                }, ["prevent"])),
+                onClick: ae((s) => a(t).removeTag(i.path), ["stop"])
+              }, [
+                f(e.$slots, "remove-icon", {}, () => [
+                  V(a(Me), { size: 12 })
+                ], !0)
+              ], 40, Ea)) : m("", !0)
+            ], 2)
+          ], !0, a(J)(i.path))), 128)),
+          K.value.length ? (r(), E(fa, {
+            key: 0,
+            text: K.value.slice(0, 20).map((i) => i.label).join("、")
+          }, {
+            default: M(() => [
+              O("span", {
+                class: "hys-ui-cascader-tag hys-ui-cascader-more",
+                "aria-label": a(c).more.replace("{count}", String(K.value.length))
+              }, [
+                f(e.$slots, "max-tag-placeholder", {
+                  items: K.value,
+                  count: K.value.length
+                }, () => [
+                  P("+" + w(K.value.length), 1)
+                ], !0)
+              ], 8, za)
+            ]),
+            _: 3
+          }, 8, ["text"])) : m("", !0)
+        ])) : (r(), u("span", $a, [
+          f(e.$slots, "display", {
+            item: a(k)[0]
+          }, () => [
+            (r(), E(De(() => Be(a(k)[0]))))
+          ], !0)
+        ])) : (r(), u("span", Sa, w(o.placeholder), 1)),
+        O("span", La, [
+          o.loading || a(t).checking.value ? (r(), E(a(ye), {
+            key: 0,
+            size: 15,
+            class: "hys-ui-icon-spin"
+          })) : m("", !0),
+          Ie.value ? (r(), u("button", {
+            key: 1,
+            type: "button",
+            class: "hys-ui-cascader-clear",
+            "aria-label": a(c).clear,
+            onMousedown: l[2] || (l[2] = ae(() => {
+            }, ["prevent"])),
+            onClick: ae(Z, ["stop"])
+          }, [
+            f(e.$slots, "clear-icon", {}, () => [
+              V(a(Me), { size: 14 })
+            ], !0)
+          ], 40, Aa)) : m("", !0),
+          f(e.$slots, "suffix", {}, () => [
+            V(a(ca), {
+              size: 16,
+              class: Ae(["hys-ui-cascader-chevron", { "hys-ui-cascader-chevron-open": a(A) }])
+            }, null, 8, ["class"])
+          ], !0)
+        ])
+      ], 16, Ca)),
+      o.name ? (r(!0), u(H, { key: 1 }, fe(a(k), (i) => (r(), u("input", {
+        key: a(J)(i.path),
+        type: "hidden",
+        name: o.name,
+        form: o.form,
+        value: o.emitPath ? JSON.stringify(i.path) : i.value,
+        disabled: a(d).disabled.value
+      }, null, 8, Da))), 128)) : m("", !0),
+      (r(), E(sa, {
+        to: o.appendTo === !1 || o.inline ? "body" : o.appendTo,
+        disabled: o.appendTo === !1 || o.inline
+      }, [
+        Ve.value ? (r(), u("div", ee({
+          key: 0,
+          id: a(te) + "-panel",
+          ref_key: "panel",
+          ref: le
+        }, a(ge), {
+          class: ["hys-ui-cascader-menu", [
+            o.popupClass,
+            "hys-ui-cascader-" + a(d).size.value,
+            {
+              "hys-ui-cascader-inline": o.inline,
+              "hys-ui-cascader-menu-disabled": a(d).disabled.value
+            }
+          ]],
+          style: Fe.value,
+          role: o.inline ? "group" : "dialog",
+          "aria-label": a(c).panel,
+          "aria-busy": o.loading || a(t).rootPending.value || a(t).checking.value || void 0,
+          onFocusin: he,
+          onFocusout: ve
+        }), [
+          e.$slots.header ? (r(), u("header", Ma, [
+            f(e.$slots, "header", {}, void 0, !0)
+          ])) : m("", !0),
+          o.filterable ? (r(), E(va, {
+            key: 1,
+            ref_key: "search",
+            ref: be,
+            "model-value": a(G),
+            class: "hys-ui-cascader-search",
+            "aria-label": a(c).search,
+            placeholder: a(c).search,
+            disabled: a(R),
+            size: a(d).size.value,
+            clearable: "",
+            "onUpdate:modelValue": a(t).filter,
+            onKeydown: Xe
+          }, {
+            prefix: M(() => [
+              V(a(ha), { size: 14 })
+            ]),
+            _: 1
+          }, 8, ["model-value", "aria-label", "placeholder", "disabled", "size", "onUpdate:modelValue"])) : m("", !0),
+          o.loading || a(t).rootPending.value || S.value && a(t).filterPending.value ? (r(), u("div", Ra, [
+            f(e.$slots, "loading", { level: 0 }, () => [
+              V(a(ye), {
+                size: 17,
+                class: "hys-ui-icon-spin"
+              }),
+              P(w(a(c).loading), 1)
+            ], !0)
+          ])) : a(t).rootError.value || S.value && a(t).filterError.value ? (r(), u("div", Wa, [
+            O("span", null, w(a(c).loadError), 1),
+            V(me, {
+              size: "sm",
+              variant: "ghost",
+              onClick: l[3] || (l[3] = (i) => a(t).rootError.value ? a(t).reloadRoot() : a(t).retrySearch())
+            }, {
+              default: M(() => [
+                P(w(a(c).retry), 1)
+              ]),
+              _: 1
+            })
+          ])) : S.value ? (r(), u(H, { key: 4 }, [
+            a(t).searchResults.value.length ? (r(), E(Re, {
+              key: 0,
+              ref: (i) => we(-1, i),
+              rows: a(t).searchResults.value,
+              level: -1,
+              label: a(c).search,
+              multiple: a(B),
+              strict: o.checkStrictly,
+              "show-prefix": o.showPrefix,
+              disabled: D.value,
+              search: !0,
+              size: a(d).size.value,
+              virtual: o.virtual,
+              "list-height": o.listHeight,
+              "item-height": xe.value,
+              overscan: o.overscan,
+              context: de,
+              "has-children": $,
+              error: Ce,
+              "retry-text": a(c).retry,
+              "expand-label": (i) => ce(a(c).expand, i.label),
+              onChoose: oe,
+              onKeyboard: Ee,
+              onRetry: Pe,
+              onScroll: l[4] || (l[4] = (i) => L("scroll", { level: -1, event: i }))
+            }, He({ _: 2 }, [
+              e.$slots.suggestion ? {
+                name: "suggestion",
+                fn: M((i) => [
+                  f(e.$slots, "suggestion", ra(ua(i)), void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["rows", "label", "multiple", "strict", "show-prefix", "disabled", "size", "virtual", "list-height", "item-height", "overscan", "retry-text", "expand-label"])) : (r(), u("div", Na, [
+              f(e.$slots, "empty", {
+                query: a(G),
+                level: 0
+              }, () => [
+                P(w(a(c).noMatch), 1)
+              ], !0)
+            ]))
+          ], 64)) : (r(), u("div", {
+            key: 5,
+            ref_key: "columnsElement",
+            ref: pe,
+            class: "hys-ui-cascader-columns"
+          }, [
+            (r(!0), u(H, null, fe(a(t).columns.value, (i, s) => (r(), u(H, {
+              key: ue(s)
+            }, [
+              i.length ? (r(), E(Re, {
+                key: 0,
+                ref_for: !0,
+                ref: (h) => we(s, h),
+                rows: i,
+                level: s,
+                label: a(c).level.replace("{level}", String(s + 1)),
+                "active-key": a(t).browsing.value[s] === void 0 ? void 0 : a(J)(a(t).browsing.value.slice(0, s + 1)),
+                multiple: a(B),
+                strict: o.checkStrictly,
+                "show-prefix": o.showPrefix,
+                disabled: D.value,
+                size: a(d).size.value,
+                virtual: o.virtual,
+                "list-height": o.listHeight,
+                "item-height": xe.value,
+                overscan: o.overscan,
+                "column-width": o.columnWidth,
+                context: de,
+                "has-children": $,
+                error: Ce,
+                "retry-text": a(c).retry,
+                "expand-label": (h) => ce(a(c).expand, h.label),
+                onChoose: oe,
+                onExpand: Y,
+                onHover: Je,
+                onKeyboard: Ee,
+                onRetry: Pe,
+                onScroll: (h) => L("scroll", { level: s, event: h })
+              }, He({ _: 2 }, [
+                e.$slots.option ? {
+                  name: "option",
+                  fn: M((h) => [
+                    f(e.$slots, "option", ee({ ref_for: !0 }, h), void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0,
+                e.$slots["expand-icon"] ? {
+                  name: "expand-icon",
+                  fn: M((h) => [
+                    f(e.$slots, "expand-icon", ee({ ref_for: !0 }, h), void 0, !0)
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["rows", "level", "label", "active-key", "multiple", "strict", "show-prefix", "disabled", "size", "virtual", "list-height", "item-height", "overscan", "column-width", "retry-text", "expand-label", "onScroll"])) : (r(), u("div", {
+                key: 1,
+                class: "hys-ui-cascader-empty-column",
+                style: da({
+                  minWidth: typeof o.columnWidth == "number" ? o.columnWidth + "px" : o.columnWidth
+                })
+              }, [
+                O("div", Oa, [
+                  s && a(t).engine.tree.loadingKeys.value.has(ue(s)) ? (r(), u(H, { key: 0 }, [
+                    V(a(ye), {
+                      size: 16,
+                      class: "hys-ui-icon-spin"
+                    }),
+                    P(w(a(c).loading), 1)
+                  ], 64)) : s && a(t).engine.tree.failures.value.has(ue(s)) ? (r(), u(H, { key: 1 }, [
+                    P(w(a(c).loadError), 1)
+                  ], 64)) : f(e.$slots, "empty", {
+                    query: a(G),
+                    level: s
+                  }, () => [
+                    P(w(a(c).empty), 1)
+                  ], !0, 2)
+                ])
+              ], 4))
+            ], 64))), 128))
+          ], 512)),
+          e.$slots.footer || o.showFooter && (!o.inline || o.clearable) ? (r(), u("footer", Va, [
+            f(e.$slots, "footer", {
+              items: a(k),
+              clear: Z,
+              close: () => q(!0)
+            }, () => [
+              o.clearable ? (r(), E(me, {
+                key: 0,
+                size: "sm",
+                variant: "ghost",
+                disabled: a(R) || !a(k).some((i) => !i.disabled),
+                onClick: Z
+              }, {
+                default: M(() => [
+                  P(w(a(c).clear), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : m("", !0),
+              o.inline ? m("", !0) : (r(), E(me, {
+                key: 1,
+                size: "sm",
+                variant: "secondary",
+                onClick: l[5] || (l[5] = (i) => q(!0))
+              }, {
+                default: M(() => [
+                  P(w(a(c).close), 1)
+                ]),
+                _: 1
+              }))
+            ], !0)
+          ])) : m("", !0)
+        ], 16, Ha)) : m("", !0)
+      ], 8, ["to", "disabled"]))
+    ], 16, wa));
+  }
+});
 export {
-  f as default
+  Za as default
 };