vft 0.0.311 → 0.0.313

package/es/components/backtop/backtop.vue2.js

@@ -1,7 +1,8 @@
-import { defineComponent as s, getCurrentInstance as v, computed as l, createBlock as m, openBlock as i, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
+import { defineComponent as s, getCurrentInstance as v, computed as m, createBlock as l, openBlock as i, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
 import { singleAttrToObj as _ } from "@vft/utils";
 import { VftIcon as w } from "../icon/index.js";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as I } from "../../hooks/use-namespace/index.js";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { useBackTop as N } from "./use-backtop.js";
 const P = s({
   name: "vft-backtop"
-}), G = /* @__PURE__ */ s({
+}), J = /* @__PURE__ */ s({
   ...P,
   props: {
     visibilityHeight: { default: 200 },
@@ -23,11 +24,11 @@ const P = s({
   },
   emits: ["click"],
   setup(e, { emit: p }) {
-    const u = p, o = I("backtop"), f = v(), { handleClick: n, visible: d } = N(f.props, u, o.b()), k = l(() => ({
+    const u = p, o = I("backtop"), f = v(), { handleClick: r, visible: d } = N(f.props, u, o.b()), k = m(() => ({
       right: `${e.right}px`,
       bottom: `${e.bottom}px`
-    })), r = l(() => _(e.icon, "icon", { size: 25 }));
-    return (b, a) => (i(), m(y, {
+    })), n = m(() => _(e.icon, "icon", { size: 25 }));
+    return (b, a) => (i(), l(y, {
       name: `${t(o).namespace.value}-fade-in`
     }, {
       default: C(() => [
@@ -37,12 +38,12 @@ const P = s({
           class: x(t(o).b()),
           onClick: a[0] || (a[0] = T(
             //@ts-ignore
-            (...g) => t(n) && t(n)(...g),
+            (...g) => t(r) && t(r)(...g),
             ["stop"]
           ))
         }, [
           B(b.$slots, "default", {}, () => [
-            r.value?.icon ? (i(), m(t(w), $(S({ key: 0 }, r.value)), null, 16)) : c("", !0)
+            n.value?.icon ? (i(), l(t(w), $(S({ key: 0 }, n.value)), null, 16)) : c("", !0)
           ])
         ], 6)) : c("", !0)
       ]),
@@ -51,5 +52,5 @@ const P = s({
   }
 });
 export {
-  G as default
+  J as default
 };

package/es/components/backtop/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./backtop.vue2.js";
-const c = t(o);
+const l = t(o);
 export {
-  c as VftBacktop,
-  c as default
+  l as VftBacktop,
+  l as default
 };

package/es/components/breadcrumb/breadcrumb-item.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent as l, getCurrentInstance as d, inject as k, ref as b, c
 import { VftIcon as I } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { breadcrumbKey as h } from "./constants.js";
 const x = l({
   name: "VftBreadcrumbItem"
-}), A = /* @__PURE__ */ l({
+}), F = /* @__PURE__ */ l({
   ...x,
   props: {
     to: {},
@@ -44,5 +45,5 @@ const x = l({
   }
 });
 export {
-  A as default
+  F as default
 };

package/es/components/breadcrumb/breadcrumb.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent as o, ref as m, provide as s, onMounted as p, createElementBlock as c, openBlock as i, normalizeClass as l, unref as u, renderSlot as f } from "vue";
+import { defineComponent as o, ref as n, provide as p, onMounted as s, createElementBlock as i, openBlock as c, normalizeClass as l, unref as u, renderSlot as f } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as d } from "../../hooks/use-namespace/index.js";
@@ -10,18 +11,18 @@ import "../../hooks/use-z-index/index.js";
 import { breadcrumbKey as b } from "./constants.js";
 const _ = o({
   name: "VftBreadcrumb"
-}), x = /* @__PURE__ */ o({
+}), z = /* @__PURE__ */ o({
   ..._,
   props: {
     separator: {},
     separatorIcon: {}
   },
   setup(a) {
-    const n = a, r = d("breadcrumb"), t = m();
-    return s(b, n), p(() => {
+    const m = a, r = d("breadcrumb"), t = n();
+    return p(b, m), s(() => {
       const e = t.value.querySelectorAll(`.${r.e("item")}`);
       e.length && e[e.length - 1].setAttribute("aria-current", "page");
-    }), (e, g) => (i(), c("div", {
+    }), (e, g) => (c(), i("div", {
       ref_key: "breadcrumb",
       ref: t,
       class: l(u(r).b()),
@@ -32,5 +33,5 @@ const _ = o({
   }
 });
 export {
-  x as default
+  z as default
 };

package/es/components/breadcrumb/index.js

@@ -1,19 +1,20 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t, withNoopInstall as m } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./breadcrumb.vue2.js";
 import r from "./breadcrumb-item.vue2.js";
-import { breadcrumbKey as _ } from "./constants.js";
+import { breadcrumbKey as B } from "./constants.js";
 import "../icon/index.js";
-const d = t(o, {
+const l = t(o, {
   BreadcrumbItem: r
-}), l = m(r);
+}), u = m(r);
 export {
-  d as VftBreadcrumb,
-  l as VftBreadcrumbItem,
-  _ as breadcrumbKey,
-  d as default
+  l as VftBreadcrumb,
+  u as VftBreadcrumbItem,
+  B as breadcrumbKey,
+  l as default
 };

package/es/components/button/button-custom.js

@@ -2,6 +2,7 @@ import { TinyColor as m } from "@ctrl/tinycolor";
 import "../form/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { computed as b } from "vue";
@@ -13,7 +14,7 @@ import { useFormDisabled as k } from "../form/hooks/use-form-common-props.js";
 function c(r, l = 20) {
   return r.mix("#141414", l).toString();
 }
-function y(r) {
+function D(r) {
   const l = k(), t = g("button");
   return b(() => {
     let e = {};
@@ -54,5 +55,5 @@ function y(r) {
 }
 export {
   c as darken,
-  y as useButtonCustomStyle
+  D as useButtonCustomStyle
 };

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

@@ -1,6 +1,7 @@
 import { defineComponent as e, provide as s, reactive as i, toRef as o, createElementBlock as m, openBlock as a, normalizeClass as u, unref as c, renderSlot as f } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as l } from "../../hooks/use-namespace/index.js";
@@ -10,7 +11,7 @@ import "../../hooks/use-z-index/index.js";
 import { buttonGroupContextKey as d } from "./constants.js";
 const _ = e({
   name: "vft-button-group"
-}), E = /* @__PURE__ */ e({
+}), G = /* @__PURE__ */ e({
   ..._,
   props: {
     size: {},
@@ -32,5 +33,5 @@ const _ = e({
   }
 });
 export {
-  E as default
+  G as default
 };

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

@@ -11,7 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>, {
     ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
-    type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "danger" | "primary">;
+    type: import("vue").ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "danger" | "primary">;
     disabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -2,6 +2,7 @@ import { defineComponent as b, computed as $, createBlock as a, openBlock as l,
 import { VftIcon as B } from "../icon/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as P } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
@@ -12,7 +13,7 @@ import { useButtonCustomStyle as j } from "./button-custom.js";
 import { useButton as w } from "./use-button.js";
 const D = b({
   name: "vft-button"
-}), W = /* @__PURE__ */ b({
+}), X = /* @__PURE__ */ b({
   ...D,
   props: {
     tag: { default: "button" },
@@ -39,21 +40,21 @@ const D = b({
   },
   emits: ["click"],
   setup(g, { expose: C, emit: h }) {
-    const n = g, v = h, o = V("button"), z = j(n), { _ref: s, _size: i, _type: r, _disabled: p, _props: S, shouldAddSpace: u, handleClick: T } = w(n, v), m = $(() => P(n.icon, "icon"));
+    const n = g, v = h, o = V("button"), z = j(n), { _ref: i, _size: s, _type: r, _disabled: p, _props: S, shouldAddSpace: m, handleClick: T } = w(n, v), u = $(() => P(n.icon, "icon"));
     return C({
-      ref: s,
-      size: i,
+      ref: i,
+      size: s,
       type: r,
       disabled: p,
-      shouldAddSpace: u
+      shouldAddSpace: m
     }), (t, E) => (l(), a(I(t.tag), c({
       ref_key: "_ref",
-      ref: s
+      ref: i
     }, e(S), {
       class: [
         e(o).b(),
         e(o).m(e(r)),
-        e(o).m(e(i)),
+        e(o).m(e(s)),
         e(o).is("disabled", e(p)),
         e(o).is("loading", t.loading),
         e(o).is("plain", t.plain),
@@ -75,10 +76,10 @@ const D = b({
             class: k(e(o).is("loading")),
             icon: "icon-loading"
           }, null, 8, ["class"]))
-        ], 64)) : m.value?.icon ? (l(), a(e(B), N(c({ key: 1 }, m.value)), null, 16)) : y("", !0),
+        ], 64)) : u.value?.icon ? (l(), a(e(B), N(c({ key: 1 }, u.value)), null, 16)) : y("", !0),
         t.$slots.default ? (l(), d("span", {
           key: 2,
-          class: k({ [e(o).em("text", "expand")]: e(u) })
+          class: k({ [e(o).em("text", "expand")]: e(m) })
         }, [
           f(t.$slots, "default")
         ], 2)) : y("", !0)
@@ -88,5 +89,5 @@ const D = b({
   }
 });
 export {
-  W as default
+  X as default
 };

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

@@ -9,6 +9,9 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         text: {
             type: import("vue").PropType<boolean>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         color: {
             type: import("vue").PropType<string>;
         };
@@ -18,9 +21,6 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
             type: import("vue").PropType<import("../types").ComponentSize>;
         };
@@ -72,7 +72,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     }>, {
         ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
         size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
-        type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "danger" | "primary">;
+        type: import("vue").ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "danger" | "primary">;
         disabled: import("vue").ComputedRef<boolean>;
         shouldAddSpace: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -99,6 +99,9 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         text: {
             type: import("vue").PropType<boolean>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         color: {
             type: import("vue").PropType<string>;
         };
@@ -108,9 +111,6 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
             type: import("vue").PropType<import("../types").ComponentSize>;
         };
@@ -162,7 +162,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     }>, {
         ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
         size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
-        type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "danger" | "primary">;
+        type: import("vue").ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "danger" | "primary">;
         disabled: import("vue").ComputedRef<boolean>;
         shouldAddSpace: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, {
@@ -184,6 +184,9 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     text: {
         type: import("vue").PropType<boolean>;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     color: {
         type: import("vue").PropType<string>;
     };
@@ -193,9 +196,6 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     size: {
         type: import("vue").PropType<import("../types").ComponentSize>;
     };
@@ -247,7 +247,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
 }>, {
     ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
-    type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "danger" | "primary">;
+    type: import("vue").ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "danger" | "primary">;
     disabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/es/components/button/index.js

@@ -1,18 +1,19 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o, withNoopInstall as r } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import m from "./button.vue2.js";
 import t from "./button-group.vue2.js";
-import { buttonGroupContextKey as B } from "./constants.js";
-const l = o(m, {
+import { buttonGroupContextKey as G } from "./constants.js";
+const c = o(m, {
   ButtonGroup: t
-}), c = r(t);
+}), _ = r(t);
 export {
-  l as VftButton,
-  c as VftButtonGroup,
-  B as buttonGroupContextKey,
-  l as default
+  c as VftButton,
+  _ as VftButtonGroup,
+  G as buttonGroupContextKey,
+  c as default
 };

package/es/components/button/use-button.d.ts

@@ -13,7 +13,7 @@ export declare const useButton: (props: ButtonProps, emit: any) => {
     }>;
     _disabled: import("vue").ComputedRef<boolean>;
     _size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
-    _type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "warning" | "info" | "danger" | "primary">;
+    _type: import("vue").ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "danger" | "primary">;
     _ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
     handleClick: (evt: MouseEvent) => void;

package/es/components/card/card.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent as l, createElementBlock as a, openBlock as s, normalizeClass as t, unref as r, createCommentVNode as m, createElementVNode as n, renderSlot as d, createTextVNode as i, toDisplayString as p, normalizeStyle as c } from "vue";
+import { defineComponent as l, createElementBlock as a, openBlock as s, normalizeClass as t, unref as r, createCommentVNode as m, createElementVNode as i, renderSlot as d, createTextVNode as n, toDisplayString as p, normalizeStyle as c } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
@@ -9,7 +10,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const u = l({
   name: "vft-card"
-}), _ = /* @__PURE__ */ l({
+}), z = /* @__PURE__ */ l({
   ...u,
   props: {
     header: { default: "" },
@@ -26,10 +27,10 @@ const u = l({
         class: t(r(o).e("header"))
       }, [
         d(e.$slots, "header", {}, () => [
-          i(p(e.header), 1)
+          n(p(e.header), 1)
         ])
       ], 2)) : m("", !0),
-      n("div", {
+      i("div", {
         class: t(r(o).e("body")),
         style: c(e.bodyStyle)
       }, [
@@ -39,5 +40,5 @@ const u = l({
   }
 });
 export {
-  _ as default
+  z as default
 };

package/es/components/card/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./card.vue2.js";
-const l = t(o);
+const n = t(o);
 export {
-  l as VftCard,
-  l as default
+  n as VftCard,
+  n as default
 };

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

@@ -1,6 +1,7 @@
 import { defineComponent as d, computed as m, unref as e, withDirectives as c, createElementBlock as u, openBlock as p, normalizeStyle as w, normalizeClass as v, createCommentVNode as x, renderSlot as z, vShow as f } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as B } from "../../hooks/use-namespace/index.js";
@@ -10,7 +11,7 @@ import "../../hooks/use-z-index/index.js";
 import { useCarouselItem as N } from "./use-carousel-item.js";
 const R = d({
   name: "VftCarouselItem"
-}), H = /* @__PURE__ */ d({
+}), J = /* @__PURE__ */ d({
   ...R,
   props: {
     name: {},
@@ -66,5 +67,5 @@ const R = d({
   }
 });
 export {
-  H as default
+  J as default
 };

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

@@ -2,6 +2,7 @@ import { defineComponent as E, getCurrentInstance as _, computed as T, unref as
 import { VftIcon as D } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as ie } from "../../hooks/use-namespace/index.js";
@@ -16,7 +17,7 @@ const se = ["onMouseenter", "onClick"], le = { key: 0 }, ue = {
   style: { display: "none" }
 }, de = E({
   name: "vft-carousel"
-}), Be = /* @__PURE__ */ E({
+}), be = /* @__PURE__ */ E({
   ...de,
   props: {
     initialIndex: { default: 0 },
@@ -199,5 +200,5 @@ const se = ["onMouseenter", "onClick"], le = { key: 0 }, ue = {
   }
 });
 export {
-  Be as default
+  be as default
 };

package/es/components/carousel/index.js

@@ -1,19 +1,20 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t, withNoopInstall as r } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import m from "./carousel.vue2.js";
 import o from "./carousel-item.vue2.js";
-import { CAROUSEL_ITEM_NAME as I, carouselContextKey as x } from "./constants.js";
-const _ = t(m, {
+import { CAROUSEL_ITEM_NAME as x, carouselContextKey as E } from "./constants.js";
+const c = t(m, {
   CarouselItem: o
-}), c = r(o);
+}), u = r(o);
 export {
-  I as CAROUSEL_ITEM_NAME,
-  _ as VftCarousel,
-  c as VftCarouselItem,
-  x as carouselContextKey,
-  _ as default
+  x as CAROUSEL_ITEM_NAME,
+  c as VftCarousel,
+  u as VftCarouselItem,
+  E as carouselContextKey,
+  c as default
 };

package/es/components/carousel/use-carousel-item.js

@@ -2,10 +2,11 @@ import { inject as S, getCurrentInstance as U, ref as n, reactive as V, onBefore
 import "@vueuse/core";
 import { isUndefined as R } from "@vft/utils";
 import { debugWarn as A } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { carouselContextKey as j, CAROUSEL_ITEM_NAME as E } from "./constants.js";
-const F = (H) => {
+const G = (H) => {
   const o = S(j), c = U();
   o || A(
     E,
@@ -14,40 +15,40 @@ const F = (H) => {
     E,
     "compositional hook can only be invoked inside setups"
   );
-  const h = n(), T = n(!1), f = n(0), C = n(1), i = n(!1), I = n(!1), m = n(!1), g = n(!1), { isCardType: d, isVertical: y, cardScale: p } = o;
-  function M(e, t, s) {
-    const r = s - 1, l = t - 1, a = t + 1, v = s / 2;
-    return t === 0 && e === r ? -1 : t === r && e === 0 ? s : e < l && t - e >= v ? s + 1 : e > a && e - t >= v ? -2 : e;
+  const h = n(), T = n(!1), i = n(0), C = n(1), f = n(!1), I = n(!1), m = n(!1), g = n(!1), { isCardType: d, isVertical: y, cardScale: p } = o;
+  function M(t, e, s) {
+    const r = s - 1, l = e - 1, a = e + 1, v = s / 2;
+    return e === 0 && t === r ? -1 : e === r && t === 0 ? s : t < l && e - t >= v ? s + 1 : t > a && t - e >= v ? -2 : t;
   }
-  function N(e, t) {
+  function N(t, e) {
     const s = u(y) ? o.root.value?.offsetHeight || 0 : o.root.value?.offsetWidth || 0;
-    return m.value ? s * ((2 - p) * (e - t) + 1) / 4 : e < t ? -(1 + p) * s / 4 : (3 + p) * s / 4;
+    return m.value ? s * ((2 - p) * (t - e) + 1) / 4 : t < e ? -(1 + p) * s / 4 : (3 + p) * s / 4;
   }
-  function W(e, t, s) {
+  function W(t, e, s) {
     const r = o.root.value;
-    return r ? ((s ? r.offsetHeight : r.offsetWidth) || 0) * (e - t) : 0;
+    return r ? ((s ? r.offsetHeight : r.offsetWidth) || 0) * (t - e) : 0;
   }
-  const _ = (e, t, s) => {
-    const r = u(d), l = o.items.value.length ?? Number.NaN, a = e === t;
-    !r && !R(s) && (g.value = a || e === s), !a && l > 2 && o.loop && (e = M(e, t, l));
+  const _ = (t, e, s) => {
+    const r = u(d), l = o.items.value.length ?? Number.NaN, a = t === e;
+    !r && !R(s) && (g.value = a || t === s), !a && l > 2 && o.loop && (t = M(t, e, l));
     const v = u(y);
-    i.value = a, r ? (m.value = Math.round(Math.abs(e - t)) <= 1, f.value = N(e, t), C.value = u(i) ? 1 : p) : f.value = W(e, t, v), I.value = !0, a && h.value && o.setContainerHeight(h.value.offsetHeight);
+    f.value = a, r ? (m.value = Math.round(Math.abs(t - e)) <= 1, i.value = N(t, e), C.value = u(f) ? 1 : p) : i.value = W(t, e, v), I.value = !0, a && h.value && o.setContainerHeight(h.value.offsetHeight);
   };
   function k() {
     if (o && u(d)) {
-      const e = o.items.value.findIndex(
-        ({ uid: t }) => t === c.uid
+      const t = o.items.value.findIndex(
+        ({ uid: e }) => e === c.uid
       );
-      o.setActiveItem(e);
+      o.setActiveItem(t);
     }
   }
   const b = {
     props: H,
     states: V({
       hover: T,
-      translate: f,
+      translate: i,
       scale: C,
-      active: i,
+      active: f,
       ready: I,
       inStage: m,
       animating: g
@@ -60,12 +61,12 @@ const F = (H) => {
     o.removeItem(b);
   }), {
     carouselItemRef: h,
-    active: i,
+    active: f,
     animating: g,
     hover: T,
     inStage: m,
     isVertical: y,
-    translate: f,
+    translate: i,
     isCardType: d,
     scale: C,
     ready: I,
@@ -73,5 +74,5 @@ const F = (H) => {
   };
 };
 export {
-  F as useCarouselItem
+  G as useCarouselItem
 };