vft 0.0.48 → 0.0.51

package/lib/components/clamp-toggle/index.d.ts

@@ -32,7 +32,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     size: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -40,7 +40,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     toggleSize: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {
@@ -81,7 +81,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     size: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -89,7 +89,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     toggleSize: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {

package/lib/components/collapse-transition/src/collapse-transition.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const s=e.defineComponent({name:"VtfCollapseTransition"}),i=e.defineComponent({...s,setup(n){const o=a.useNamespace("collapse-transition"),d={beforeEnter(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0},enter(t){t.dataset.oldOverflow=t.style.overflow,t.scrollHeight!==0?(t.style.maxHeight=`${t.scrollHeight}px`,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom):(t.style.maxHeight=0,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom),t.style.overflow="hidden"},afterEnter(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow},beforeLeave(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.dataset.oldOverflow=t.style.overflow,t.style.maxHeight=`${t.scrollHeight}px`,t.style.overflow="hidden"},leave(t){t.scrollHeight!==0&&(t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0)},afterLeave(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom}};return(t,r)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(o).b()},e.toHandlers(d)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const s=e.defineComponent({name:"VtfCollapseTransition"}),i=e.defineComponent({...s,setup(n){const o=a.useNamespace("collapse-transition"),d={beforeEnter(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0},enter(t){t.dataset.oldOverflow=t.style.overflow,t.scrollHeight!==0?(t.style.maxHeight=`${t.scrollHeight}px`,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom):(t.style.maxHeight=0,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom),t.style.overflow="hidden"},afterEnter(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow},beforeLeave(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.dataset.oldOverflow=t.style.overflow,t.style.maxHeight=`${t.scrollHeight}px`,t.style.overflow="hidden"},leave(t){t.scrollHeight!==0&&(t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0)},afterLeave(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom}};return(t,r)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(o).b()},e.toHandlers(d)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});exports.default=i;

package/lib/components/collection/collection-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./collection-item.vue2.cjs");exports.default=e.default;

package/lib/components/collection/collection-item.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/lib/components/collection/collection-item.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=e.defineComponent({name:"VftCollectionItem",inheritAttrs:!1}),o=e.defineComponent({...n,setup(r){return(t,s)=>e.renderSlot(t.$slots,"default")}});exports.default=o;

package/lib/components/collection/collection.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./collection.vue2.cjs"),p=require("./collection-item.vue2.cjs"),_="data-vft-collection-item",O=I=>{const l=`Vft${I}Collection`,s=`${l}Item`,r=Symbol(l),u=Symbol(s),f={...a.default,name:l,setup(){const i=e.ref(null),c=new Map,o=()=>{const n=e.unref(i);if(!n)return[];const t=Array.from(n.querySelectorAll(`[${_}]`));return[...c.values()].sort((C,E)=>t.indexOf(C.ref)-t.indexOf(E.ref))};e.provide(r,{itemMap:c,getItems:o,collectionRef:i})}},m={...p.default,name:s,setup(i,{attrs:c}){const o=e.ref(null),n=e.inject(r,void 0);e.provide(u,{collectionItemRef:o}),e.onMounted(()=>{const t=e.unref(o);t&&n.itemMap.set(t,{ref:t,...c})}),e.onBeforeUnmount(()=>{const t=e.unref(o);n.itemMap.delete(t)})}};return{COLLECTION_INJECTION_KEY:r,COLLECTION_ITEM_INJECTION_KEY:u,VftCollection:f,VftCollectionItem:m}};exports.COLLECTION_ITEM_SIGN=_;exports.createCollectionWithScope=O;

package/lib/components/collection/collection.d.ts

@@ -0,0 +1,242 @@
+import type { InjectionKey } from 'vue';
+import type { SetupContext } from '@vue/runtime-core';
+import type { VftCollectionInjectionContext, VftCollectionItemInjectionContext } from './tokens';
+export declare const COLLECTION_ITEM_SIGN = "data-vft-collection-item";
+export declare const createCollectionWithScope: (name: string) => {
+    COLLECTION_INJECTION_KEY: InjectionKey<VftCollectionInjectionContext>;
+    COLLECTION_ITEM_INJECTION_KEY: InjectionKey<VftCollectionItemInjectionContext>;
+    VftCollection: {
+        name: string;
+        setup(): void;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?(): void | Promise<any>;
+        compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+        call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+        __defaults?: {} | undefined;
+        compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+        }) | undefined;
+        data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+        computed?: {} | undefined;
+        methods?: {} | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+        extends?: import("vue").ComponentOptionsMixin | undefined;
+        beforeCreate?(): void;
+        created?(): void;
+        beforeMount?(): void;
+        mounted?(): void;
+        beforeUpdate?(): void;
+        updated?(): void;
+        activated?(): void;
+        deactivated?(): void;
+        beforeDestroy?(): void;
+        beforeUnmount?(): void;
+        destroyed?(): void;
+        unmounted?(): void;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+        beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+        beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        class?: unknown;
+        style?: unknown;
+    };
+    VftCollectionItem: {
+        name: string;
+        setup(_: unknown, { attrs }: SetupContext): void;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?(): void | Promise<any>;
+        compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+        call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+        __defaults?: {} | undefined;
+        compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+        }) | undefined;
+        data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+        computed?: {} | undefined;
+        methods?: {} | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+        extends?: import("vue").ComponentOptionsMixin | undefined;
+        beforeCreate?(): void;
+        created?(): void;
+        beforeMount?(): void;
+        mounted?(): void;
+        beforeUpdate?(): void;
+        updated?(): void;
+        activated?(): void;
+        deactivated?(): void;
+        beforeDestroy?(): void;
+        beforeUnmount?(): void;
+        destroyed?(): void;
+        unmounted?(): void;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+        beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+        beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        class?: unknown;
+        style?: unknown;
+    };
+};

package/lib/components/collection/collection.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./collection.vue2.cjs");exports.default=e.default;

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

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/lib/components/collection/collection.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=e.defineComponent({inheritAttrs:!1}),o=e.defineComponent({...n,__name:"collection",setup(r){return(t,s)=>e.renderSlot(t.$slots,"default")}});exports.default=o;

package/lib/components/collection/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./collection.cjs");exports.COLLECTION_ITEM_SIGN=e.COLLECTION_ITEM_SIGN;exports.createCollectionWithScope=e.createCollectionWithScope;

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

@@ -0,0 +1,2 @@
+export * from './collection';
+export * from './tokens';

package/lib/components/collection/tokens.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/collection/tokens.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+export type CollectionItem<T = Record<string, any>> = {
+    ref: HTMLElement | null;
+} & T;
+export type VftCollectionInjectionContext = {
+    itemMap: Map<HTMLElement, CollectionItem>;
+    getItems: <T>() => CollectionItem<T>[];
+    collectionRef: Ref<HTMLElement | null>;
+};
+export type VftCollectionItemInjectionContext = {
+    collectionItemRef: Ref<HTMLElement | null>;
+};

package/lib/components/color-picker/color-picker.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./color-picker.vue2.cjs");exports.default=e.default;

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

@@ -0,0 +1,124 @@
+import type { PropType as __PropType } from 'vue';
+import { type ComponentSize } from 'vft/es/constants';
+import Color from './utils/color';
+export interface ColorPickerProps {
+    modelValue?: string;
+    id?: string;
+    showAlpha?: boolean;
+    colorFormat?: string;
+    disabled?: boolean;
+    size?: ComponentSize;
+    popperClass?: string;
+    label?: string;
+    tabindex?: string | number;
+    predefine?: string[];
+    validateEvent?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showAlpha: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    colorFormat: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+        default: number;
+    };
+    predefine: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {
+    /**
+     * @description current color object
+     */
+    color: Color;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange")[], "update:modelValue" | "change" | "activeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showAlpha: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    colorFormat: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+        default: number;
+    };
+    predefine: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onActiveChange?: ((...args: any[]) => any) | undefined;
+}, {
+    validateEvent: boolean | undefined;
+    tabindex: string | number | undefined;
+}>;
+export default _sfc_main;

package/lib/components/color-picker/color-picker.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("lodash"),x=require("../button/index.cjs"),z=require("../icon/index.cjs"),G=require("@vft/directives"),H=require("../tooltip/index.cjs"),J=require("../input/index.cjs");require("../form/index.cjs");const Q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const m=require("../../constants/event.cjs"),X=require("./components/alpha-slider.vue2.cjs"),Y=require("./contants.cjs"),Z=require("./components/hue-slider.vue.cjs"),ee=require("./components/predefine.vue.cjs"),le=require("./components/sv-panel.vue.cjs"),V=require("./utils/color.cjs"),T=require("../form/hooks/use-form-item.cjs"),A=require("../form/hooks/use-form-common-props.cjs"),oe=["id","aria-label","aria-labelledby","aria-description","tabindex","onKeydown"],re=e.defineComponent({name:"VftColorPicker"}),ne=e.defineComponent({...re,props:{modelValue:null,id:null,showAlpha:{type:Boolean},colorFormat:null,disabled:{type:Boolean},size:null,popperClass:null,label:null,tabindex:{default:0},predefine:null,validateEvent:{type:Boolean,default:!0}},emits:[m.UPDATE_MODEL_EVENT,m.CHANGE_EVENT,"activeChange"],setup(t,{expose:S,emit:i}){const r=t,o=Q.useNamespace("color"),{formItem:u}=T.useFormItem(),$=A.useFormSize(),v=A.useFormDisabled(),{inputId:P,isLabeledByFormItem:C}=T.useFormItemInputId(r,{formItemContext:u}),w=e.ref(),_=e.ref(),g=e.ref(),D=e.ref();let b=!0;const n=e.reactive(new V.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue})),f=e.ref(!1),c=e.ref(!1),d=e.ref(""),F=e.computed(()=>!r.modelValue&&!c.value?"transparent":M(n,r.showAlpha)),h=e.computed(()=>!r.modelValue&&!c.value?"":n.value),I=e.computed(()=>C.value?void 0:r.label||"色彩选择器"),K=e.computed(()=>C.value?u==null?void 0:u.labelId:void 0),L=e.computed(()=>[o.b("picker"),o.is("disabled",v.value),o.bm("picker",$.value)]);function M(l,a){if(!(l instanceof V.default))throw new TypeError("color should be instance of _color Class");const{r:s,g:q,b:N}=l.toRgb();return a?`rgba(${s}, ${q}, ${N}, ${l.get("alpha")/100})`:`rgb(${s}, ${q}, ${N})`}function O(l){f.value=l}const p=j.debounce(O,100);function U(){p(!1),k()}function k(){e.nextTick(()=>{r.modelValue?n.fromString(r.modelValue):(n.value="",e.nextTick(()=>{c.value=!1}))})}function y(){v.value||p(!f.value)}function E(){n.fromString(d.value)}function R(){const l=n.value;i(m.UPDATE_MODEL_EVENT,l),i("change",l),r.validateEvent&&(u==null||u.validate("change").catch(a=>B.debugWarn(a))),p(!1),e.nextTick(()=>{const a=new V.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue});n.compare(a)||k()})}function W(){p(!1),i(m.UPDATE_MODEL_EVENT,null),i("change",null),r.modelValue!==null&&r.validateEvent&&(u==null||u.validate("change").catch(l=>B.debugWarn(l))),k()}return e.onMounted(()=>{r.modelValue&&(d.value=h.value)}),e.watch(()=>r.modelValue,l=>{l?l&&l!==n.value&&(b=!1,n.fromString(l)):c.value=!1}),e.watch(()=>h.value,l=>{d.value=l,b&&i("activeChange",l),b=!0}),e.watch(()=>n.value,()=>{!r.modelValue&&!c.value&&(c.value=!0)}),e.watch(()=>f.value,()=>{e.nextTick(()=>{var l,a,s;(l=w.value)==null||l.update(),(a=_.value)==null||a.update(),(s=g.value)==null||s.update()})}),e.provide(Y.colorPickerContextKey,{currentColor:h}),S({color:n}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(H.VftTooltip),{ref_key:"popper",ref:D,visible:f.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(o).be("picker","panel"),e.unref(o).b("dropdown"),t.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",transition:`${e.unref(o).namespace.value}-zoom-in-top`,persistent:""},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("dropdown","main-wrapper"))},[e.createVNode(Z.default,{ref_key:"hue",ref:w,class:"hue-slider",color:e.unref(n),vertical:""},null,8,["color"]),e.createVNode(le.default,{ref:"svPanel",color:e.unref(n)},null,8,["color"])],2),t.showAlpha?(e.openBlock(),e.createBlock(X.default,{key:0,ref_key:"alpha",ref:g,color:e.unref(n)},null,8,["color"])):e.createCommentVNode("",!0),t.predefine?(e.openBlock(),e.createBlock(ee.default,{key:1,ref:"predefine",color:e.unref(n),colors:t.predefine},null,8,["color","colors"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("dropdown","btns"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).be("dropdown","value"))},[e.createVNode(e.unref(J.VftInput),{modelValue:d.value,"onUpdate:modelValue":a[0]||(a[0]=s=>d.value=s),"validate-event":!1,size:"small",onKeyup:e.withKeys(E,["enter"]),onBlur:E},null,8,["modelValue","onKeyup"])],2),e.createVNode(e.unref(x.VftButton),{class:e.normalizeClass(e.unref(o).be("dropdown","link-btn")),text:"",size:"small",onClick:W},{default:e.withCtx(()=>[e.createTextVNode(" 取消 ")]),_:1},8,["class"]),e.createVNode(e.unref(x.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(o).be("dropdown","btn")),onClick:R},{default:e.withCtx(()=>[e.createTextVNode(" 确认 ")]),_:1},8,["class"])],2)])),[[e.unref(G.ClickOutside),U]])]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(P),class:e.normalizeClass(e.unref(L)),role:"button","aria-label":e.unref(I),"aria-labelledby":e.unref(K),"aria-description":`目前色彩為 {color}。按一下 Enter 以選擇新色彩${t.modelValue}`,tabindex:t.tabindex,onKeydown:e.withKeys(y,["enter"])},[e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("picker","mask"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("picker","trigger")),onClick:y},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(o).be("picker","color"),e.unref(o).is("alpha",t.showAlpha)])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:e.unref(F)})},[e.withDirectives(e.createVNode(e.unref(z.VftIcon),{icon:"ico-ep:arrow-down",class:e.normalizeClass([e.unref(o).be("picker","icon"),e.unref(o).is("icon-arrow-down")])},null,8,["class"]),[[e.vShow,t.modelValue||c.value]]),!t.modelValue&&!c.value?(e.openBlock(),e.createBlock(e.unref(z.VftIcon),{key:0,icon:"ico-ep:circle-close",class:e.normalizeClass([e.unref(o).be("picker","empty"),e.unref(o).is("icon-close")])},null,8,["class"])):e.createCommentVNode("",!0)],6)],2)],2)],42,oe)]),_:1},8,["visible","popper-class","transition"]))}});exports.default=ne;

package/lib/components/color-picker/components/alpha-slider.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./alpha-slider.vue2.cjs");exports.default=e.default;

package/lib/components/color-picker/components/alpha-slider.vue.d.ts

@@ -0,0 +1,42 @@
+import type { PropType as __PropType } from 'vue';
+import type Color from '../utils/color';
+export interface AlphaSliderProps {
+    color: Color;
+    vertical?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    color: {
+        type: __PropType<Color>;
+        required: true;
+    };
+    vertical: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description update alpha slider manually
+     * @type {Function}
+     */
+    update: () => void;
+    /**
+     * @description bar element ref
+     * @type {HTMLElement}
+     */
+    bar: import("vue").ShallowRef<HTMLElement | undefined>;
+    /**
+     * @description thumb element ref
+     * @type {HTMLElement}
+     */
+    thumb: import("vue").ShallowRef<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: __PropType<Color>;
+        required: true;
+    };
+    vertical: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/color-picker/components/alpha-slider.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../composables/use-alpha-slider.cjs"),y="VftColorAlphaSlider",S=e.defineComponent({name:y}),h=e.defineComponent({...S,props:{color:null,vertical:{type:Boolean}},setup(a,{expose:u}){const t=a,{bar:l,thumb:r,handleDrag:i,handleClick:n}=s.useAlphaSlider(t),{rootKls:c,barKls:d,barStyle:f,thumbKls:m,thumbStyle:p,update:_}=s.useAlphaSliderDOM(t,{bar:l,thumb:r,handleDrag:i});return u({update:_,bar:l,thumb:r}),(C,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c))},[e.createElementVNode("div",{ref_key:"bar",ref:l,class:e.normalizeClass(e.unref(d)),style:e.normalizeStyle(e.unref(f)),onClick:o[0]||(o[0]=(...b)=>e.unref(n)&&e.unref(n)(...b))},null,6),e.createElementVNode("div",{ref_key:"thumb",ref:r,class:e.normalizeClass(e.unref(m)),style:e.normalizeStyle(e.unref(p))},null,6)],2))}});exports.default=h;

package/lib/components/color-picker/components/hue-slider.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./hue-slider.vue2.cjs"),l=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs");function u(e,r,i,o,d,p){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([e.ns.b(),e.ns.is("vertical",e.vertical)])},[l.createElementVNode("div",{ref:"bar",class:l.normalizeClass(e.ns.e("bar")),onClick:r[0]||(r[0]=(...n)=>e.handleClick&&e.handleClick(...n))},null,2),l.createElementVNode("div",{ref:"thumb",class:l.normalizeClass(e.ns.e("thumb")),style:l.normalizeStyle({left:e.thumbLeft+"px",top:e.thumbTop+"px"})},null,6)],2)}const a=t.default(s.default,[["render",u]]);exports.default=a;

package/lib/components/color-picker/components/hue-slider.vue.d.ts

@@ -0,0 +1,44 @@
+import type { PropType } from 'vue';
+import type Color from '../utils/color';
+declare const _sfc_main: import("vue").DefineComponent<{
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+    vertical: BooleanConstructor;
+}, {
+    bar: import("vue").Ref<HTMLElement | undefined>;
+    thumb: import("vue").Ref<HTMLElement | undefined>;
+    thumbLeft: import("vue").Ref<number>;
+    thumbTop: import("vue").Ref<number>;
+    hueValue: import("vue").ComputedRef<any>;
+    handleClick: (event: MouseEvent | TouchEvent) => void;
+    update: () => void;
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+    vertical: BooleanConstructor;
+}>>, {
+    vertical: boolean;
+}>;
+export default _sfc_main;

package/lib/components/color-picker/components/hue-slider.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../../utils/ns-cover.cjs");const W=require("../../../utils/dom/position.cjs"),T=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const v=require("../utils/draggable.cjs"),_=n.defineComponent({name:"VftColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(o){const m=T.useNamespace("color-hue-slider"),a=n.getCurrentInstance(),e=n.ref(),l=n.ref(),s=n.ref(0),d=n.ref(0),g=n.computed(()=>o.color.get("hue"));n.watch(()=>g.value,()=>{c()});function q(t){t.target!==e.value&&f(t)}function f(t){if(!l.value||!e.value)return;const i=a.vnode.el.getBoundingClientRect(),{clientX:C,clientY:H}=W.getClientXY(t);let h;if(o.vertical){let u=H-i.top;u=Math.min(u,i.height-e.value.offsetHeight/2),u=Math.max(e.value.offsetHeight/2,u),h=Math.round((u-e.value.offsetHeight/2)/(i.height-e.value.offsetHeight)*360)}else{let u=C-i.left;u=Math.min(u,i.width-e.value.offsetWidth/2),u=Math.max(e.value.offsetWidth/2,u),h=Math.round((u-e.value.offsetWidth/2)/(i.width-e.value.offsetWidth)*360)}o.color.set("hue",h)}function b(){if(!e.value)return 0;const t=a.vnode.el;if(o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetWidth-e.value.offsetWidth/2)/360):0}function M(){if(!e.value)return 0;const t=a.vnode.el;if(!o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetHeight-e.value.offsetHeight/2)/360):0}function c(){s.value=b(),d.value=M()}return n.onMounted(()=>{if(!l.value||!e.value)return;const t={drag:r=>{f(r)},end:r=>{f(r)}};v.draggable(l.value,t),v.draggable(e.value,t),c()}),{bar:l,thumb:e,thumbLeft:s,thumbTop:d,hueValue:g,handleClick:q,update:c,ns:m}}});exports.default=_;

package/lib/components/color-picker/components/predefine.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./predefine.vue2.cjs"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs"),t=["onClick"];function a(l,u,i,d,p,v){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.ns.b())},[e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("colors"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.rgbaColors,(r,o)=>(e.openBlock(),e.createElementBlock("div",{key:l.colors[o],class:e.normalizeClass([l.ns.e("color-selector"),l.ns.is("alpha",r._alpha<100),{selected:r.selected}]),onClick:k=>l.handleSelect(o)},[e.createElementVNode("div",{style:e.normalizeStyle({backgroundColor:r.value})},null,4)],10,t))),128))],2)],2)}const c=s.default(n.default,[["render",a]]);exports.default=c;