vft 0.0.239 → 0.0.240

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

@@ -1,5 +1,5 @@
 export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         direction: {
             type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
@@ -44,74 +44,27 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         onChange?: ((current: number, prev: number) => any) | undefined;
-    }, {
-        setActiveItem: (index: string | number) => void;
+    }>, {
+        setActiveItem: (index: number | string) => void;
         prev: () => void;
         next: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (current: number, prev: number) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
-            default: string;
-        };
-        height: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<"" | "card">;
-            default: string;
-        };
-        arrow: {
-            type: import("vue").PropType<"always" | "never" | "hover">;
-            default: string;
-        };
-        loop: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        trigger: {
-            type: import("vue").PropType<"click" | "hover">;
-            default: string;
-        };
-        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;
-        };
-        pauseOnHover: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        onChange?: ((current: number, prev: number) => any) | undefined;
-    }, {
-        direction: "vertical" | "horizontal";
+    }, import("vue").PublicProps, {
+        direction: "horizontal" | "vertical";
         height: string;
         type: "" | "card";
-        arrow: "always" | "never" | "hover";
+        arrow: "always" | "hover" | "never";
         loop: boolean;
-        trigger: "click" | "hover";
-        initialIndex: string | number;
+        trigger: "hover" | "click";
+        initialIndex: number | string;
         interval: number;
         autoplay: boolean;
         indicatorPosition: "" | "none" | "outside";
         pauseOnHover: boolean;
-    }, true, {}, {}, {
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -163,28 +116,28 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         onChange?: ((current: number, prev: number) => any) | undefined;
-    }, {
-        setActiveItem: (index: string | number) => void;
+    }>, {
+        setActiveItem: (index: number | string) => void;
         prev: () => void;
         next: () => void;
     }, {}, {}, {}, {
-        direction: "vertical" | "horizontal";
+        direction: "horizontal" | "vertical";
         height: string;
         type: "" | "card";
-        arrow: "always" | "never" | "hover";
+        arrow: "always" | "hover" | "never";
         loop: boolean;
-        trigger: "click" | "hover";
-        initialIndex: string | number;
+        trigger: "hover" | "click";
+        initialIndex: number | string;
         interval: number;
         autoplay: boolean;
         indicatorPosition: "" | "none" | "outside";
         pauseOnHover: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: import("vue").PropType<"vertical" | "horizontal">;
@@ -230,47 +183,40 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((current: number, prev: number) => any) | undefined;
-}, {
-    setActiveItem: (index: string | number) => void;
+}>, {
+    setActiveItem: (index: number | string) => void;
     prev: () => void;
     next: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (current: number, prev: number) => void;
 }, string, {
-    direction: "vertical" | "horizontal";
+    direction: "horizontal" | "vertical";
     height: string;
     type: "" | "card";
-    arrow: "always" | "never" | "hover";
+    arrow: "always" | "hover" | "never";
     loop: boolean;
-    trigger: "click" | "hover";
-    initialIndex: string | number;
+    trigger: "hover" | "click";
+    initialIndex: number | string;
     interval: number;
     autoplay: boolean;
     indicatorPosition: "" | "none" | "outside";
     pauseOnHover: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 })> & {
     CarouselItem: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            name: {
-                type: import("vue").PropType<string>;
-            };
-            label: {
-                type: import("vue").PropType<string | number>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
             };
             label: {
                 type: import("vue").PropType<string | number>;
             };
-        }>>, {}, true, {}, {}, {
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -284,10 +230,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             label: {
                 type: import("vue").PropType<string | number>;
             };
-        }>>, {}, {}, {}, {}, {}>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
@@ -295,7 +241,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         label: {
             type: import("vue").PropType<string | number>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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;
         };
@@ -303,21 +249,14 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
 };
 export default VftCarousel;
 export declare const VftCarouselItem: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        name: {
-            type: import("vue").PropType<string>;
-        };
-        label: {
-            type: import("vue").PropType<string | number>;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
         };
         label: {
             type: import("vue").PropType<string | number>;
         };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -331,10 +270,10 @@ export declare const VftCarouselItem: import("vft/es/utils").SFCWithInstall<{
         label: {
             type: import("vue").PropType<string | number>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
@@ -342,7 +281,7 @@ export declare const VftCarouselItem: import("vft/es/utils").SFCWithInstall<{
     label: {
         type: import("vue").PropType<string | number>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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/lib/components/carousel/use-carousel-item.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("@vueuse/core");const k=require("@vft/utils"),y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const _=require("./constants.cjs"),j=(T,b)=>{const s=r.inject(_.carouselContextKey),f=r.getCurrentInstance();s||y.debugWarn(b,"usage: <vft-carousel></vft-carousel-item></vft-carousel>"),f||y.debugWarn(b,"compositional hook can only be invoked inside setups");const v=.83,h=r.ref(),q=r.ref(!1),c=r.ref(0),C=r.ref(1),l=r.ref(!1),g=r.ref(!1),i=r.ref(!1),d=r.ref(!1),{isCardType:I,isVertical:p}=s;function W(e,t,o){const n=o-1,u=t-1,a=t+1,m=o/2;return t===0&&e===n?-1:t===n&&e===0?o:e<u&&t-e>=m?o+1:e>a&&e-t>=m?-2:e}function A(e,t){var n,u;const o=r.unref(p)?((n=s.root.value)==null?void 0:n.offsetHeight)||0:((u=s.root.value)==null?void 0:u.offsetWidth)||0;return i.value?o*((2-v)*(e-t)+1)/4:e<t?-1.83*o/4:(3+v)*o/4}function H(e,t,o){const n=s.root.value;return n?((o?n.offsetHeight:n.offsetWidth)||0)*(e-t):0}const M=(e,t,o)=>{const n=r.unref(I),u=s.items.value.length??Number.NaN,a=e===t;!n&&!k.isUndefined(o)&&(d.value=a||e===o),!a&&u>2&&s.loop&&(e=W(e,t,u));const m=r.unref(p);l.value=a,n?(i.value=Math.round(Math.abs(e-t))<=1,c.value=A(e,t),C.value=r.unref(l)?1:v):c.value=H(e,t,m),g.value=!0,a&&h.value&&s.setContainerHeight(h.value.offsetHeight)};function S(){if(s&&r.unref(I)){const e=s.items.value.findIndex(({uid:t})=>t===f.uid);s.setActiveItem(e)}}return r.onMounted(()=>{s.addItem({props:T,states:r.reactive({hover:q,translate:c,scale:C,active:l,ready:g,inStage:i,animating:d}),uid:f.uid,translateItem:M})}),r.onUnmounted(()=>{s.removeItem(f.uid)}),{carouselItemRef:h,active:l,animating:d,hover:q,inStage:i,isVertical:p,translate:c,isCardType:I,scale:C,ready:g,handleItemClick:S}};exports.useCarouselItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("@vueuse/core");const k=require("@vft/utils"),y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const _=require("./constants.cjs"),j=(T,b)=>{const s=r.inject(_.carouselContextKey),f=r.getCurrentInstance();s||y.debugWarn(b,"usage: <vft-carousel></vft-carousel-item></vft-carousel>"),f||y.debugWarn(b,"compositional hook can only be invoked inside setups");const v=.83,h=r.ref(),q=r.ref(!1),c=r.ref(0),C=r.ref(1),l=r.ref(!1),g=r.ref(!1),i=r.ref(!1),d=r.ref(!1),{isCardType:I,isVertical:p}=s;function W(e,t,o){const n=o-1,a=t-1,u=t+1,m=o/2;return t===0&&e===n?-1:t===n&&e===0?o:e<a&&t-e>=m?o+1:e>u&&e-t>=m?-2:e}function A(e,t){const o=r.unref(p)?s.root.value?.offsetHeight||0:s.root.value?.offsetWidth||0;return i.value?o*((2-v)*(e-t)+1)/4:e<t?-1.83*o/4:(3+v)*o/4}function H(e,t,o){const n=s.root.value;return n?((o?n.offsetHeight:n.offsetWidth)||0)*(e-t):0}const M=(e,t,o)=>{const n=r.unref(I),a=s.items.value.length??Number.NaN,u=e===t;!n&&!k.isUndefined(o)&&(d.value=u||e===o),!u&&a>2&&s.loop&&(e=W(e,t,a));const m=r.unref(p);l.value=u,n?(i.value=Math.round(Math.abs(e-t))<=1,c.value=A(e,t),C.value=r.unref(l)?1:v):c.value=H(e,t,m),g.value=!0,u&&h.value&&s.setContainerHeight(h.value.offsetHeight)};function S(){if(s&&r.unref(I)){const e=s.items.value.findIndex(({uid:t})=>t===f.uid);s.setActiveItem(e)}}return r.onMounted(()=>{s.addItem({props:T,states:r.reactive({hover:q,translate:c,scale:C,active:l,ready:g,inStage:i,animating:d}),uid:f.uid,translateItem:M})}),r.onUnmounted(()=>{s.removeItem(f.uid)}),{carouselItemRef:h,active:l,animating:d,hover:q,inStage:i,isVertical:p,translate:c,isCardType:I,scale:C,ready:g,handleItemClick:S}};exports.useCarouselItem=j;

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

@@ -1,14 +1,14 @@
 import type { CarouselItemProps } from './carousel-item.vue';
 export declare const useCarouselItem: (props: CarouselItemProps, componentName: string) => {
-    carouselItemRef: import("vue").Ref<HTMLElement | undefined>;
-    active: import("vue").Ref<boolean>;
-    animating: import("vue").Ref<boolean>;
-    hover: import("vue").Ref<boolean>;
-    inStage: import("vue").Ref<boolean>;
-    isVertical: import("vue").Ref<boolean>;
-    translate: import("vue").Ref<number>;
-    isCardType: import("vue").Ref<boolean>;
-    scale: import("vue").Ref<number>;
-    ready: import("vue").Ref<boolean>;
+    carouselItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    active: import("vue").Ref<boolean, boolean>;
+    animating: import("vue").Ref<boolean, boolean>;
+    hover: import("vue").Ref<boolean, boolean>;
+    inStage: import("vue").Ref<boolean, boolean>;
+    isVertical: import("vue").Ref<boolean, boolean>;
+    translate: import("vue").Ref<number, number>;
+    isCardType: import("vue").Ref<boolean, boolean>;
+    scale: import("vue").Ref<number, number>;
+    ready: import("vue").Ref<boolean, boolean>;
     handleItemClick: () => void;
 };

package/lib/components/carousel/use-carousel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),O=require("lodash-es"),p=require("@vueuse/core"),ee=require("@vft/utils"),te=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../hooks/use-model-toggle/index.cjs");const ne=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const re=require("./constants.cjs"),A=300,ae=(r,H,M)=>{const{children:l,addChild:L,removeChild:N}=ne.useOrderedChildren(t.getCurrentInstance(),"VftCarouselItem"),a=t.ref(-1),i=t.ref(null),m=t.ref(!1),v=t.ref(),C=t.ref(0),B=t.computed(()=>r.arrow!=="never"&&!t.unref(s)),P=t.computed(()=>l.value.some(e=>{var n,u;return((u=(n=e.props)==null?void 0:n.label)==null?void 0:u.toString().length)>0})),q=t.computed(()=>r.type==="card"),s=t.computed(()=>r.direction==="vertical"),R=t.computed(()=>r.height!=="auto"?{height:r.height}:{height:`${C.value}px`,overflow:"hidden"}),k=O.throttle(e=>{o(e)},A,{trailing:!0}),z=O.throttle(e=>{W(e)},A);function f(){i.value&&(clearInterval(i.value),i.value=null)}function h(){r.interval<=0||!r.autoplay||i.value||(i.value=setInterval(()=>V(),r.interval))}const V=()=>{a.value<l.value.length-1?a.value=a.value+1:r.loop&&(a.value=0)};function o(e){if(ee.isString(e)){const c=l.value.filter(g=>g.props.name===e);c.length>0&&(e=l.value.indexOf(c[0]))}if(e=Number(e),Number.isNaN(e)||e!==Math.floor(e)){te.debugWarn(M,"index must be integer.");return}const n=l.value.length,u=a.value;e<0?a.value=r.loop?n-1:0:e>=n?a.value=r.loop?0:n-1:a.value=e,u===a.value&&d(u),b()}function d(e){l.value.forEach((n,u)=>{n.translateItem(u,a.value,e)})}function _(e,n){var y,T,E,S;const u=t.unref(l),c=u.length;if(c===0||!e.states.inStage)return!1;const g=n+1,J=n-1,w=c-1,Q=u[w].states.active,X=u[0].states.active,Y=(T=(y=u[g])==null?void 0:y.states)==null?void 0:T.active,Z=(S=(E=u[J])==null?void 0:E.states)==null?void 0:S.active;return n===w&&X||Y?"left":n===0&&Q||Z?"right":!1}function j(){m.value=!0,r.pauseOnHover&&f()}function D(){m.value=!1,h()}function F(e){t.unref(s)||l.value.forEach((n,u)=>{e===_(n,u)&&(n.states.hover=!0)})}function K(){t.unref(s)||l.value.forEach(e=>{e.states.hover=!1})}function U(e){a.value=e}function W(e){r.trigger==="hover"&&e!==a.value&&(a.value=e)}function $(){o(a.value-1)}function x(){o(a.value+1)}function b(){f(),h()}function G(e){r.height==="auto"&&(C.value=e)}t.watch(()=>a.value,(e,n)=>{d(n),n>-1&&H("change",e,n)}),t.watch(()=>r.autoplay,e=>{e?h():f()}),t.watch(()=>r.loop,()=>{o(a.value)}),t.watch(()=>r.interval,()=>{b()}),t.watch(()=>l.value,()=>{l.value.length>0&&o(r.initialIndex)});const I=t.shallowRef();return t.onMounted(()=>{I.value=p.useResizeObserver(v.value,()=>{d()}),h()}),t.onBeforeUnmount(()=>{f(),v.value&&I.value&&I.value.stop()}),t.provide(re.carouselContextKey,{root:v,isCardType:q,isVertical:s,items:l,loop:r.loop,addItem:L,removeItem:N,setActiveItem:o,setContainerHeight:G}),{root:v,activeIndex:a,arrowDisplay:B,hasLabel:P,hover:m,isCardType:q,items:l,isVertical:s,containerStyle:R,handleButtonEnter:F,handleButtonLeave:K,handleIndicatorClick:U,handleMouseEnter:j,handleMouseLeave:D,setActiveItem:o,prev:$,next:x,throttledArrowClick:k,throttledIndicatorHover:z}};exports.useCarousel=ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("lodash-es"),Q=require("@vueuse/core"),X=require("@vft/utils"),Y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../hooks/use-model-toggle/index.cjs");const Z=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=require("./constants.cjs"),T=300,ee=(n,E,S)=>{const{children:u,addChild:O,removeChild:A}=Z.useOrderedChildren(t.getCurrentInstance(),"VftCarouselItem"),r=t.ref(-1),i=t.ref(null),m=t.ref(!1),v=t.ref(),C=t.ref(0),H=t.computed(()=>n.arrow!=="never"&&!t.unref(s)),M=t.computed(()=>u.value.some(e=>e.props?.label?.toString().length>0)),q=t.computed(()=>n.type==="card"),s=t.computed(()=>n.direction==="vertical"),L=t.computed(()=>n.height!=="auto"?{height:n.height}:{height:`${C.value}px`,overflow:"hidden"}),N=y.throttle(e=>{o(e)},T,{trailing:!0}),B=y.throttle(e=>{D(e)},T);function f(){i.value&&(clearInterval(i.value),i.value=null)}function h(){n.interval<=0||!n.autoplay||i.value||(i.value=setInterval(()=>P(),n.interval))}const P=()=>{r.value<u.value.length-1?r.value=r.value+1:n.loop&&(r.value=0)};function o(e){if(X.isString(e)){const c=u.value.filter(g=>g.props.name===e);c.length>0&&(e=u.value.indexOf(c[0]))}if(e=Number(e),Number.isNaN(e)||e!==Math.floor(e)){Y.debugWarn(S,"index must be integer.");return}const a=u.value.length,l=r.value;e<0?r.value=n.loop?a-1:0:e>=a?r.value=n.loop?0:a-1:r.value=e,l===r.value&&d(l),b()}function d(e){u.value.forEach((a,l)=>{a.translateItem(l,r.value,e)})}function R(e,a){const l=t.unref(u),c=l.length;if(c===0||!e.states.inStage)return!1;const g=a+1,W=a-1,w=c-1,$=l[w].states.active,x=l[0].states.active,G=l[g]?.states?.active,J=l[W]?.states?.active;return a===w&&x||G?"left":a===0&&$||J?"right":!1}function k(){m.value=!0,n.pauseOnHover&&f()}function z(){m.value=!1,h()}function V(e){t.unref(s)||u.value.forEach((a,l)=>{e===R(a,l)&&(a.states.hover=!0)})}function _(){t.unref(s)||u.value.forEach(e=>{e.states.hover=!1})}function j(e){r.value=e}function D(e){n.trigger==="hover"&&e!==r.value&&(r.value=e)}function F(){o(r.value-1)}function K(){o(r.value+1)}function b(){f(),h()}function U(e){n.height==="auto"&&(C.value=e)}t.watch(()=>r.value,(e,a)=>{d(a),a>-1&&E("change",e,a)}),t.watch(()=>n.autoplay,e=>{e?h():f()}),t.watch(()=>n.loop,()=>{o(r.value)}),t.watch(()=>n.interval,()=>{b()}),t.watch(()=>u.value,()=>{u.value.length>0&&o(n.initialIndex)});const I=t.shallowRef();return t.onMounted(()=>{I.value=Q.useResizeObserver(v.value,()=>{d()}),h()}),t.onBeforeUnmount(()=>{f(),v.value&&I.value&&I.value.stop()}),t.provide(p.carouselContextKey,{root:v,isCardType:q,isVertical:s,items:u,loop:n.loop,addItem:O,removeItem:A,setActiveItem:o,setContainerHeight:U}),{root:v,activeIndex:r,arrowDisplay:H,hasLabel:M,hover:m,isCardType:q,items:u,isVertical:s,containerStyle:L,handleButtonEnter:V,handleButtonLeave:_,handleIndicatorClick:j,handleMouseEnter:k,handleMouseLeave:z,setActiveItem:o,prev:F,next:K,throttledArrowClick:N,throttledIndicatorHover:B}};exports.useCarousel=ee;

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

@@ -1,13 +1,13 @@
 import type { CarouselItemContext } from './constants';
 import type { CarouselProps } from './carousel.vue';
 export declare const useCarousel: (props: CarouselProps, emit: any, componentName: string) => {
-    root: import("vue").Ref<HTMLDivElement | undefined>;
-    activeIndex: import("vue").Ref<number>;
+    root: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    activeIndex: import("vue").Ref<number, number>;
     arrowDisplay: import("vue").ComputedRef<boolean>;
     hasLabel: import("vue").ComputedRef<boolean>;
-    hover: import("vue").Ref<boolean>;
+    hover: import("vue").Ref<boolean, boolean>;
     isCardType: import("vue").ComputedRef<boolean>;
-    items: import("vue").ShallowRef<CarouselItemContext[]>;
+    items: import("vue").ShallowRef<CarouselItemContext[], CarouselItemContext[]>;
     isVertical: import("vue").ComputedRef<boolean>;
     containerStyle: import("vue").ComputedRef<{
         height: string | undefined;
@@ -16,7 +16,7 @@ export declare const useCarousel: (props: CarouselProps, emit: any, componentNam
         height: string;
         overflow: string;
     }>;
-    handleButtonEnter: (arrow: 'left' | 'right') => void;
+    handleButtonEnter: (arrow: "left" | "right") => void;
     handleButtonLeave: () => void;
     handleIndicatorClick: (index: number) => void;
     handleMouseEnter: () => void;

package/lib/components/check-tag/check-tag.vue.d.ts

@@ -1,15 +1,17 @@
 export interface CheckTagProps {
     checked?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<CheckTagProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CheckTagProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (value: boolean) => void;
     change: (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CheckTagProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CheckTagProps>>> & Readonly<{
     onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/check-tag/index.d.ts

@@ -1,22 +1,15 @@
 export declare const VftCheckTag: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         checked: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
         onChange?: ((value: boolean) => any) | undefined;
         "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:checked": (value: boolean) => void;
         change: (value: boolean) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        checked: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & {
-        onChange?: ((value: boolean) => any) | undefined;
-        "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -27,24 +20,24 @@ export declare const VftCheckTag: import("vft/es/utils").SFCWithInstall<{
         checked: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
         onChange?: ((value: boolean) => any) | undefined;
         "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     checked: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (value: boolean) => void;
     change: (value: boolean) => void;
-}, string, {}, {}, string, {}> & 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/lib/components/checkbox/checkbox-button.vue.d.ts

@@ -1,13 +1,15 @@
 import type { CheckboxProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<CheckboxProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CheckboxProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CheckboxProps>>> & {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CheckboxProps>>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/checkbox/checkbox-button.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./composables/use-checkbox.cjs");require("../form/index.cjs");const y=require("./constants.cjs"),B=["name","tabindex","disabled","true-value","false-value"],V=["name","tabindex","disabled","value"],g=e.defineComponent({name:"VftCheckboxButton"}),q=e.defineComponent({...g,props:{modelValue:{type:[Number,String,Boolean]},value:{type:[Number,String,Boolean,Object]},label:{},indeterminate:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean},name:{},trueValue:{},falseValue:{},id:{},controls:{},border:{type:Boolean},size:{},tabindex:{},validateEvent:{type:Boolean}},emits:["update:modelValue","change"],setup(b){const v=b,m=e.useSlots(),{isFocused:r,isChecked:d,isDisabled:i,checkboxButtonSize:f,model:a,handleChange:s}=C.useCheckbox(v,m),u=e.inject(y.checkboxGroupContextKey,void 0),t=k.useNamespace("checkbox"),p=e.computed(()=>{var n,o;const l=((n=u==null?void 0:u.fill)==null?void 0:n.value)??"";return{backgroundColor:l,borderColor:l,color:((o=u==null?void 0:u.textColor)==null?void 0:o.value)??"",boxShadow:l?`-1px 0 0 0 ${l}`:void 0}}),c=e.computed(()=>[t.b("button"),t.bm("button",f.value),t.is("disabled",i.value),t.is("checked",d.value),t.is("focus",r.value)]);return(l,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(c.value)},[l.trueValue||l.falseValue?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(a)?a.value=o:null),class:e.normalizeClass(e.unref(t).be("button","original")),type:"checkbox",name:l.name,tabindex:l.tabindex,disabled:e.unref(i),"true-value":l.trueValue,"false-value":l.falseValue,onChange:n[1]||(n[1]=(...o)=>e.unref(s)&&e.unref(s)(...o)),onFocus:n[2]||(n[2]=o=>r.value=!0),onBlur:n[3]||(n[3]=o=>r.value=!1)},null,42,B)),[[e.vModelCheckbox,e.unref(a)]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":n[4]||(n[4]=o=>e.isRef(a)?a.value=o:null),class:e.normalizeClass(e.unref(t).be("button","original")),type:"checkbox",name:l.name,tabindex:l.tabindex,disabled:e.unref(i),value:l.value,onChange:n[5]||(n[5]=(...o)=>e.unref(s)&&e.unref(s)(...o)),onFocus:n[6]||(n[6]=o=>r.value=!0),onBlur:n[7]||(n[7]=o=>r.value=!1)},null,42,V)),[[e.vModelCheckbox,e.unref(a)]]),l.$slots.default||l.value||l.label?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(t).be("button","inner")),style:e.normalizeStyle(e.unref(d)?p.value:void 0)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.label?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])],6)):e.createCommentVNode("",!0)],2))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./composables/use-checkbox.cjs");require("../form/index.cjs");const y=require("./constants.cjs"),B=["name","tabindex","disabled","true-value","false-value"],V=["name","tabindex","disabled","value"],g=e.defineComponent({name:"VftCheckboxButton"}),q=e.defineComponent({...g,props:{modelValue:{type:[Number,String,Boolean]},value:{type:[Number,String,Boolean,Object]},label:{},indeterminate:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean},name:{},trueValue:{},falseValue:{},id:{},controls:{},border:{type:Boolean},size:{},tabindex:{},validateEvent:{type:Boolean}},emits:["update:modelValue","change"],setup(b){const v=b,m=e.useSlots(),{isFocused:a,isChecked:i,isDisabled:s,checkboxButtonSize:p,model:u,handleChange:r}=C.useCheckbox(v,m),d=e.inject(y.checkboxGroupContextKey,void 0),t=k.useNamespace("checkbox"),c=e.computed(()=>{const l=d?.fill?.value??"";return{backgroundColor:l,borderColor:l,color:d?.textColor?.value??"",boxShadow:l?`-1px 0 0 0 ${l}`:void 0}}),f=e.computed(()=>[t.b("button"),t.bm("button",p.value),t.is("disabled",s.value),t.is("checked",i.value),t.is("focus",a.value)]);return(l,o)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(f.value)},[l.trueValue||l.falseValue?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":o[0]||(o[0]=n=>e.isRef(u)?u.value=n:null),class:e.normalizeClass(e.unref(t).be("button","original")),type:"checkbox",name:l.name,tabindex:l.tabindex,disabled:e.unref(s),"true-value":l.trueValue,"false-value":l.falseValue,onChange:o[1]||(o[1]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onFocus:o[2]||(o[2]=n=>a.value=!0),onBlur:o[3]||(o[3]=n=>a.value=!1)},null,42,B)),[[e.vModelCheckbox,e.unref(u)]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":o[4]||(o[4]=n=>e.isRef(u)?u.value=n:null),class:e.normalizeClass(e.unref(t).be("button","original")),type:"checkbox",name:l.name,tabindex:l.tabindex,disabled:e.unref(s),value:l.value,onChange:o[5]||(o[5]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onFocus:o[6]||(o[6]=n=>a.value=!0),onBlur:o[7]||(o[7]=n=>a.value=!1)},null,42,V)),[[e.vModelCheckbox,e.unref(u)]]),l.$slots.default||l.value||l.label?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(t).be("button","inner")),style:e.normalizeStyle(e.unref(i)?c.value:void 0)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.label?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])],6)):e.createCommentVNode("",!0)],2))}});exports.default=q;

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

@@ -14,27 +14,29 @@ export interface CheckboxGroupProps {
     useButton?: boolean;
     options?: (CheckboxProps & Record<string, any>)[];
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxGroupProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxGroupProps>, {
     modelValue: () => never[];
     tag: string;
     validateEvent: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxGroupProps>, {
     modelValue: () => never[];
     tag: string;
     validateEvent: boolean;
-}>>> & {
+}>>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     modelValue: CheckboxGroupValueType;
     tag: string;
     validateEvent: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/checkbox/checkbox-group.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const f=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const m=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const _=require("lodash-es"),k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./checkbox.vue2.cjs"),g=require("./checkbox-button.vue2.cjs"),q=require("./constants.cjs"),i=require("../form/hooks/use-form-item.cjs"),y=e.defineComponent({name:"VftCheckboxGroup"}),x=e.defineComponent({...y,props:{modelValue:{default:()=>[]},disabled:{type:Boolean},min:{},max:{},size:{},label:{},fill:{},textColor:{},tag:{default:"div"},validateEvent:{type:Boolean,default:!0},useButton:{type:Boolean},options:{}},emits:["update:modelValue","change"],setup(d,{emit:c}){const o=d,l=c,p=k.useNamespace("checkbox"),{formItem:r}=i.useFormItem(),{inputId:v,isLabeledByFormItem:n}=i.useFormItemInputId(o,{formItemContext:r}),u=async a=>{l(f.UPDATE_MODEL_EVENT,a),await e.nextTick(),l("change",a)},b=e.computed({get(){return o.modelValue},set(a){u(a)}});return e.provide(q.checkboxGroupContextKey,{..._.pick(e.toRefs(o),["size","min","max","disabled","validateEvent","fill","textColor"]),modelValue:b,changeEvent:u}),e.watch(()=>o.modelValue,()=>{o.validateEvent&&(r==null||r.validate("change").catch(a=>m.debugWarn(a)))}),(a,B)=>{var s;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.tag),{id:e.unref(v),class:e.normalizeClass(e.unref(p).b("group")),role:"group","aria-label":e.unref(n)?void 0:a.label||"checkbox-group","aria-labelledby":e.unref(n)?(s=e.unref(r))==null?void 0:s.labelId:void 0},{default:e.withCtx(()=>[a.options?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.useButton?g.default:h.default),{value:t.value,label:t.label,indeterminate:t.indeterminate,disabled:t.disabled,checked:t.checked,name:t.name,"true-value":t.trueValue,"false-value":t.falseValue,id:t.id,controls:t.controls,border:t.border,size:t.size,tabindex:t.tabindex,"validate-event":t.validateEvent,key:t.value},null,8,["value","label","indeterminate","disabled","checked","name","true-value","false-value","id","controls","border","size","tabindex","validate-event"]))),128)):e.renderSlot(a.$slots,"default",{key:1})]),_:3},8,["id","class","aria-label","aria-labelledby"])}}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const m=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const f=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=require("./checkbox.vue2.cjs"),h=require("./checkbox-button.vue2.cjs"),g=require("./constants.cjs"),s=require("../form/hooks/use-form-item.cjs"),q=e.defineComponent({name:"VftCheckboxGroup"}),y=e.defineComponent({...q,props:{modelValue:{default:()=>[]},disabled:{type:Boolean},min:{},max:{},size:{},label:{},fill:{},textColor:{},tag:{default:"div"},validateEvent:{type:Boolean,default:!0},useButton:{type:Boolean},options:{}},emits:["update:modelValue","change"],setup(i,{emit:d}){const o=i,l=d,c=_.useNamespace("checkbox"),{formItem:r}=s.useFormItem(),{inputId:p,isLabeledByFormItem:n}=s.useFormItemInputId(o,{formItemContext:r}),u=async a=>{l(b.UPDATE_MODEL_EVENT,a),await e.nextTick(),l("change",a)},v=e.computed({get(){return o.modelValue},set(a){u(a)}});return e.provide(g.checkboxGroupContextKey,{...f.pick(e.toRefs(o),["size","min","max","disabled","validateEvent","fill","textColor"]),modelValue:v,changeEvent:u}),e.watch(()=>o.modelValue,()=>{o.validateEvent&&r?.validate("change").catch(a=>m.debugWarn(a))}),(a,x)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.tag),{id:e.unref(p),class:e.normalizeClass(e.unref(c).b("group")),role:"group","aria-label":e.unref(n)?void 0:a.label||"checkbox-group","aria-labelledby":e.unref(n)?e.unref(r)?.labelId:void 0},{default:e.withCtx(()=>[a.options?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.useButton?h.default:k.default),{value:t.value,label:t.label,indeterminate:t.indeterminate,disabled:t.disabled,checked:t.checked,name:t.name,"true-value":t.trueValue,"false-value":t.falseValue,id:t.id,controls:t.controls,border:t.border,size:t.size,tabindex:t.tabindex,"validate-event":t.validateEvent,key:t.value},null,8,["value","label","indeterminate","disabled","checked","name","true-value","false-value","id","controls","border","size","tabindex","validate-event"]))),128)):e.renderSlot(a.$slots,"default",{key:1})]),_:3},8,["id","class","aria-label","aria-labelledby"]))}});exports.default=y;

package/lib/components/checkbox/checkbox.vue.d.ts

@@ -1,19 +1,21 @@
 import type { CheckboxProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxProps>, {
     validateEvent: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckboxProps>, {
     validateEvent: boolean;
-}>>> & {
+}>>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     validateEvent: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/checkbox/composables/use-checkbox-disabled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vft/utils");require("../../form/index.cjs");const s=require("vue"),d=require("../constants.cjs"),m=require("../../form/hooks/use-form-common-props.cjs"),v=({model:t,isChecked:i})=>{const e=s.inject(d.checkboxGroupContextKey,void 0),n=s.computed(()=>{var l,o;const u=(l=e==null?void 0:e.max)==null?void 0:l.value,a=(o=e==null?void 0:e.min)==null?void 0:o.value;return!r.isUndefined(u)&&t.value.length>=u&&!i.value||!r.isUndefined(a)&&t.value.length<=a&&i.value});return{isDisabled:m.useFormDisabled(s.computed(()=>(e==null?void 0:e.disabled.value)||n.value)),isLimitDisabled:n}};exports.useCheckboxDisabled=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vft/utils");require("../../form/index.cjs");const s=require("vue"),c=require("../constants.cjs"),a=require("../../form/hooks/use-form-common-props.cjs"),l=({model:o,isChecked:t})=>{const e=s.inject(c.checkboxGroupContextKey,void 0),i=s.computed(()=>{const u=e?.max?.value,n=e?.min?.value;return!r.isUndefined(u)&&o.value.length>=u&&!t.value||!r.isUndefined(n)&&o.value.length<=n&&t.value});return{isDisabled:a.useFormDisabled(s.computed(()=>e?.disabled.value||i.value)),isLimitDisabled:i}};exports.useCheckboxDisabled=l;

package/lib/components/checkbox/composables/use-checkbox-disabled.d.ts

@@ -1,5 +1,5 @@
 import type { CheckboxModel, CheckboxStatus } from '../composables';
-export declare const useCheckboxDisabled: ({ model, isChecked, }: Pick<CheckboxModel, 'model'> & Pick<CheckboxStatus, 'isChecked'>) => {
+export declare const useCheckboxDisabled: ({ model, isChecked, }: Pick<CheckboxModel, "model"> & Pick<CheckboxStatus, "isChecked">) => {
     isDisabled: import("vue").ComputedRef<boolean>;
     isLimitDisabled: import("vue").ComputedRef<boolean>;
 };

package/lib/components/checkbox/composables/use-checkbox-event.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../form/index.cjs");require("@vueuse/core");require("@vft/utils");const m=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const a=require("vue"),C=require("../constants.cjs"),E=require("../../form/hooks/use-form-item.cjs"),V=(t,{model:u,isLimitExceeded:l,hasOwnLabel:s,isDisabled:v,isLabeledByFormItem:g})=>{const r=a.inject(C.checkboxGroupContextKey,void 0),{formItem:c}=E.useFormItem(),{emit:o}=a.getCurrentInstance();function i(e){return e===t.trueValue||e===!0?t.trueValue??!0:t.falseValue??!1}function h(e,n){o("change",i(e),n)}function f(e){if(l.value)return;const n=e.target;o("change",i(n.checked),e)}async function d(e){l.value||!s.value&&!v.value&&g.value&&(e.composedPath().some(b=>b.tagName==="LABEL")||(u.value=i([!1,t.falseValue].includes(u.value)),await a.nextTick(),h(u.value,e)))}const q=a.computed(()=>(r==null?void 0:r.validateEvent)||t.validateEvent);return a.watch(()=>t.modelValue,()=>{q.value&&(c==null||c.validate("change").catch(e=>m.debugWarn(e)))}),{handleChange:f,onClickRoot:d}};exports.useCheckboxEvent=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../form/index.cjs");require("@vueuse/core");require("@vft/utils");const q=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const a=require("vue"),k=require("../constants.cjs"),C=require("../../form/hooks/use-form-item.cjs"),E=(t,{model:u,isLimitExceeded:c,hasOwnLabel:i,isDisabled:l,isLabeledByFormItem:s})=>{const v=a.inject(k.checkboxGroupContextKey,void 0),{formItem:h}=C.useFormItem(),{emit:o}=a.getCurrentInstance();function r(e){return e===t.trueValue||e===!0?t.trueValue??!0:t.falseValue??!1}function f(e,n){o("change",r(e),n)}function g(e){if(c.value)return;const n=e.target;o("change",r(n.checked),e)}async function d(e){c.value||!i.value&&!l.value&&s.value&&(e.composedPath().some(b=>b.tagName==="LABEL")||(u.value=r([!1,t.falseValue].includes(u.value)),await a.nextTick(),f(u.value,e)))}const m=a.computed(()=>v?.validateEvent||t.validateEvent);return a.watch(()=>t.modelValue,()=>{m.value&&h?.validate("change").catch(e=>q.debugWarn(e))}),{handleChange:g,onClickRoot:d}};exports.useCheckboxEvent=E;

package/lib/components/checkbox/composables/use-checkbox-event.d.ts

@@ -1,7 +1,7 @@
 import type { useFormItemInputId } from 'vft/es/components/form';
 import type { CheckboxDisabled, CheckboxModel, CheckboxStatus } from '../composables';
 import type { CheckboxProps } from '../types';
-export declare const useCheckboxEvent: (props: CheckboxProps, { model, isLimitExceeded, hasOwnLabel, isDisabled, isLabeledByFormItem, }: Pick<CheckboxModel, 'model' | 'isLimitExceeded'> & Pick<CheckboxStatus, 'hasOwnLabel'> & Pick<CheckboxDisabled, 'isDisabled'> & Pick<ReturnType<typeof useFormItemInputId>, 'isLabeledByFormItem'>) => {
+export declare const useCheckboxEvent: (props: CheckboxProps, { model, isLimitExceeded, hasOwnLabel, isDisabled, isLabeledByFormItem, }: Pick<CheckboxModel, "model" | "isLimitExceeded"> & Pick<CheckboxStatus, "hasOwnLabel"> & Pick<CheckboxDisabled, "isDisabled"> & Pick<ReturnType<typeof useFormItemInputId>, "isLabeledByFormItem">) => {
     handleChange: (e: Event) => void;
     onClickRoot: (e: MouseEvent) => Promise<void>;
 };