vft 0.0.252 → 0.0.253

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

@@ -1,70 +1,54 @@
 export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
-            default: string;
+        initialIndex: {
+            type: import("vue").PropType<string | number>;
         };
         height: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<"" | "card">;
-            default: string;
-        };
-        arrow: {
-            type: import("vue").PropType<"always" | "hover" | "never">;
-            default: string;
         };
         trigger: {
             type: import("vue").PropType<"click" | "hover">;
-            default: string;
         };
-        loop: {
+        autoplay: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        initialIndex: {
-            type: import("vue").PropType<string | number>;
-            default: number;
         };
         interval: {
             type: import("vue").PropType<number>;
-            default: number;
-        };
-        autoplay: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
         };
         indicatorPosition: {
             type: import("vue").PropType<"" | "none" | "outside">;
-            default: string;
+        };
+        arrow: {
+            type: import("vue").PropType<"always" | "hover" | "never">;
+        };
+        type: {
+            type: import("vue").PropType<"" | "card">;
+        };
+        loop: {
+            type: import("vue").PropType<boolean>;
+        };
+        direction: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
         };
         pauseOnHover: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
+        };
+        motionBlur: {
+            type: import("vue").PropType<boolean>;
+        };
+        cardScale: {
+            type: import("vue").PropType<number>;
         };
     }>> & Readonly<{
         onChange?: ((current: number, prev: number) => any) | undefined;
     }>, {
+        activeIndex: import("vue").Ref<number, number>;
         setActiveItem: (index: number | string) => void;
         prev: () => void;
         next: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (current: number, prev: number) => void;
-    }, import("vue").PublicProps, {
-        direction: "horizontal" | "vertical";
-        height: string;
-        type: "" | "card";
-        arrow: "always" | "hover" | "never";
-        trigger: "hover" | "click";
-        loop: boolean;
-        initialIndex: number | string;
-        interval: number;
-        autoplay: boolean;
-        indicatorPosition: "" | "none" | "outside";
-        pauseOnHover: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -72,138 +56,106 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
-            default: string;
+        initialIndex: {
+            type: import("vue").PropType<string | number>;
         };
         height: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<"" | "card">;
-            default: string;
-        };
-        arrow: {
-            type: import("vue").PropType<"always" | "hover" | "never">;
-            default: string;
         };
         trigger: {
             type: import("vue").PropType<"click" | "hover">;
-            default: string;
         };
-        loop: {
+        autoplay: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        initialIndex: {
-            type: import("vue").PropType<string | number>;
-            default: number;
         };
         interval: {
             type: import("vue").PropType<number>;
-            default: number;
-        };
-        autoplay: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
         };
         indicatorPosition: {
             type: import("vue").PropType<"" | "none" | "outside">;
-            default: string;
+        };
+        arrow: {
+            type: import("vue").PropType<"always" | "hover" | "never">;
+        };
+        type: {
+            type: import("vue").PropType<"" | "card">;
+        };
+        loop: {
+            type: import("vue").PropType<boolean>;
+        };
+        direction: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
         };
         pauseOnHover: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
+        };
+        motionBlur: {
+            type: import("vue").PropType<boolean>;
+        };
+        cardScale: {
+            type: import("vue").PropType<number>;
         };
     }>> & Readonly<{
         onChange?: ((current: number, prev: number) => any) | undefined;
     }>, {
+        activeIndex: import("vue").Ref<number, number>;
         setActiveItem: (index: number | string) => void;
         prev: () => void;
         next: () => void;
-    }, {}, {}, {}, {
-        direction: "horizontal" | "vertical";
-        height: string;
-        type: "" | "card";
-        arrow: "always" | "hover" | "never";
-        trigger: "hover" | "click";
-        loop: boolean;
-        initialIndex: number | string;
-        interval: number;
-        autoplay: boolean;
-        indicatorPosition: "" | "none" | "outside";
-        pauseOnHover: boolean;
-    }>;
+    }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
-        default: string;
+    initialIndex: {
+        type: import("vue").PropType<string | number>;
     };
     height: {
         type: import("vue").PropType<string>;
-        default: string;
-    };
-    type: {
-        type: import("vue").PropType<"" | "card">;
-        default: string;
-    };
-    arrow: {
-        type: import("vue").PropType<"always" | "hover" | "never">;
-        default: string;
     };
     trigger: {
         type: import("vue").PropType<"click" | "hover">;
-        default: string;
     };
-    loop: {
+    autoplay: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    initialIndex: {
-        type: import("vue").PropType<string | number>;
-        default: number;
     };
     interval: {
         type: import("vue").PropType<number>;
-        default: number;
-    };
-    autoplay: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
     };
     indicatorPosition: {
         type: import("vue").PropType<"" | "none" | "outside">;
-        default: string;
+    };
+    arrow: {
+        type: import("vue").PropType<"always" | "hover" | "never">;
+    };
+    type: {
+        type: import("vue").PropType<"" | "card">;
+    };
+    loop: {
+        type: import("vue").PropType<boolean>;
+    };
+    direction: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     pauseOnHover: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
+    };
+    motionBlur: {
+        type: import("vue").PropType<boolean>;
+    };
+    cardScale: {
+        type: import("vue").PropType<number>;
     };
 }>> & Readonly<{
     onChange?: ((current: number, prev: number) => any) | undefined;
 }>, {
+    activeIndex: import("vue").Ref<number, number>;
     setActiveItem: (index: number | string) => void;
     prev: () => void;
     next: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (current: number, prev: number) => void;
-}, string, {
-    direction: "horizontal" | "vertical";
-    height: string;
-    type: "" | "card";
-    arrow: "always" | "hover" | "never";
-    trigger: "hover" | "click";
-    loop: boolean;
-    initialIndex: number | string;
-    interval: number;
-    autoplay: boolean;
-    indicatorPosition: "" | "none" | "outside";
-    pauseOnHover: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/es/components/carousel/index.js

@@ -6,13 +6,14 @@ import "lodash-es";
 import "vue";
 import m from "./carousel.vue2.js";
 import o from "./carousel-item.vue2.js";
-import { carouselContextKey as _ } from "./constants.js";
-const c = t(m, {
+import { CAROUSEL_ITEM_NAME as I, carouselContextKey as x } from "./constants.js";
+const _ = t(m, {
   CarouselItem: o
-}), u = r(o);
+}), c = r(o);
 export {
-  c as VftCarousel,
-  u as VftCarouselItem,
-  _ as carouselContextKey,
-  c as default
+  I as CAROUSEL_ITEM_NAME,
+  _ as VftCarousel,
+  c as VftCarouselItem,
+  x as carouselContextKey,
+  _ as default
 };

package/es/components/carousel/types.d.ts

@@ -0,0 +1,19 @@
+export interface CarouselProps {
+    initialIndex?: number | string;
+    height?: string;
+    trigger?: 'hover' | 'click';
+    autoplay?: boolean;
+    interval?: number;
+    indicatorPosition?: '' | 'none' | 'outside';
+    arrow?: 'always' | 'hover' | 'never';
+    type?: '' | 'card';
+    loop?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    pauseOnHover?: boolean;
+    motionBlur?: boolean;
+    cardScale?: number;
+}
+export interface CarouselItemProps {
+    name?: string;
+    label?: string | number;
+}

package/es/components/carousel/types.js

@@ -0,0 +1 @@
+

package/es/components/carousel/use-carousel-item.d.ts

@@ -1,5 +1,5 @@
-import type { CarouselItemProps } from './carousel-item.vue';
-export declare const useCarouselItem: (props: CarouselItemProps, componentName: string) => {
+import type { CarouselItemProps } from './types';
+export declare const useCarouselItem: (props: CarouselItemProps) => {
     carouselItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     active: import("vue").Ref<boolean, boolean>;
     animating: import("vue").Ref<boolean, boolean>;

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

@@ -1,77 +1,77 @@
-import { inject as L, getCurrentInstance as N, ref as n, onMounted as R, reactive as S, onUnmounted as U, unref as l } from "vue";
+import { inject as S, getCurrentInstance as U, ref as n, reactive as V, onBeforeUnmount as L, unref as u } from "vue";
 import "@vueuse/core";
-import { isUndefined as V } from "@vft/utils";
-import { debugWarn as H } from "../../utils/error.js";
+import { isUndefined as R } from "@vft/utils";
+import { debugWarn as A } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { carouselContextKey as j } from "./constants.js";
-const G = (T, b) => {
-  const s = L(j), c = N();
-  s || H(
-    b,
-    "usage: <vft-carousel></vft-carousel-item></vft-carousel>"
-  ), c || H(
-    b,
+import { carouselContextKey as j, CAROUSEL_ITEM_NAME as E } from "./constants.js";
+const F = (H) => {
+  const o = S(j), c = U();
+  o || A(
+    E,
+    "usage: <el-carousel></el-carousel-item></el-carousel>"
+  ), c || A(
+    E,
     "compositional hook can only be invoked inside setups"
   );
-  const p = 0.83, h = n(), A = n(!1), f = n(0), C = n(1), i = n(!1), g = n(!1), m = n(!1), I = n(!1), { isCardType: d, isVertical: y } = s;
-  function W(t, e, o) {
-    const r = o - 1, u = e - 1, a = e + 1, v = o / 2;
-    return e === 0 && t === r ? -1 : e === r && t === 0 ? o : t < u && e - t >= v ? o + 1 : t > a && t - e >= v ? -2 : t;
+  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;
   }
-  function k(t, e) {
-    const o = l(y) ? s.root.value?.offsetHeight || 0 : s.root.value?.offsetWidth || 0;
-    return m.value ? o * ((2 - p) * (t - e) + 1) / 4 : t < e ? -1.83 * o / 4 : (3 + p) * o / 4;
+  function N(e, t) {
+    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;
   }
-  function M(t, e, o) {
-    const r = s.root.value;
-    return r ? ((o ? r.offsetHeight : r.offsetWidth) || 0) * (t - e) : 0;
+  function W(e, t, s) {
+    const r = o.root.value;
+    return r ? ((s ? r.offsetHeight : r.offsetWidth) || 0) * (e - t) : 0;
   }
-  const _ = (t, e, o) => {
-    const r = l(d), u = s.items.value.length ?? Number.NaN, a = t === e;
-    !r && !V(o) && (I.value = a || t === o), !a && u > 2 && s.loop && (t = W(t, e, u));
-    const v = l(y);
-    i.value = a, r ? (m.value = Math.round(Math.abs(t - e)) <= 1, f.value = k(t, e), C.value = l(i) ? 1 : p) : f.value = M(t, e, v), g.value = !0, a && h.value && s.setContainerHeight(h.value.offsetHeight);
+  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 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);
   };
-  function E() {
-    if (s && l(d)) {
-      const t = s.items.value.findIndex(
-        ({ uid: e }) => e === c.uid
+  function k() {
+    if (o && u(d)) {
+      const e = o.items.value.findIndex(
+        ({ uid: t }) => t === c.uid
       );
-      s.setActiveItem(t);
+      o.setActiveItem(e);
     }
   }
-  return R(() => {
-    s.addItem({
-      props: T,
-      states: S({
-        hover: A,
-        translate: f,
-        scale: C,
-        active: i,
-        ready: g,
-        inStage: m,
-        animating: I
-      }),
-      uid: c.uid,
-      translateItem: _
-    });
-  }), U(() => {
-    s.removeItem(c.uid);
+  const b = {
+    props: H,
+    states: V({
+      hover: T,
+      translate: f,
+      scale: C,
+      active: i,
+      ready: I,
+      inStage: m,
+      animating: g
+    }),
+    uid: c.uid,
+    getVnode: () => c.vnode,
+    translateItem: _
+  };
+  return o.addItem(b), L(() => {
+    o.removeItem(b);
   }), {
     carouselItemRef: h,
     active: i,
-    animating: I,
-    hover: A,
+    animating: g,
+    hover: T,
     inStage: m,
     isVertical: y,
     translate: f,
     isCardType: d,
     scale: C,
-    ready: g,
-    handleItemClick: E
+    ready: I,
+    handleItemClick: k
   };
 };
 export {
-  G as useCarouselItem
+  F as useCarouselItem
 };

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

@@ -1,5 +1,5 @@
 import type { CarouselItemContext } from './constants';
-import type { CarouselProps } from './carousel.vue';
+import type { CarouselProps } from './types';
 export declare const useCarousel: (props: CarouselProps, emit: any, componentName: string) => {
     root: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     activeIndex: import("vue").Ref<number, number>;
@@ -16,6 +16,7 @@ export declare const useCarousel: (props: CarouselProps, emit: any, componentNam
         height: string;
         overflow: string;
     }>;
+    isItemsTwoLength: import("vue").Ref<boolean, boolean>;
     handleButtonEnter: (arrow: "left" | "right") => void;
     handleButtonLeave: () => void;
     handleIndicatorClick: (index: number) => void;
@@ -24,6 +25,14 @@ export declare const useCarousel: (props: CarouselProps, emit: any, componentNam
     setActiveItem: (index: number | string) => void;
     prev: () => void;
     next: () => void;
+    PlaceholderItem: () => ({
+        [name: string]: unknown;
+        $stable?: boolean;
+    } | import("vft/es/utils").VNodeChildAtom)[] | null;
+    isTwoLengthShow: (index: number) => boolean;
+    ItemsSorter: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     throttledArrowClick: any;
     throttledIndicatorHover: any;
 };