vft 0.0.450 → 0.0.452

package/es/components/affix/affix.vue2.js

@@ -18,7 +18,7 @@ const G = $({
   props: F,
   emits: D,
   setup(T, { expose: z, emit: B }) {
-    const i = A("affix"), e = T, p = B, a = m(), f = m(), l = m(), { height: r } = P(), {
+    const e = T, p = B, i = A("affix"), a = m(), f = m(), l = m(), { height: r } = P(), {
       height: s,
       width: d,
       top: h,

package/es/components/alert/alert.vue.d.ts

@@ -1,4 +1,5 @@
-import { alertEffects, type TypeComponents } from './types';
+import { alertEffects } from './types';
+import type { TypeComponents } from './types';
 export interface AlertProps {
     /**
      * @description alert title.

package/es/components/alert/alert.vue2.js

@@ -27,7 +27,7 @@ const D = C({
     close: (e) => e instanceof MouseEvent
   },
   setup(e, { emit: h }) {
-    const t = I("alert"), B = h, m = g(), d = N(!0), f = a(() => e.type), T = a(() => [
+    const B = h, t = I("alert"), m = g(), d = N(!0), f = a(() => e.type), T = a(() => [
       t.e("icon"),
       { [t.is("big")]: !!e.description || !!m.default }
     ]), w = a(() => ({ [t.is("bold")]: e.description || m.default })), v = (n) => {

package/es/components/autocomplete/autocomplete.vue.d.ts

@@ -1,5 +1,6 @@
-import { nextTick, type StyleValue } from 'vue';
-import { type AutocompleteData, type AutocompleteFetchSuggestions, type Placement } from './types';
+import { nextTick } from 'vue';
+import type { StyleValue } from 'vue';
+import type { AutocompleteData, AutocompleteFetchSuggestions, Placement } from './types';
 export interface AutocompleteProps {
     valueKey?: string;
     modelValue?: string | number;
@@ -61,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -479,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

package/es/components/autocomplete/autocomplete.vue2.js

@@ -50,9 +50,9 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
     select: (t) => ke(t)
   },
   setup(t, { expose: X, emit: Y }) {
-    const i = Fe("autocomplete"), u = Y, Z = Ve(), _ = ve(), O = De(), o = c(), R = c(), S = c(), x = c();
+    const i = Y, u = Fe("autocomplete"), Z = Ve(), _ = ve(), O = De(), o = c(), R = c(), S = c(), x = c();
     let M = !1, T = !1;
-    const r = c([]), l = c(-1), P = c(""), f = c(!1), w = c(!1), m = c(!1), g = b(() => i.b(String(Ne()))), ee = b(() => _.style), d = b(() => (r.value.length > 0 || m.value) && f.value), W = b(() => !t.hideLoading && m.value), te = b(() => o.value ? Array.from(
+    const r = c([]), l = c(-1), P = c(""), f = c(!1), w = c(!1), m = c(!1), g = b(() => u.b(String(Ne()))), ee = b(() => _.style), d = b(() => (r.value.length > 0 || m.value) && f.value), W = b(() => !t.hideLoading && m.value), te = b(() => o.value ? Array.from(
       o.value.$el.querySelectorAll("input")
     ) : []), le = async () => {
       await Ee(), d.value && (P.value = `${o.value.$el.offsetWidth}px`);
@@ -71,7 +71,7 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
       }
     }, t.debounce), oe = (e) => {
       const a = !!e;
-      if (u(K, e), u(A, e), w.value = !1, f.value ||= a, !t.triggerOnFocus && !e) {
+      if (i(K, e), i(A, e), w.value = !1, f.value ||= a, !t.triggerOnFocus && !e) {
         w.value = !0, r.value = [];
         return;
       }
@@ -79,21 +79,21 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
     }, se = (e) => {
       O.value || (e.target?.tagName !== "INPUT" || te.value.includes(document.activeElement)) && (f.value = !0);
     }, ne = (e) => {
-      u(J, e);
+      i(J, e);
     }, ie = (e) => {
-      T ? T = !1 : (f.value = !0, u("focus", e), t.triggerOnFocus && !M && L(String(t.modelValue)));
+      T ? T = !1 : (f.value = !0, i("focus", e), t.triggerOnFocus && !M && L(String(t.modelValue)));
     }, ue = (e) => {
       setTimeout(() => {
         if (S.value?.isFocusInsideContent()) {
           T = !0;
           return;
         }
-        f.value && h(), u("blur", e);
+        f.value && h(), i("blur", e);
       });
     }, re = () => {
-      f.value = !1, u(A, ""), u("clear");
+      f.value = !1, i(A, ""), i("clear");
     }, U = async () => {
-      d.value && l.value >= 0 && l.value < r.value.length ? V(r.value[l.value]) : t.selectWhenUnmatched && (u("select", { value: t.modelValue }), r.value = [], l.value = -1);
+      d.value && l.value >= 0 && l.value < r.value.length ? V(r.value[l.value]) : t.selectWhenUnmatched && (i("select", { value: t.modelValue }), r.value = [], l.value = -1);
     }, ce = (e) => {
       d.value && (e.preventDefault(), e.stopPropagation(), h());
     }, h = () => {
@@ -103,7 +103,7 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
     }, de = () => {
       o.value?.blur();
     }, V = async (e) => {
-      u(K, e[t.valueKey]), u(A, e[t.valueKey]), u("select", e), r.value = [], l.value = -1;
+      i(K, e[t.valueKey]), i(A, e[t.valueKey]), i("select", e), r.value = [], l.value = -1;
     }, C = (e) => {
       if (!d.value || m.value) return;
       if (e < 0) {
@@ -112,9 +112,9 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
       }
       e >= r.value.length && (e = r.value.length - 1);
       const a = R.value.querySelector(
-        `.${i.be("suggestion", "wrap")}`
+        `.${u.be("suggestion", "wrap")}`
       ), p = a.querySelectorAll(
-        `.${i.be("suggestion", "list")} li`
+        `.${u.be("suggestion", "list")} li`
       )[e], I = a.scrollTop, { offsetTop: H, scrollHeight: B } = p;
       H + B > I + a.clientHeight && (a.scrollTop += B), H < I && (a.scrollTop -= B), l.value = e, o.value.ref.setAttribute(
         "aria-activedescendant",
@@ -159,14 +159,14 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
       visible: d.value,
       placement: t.placement,
       "fallback-placements": ["bottom-start", "top-start"],
-      "popper-class": [s(i).e("popper"), t.popperClass],
+      "popper-class": [s(u).e("popper"), t.popperClass],
       teleported: t.teleported,
       "gpu-acceleration": !1,
       pure: "",
       "manual-mode": "",
       effect: "light",
       trigger: "click",
-      transition: `${s(i).namespace.value}-zoom-in-top`,
+      transition: `${s(u).namespace.value}-zoom-in-top`,
       persistent: "",
       onBeforeShow: le,
       onHide: ae
@@ -175,7 +175,7 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
         q("div", {
           ref_key: "regionRef",
           ref: R,
-          class: k([s(i).b("suggestion"), s(i).is("loading", W.value)]),
+          class: k([s(u).b("suggestion"), s(u).is("loading", W.value)]),
           style: z({
             [t.fitInputWidth ? "width" : "minWidth"]: P.value,
             outline: "none"
@@ -185,14 +185,14 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
           G(s(Se), {
             id: g.value,
             tag: "ul",
-            "wrap-class": s(i).be("suggestion", "wrap"),
-            "view-class": s(i).be("suggestion", "list"),
+            "wrap-class": s(u).be("suggestion", "wrap"),
+            "view-class": s(u).be("suggestion", "list"),
             role: "listbox"
           }, {
             default: v(() => [
               W.value ? (E(), F("li", {
                 key: 0,
-                class: k(s(i).is("loading"))
+                class: k(s(u).is("loading"))
               }, null, 2)) : (E(!0), F(be, { key: 1 }, ye(r.value, (n, p) => (E(), F("li", {
                 id: `${g.value}-item-${p}`,
                 key: p,
@@ -214,7 +214,7 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
         q("div", {
           ref_key: "listboxRef",
           ref: x,
-          class: k([s(i).b(), e.$attrs.class]),
+          class: k([s(u).b(), e.$attrs.class]),
           style: z(ee.value),
           role: "combobox",
           "aria-haspopup": "listbox",

package/es/components/autocomplete/index.d.ts

@@ -85,9 +85,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -503,9 +503,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1006,9 +1006,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1424,9 +1424,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1916,9 +1916,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -2334,9 +2334,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

package/es/components/avatar/avatar.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components/icon';
+import type { IconProps } from 'vft/es/components/icon';
 interface AvatarProps {
     size?: number | 'large' | 'default' | 'small';
     shape?: 'circle' | 'square';

package/es/components/button/button-group.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonGroupProps } from './types';
+import type { ButtonGroupProps } from './types';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };

package/es/components/button/button-group.vue2.js

@@ -18,7 +18,7 @@ const _ = e({
     type: {}
   },
   setup(r) {
-    const p = l("button"), t = r;
+    const t = r, p = l("button");
     return s(
       d,
       i({

package/es/components/button/index.d.ts

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    dark: {
-        type: import("vue").PropType<boolean>;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
+    dark: {
+        type: import("vue").PropType<boolean>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/carousel/carousel.vue2.js

@@ -36,7 +36,7 @@ const se = ["onMouseenter", "onClick"], le = { key: 0 }, ue = {
   },
   emits: ["change"],
   setup(i, { expose: z, emit: G }) {
-    const t = ie("carousel"), N = G, P = _(), {
+    const N = G, t = ie("carousel"), P = _(), {
       root: x,
       activeIndex: u,
       arrowDisplay: k,

package/es/components/cascader/cascader.vue2.js

@@ -31,7 +31,7 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
   props: Ct,
   emits: kt,
   setup(Se, { expose: Ne, emit: Pe }) {
-    const De = {
+    const n = Se, C = Pe, De = {
       modifiers: [
         {
           name: "arrowPosition",
@@ -44,7 +44,7 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
           requires: ["arrow"]
         }
       ]
-    }, n = Se, C = Pe, ne = Xe();
+    }, ne = Xe();
     let N = 0, U = 0;
     const a = $e("cascader"), G = $e("input"), { form: Ie, formItem: re } = yt(), { valueOnClear: xe } = ht(n), { isComposing: ie, handleComposition: k } = gt({
       afterComposition(e) {
@@ -75,10 +75,7 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
       a.m(K.value),
       a.is("disabled", b.value),
       ne.class
-    ]), Ke = i(() => [
-      G.e("icon"),
-      a.is("reverse", g.value)
-    ]), Oe = i(() => a.is("focus", g.value || Q.value)), me = i(() => j.value?.popperRef?.contentRef), p = (e) => {
+    ]), Ke = i(() => [G.e("icon"), a.is("reverse", g.value)]), Oe = i(() => a.is("focus", g.value || Q.value)), me = i(() => j.value?.popperRef?.contentRef), p = (e) => {
       b.value || (e = e ?? !g.value, e !== g.value && (g.value = e, P.value?.input?.setAttribute("aria-expanded", `${e}`), e ? (D(), x(f.value?.scrollToExpandingNode)) : n.filterable && ee(), C("visibleChange", e)));
     }, D = () => {
       x(() => {
@@ -303,7 +300,7 @@ const Tt = { key: 0 }, wt = ["placeholder"], Vt = ["onClick"], $t = "VftCascader
               Me.value ? (r(), w(s(ae), {
                 key: "clear",
                 icon: "icon-circle-close",
-                class: d([s(G).e("icon"), "icon-circle-close"]),
+                class: d(["icon-circle-close", [s(G).e("icon")]]),
                 onClick: z(Ue, ["stop"])
               }, null, 8, ["class"])) : (r(), w(s(ae), {
                 icon: "icon-arrow-down",

package/es/components/cascader-panel/node.vue2.js

@@ -112,7 +112,7 @@ const G = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"], Q =
         }, null, 8, ["class"])) : (u(), m(n(x), {
           key: 1,
           icon: "icon-arrow-right",
-          class: f(["arrow-right", n(c).e("postfix")])
+          class: f(["arrow-right", [n(c).e("postfix")]])
         }, null, 8, ["class"]))
       ], 64))
     ], 42, G));

package/es/components/check-tag/check-tag.vue2.js

@@ -18,8 +18,8 @@ const u = o({
   },
   emits: ["update:checked", "change"],
   setup(e, { emit: a }) {
-    const t = k("check-tag"), c = a, n = s(() => [t.b(), t.is("checked", e.checked)]), m = () => {
-      c(h, !e.checked), c("update:checked", !e.checked);
+    const t = a, c = k("check-tag"), n = s(() => [c.b(), c.is("checked", e.checked)]), m = () => {
+      t(h, !e.checked), t("update:checked", !e.checked);
     };
     return (r, f) => (p(), i("span", {
       class: l(n.value),

package/es/components/checkbox/checkbox-group.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentSize } from 'vft/es/constants';
+import type { ComponentSize } from 'vft/es/constants';
 import type { CheckboxGroupValueType, CheckboxProps } from './types';
 export interface CheckboxGroupProps {
     modelValue?: CheckboxGroupValueType;

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -46,7 +46,7 @@ const y = ["onClick"], k = a({
       after: d(({ toggle: m, expanded: t, clamped: r }) => [
         t || r ? (o(), u("span", {
           key: 0,
-          class: f(["cursor-pointer", l(i).e("more")]),
+          class: f(["cursor-pointer", [l(i).e("more")]]),
           onClick: m
         }, p(t ? e.toggleText[1] : e.toggleText[0]), 11, y)) : x("", !0)
       ]),

package/es/components/col/col.vue2.js

@@ -27,23 +27,23 @@ const E = f({
     push: { default: 0 }
   },
   setup(r) {
-    const s = C("col"), o = r, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
+    const s = r, o = C("col"), { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
       const e = {};
       return a.value && (e.paddingLeft = e.paddingRight = `${a.value / 2}px`), e;
     }), m = n(() => {
       const e = [];
       return ["span", "offset", "pull", "push"].forEach((t) => {
-        const l = o[t];
-        c(l) && (t === "span" ? e.push(s.b(`${o[t]}`)) : l > 0 && e.push(s.b(`${t}-${o[t]}`)));
+        const l = s[t];
+        c(l) && (t === "span" ? e.push(o.b(`${s[t]}`)) : l > 0 && e.push(o.b(`${t}-${s[t]}`)));
       }), ["xs", "sm", "md", "lg", "xl"].forEach((t) => {
-        c(o[t]) ? e.push(s.b(`${t}-${o[t]}`)) : _(o[t]) && Object.entries(o[t]).forEach(
+        c(s[t]) ? e.push(o.b(`${t}-${s[t]}`)) : _(s[t]) && Object.entries(s[t]).forEach(
           ([l, u]) => {
             e.push(
-              l !== "span" ? s.b(`${t}-${l}-${u}`) : s.b(`${t}-${u}`)
+              l !== "span" ? o.b(`${t}-${l}-${u}`) : o.b(`${t}-${u}`)
             );
           }
         );
-      }), a.value && e.push(s.is("guttered")), [s.b(), e];
+      }), a.value && e.push(o.is("guttered")), [o.b(), e];
     });
     return (e, p) => ($(), h(g(r.tag), {
       class: v(m.value),

package/es/components/color-picker/color-picker.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentSize } from 'vft/es/constants';
+import type { ComponentSize } from 'vft/es/constants';
 import Color from './utils/color';
 export interface ColorPickerProps {
     modelValue?: string;

package/es/components/color-picker/components/hue-slider.vue.js

@@ -14,13 +14,13 @@ function p(e, r, f, d, u, b) {
       ref: "thumb",
       class: l(e.ns.e("thumb")),
       style: i({
-        left: e.thumbLeft + "px",
-        top: e.thumbTop + "px"
+        left: `${e.thumbLeft}px`,
+        top: `${e.thumbTop}px`
       })
     }, null, 6)
   ], 2);
 }
-const v = /* @__PURE__ */ m(s, [["render", p]]);
+const k = /* @__PURE__ */ m(s, [["render", p]]);
 export {
-  v as default
+  k as default
 };

package/es/components/color-picker/components/sv-panel.vue.js

@@ -17,15 +17,15 @@ function p(e, l, u, d, c, m) {
     r("div", {
       class: o(e.ns.e("cursor")),
       style: s({
-        top: e.cursorTop + "px",
-        left: e.cursorLeft + "px"
+        top: `${e.cursorTop}px`,
+        left: `${e.cursorLeft}px`
       })
     }, [...l[0] || (l[0] = [
       r("div", null, null, -1)
     ])], 6)
   ], 6);
 }
-const b = /* @__PURE__ */ i(n, [["render", p]]);
+const k = /* @__PURE__ */ i(n, [["render", p]]);
 export {
-  b as default
+  k as default
 };

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

package/es/components/context-menu/context-menu.vue.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
 import type { Axis, ContextMenuItem } from './types';
 interface Props {
     axis?: Axis;

package/es/components/context-menu/context-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as c, computed as k, createBlock as d, openBlock as r, Transition as C, withCtx as b, withDirectives as g, createElementVNode as m, normalizeClass as z, withModifiers as M, normalizeStyle as $, unref as u, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
+import { defineComponent as p, ref as a, computed as k, createBlock as c, openBlock as r, Transition as C, withCtx as b, withDirectives as g, createElementVNode as d, normalizeClass as z, withModifiers as M, normalizeStyle as $, unref as m, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
 import { useTimeoutFn as H, useClickAway as I, useEventListener as f } from "@vft/use";
 import { VftMenuItem as L } from "../menu/index.js";
 import "@vueuse/core";
@@ -21,10 +21,8 @@ const R = { class: "vft-sub-menu" }, T = p({
     items: {}
   },
   setup(n) {
-    const v = N("context-menu");
-    let a = c();
-    const x = k(() => {
-      const { x: t, y: o } = n.axis || { x: 0, y: 0 }, e = (n.items || []).length * 40, l = n.width || 0, s = document.body, w = s.clientWidth < t + l ? t - l : t, y = s.clientHeight < o + e ? o - e : o;
+    const v = N("context-menu"), u = a(), x = k(() => {
+      const { x: t, y: o } = n.axis || { x: 0, y: 0 }, e = (n.items || []).length * 40, s = n.width || 0, l = document.body, w = l.clientWidth < t + s ? t - s : t, y = l.clientHeight < o + e ? o - e : o;
       return {
         zIndex: 3e3,
         ...n.styles,
@@ -33,12 +31,11 @@ const R = { class: "vft-sub-menu" }, T = p({
         left: `${w + 1}px`,
         top: `${y + 1}px`
       };
-    });
-    let i = c(!1);
+    }), i = a(!1);
     H(() => {
       i.value = !0;
     }, 0), I(
-      a,
+      u,
       () => {
         i.value = !1;
       },
@@ -69,30 +66,30 @@ const R = { class: "vft-sub-menu" }, T = p({
     function h(t) {
       t?.disabled || (t.handler?.(), i.value = !1);
     }
-    return (t, o) => (r(), d(C, { name: "vft-zoom-in-top" }, {
+    return (t, o) => (r(), c(C, { name: "vft-zoom-in-top" }, {
       default: b(() => [
-        g(m("div", {
+        g(d("div", {
           ref_key: "contextMenuRef",
-          ref: a,
+          ref: u,
           style: $(x.value),
           onClick: o[0] || (o[0] = M(() => {
           }, ["stop"])),
-          class: z([u(v).b(), "vft-menu"])
+          class: z(["vft-menu", [m(v).b()]])
         }, [
-          m("div", R, [
-            (r(!0), B(E, null, S(n.items, (e, l) => (r(), d(u(L), {
-              onClick: (s) => h(e),
-              index: l + e.text,
+          d("div", R, [
+            (r(!0), B(E, null, S(n.items, (e, s) => (r(), c(m(L), {
+              onClick: (l) => h(e),
+              index: s + e.text,
               title: e.text,
               divider: e.divider,
               disabled: e.disabled,
               icon: e.iconCfg,
               "is-alone-use": "",
-              key: l
+              key: s
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
         ], 6), [
-          [F, u(i)]
+          [F, i.value]
         ])
       ]),
       _: 1

package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js

@@ -19,10 +19,10 @@ const Z = ["aria-selected", "aria-label", "tabindex", "onKeydown"], be = /* @__P
   props: Q,
   emits: ["changerange", "pick", "select"],
   setup(E, { expose: T, emit: A }) {
-    const N = (s, t) => {
+    const e = E, c = A, N = (s, t) => {
       const a = f(String(s)).locale(t).startOf("year"), r = a.endOf("year").dayOfYear();
       return X(r).map((n) => a.add(n, "day").toDate());
-    }, e = E, c = A, B = J("year-table"), D = m("zh-cn"), w = m(), b = m(), g = O(() => Math.floor(e.date.year() / 10) * 10), K = m([[], [], []]), k = m(), S = m(), h = O(() => {
+    }, B = J("year-table"), D = m("zh-cn"), w = m(), b = m(), g = O(() => Math.floor(e.date.year() / 10) * 10), K = m([[], [], []]), k = m(), S = m(), h = O(() => {
       const s = K.value, t = f().locale(D.value).startOf("year");
       for (let a = 0; a < 3; a++) {
         const o = s[a];

package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js

@@ -31,7 +31,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
   props: mt,
   emits: ["pick", "set-picker-option", "panel-change"],
   setup(Pe, { emit: Fe }) {
-    const $e = (e, t, l) => !0, n = Pe, b = Fe, f = Ve("picker-panel"), V = Ve("date-picker"), Ie = rt(), Ne = st(), d = g("zh-cn"), le = ee(kt), oe = ee(
+    const n = Pe, b = Fe, $e = (e, t, l) => !0, f = Ve("picker-panel"), V = Ve("date-picker"), Ie = rt(), Ne = st(), d = g("zh-cn"), le = ee(kt), oe = ee(
       ft
     ), Ee = ee(wt), { shortcuts: ne, disabledDate: c, cellClassName: Me, defaultTime: J } = le.props, E = ut(le.props, "defaultValue"), _ = g(), a = g(w().locale(d.value)), W = g(!1);
     let H = !1;