hys-ui 0.1.1 → 0.3.0

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

@@ -1,4 +1,775 @@
-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 V, withModifiers as ae, renderSlot as f, createCommentVNode as p, toDisplayString as w, Fragment as M, renderList as fe, normalizeClass as De, createTextVNode as P, createBlock as E, resolveDynamicComponent as He, createVNode as R, withCtx as L, Teleport as sa, createSlots as Ae, normalizeProps as ra, guardReactiveProps as ua, normalizeStyle as da } from "vue";
+import ca from "../../motion/PopupMotion.js";
+import { X as Me, LoaderCircle as ye, ChevronDown as ha, Search as va } from "lucide-vue-next";
+import fa from "../HysInput/HysInput.vue.js";
+import me from "../HysButton/HysButton.vue.js";
+import ya from "../HysTooltip/HysTooltip.vue.js";
+import Re from "./HysCascaderColumn.vue.js";
+import { useHysRootAttrs as ma } from "../../config.js";
+import { useFloating as pa } from "../../composables/useFloating.js";
+import { useHysControlState as ga, useHysFormItemContext as ba, fieldKey as ka } from "../../composables/formContext.js";
+import { useCascader as wa } from "../../composables/useCascader.js";
+import { cascaderToken as J } from "../../composables/cascader.js";
+const xa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-invalid", "aria-describedby", "aria-disabled", "tabindex"], Ca = ["disabled"], Ta = ["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"
+}, Pa = {
+  key: 2,
+  class: "hys-ui-cascader-tags"
+}, Ea = { class: "hys-ui-cascader-tag-label" }, za = ["disabled", "aria-label", "onClick"], $a = ["aria-label"], La = {
+  key: 3,
+  class: "hys-ui-cascader-value"
+}, Da = { class: "hys-ui-cascader-indicators" }, Ha = ["aria-label"], Aa = ["name", "form", "value", "disabled"], Ma = ["id", "role", "aria-label", "aria-busy"], Ra = {
+  key: 0,
+  class: "hys-ui-cascader-header"
+}, Wa = {
+  key: 2,
+  class: "hys-ui-cascader-status",
+  role: "status"
+}, Na = {
+  key: 3,
+  class: "hys-ui-cascader-status hys-ui-cascader-error",
+  role: "alert"
+}, Oa = {
+  key: 1,
+  class: "hys-ui-cascader-status",
+  role: "status"
+}, Va = {
+  class: "hys-ui-cascader-status",
+  role: "status"
+}, Fa = {
+  key: 6,
+  class: "hys-ui-cascader-footer"
+}, el = /* @__PURE__ */ Ze({
+  inheritAttrs: !1,
+  __name: "HysCascader",
+  props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
+    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, D = Ne, Oe = _e(), pe = ma(), d = ga(n), g = ba(), b = I(), le = I(), ge = I(), be = I(), te = ea(), ne = I(""), F = I(!0);
+    aa(ka, void 0);
+    let X = !1, se = !1, C = 0, re = !1, ie;
+    const m = pa(b, le, {
+      get placement() {
+        return n.placement;
+      },
+      matchWidth: () => n.popupMatchWidth ? !0 : "min",
+      width: () => n.popupWidth,
+      requestOpen: (e, l) => (e || (re = !!l), D("update:open", e), n.open === void 0 ? void 0 : !1)
+    }), H = m.open, z = x(() => F.value && (n.inline || H.value)), t = wa(
+      n,
+      d.disabled,
+      z,
+      (e, ...l) => D(e, ...l),
+      () => {
+        g.validate("change");
+      }
+    ), { items: k, multiple: T, blocked: W, words: c } = t, G = t.engine.query, Ve = x(() => n.inline || H.value), Fe = x(
+      () => n.inline ? {
+        ...n.popupStyle,
+        position: "static",
+        width: "100%",
+        maxWidth: "100%",
+        boxShadow: "none"
+      } : {
+        ...n.popupStyle,
+        ...m.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"
+    })), B = x(() => !!n.filterable && !!G.value.trim()), A = x(
+      () => W.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 && !W.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: T.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 Te(e) {
+      var l;
+      return ((l = n.displayRender) == null ? void 0 : l.call(n, e)) ?? e.label;
+    }
+    function Be(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 Se() {
+      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 N() {
+      clearTimeout(ie), ie = void 0;
+    }
+    async function O(e, l) {
+      var h, v;
+      if (Q.has(e) || await j(), !z.value || A.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 = be.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 (A.value || e.disabled) return !1;
+      N();
+      const i = C, s = await t.expandPath(e.path);
+      return await j(), !z.value || i !== C ? !1 : (m.update(), l && s && await O(e.path.length), s);
+    }
+    function Je(e) {
+      N(), !(n.expandTrigger !== "hover" || !e || !$(e) || A.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 (A.value || e.disabled) return;
+      N();
+      const s = C;
+      if ($(e) && i === void 0 && !B.value && !await Y(e) || !z.value || s !== C || !(i !== void 0 || B.value || n.changeOnSelect && !T.value || n.checkOnClickNode || !n.showPrefix || !$(e) && n.checkOnClickLeaf) || !T.value && !t.anyLevel.value && $(e))
+        return;
+      const y = await t.pick(e.value, l, i);
+      !z.value || s !== C || (!T.value && (y || t.modelKeys.value.includes(e.value)) && !$(e) && !n.inline || !T.value && n.checkStrictly && i !== void 0 && y && !n.inline) && m.close(!0);
+    }
+    async function Pe(e) {
+      await t.reloadNode(e.path) && await O(e.path.length);
+    }
+    function Ee(e, l, i) {
+      var Le;
+      if (e.isComposing || e.keyCode === 229 || A.value) return;
+      const s = e.target;
+      if (s.closest("button") || s.matches("input") && ["Enter", " "].includes(e.key))
+        return;
+      const h = B.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;
+        O(i, (Le = v[_]) == null ? void 0 : Le.value);
+      } else e.key === "ArrowRight" && !B.value ? (e.preventDefault(), $(l) && Y(l, !0)) : e.key === "ArrowLeft" && !B.value && i > 0 ? (e.preventDefault(), O(i - 1, J(l.path.slice(0, i)))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T.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 || A.value) && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+        e.preventDefault();
+        const s = B.value ? -1 : 0, h = B.value ? t.searchResults.value : t.columns.value[0] ?? [], v = h.filter((y) => !y.disabled);
+        O(
+          s,
+          e.key === "ArrowUp" ? (l = v.at(-1)) == null ? void 0 : l.value : (i = v[0]) == null ? void 0 : i.value
+        );
+      }
+    }
+    async function S(e = !0, l = !1) {
+      var v, y;
+      if (!F.value || d.disabled.value || n.readonly) return !1;
+      const i = C, s = H.value, h = !se;
+      return n.inline || await m.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 = ge.value) == null || y.focus() : await O(0)), !0);
+    }
+    function q(e = !1) {
+      n.inline || m.close(e);
+    }
+    function Ge(e) {
+      var l;
+      (l = e.target) != null && l.closest("button") || (H.value ? q() : S());
+    }
+    function ze(e) {
+      if (!(e.isComposing || e.keyCode === 229 || e.target !== b.value)) {
+        if (["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key))
+          e.preventDefault(), S();
+        else if (e.key === "Backspace" && T.value && !W.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, D("focus", e)), e.target === b.value && n.showOnFocus && !m.restoringFocus.value && !n.inline && S(!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, D("blur", e), n.validateEvent && g.validate("blur"));
+    }
+    async function Qe(e) {
+      await S(!1) && await t.expandPath(e) && await O(e.length - 1, J(e));
+    }
+    async function Ye(e) {
+      return await S(!1) ? t.expandPath(e) : !1;
+    }
+    U(
+      () => n.open,
+      (e) => {
+        if (!(!F.value || n.inline))
+          if (e) S(!1, !0);
+          else {
+            const l = re;
+            re = !1, m.close(l, !0);
+          }
+      }
+    ), U(H, (e) => {
+      D("visible-change", e), e || (C++, N(), n.retainSearch || t.filter(""));
+    }), U(
+      [d.disabled, () => n.readonly],
+      ([e, l]) => {
+        (e || l) && (N(), m.close(!1, !0), n.open && D("update:open", !1));
+      },
+      { flush: "sync" }
+    ), U(
+      [
+        k,
+        G,
+        t.browsing,
+        () => d.size.value,
+        () => n.popupWidth,
+        () => n.popupMatchWidth
+      ],
+      () => {
+        j().then(() => m.update());
+      }
+    ), U(t.browsing, N), U(t.rootPending, (e) => {
+      var l;
+      !e && z.value && !W.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;
+      Se(), n.inline && ((e = t.selectedPaths.value[0]) != null && e.length) ? t.expandPath(t.selectedPaths.value[0]) : (n.open ?? n.defaultOpen) && S(!1, !0), n.autofocus && !d.disabled.value && ((l = b.value) == null || l.focus());
+    }), ta(Se), ia(() => {
+      F.value = !0, n.open && !n.inline && S(!1, !0);
+    });
+    function $e() {
+      F.value = !1, C++, X = !1, N(), m.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: () => S(),
+      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(pe), {
+      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))
+    }), [
+      V("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(), S();
+        }, ["prevent"]))
+      }, null, 8, Ca),
+      o.inline ? p("", !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(H) ? a(te) + "-panel" : void 0,
+        "aria-expanded": a(H),
+        "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)
+        ])) : p("", !0),
+        a(k).length ? a(T) ? (r(), u("div", Pa, [
+          (r(!0), u(M, null, fe(qe.value, (i) => f(e.$slots, "tag", {
+            item: i,
+            remove: () => a(t).removeTag(i.path)
+          }, () => [
+            V("span", {
+              class: De(["hys-ui-cascader-tag", { "hys-ui-cascader-tag-disabled": i.disabled }])
+            }, [
+              V("span", Ea, [
+                Be(i) !== void 0 ? (r(), u(M, { key: 0 }, [
+                  P(w(Be(i)), 1)
+                ], 64)) : (r(), E(He(() => Te(i)), { key: 1 }))
+              ]),
+              o.removable ? (r(), u("button", {
+                key: 0,
+                type: "button",
+                class: "hys-ui-cascader-tag-remove",
+                disabled: a(W) || 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", {}, () => [
+                  R(a(Me), { size: 12 })
+                ], !0)
+              ], 40, za)) : p("", !0)
+            ], 2)
+          ], !0, a(J)(i.path))), 128)),
+          K.value.length ? (r(), E(ya, {
+            key: 0,
+            text: K.value.slice(0, 20).map((i) => i.label).join("、")
+          }, {
+            default: L(() => [
+              V("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, $a)
+            ]),
+            _: 3
+          }, 8, ["text"])) : p("", !0)
+        ])) : (r(), u("span", La, [
+          f(e.$slots, "display", {
+            item: a(k)[0]
+          }, () => [
+            (r(), E(He(() => Te(a(k)[0]))))
+          ], !0)
+        ])) : (r(), u("span", Sa, w(o.placeholder), 1)),
+        V("span", Da, [
+          o.loading || a(t).checking.value ? (r(), E(a(ye), {
+            key: 0,
+            size: 15,
+            class: "hys-ui-icon-spin"
+          })) : p("", !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", {}, () => [
+              R(a(Me), { size: 14 })
+            ], !0)
+          ], 40, Ha)) : p("", !0),
+          f(e.$slots, "suffix", {}, () => [
+            R(a(ha), {
+              size: 16,
+              class: De(["hys-ui-cascader-chevron", { "hys-ui-cascader-chevron-open": a(H) }])
+            }, null, 8, ["class"])
+          ], !0)
+        ])
+      ], 16, Ta)),
+      o.name ? (r(!0), u(M, { 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, Aa))), 128)) : p("", !0),
+      (r(), E(sa, {
+        to: o.appendTo === !1 || o.inline ? "body" : o.appendTo,
+        disabled: o.appendTo === !1 || o.inline
+      }, [
+        R(a(ca), {
+          disabled: o.inline,
+          "popup-transition": n.popupTransition,
+          "popup-transition-duration": n.popupTransitionDuration,
+          placement: a(m).placement.value
+        }, {
+          default: L(() => [
+            Ve.value ? (r(), u("div", ee({
+              key: 0,
+              id: a(te) + "-panel",
+              ref_key: "panel",
+              ref: le
+            }, a(pe), {
+              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", Ra, [
+                f(e.$slots, "header", {}, void 0, !0)
+              ])) : p("", !0),
+              o.filterable ? (r(), E(fa, {
+                key: 1,
+                ref_key: "search",
+                ref: ge,
+                "model-value": a(G),
+                class: "hys-ui-cascader-search",
+                "aria-label": a(c).search,
+                placeholder: a(c).search,
+                disabled: a(W),
+                size: a(d).size.value,
+                clearable: "",
+                "onUpdate:modelValue": a(t).filter,
+                onKeydown: Xe
+              }, {
+                prefix: L(() => [
+                  R(a(va), { size: 14 })
+                ]),
+                _: 1
+              }, 8, ["model-value", "aria-label", "placeholder", "disabled", "size", "onUpdate:modelValue"])) : p("", !0),
+              o.loading || a(t).rootPending.value || B.value && a(t).filterPending.value ? (r(), u("div", Wa, [
+                f(e.$slots, "loading", { level: 0 }, () => [
+                  R(a(ye), {
+                    size: 17,
+                    class: "hys-ui-icon-spin"
+                  }),
+                  P(w(a(c).loading), 1)
+                ], !0)
+              ])) : a(t).rootError.value || B.value && a(t).filterError.value ? (r(), u("div", Na, [
+                V("span", null, w(a(c).loadError), 1),
+                R(me, {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: l[3] || (l[3] = (i) => a(t).rootError.value ? a(t).reloadRoot() : a(t).retrySearch())
+                }, {
+                  default: L(() => [
+                    P(w(a(c).retry), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : B.value ? (r(), u(M, { 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(T),
+                  strict: o.checkStrictly,
+                  "show-prefix": o.showPrefix,
+                  disabled: A.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) => D("scroll", { level: -1, event: i }))
+                }, Ae({ _: 2 }, [
+                  e.$slots.suggestion ? {
+                    name: "suggestion",
+                    fn: L((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", Oa, [
+                  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: be,
+                class: "hys-ui-cascader-columns"
+              }, [
+                (r(!0), u(M, null, fe(a(t).columns.value, (i, s) => (r(), u(M, {
+                  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(T),
+                    strict: o.checkStrictly,
+                    "show-prefix": o.showPrefix,
+                    disabled: A.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) => D("scroll", { level: s, event: h })
+                  }, Ae({ _: 2 }, [
+                    e.$slots.option ? {
+                      name: "option",
+                      fn: L((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: L((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
+                    })
+                  }, [
+                    V("div", Va, [
+                      s && a(t).engine.tree.loadingKeys.value.has(ue(s)) ? (r(), u(M, { key: 0 }, [
+                        R(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(M, { 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", Fa, [
+                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(W) || !a(k).some((i) => !i.disabled),
+                    onClick: Z
+                  }, {
+                    default: L(() => [
+                      P(w(a(c).clear), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : p("", !0),
+                  o.inline ? p("", !0) : (r(), E(me, {
+                    key: 1,
+                    size: "sm",
+                    variant: "secondary",
+                    onClick: l[5] || (l[5] = (i) => q(!0))
+                  }, {
+                    default: L(() => [
+                      P(w(a(c).close), 1)
+                    ]),
+                    _: 1
+                  }))
+                ], !0)
+              ])) : p("", !0)
+            ], 16, Ma)) : p("", !0)
+          ]),
+          _: 3
+        }, 8, ["disabled", "popup-transition", "popup-transition-duration", "placement"])
+      ], 8, ["to", "disabled"]))
+    ], 16, xa));
+  }
+});
 export {
-  f as default
+  el as default
 };