hys-ui 0.2.0 → 0.4.0

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

@@ -1,51 +1,54 @@
-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 { 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 fa from "../HysTooltip/HysTooltip.vue.js";
+import ya 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 { 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 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 = {
+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"
-}, Ta = {
+}, Pa = {
   key: 2,
   class: "hys-ui-cascader-tags"
-}, Pa = { class: "hys-ui-cascader-tag-label" }, Ea = ["disabled", "aria-label", "onClick"], za = ["aria-label"], $a = {
+}, Ea = { class: "hys-ui-cascader-tag-label" }, za = ["disabled", "aria-label", "onClick"], $a = ["aria-label"], La = {
   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 = {
+}, 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"
-}, Ra = {
+}, Wa = {
   key: 2,
   class: "hys-ui-cascader-status",
   role: "status"
-}, Wa = {
+}, Na = {
   key: 3,
   class: "hys-ui-cascader-status hys-ui-cascader-error",
   role: "alert"
-}, Na = {
+}, Oa = {
   key: 1,
   class: "hys-ui-cascader-status",
   role: "status"
-}, Oa = {
+}, Va = {
   class: "hys-ui-cascader-status",
   role: "status"
-}, Va = {
+}, Fa = {
   key: 6,
   class: "hys-ui-cascader-footer"
-}, Za = /* @__PURE__ */ Ze({
+}, el = /* @__PURE__ */ Ze({
   inheritAttrs: !1,
   __name: "HysCascader",
   props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
     options: {},
     modelValue: {},
     defaultValue: {},
@@ -122,25 +125,25 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
   },
   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);
+    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 p = ma(b, le, {
+    const m = pa(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(
+      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) => L(e, ...l),
+      (e, ...l) => D(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(
+    ), { 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",
@@ -149,17 +152,17 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         boxShadow: "none"
       } : {
         ...n.popupStyle,
-        ...p.style.value,
+        ...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"
-    })), S = x(() => !!n.filterable && !!G.value.trim()), D = x(
-      () => R.value || t.checking.value || t.rootPending.value
+    })), 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 && !R.value && k.value.some((e) => !e.disabled)
+      () => 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);
@@ -178,7 +181,7 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         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),
+        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)
       };
@@ -189,11 +192,11 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
     }, 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) {
+    function Te(e) {
       var l;
       return ((l = n.displayRender) == null ? void 0 : l.call(n, e)) ?? e.label;
     }
-    function Se(e) {
+    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() {
@@ -201,34 +204,34 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         Object.entries(Oe).filter(([e]) => !["class", "style"].includes(e))
       );
     }
-    function Te() {
+    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 W() {
+    function N() {
       clearTimeout(ie), ie = void 0;
     }
-    async function N(e, l) {
+    async function O(e, l) {
       var h, v;
-      if (Q.has(e) || await j(), !z.value || D.value) return;
+      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 = pe.value;
+      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 (D.value || e.disabled) return !1;
-      W();
+      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 : (p.update(), l && s && await N(e.path.length), s);
+      return await j(), !z.value || i !== C ? !1 : (m.update(), l && s && await O(e.path.length), s);
     }
     function Je(e) {
-      W(), !(n.expandTrigger !== "hover" || !e || !$(e) || D.value || e.disabled) && (ie = setTimeout(
+      N(), !(n.expandTrigger !== "hover" || !e || !$(e) || A.value || e.disabled) && (ie = setTimeout(
         () => {
           ie = void 0, Y(e);
         },
@@ -236,59 +239,59 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
       ));
     }
     async function oe(e, l, i) {
-      if (D.value || e.disabled) return;
-      W();
+      if (A.value || e.disabled) return;
+      N();
       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))
+      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 || (!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);
+      !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 N(e.path.length);
+      await t.reloadNode(e.path) && await O(e.path.length);
     }
     function Ee(e, l, i) {
       var Le;
-      if (e.isComposing || e.keyCode === 229 || D.value) return;
+      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 = S.value ? t.searchResults.value : t.columns.value[i] ?? [], v = h.filter((_) => !_.disabled), y = v.findIndex((_) => _.value === l.value);
+      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;
-        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));
+        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 || D.value) && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+      if (!(e.isComposing || e.keyCode === 229 || A.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(
+        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 T(e = !0, l = !1) {
+    async function S(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);
+      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 || p.close(e);
+      n.inline || m.close(e);
     }
     function Ge(e) {
       var l;
-      (l = e.target) != null && l.closest("button") || (A.value ? q() : T());
+      (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(), T();
-        else if (e.key === "Backspace" && B.value && !R.value) {
+          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));
         }
@@ -299,36 +302,36 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
       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);
+      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, L("blur", e), n.validateEvent && g.validate("blur"));
+      (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 T(!1) && await t.expandPath(e) && await N(e.length - 1, J(e));
+      await S(!1) && await t.expandPath(e) && await O(e.length - 1, J(e));
     }
     async function Ye(e) {
-      return await T(!1) ? t.expandPath(e) : !1;
+      return await S(!1) ? t.expandPath(e) : !1;
     }
     U(
       () => n.open,
       (e) => {
         if (!(!F.value || n.inline))
-          if (e) T(!1, !0);
+          if (e) S(!1, !0);
           else {
             const l = re;
-            re = !1, p.close(l, !0);
+            re = !1, m.close(l, !0);
           }
       }
-    ), U(A, (e) => {
-      L("visible-change", e), e || (C++, W(), n.retainSearch || t.filter(""));
+    ), U(H, (e) => {
+      D("visible-change", e), e || (C++, N(), n.retainSearch || t.filter(""));
     }), U(
       [d.disabled, () => n.readonly],
       ([e, l]) => {
-        (e || l) && (W(), p.close(!1, !0), n.open && L("update:open", !1));
+        (e || l) && (N(), m.close(!1, !0), n.open && D("update:open", !1));
       },
       { flush: "sync" }
     ), U(
@@ -341,19 +344,19 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         () => n.popupMatchWidth
       ],
       () => {
-        j().then(() => p.update());
+        j().then(() => m.update());
       }
-    ), U(t.browsing, W), U(t.rootPending, (e) => {
+    ), U(t.browsing, N), 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]);
+      !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;
-      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);
+      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, W(), p.close(!1, !0);
+      F.value = !1, C++, X = !1, N(), m.close(!1, !0);
     }
     return oa($e), na($e), We({
       element: b,
@@ -366,7 +369,7 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         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(),
+      show: () => S(),
       hide: q,
       clear: Z,
       clearCheckedNodes: Z,
@@ -380,7 +383,7 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
       reloadNode: t.reloadNode,
       reloadRoot: t.reloadRoot,
       scrollTo: Qe
-    }), (e, l) => (r(), u("div", ee({ ref: Ue }, a(ge), {
+    }), (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,
@@ -399,7 +402,7 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
       onFocusin: l[7] || (l[7] = (i) => o.inline && he(i)),
       onFocusout: l[8] || (l[8] = (i) => o.inline && ve(i))
     }), [
-      O("button", {
+      V("button", {
         hidden: "",
         type: "button",
         tabindex: "-1",
@@ -407,10 +410,10 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         disabled: a(d).disabled.value,
         onClick: l[0] || (l[0] = ae((i) => {
           var s;
-          (s = b.value) == null || s.focus(), T();
+          (s = b.value) == null || s.focus(), S();
         }, ["prevent"]))
-      }, null, 8, xa),
-      o.inline ? m("", !0) : (r(), u("div", ee({
+      }, null, 8, Ca),
+      o.inline ? p("", !0) : (r(), u("div", ee({
         key: 0,
         ref_key: "trigger",
         ref: b
@@ -419,8 +422,8 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
         "data-hys-ui-field-managed": "",
         role: "combobox",
         "aria-haspopup": "dialog",
-        "aria-controls": a(A) ? a(te) + "-panel" : void 0,
-        "aria-expanded": a(A),
+        "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,
@@ -442,42 +445,42 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
       }), [
         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", {
+        ])) : 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)
           }, () => [
-            O("span", {
-              class: Ae(["hys-ui-cascader-tag", { "hys-ui-cascader-tag-disabled": i.disabled }])
+            V("span", {
+              class: De(["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 }))
+              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(R) || i.disabled,
+                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", {}, () => [
-                  V(a(Me), { size: 12 })
+                  R(a(Me), { size: 12 })
                 ], !0)
-              ], 40, Ea)) : m("", !0)
+              ], 40, za)) : p("", !0)
             ], 2)
           ], !0, a(J)(i.path))), 128)),
-          K.value.length ? (r(), E(fa, {
+          K.value.length ? (r(), E(ya, {
             key: 0,
             text: K.value.slice(0, 20).map((i) => i.label).join("、")
           }, {
-            default: M(() => [
-              O("span", {
+            default: L(() => [
+              V("span", {
                 class: "hys-ui-cascader-tag hys-ui-cascader-more",
                 "aria-label": a(c).more.replace("{count}", String(K.value.length))
               }, [
@@ -487,23 +490,23 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
                 }, () => [
                   P("+" + w(K.value.length), 1)
                 ], !0)
-              ], 8, za)
+              ], 8, $a)
             ]),
             _: 3
-          }, 8, ["text"])) : m("", !0)
-        ])) : (r(), u("span", $a, [
+          }, 8, ["text"])) : p("", !0)
+        ])) : (r(), u("span", La, [
           f(e.$slots, "display", {
             item: a(k)[0]
           }, () => [
-            (r(), E(De(() => Be(a(k)[0]))))
+            (r(), E(He(() => Te(a(k)[0]))))
           ], !0)
         ])) : (r(), u("span", Sa, w(o.placeholder), 1)),
-        O("span", La, [
+        V("span", Da, [
           o.loading || a(t).checking.value ? (r(), E(a(ye), {
             key: 0,
             size: 15,
             class: "hys-ui-icon-spin"
-          })) : m("", !0),
+          })) : p("", !0),
           Ie.value ? (r(), u("button", {
             key: 1,
             type: "button",
@@ -514,249 +517,259 @@ const wa = ["id", "role", "data-hys-ui-field-managed", "aria-label", "aria-inval
             onClick: ae(Z, ["stop"])
           }, [
             f(e.$slots, "clear-icon", {}, () => [
-              V(a(Me), { size: 14 })
+              R(a(Me), { size: 14 })
             ], !0)
-          ], 40, Aa)) : m("", !0),
+          ], 40, Ha)) : p("", !0),
           f(e.$slots, "suffix", {}, () => [
-            V(a(ca), {
+            R(a(ha), {
               size: 16,
-              class: Ae(["hys-ui-cascader-chevron", { "hys-ui-cascader-chevron-open": a(A) }])
+              class: De(["hys-ui-cascader-chevron", { "hys-ui-cascader-chevron-open": a(H) }])
             }, null, 8, ["class"])
           ], !0)
         ])
-      ], 16, Ca)),
-      o.name ? (r(!0), u(H, { key: 1 }, fe(a(k), (i) => (r(), u("input", {
+      ], 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, Da))), 128)) : m("", !0),
+      }, null, 8, Aa))), 128)) : p("", !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, {
+        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,
-              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,
+              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,
-                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)
+                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)
                   ]),
-                  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
+                  _: 1
                 })
-              }, [
-                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", {
+              ])) : 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: s
+                    level: 0
                   }, () => [
-                    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)
+                    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, wa));
+    ], 16, xa));
   }
 });
 export {
-  Za as default
+  el as default
 };