@pantograph/vue 0.29.2 → 0.29.4

package/dist/Combobox/index.js

@@ -1,14 +1,14 @@
-import { defineComponent as _e, useSlots as ct, onBeforeUnmount as Kt, computed as C, createBlock as K, openBlock as I, unref as u, mergeProps as ue, createSlots as Ft, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as Y, h as _, useAttrs as Nt, createElementBlock as ye, normalizeClass as we, toDisplayString as Wt, ref as ve, watch as tt, isRef as ot, createCommentVNode as Ae, createElementVNode as lt, normalizeStyle as Gt, Fragment as $e } from "vue";
+import { defineComponent as _e, useSlots as ut, onBeforeUnmount as $t, computed as C, createBlock as K, openBlock as I, unref as u, mergeProps as ue, createSlots as Kt, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as X, h as _, useAttrs as Ft, createElementBlock as ye, normalizeClass as we, toDisplayString as Nt, ref as ve, watch as Wt, isRef as tt, createCommentVNode as Ae, createElementVNode as ot, normalizeStyle as Gt, Fragment as $e } from "vue";
 import { createContext as Ht, Slot as Ut, useEmitAsProps as jt } from "reka-ui";
-import { omit as he, isString as at, cloneDeep as ae, isFunction as qt, debounce as nt, pick as Jt, last as rt } from "es-toolkit";
-import { isEmptyElement as $, useVModel as Oe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as pt } from "@pantograph/utils-vue";
-import { getBemBlock as oo, getBemModifier as lo, getBemElement as x, getComponentOptions as be, normCls as H, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as Ie, getPxSize as Ke, getComponentName as dt } from "@pantograph/utils";
+import { omit as he, isString as lt, cloneDeep as ae, isFunction as qt, debounce as at, pick as Jt, last as nt } from "es-toolkit";
+import { isEmptyElement as $, useVModel as Oe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as ct } from "@pantograph/utils-vue";
+import { getBemBlock as oo, getBemModifier as lo, getBemElement as x, getComponentOptions as be, normCls as H, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as Ie, getPxSize as Ke, getComponentName as pt } from "@pantograph/utils";
 import { _ as ao } from "../index-DObXz0JR.js";
-import { cva as gt } from "class-variance-authority";
+import { cva as dt } from "class-variance-authority";
 import "../Icon/index.js";
 import "../Avatar/index.js";
 import "../GraphicalObject/index.js";
-import { _ as mt, a as no } from "../Avatar.vue_vue_type_style_index_0_lang-kRBRb-c7.js";
+import { _ as gt, a as no } from "../Avatar.vue_vue_type_style_index_0_lang-BSPQHKch.js";
 import { GraphicalObjectGroup as ro } from "../GraphicalObjectGroup/index.js";
 import { _ as so } from "../index-D8GuRo14.js";
 import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-VHPsw9Yn.js";
@@ -18,7 +18,7 @@ import { _ as po } from "../Input.vue_vue_type_script_setup_true_lang-BYffMo8x.j
 import { _ as We } from "../Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
 import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-BAVVaaaZ.js";
 import { i as J } from "../isArray-QlWcxgml.js";
-import { _ as ft } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js";
+import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js";
 import "../ScrollContainer/index.js";
 import "../Empty/index.js";
 import { f as fo, _ as vo, a as yo } from "../index-ChJBx3zx.js";
@@ -27,12 +27,12 @@ import "../Checkbox/index.js";
 import { _ as ho } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
 import { _ as _o } from "../Skeleton.vue_vue_type_style_index_0_lang-DeNnx4lD.js";
 import { _ as bo } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import { a as st } from "../index-D2tZoezA.js";
+import { a as rt } from "../index-D2tZoezA.js";
 import { useConfig as Co } from "../ConfigProvider/index.js";
-import { h as it } from "../head-E4xQy0iK.js";
+import { h as st } from "../head-E4xQy0iK.js";
 import { _ as ko } from "../ScrollContainer.vue_vue_type_style_index_0_lang-C9L-FJn7.js";
 import { _ as xo } from "../Empty.vue_vue_type_style_index_0_lang-DRqpYyi-.js";
-const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placeholder"), Fe = x(w, "option"), yt = ["sm", "md", "lg"], Po = ["error", "warning", "success"], He = /* @__PURE__ */ _e({
+const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placeholder"), Fe = x(w, "option"), vt = ["sm", "md", "lg"], Po = ["error", "warning", "success"], He = /* @__PURE__ */ _e({
   ...be("ComboboxInput"),
   __name: "ComboboxInput",
   props: {
@@ -61,9 +61,9 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
     status: {},
     steps: { type: Boolean }
   },
-  setup(Z) {
-    const t = Z, c = ct(), o = Ge();
-    uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), Kt(() => {
+  setup(Y) {
+    const t = Y, c = ut(), o = Ge();
+    uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), $t(() => {
       o.comboboxInputFocused.value = !1;
     });
     const k = C(() => {
@@ -78,10 +78,10 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       placeholder: k.value,
       onKeydown: u(o).onKeyDown,
       ref: u(o).inputRef,
-      class: u(H)(u(U), { [u(vt)]: u(o).valuePlaceholder.value }, t.class),
+      class: u(H)(u(U), { [u(ft)]: u(o).valuePlaceholder.value }, t.class),
       modelValue: u(o).searchModel.value,
       "onUpdate:modelValue": h[0] || (h[0] = (d) => u(o).searchModel.value = d)
-    }), Ft({ _: 2 }, [
+    }), Kt({ _: 2 }, [
       Ne(Object.keys(u(he)(c, ["leading"])), (d) => ({
         name: d,
         fn: W((g) => [
@@ -92,7 +92,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
         name: "leading",
         fn: W((d) => [
           Le(D.$slots, "leading", Me(Re(d)), () => [
-            Y(u(We), {
+            X(u(We), {
               size: d.iconSize,
               icon: "tabler:search",
               flipOnDir: "rtl"
@@ -112,7 +112,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
 }), Bo = /* @__PURE__ */ _e({
   ...be("ComboboxTrigger"),
   __name: "ComboboxTrigger",
-  setup(Z) {
+  setup(Y) {
     const t = Ge(), c = ({ value: r }) => {
       r && J(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((b) => b !== r));
     }, o = C(() => {
@@ -124,7 +124,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           return "xsm";
       }
     }), k = C(() => {
-      if (!t.props.multiple && at(t.model.value) && !F(t.model.value))
+      if (!t.props.multiple && lt(t.model.value) && !F(t.model.value))
         return t.getOptionByValue(t.model.value);
     }), U = (r = k.value) => {
       if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
@@ -144,9 +144,9 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
     }), g = (r) => ({
       ...d.value,
       option: t.getOptionByValue(r)
-    }), n = x(w, "trigger"), N = gt(n, {
+    }), n = x(w, "trigger"), N = dt(n, {
       variants: {
-        size: q(yt, n),
+        size: q(vt, n),
         headerSearch: q("header-search", n),
         status: q(Po, n),
         bordered: q("bordered", n),
@@ -197,17 +197,17 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           { class: H(x(n, "trailing"), t.props.triggerTrailingCls) },
           r
         );
-    }, ee = (r) => {
+    }, Z = (r) => {
       var f, v;
       const b = t.getOptionByValue(r) ?? { _key: r };
-      return _(mt, {
+      return _(gt, {
         size: t.getTagSize.value,
         ...b ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, b)) ?? {} : {}
       });
     }, ce = (r) => {
       var f, v;
       const b = t.getOptionByValue(r) ?? { _key: r };
-      return _(ft, {
+      return _(mt, {
         ...b ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, b)) ?? {} : {},
         size: t.getTagSize.value
       });
@@ -215,7 +215,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       var r, b;
       if (!t.props.multiple && !J(t.model.value) && t.model.value) {
         let f;
-        at(t.model.value) && !F(t.model.value) && (f = t.model.value);
+        lt(t.model.value) && !F(t.model.value) && (f = t.model.value);
         const v = f ? (b = (r = t.slots).optionLeading) == null ? void 0 : b.call(
           r,
           go(
@@ -225,7 +225,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
         ) : null, V = !$(v);
         if (V || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || D.value || t.props.leadingIcon) {
           let L;
-          if (V ? L = v : t.props.tagRenderMode === "avatar" ? L = ee(t.model.value) : t.props.tagRenderMode === "go" ? L = ce(t.model.value) : D.value ? L = m(D.value) : t.props.leadingIcon && (L = m(t.props.leadingIcon)), !$(L))
+          if (V ? L = v : t.props.tagRenderMode === "avatar" ? L = Z(t.model.value) : t.props.tagRenderMode === "go" ? L = ce(t.model.value) : D.value ? L = m(D.value) : t.props.leadingIcon && (L = m(t.props.leadingIcon)), !$(L))
             return _(
               "div",
               {
@@ -241,7 +241,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       if (!$(r))
         return _(Ut, he(Q.value, ["class"]), () => r);
       const f = () => {
-        const T = [], X = [
+        const T = [], ee = [
           x(n, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
@@ -256,9 +256,9 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                   closeable: !t.getDisabled.value,
                   noPopover: !0,
                   noWrap: !t.props.wrapped,
-                  class: X
+                  class: ee
                 },
-                () => t.model.value.map(ee)
+                () => t.model.value.map(Z)
               );
             if (t.props.tagRenderMode === "go")
               return _(
@@ -269,7 +269,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                   closeable: !t.getDisabled.value,
                   noPopover: !0,
                   noWrap: !t.props.wrapped,
-                  class: X
+                  class: ee
                 },
                 () => t.model.value.map(ce)
               );
@@ -283,7 +283,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                   closeable: !t.getDisabled.value,
                   noPopover: !0,
                   noWrap: !t.props.wrapped,
-                  class: X,
+                  class: ee,
                   onClose: c
                 },
                 () => t.model.value.map((se) => {
@@ -314,7 +314,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
             "div",
             {
               class: H(x(n, "content__value"), {
-                [vt]: t.valuePlaceholder.value
+                [ft]: t.valuePlaceholder.value
               })
             },
             t.placeholder.value ?? t.props.placeholder
@@ -335,15 +335,15 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
     };
     return (r, b) => (I(), K(pe));
   }
-}), ut = /* @__PURE__ */ _e({
+}), it = /* @__PURE__ */ _e({
   ...be("ComboboxOption"),
   __name: "ComboboxOption",
   props: {
     option: {}
   },
-  setup(Z) {
-    const t = Z, c = Ge(), o = C(() => c.isOptionSelected(t.option._key)), k = (h) => {
-      var n, N, Q, m, ne, ee;
+  setup(Y) {
+    const t = Y, c = Ge(), o = C(() => c.isOptionSelected(t.option._key)), k = (h) => {
+      var n, N, Q, m, ne, Z;
       const d = [];
       !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && d.push(
         _(ho, {
@@ -355,17 +355,17 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       );
       const g = (N = (n = c.slots).optionLeading) == null ? void 0 : N.call(n, { ...h, option: t.option });
       return $(g) ? c.props.tagRenderMode === "avatar" && c.props.showTriggerTagOnOption ? d.push(
-        _(mt, {
+        _(gt, {
           size: h.avatarSize,
           ...((m = (Q = c.props).getTagProps) == null ? void 0 : m.call(Q, t.option)) ?? {}
         })
       ) : c.props.tagRenderMode === "go" && c.props.showTriggerTagOnOption ? d.push(
-        _(ft, {
+        _(mt, {
           size: h.iconSize,
-          ...((ee = (ne = c.props).getTagProps) == null ? void 0 : ee.call(ne, t.option)) ?? {}
+          ...((Z = (ne = c.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
         })
       ) : t.option._icon && d.push(_(We, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(g), $(d) ? null : d;
-    }, U = Nt(), D = () => {
+    }, U = Ft(), D = () => {
       const h = c.props.tree ? void 0 : t.option._description, d = (qt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
       return _(
         mo,
@@ -402,10 +402,10 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
   props: {
     label: {}
   },
-  setup(Z) {
+  setup(Y) {
     return (t, c) => (I(), ye("div", {
       class: we(u(x)(u(w), "label"))
-    }, Wt(t.label), 3));
+    }, Nt(t.label), 3));
   }
 }), Io = /* @__PURE__ */ _e({
   ...be("Combobox"),
@@ -499,13 +499,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
     noTrigger: { type: Boolean }
   },
   emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(Z, { expose: t, emit: c }) {
-    const o = Z, k = c, U = () => {
+  setup(Y, { expose: t, emit: c }) {
+    const o = Y, k = c, U = () => {
       var e, l;
       o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? Q([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && Q(
         T.value.filter((a) => a._hasChildren).map((a) => a._key)
       ));
-    }, D = nt((e) => {
+    }, D = at((e) => {
       k("search", e), U();
     }, 500), h = Oe(o, "search", k, {
       passive: o.search === void 0,
@@ -534,13 +534,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       {
         passive: o.expandedKeys === void 0
       }
-    ), Q = nt(
+    ), Q = at(
       (e) => {
         N.value = e;
       },
       500,
       { edges: ["leading"] }
-    ), m = ct(), ne = jt(k), ee = C(() => ({
+    ), m = ut(), ne = jt(k), Z = C(() => ({
       ...he(ne, ["update:modelValue", "update:search", "select"]),
       ...Jt(o, [
         "placement",
@@ -645,7 +645,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
     ), v = (e, l = !1) => e ? f.value.filter((a) => {
       var s;
       if (l) {
-        const S = rt(a._parentKeys ?? []);
+        const S = nt(a._parentKeys ?? []);
         return S && S === e;
       }
       return (s = a._parentKeys) == null ? void 0 : s.includes(e);
@@ -676,7 +676,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
               }
             });
           else if ((E = i._parentKeys) != null && E.length) {
-            const p = it(i._parentKeys);
+            const p = st(i._parentKeys);
             if (!F(p)) {
               if (!l.has(p)) {
                 const le = V(p);
@@ -700,7 +700,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
         z.forEach((B) => {
           var A;
           if ((A = B._parentKeys) != null && A.length) {
-            const O = it(B._parentKeys);
+            const O = st(B._parentKeys);
             let G = le(O);
             const et = Math.max(
               Pe(y),
@@ -718,8 +718,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
               if (p[O] === void 0)
                 oe(Be, G + 1);
               else {
-                const $t = Pe(O);
-                oe(Be, $t);
+                const At = Pe(O);
+                oe(Be, At);
               }
               p[O] = {
                 length: void 0,
@@ -751,7 +751,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       return e;
     });
     U();
-    const { getDisabled: X, getStatus: Ue, getSize: M } = Xt(), se = C(() => {
+    const { getDisabled: ee, getStatus: Ue, getSize: M } = Xt(), se = C(() => {
       switch (M.value) {
         case "sm":
           return "xsm";
@@ -800,7 +800,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           if (l._description)
             return me[M.value] ?? me.md;
         }
-        return st[M.value] ?? st.md;
+        return rt[M.value] ?? rt.md;
       },
       overscan: 5,
       get gap() {
@@ -814,25 +814,17 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       );
       R = e, te = l;
     }
-    const ht = C(
+    const yt = C(
       () => {
         var e;
         return o.virtual ? (((e = R == null ? void 0 : R.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => T.value[l.index]) : T.value;
       }
-    ), _t = C(() => (te == null ? void 0 : te.containerStyles.value) ?? {});
-    tt(
-      X,
-      (e) => {
-        console.log("getDisabled ===>", e);
-      },
-      { immediate: !0 }
-    );
-    const {
-      inputBindings: bt,
-      rootBindings: Ct,
-      focused: kt
+    ), ht = C(() => (te == null ? void 0 : te.containerStyles.value) ?? {}), {
+      inputBindings: _t,
+      rootBindings: bt,
+      focused: Ct
     } = Zt({
-      getDisabled: () => X.value
+      getDisabled: () => ee.value
     }), ie = ve(), Ve = () => {
       var e;
       if (g.value && ie.value && document.activeElement !== ((e = ie.value) == null ? void 0 : e.input)) {
@@ -845,14 +837,14 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       }
     }, je = C(
       () => !o.noValueOnPlaceholder && (J(n.value) ? n.value.length === 1 && !F(n.value[0]) : !F(n.value))
-    ), xt = C(() => {
+    ), kt = C(() => {
       if (je.value) {
         if (o.multiple && J(n.value))
-          return L(rt(n.value));
+          return L(nt(n.value));
         if (!o.multiple && !J(n.value))
           return L(n.value);
       }
-    }), { CollectionSlot: St, CollectionItem: qe, itemMap: Pt, getItems: Je } = eo({
+    }), { CollectionSlot: xt, CollectionItem: qe, itemMap: St, getItems: Je } = eo({
       isProvider: !0,
       key: w
     }), Qe = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], P = ve(), Ee = (e) => {
@@ -874,7 +866,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
             S.length === 1 && de(S[0]) && e._key !== S[0] && (S = []), i ? (n.value = S.filter((z) => z !== e._key), k("select", e._key, !0, e)) : (n.value = [...S, e._key], k("select", e._key, !1, e));
           }
         else e._clear ? (n.value = void 0, k("select", void 0, !1)) : (n.value = e._key, k("select", e._key, !0, e));
-    }, { getDir: Bt } = Co(), Se = Bt(), Ze = {
+    }, { getDir: Pt } = Co(), Se = Pt(), Ze = {
       props: o,
       emit: k,
       onKeyDown: (e) => {
@@ -915,36 +907,36 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       model: n,
       slots: m,
       valuePlaceholder: je,
-      placeholder: xt,
+      placeholder: kt,
       getOptionByValue: V,
       isOptionSelected: re,
       getLabelByValue: L,
       getSingleByValue: de,
       inputRef: ie,
       focusOnInput: Ve,
-      getDisabled: X,
+      getDisabled: ee,
       getStatus: Ue,
       getSize: M,
       getTagSize: se,
       getIconSize: Te,
-      comboboxInputBinding: bt,
-      comboboxTriggerBinding: Ct,
-      comboboxInputFocused: kt,
+      comboboxInputBinding: _t,
+      comboboxTriggerBinding: bt,
+      comboboxInputFocused: Ct,
       selectOption: Ye,
-      itemMap: Pt,
+      itemMap: St,
       getItems: Je,
       highlightedOptionKey: P
     };
-    So(Ze), tt(
+    So(Ze), Wt(
       () => [o.clearOnChangeMultiple, o.multiple],
       () => {
         o.clearOnChangeMultiple && (n.value = void 0);
       }
     );
-    const Ot = C(() => ({
+    const Bt = C(() => ({
       defaultExpandAll: !0,
       showLine: !0,
-      disabled: X.value,
+      disabled: ee.value,
       selectionBehavior: "replace",
       ...o.treeProps ?? {},
       size: M.value,
@@ -960,7 +952,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       modelValue: Qe(),
       checkedKeys: Qe(),
       class: x(w, "tree")
-    })), It = C(() => {
+    })), Ot = C(() => {
       const e = o.scrollContainerProps ?? {};
       return {
         ...e,
@@ -974,11 +966,11 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           style: (te == null ? void 0 : te.scrollWrapperStyles.value) ?? {}
         }
       };
-    }), De = x(w, "popup"), wt = gt(De, {
+    }), De = x(w, "popup"), It = dt(De, {
       variants: {
-        size: q(yt, De)
+        size: q(vt, De)
       }
-    }), Tt = C(() => Ke(o.popupWidth, !0)), zt = C(() => Ke(o.popupHeight, !0)), Vt = C(() => Ke(o.minWidth, !0)), Et = () => {
+    }), wt = C(() => Ke(o.popupWidth, !0)), Tt = C(() => Ke(o.popupHeight, !0)), zt = C(() => Ke(o.minWidth, !0)), Vt = () => {
       var a, s;
       const e = (s = m.header) == null ? void 0 : s.call(m, {
         isEmpty: !((a = T.value) != null && a.length),
@@ -990,7 +982,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           { class: x(w, "header") },
           l ? e : _(He, o.headerSearchInputProps || {})
         );
-    }, Dt = () => {
+    }, Et = () => {
       var a, s;
       const e = (s = m.footer) == null ? void 0 : s.call(m, {
         isEmpty: !((a = T.value) != null && a.length),
@@ -998,7 +990,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
       });
       if (!$(e))
         return _("div", { class: x(w, "footer") }, e);
-    }, Lt = () => {
+    }, Dt = () => {
       var a;
       const e = {
         type: M.value === "sm" ? "simple" : "advance",
@@ -1011,7 +1003,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
         actions: m.emptyActions,
         image: m.emptyImage
       }) : l;
-    }, Mt = () => {
+    }, Lt = () => {
       var a;
       const e = (a = m.loading) == null ? void 0 : a.call(m, {});
       return $(e) ? new Array(T.value.length ? 2 : o.loadingRowCount).fill(1).map(
@@ -1021,7 +1013,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           ...he(o.skeletonProps ?? {}, ["class"])
         })
       ) : e;
-    }, Rt = (e, l, a) => {
+    }, Mt = (e, l, a) => {
       const s = e._clear;
       if (o.multiple) {
         const S = e._single;
@@ -1033,13 +1025,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
         l,
         e
       );
-    }, At = (e) => {
+    }, Rt = (e) => {
       e.key === "ArrowDown" && !g.value ? g.value = !0 : e.key === "Tab" && g.value && (g.value = !1);
     };
     return o.disableOutsidePointerEvents && to(g), t(Ze), (e, l) => (I(), K(u(ao), ue({
       open: u(g),
-      "onUpdate:open": l[2] || (l[2] = (a) => ot(g) ? g.value = a : null)
-    }, ee.value, {
+      "onUpdate:open": l[2] || (l[2] = (a) => tt(g) ? g.value = a : null)
+    }, Z.value, {
       containerProps: {
         ...e.containerProps ?? {},
         onClick: Ve
@@ -1050,39 +1042,39 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
         pointerEvents: "auto",
         display: u(g) ? void 0 : "none",
         zIndex: e.zIndex,
-        "--ptc-combobox-popup-width": e.samePopupWidth ? void 0 : Tt.value,
-        "--ptc-combobox-popup-height": zt.value,
-        "--ptc-combobox-trigger-min-w": Vt.value
+        "--ptc-combobox-popup-width": e.samePopupWidth ? void 0 : wt.value,
+        "--ptc-combobox-popup-height": Tt.value,
+        "--ptc-combobox-trigger-min-w": zt.value
       },
-      containerCls: u(H)(u(wt)(o), e.popupCls),
-      onKeydown: At
+      containerCls: u(H)(u(It)(o), e.popupCls),
+      onKeydown: Rt
     }), {
       default: W(() => [
-        Y(Bo)
+        X(Bo)
       ]),
       content: W(() => [
-        Y(Et),
-        Y(u(ko), ue({
+        X(Vt),
+        X(u(ko), ue({
           ref_key: "scrollContainerRef",
           ref: ke
-        }, It.value), {
+        }, Ot.value), {
           default: W(() => [
-            T.value.length || e.loading ? (I(), K(u(St), { key: 0 }, {
+            T.value.length || e.loading ? (I(), K(u(xt), { key: 0 }, {
               default: W(() => [
-                lt("div", {
+                ot("div", {
                   class: we(u(H)(u(x)(u(w), "options"), e.optionsCls)),
-                  style: Gt(e.virtual ? _t.value : {}),
+                  style: Gt(e.virtual ? ht.value : {}),
                   onPointerleave: l[1] || (l[1] = (a) => Ee(void 0))
                 }, [
                   e.tree ? (I(), K(u(vo), ue({
                     key: 0,
                     ref_key: "treeRef",
                     ref: fe
-                  }, Ot.value, {
+                  }, Bt.value, {
                     expandedKeys: u(N),
-                    "onUpdate:expandedKeys": l[0] || (l[0] = (a) => ot(N) ? N.value = a : null),
+                    "onUpdate:expandedKeys": l[0] || (l[0] = (a) => tt(N) ? N.value = a : null),
                     onExpand: Ve,
-                    onSelect: Rt
+                    onSelect: Mt
                   }), {
                     default: W(({ items: a }) => [
                       (I(!0), ye($e, null, Ne(a, (s) => (I(), K(u(qe), {
@@ -1091,12 +1083,12 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                         id: s._id
                       }, {
                         default: W(() => [
-                          Y(u(yo), ue({ node: s }, { ref_for: !0 }, Xe(s), {
+                          X(u(yo), ue({ node: s }, { ref_for: !0 }, Xe(s), {
                             onPointermove: (S) => Ee(s._key),
                             id: s._id
                           }), {
                             default: W(() => [
-                              Y(ut, {
+                              X(it, {
                                 option: s
                               }, null, 8, ["option"])
                             ]),
@@ -1107,7 +1099,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                       }, 1032, ["value", "id"]))), 128))
                     ]),
                     _: 1
-                  }, 16, ["expandedKeys"])) : (I(!0), ye($e, { key: 1 }, Ne(ht.value, (a) => (I(), ye($e, {
+                  }, 16, ["expandedKeys"])) : (I(!0), ye($e, { key: 1 }, Ne(yt.value, (a) => (I(), ye($e, {
                     key: a._key
                   }, [
                     a._divider ? (I(), K(bo, { key: 0 })) : a._label && a._hasChildren ? (I(), K(Oo, {
@@ -1119,7 +1111,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                       id: a._id
                     }, {
                       default: W(() => [
-                        Y(ut, ue({ option: a }, { ref_for: !0 }, Xe(a), {
+                        X(it, ue({ option: a }, { ref_for: !0 }, Xe(a), {
                           onPointermove: (s) => Ee(a._key),
                           id: a._id
                         }), null, 16, ["option", "onPointermove", "id"])
@@ -1127,16 +1119,16 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
                       _: 2
                     }, 1032, ["value", "id"]))
                   ], 64))), 128)),
-                  e.loading ? (I(), K(Mt, { key: 2 })) : Ae("", !0)
+                  e.loading ? (I(), K(Lt, { key: 2 })) : Ae("", !0)
                 ], 38)
               ]),
               _: 1
-            })) : (I(), K(Lt, { key: 1 })),
+            })) : (I(), K(Dt, { key: 1 })),
             e.lazyLoading ? (I(), ye("div", {
               key: 2,
               class: we(u(x)(u(w), "lazy_loading"))
             }, [
-              lt("div", {
+              ot("div", {
                 class: we(u(x)(u(w), "lazy_loading_trigger")),
                 ref_key: "target",
                 ref: ce
@@ -1145,18 +1137,18 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), vt = lo(w, "value-placehold
           ]),
           _: 1
         }, 16),
-        Y(Dt)
+        X(Et)
       ]),
       _: 1
     }, 16, ["open", "containerProps", "size", "containerStyle", "containerCls"]));
   }
-}), cl = pt(Io, dt("Combobox")), pl = pt(He, dt("ComboboxInput"));
+}), cl = ct(Io, pt("Combobox")), pl = ct(He, pt("ComboboxInput"));
 export {
   Io as Combobox,
   He as ComboboxInput,
   pl as ComboboxInputPlugin,
   cl as ComboboxPlugin,
-  yt as ComboboxSizes,
+  vt as ComboboxSizes,
   Po as ComboboxStatuses,
   Ge as injectComboboxContext,
   So as provideComboboxContext