vft 0.0.239 → 0.0.240

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

@@ -1,13 +1,5 @@
 import type { ClampProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ClampProps>, {
-    isClamped: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "clamp-change": (data: boolean) => void;
-    "update:expanded": (data: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>> & {
-    "onClamp-change"?: ((data: boolean) => any) | undefined;
-    "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-}, {}, {}>, {
+declare function __VLS_template(): {
     before?(_: {
         expand: () => void;
         collapse: () => void;
@@ -22,7 +14,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         clamped: boolean;
         expanded: boolean;
     }): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>, {
+    isClamped: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "clamp-change": (data: boolean) => void;
+    "update:expanded": (data: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>> & Readonly<{
+    "onClamp-change"?: ((data: boolean) => any) | undefined;
+    "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/clamp/clamp.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),$=require("@vft/utils"),b=require("resize-detector/dist"),q=["title","aria-label"],O=l.defineComponent({name:"vft-clamp"}),U=l.defineComponent({...O,props:{text:{},maxHeight:{},maxLines:{default:1},expanded:{type:Boolean,default:!1},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},location:{default:"end"}},emits:["clamp-change","update:expanded"],setup(e,{expose:w,emit:L}){const g=L,n=l.ref(null),f=l.ref(null),r=l.ref(null),a=l.reactive({offset:0,localExpanded:e.expanded,unregisterResizeCallback:null}),z=l.computed(()=>{if(!a.localExpanded&&e.maxHeight)return $.addUnit(e.maxHeight)}),v=()=>{r.value&&(r.value.textContent=j.value)},d=()=>{a.localExpanded||(v(),(u()||i.value)&&m())},E=()=>{e.text&&(a.offset=e.text.length,k(),e.autoResize&&n.value&&(b.addListener(n.value,d),a.unregisterResizeCallback=()=>{n.value&&b.removeListener(n.value,d)}),d())},k=()=>{var t;(t=a.unregisterResizeCallback)==null||t.call(a)},u=()=>!e.maxLines&&!e.maxHeight||!n.value?!1:e.maxLines&&x()>e.maxLines?!0:!!(e.maxHeight&&n.value.scrollHeight>n.value.offsetHeight),x=()=>f.value?Object.keys(Array.prototype.slice.call(f.value.getClientRects()).reduce((t,{top:c,bottom:s})=>{const o=`${c}/${s}`;return t[o]||(t[o]=!0),t},{})).length:0,m=(...t)=>{const[c=0,s=a.offset]=t;if(s-c<=3){T();return}const o=Math.floor((s+c)/2);h(o),u()?m(c,o):m(o,s)},h=t=>{a.offset=t,v()},T=()=>{M(),S()},M=()=>{for(;(!u()||x()<2)&&a.offset<e.text.length;)y(1)},S=()=>{for(;u()&&x()>1&&a.offset>0;)y(-1)},y=t=>{h(a.offset+t)},i=l.computed(()=>e.text?a.offset!==e.text.length:!1);l.watch(()=>i.value,t=>{l.nextTick(()=>{g("clamp-change",t)})},{immediate:!0});const j=l.computed(()=>i.value?B.value:e.text),B=l.computed(()=>{if(e.location==="start")return e.ellipsis+(e.text.slice(0,a.offset)||"").trim();if(e.location==="middle"){const t=Math.floor(a.offset/2);return(e.text.slice(0,t)||"").trim()+e.ellipsis+(e.text.slice(-t)||"").trim()}return(e.text.slice(0,a.offset)||"").trim()+e.ellipsis}),R=()=>{a.localExpanded=!0},C=()=>{a.localExpanded=!1},H=()=>{a.localExpanded=!a.localExpanded};return l.watch(()=>e.expanded,t=>{a.localExpanded=t}),l.watch(()=>a.localExpanded,t=>{t?h(e.text.length):d(),e.expanded!==t&&g("update:expanded",t)}),l.watch(()=>[e.maxLines,e.maxHeight,e.ellipsis,e.location,i.value].join(),()=>{l.nextTick(()=>{d()})}),l.watch(()=>[e.text,e.autoResize].join(),()=>{l.nextTick(()=>{E()})}),l.onUnmounted(()=>{k()}),l.onMounted(()=>{E()}),w({isClamped:i}),(t,c)=>(l.openBlock(),l.createElementBlock("div",{ref_key:"textClampRef",ref:n,class:"text-clamp",style:l.normalizeStyle({overflow:"hidden",maxHeight:z.value})},[l.createElementVNode("span",{ref_key:"contentRef",ref:f},[l.renderSlot(t.$slots,"before",{expand:R,collapse:C,toggle:H,clamped:i.value,expanded:a.localExpanded}),l.createElementVNode("span",{ref_key:"textRef",ref:r,title:t.text,"aria-label":t.text},null,8,q),l.renderSlot(t.$slots,"after",{expand:R,collapse:C,toggle:H,clamped:i.value,expanded:a.localExpanded})],512)],4))}});exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),g=require("@vft/utils"),$=["title","aria-label"],O=t.defineComponent({name:"vft-clamp"}),U=t.defineComponent({...O,props:{text:{},maxHeight:{},maxLines:{default:1},expanded:{type:Boolean,default:!1},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},location:{default:"end"}},emits:["clamp-change","update:expanded"],setup(e,{expose:w,emit:L}){const v=L,n=t.ref(null),f=t.ref(null),r=t.ref(null),a=t.reactive({offset:0,localExpanded:e.expanded,unregisterResizeCallback:null}),z=t.computed(()=>{if(!a.localExpanded&&e.maxHeight)return g.addUnit(e.maxHeight)}),E=()=>{r.value&&(r.value.textContent=j.value)},s=()=>{a.localExpanded||(E(),(u()||i.value)&&m())},k=()=>{e.text&&(a.offset=e.text.length,y(),e.autoResize&&n.value&&(g.addListener(n.value,s),a.unregisterResizeCallback=()=>{n.value&&g.removeListener(n.value,s)}),s())},y=()=>{a.unregisterResizeCallback?.()},u=()=>!e.maxLines&&!e.maxHeight||!n.value?!1:e.maxLines&&x()>e.maxLines?!0:!!(e.maxHeight&&n.value.scrollHeight>n.value.offsetHeight),x=()=>f.value?Object.keys(Array.prototype.slice.call(f.value.getClientRects()).reduce((l,{top:c,bottom:d})=>{const o=`${c}/${d}`;return l[o]||(l[o]=!0),l},{})).length:0,m=(...l)=>{const[c=0,d=a.offset]=l;if(d-c<=3){T();return}const o=Math.floor((d+c)/2);h(o),u()?m(c,o):m(o,d)},h=l=>{a.offset=l,E()},T=()=>{M(),S()},M=()=>{for(;(!u()||x()<2)&&a.offset<e.text.length;)R(1)},S=()=>{for(;u()&&x()>1&&a.offset>0;)R(-1)},R=l=>{h(a.offset+l)},i=t.computed(()=>e.text?a.offset!==e.text.length:!1);t.watch(()=>i.value,l=>{t.nextTick(()=>{v("clamp-change",l)})},{immediate:!0});const j=t.computed(()=>i.value?B.value:e.text),B=t.computed(()=>{if(e.location==="start")return e.ellipsis+(e.text.slice(0,a.offset)||"").trim();if(e.location==="middle"){const l=Math.floor(a.offset/2);return(e.text.slice(0,l)||"").trim()+e.ellipsis+(e.text.slice(-l)||"").trim()}return(e.text.slice(0,a.offset)||"").trim()+e.ellipsis}),C=()=>{a.localExpanded=!0},H=()=>{a.localExpanded=!1},b=()=>{a.localExpanded=!a.localExpanded};return t.watch(()=>e.expanded,l=>{a.localExpanded=l}),t.watch(()=>a.localExpanded,l=>{l?h(e.text.length):s(),e.expanded!==l&&v("update:expanded",l)}),t.watch(()=>[e.maxLines,e.maxHeight,e.ellipsis,e.location,i.value].join(),()=>{t.nextTick(()=>{s()})}),t.watch(()=>[e.text,e.autoResize].join(),()=>{t.nextTick(()=>{k()})}),t.onUnmounted(()=>{y()}),t.onMounted(()=>{k()}),w({isClamped:i}),(l,c)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"textClampRef",ref:n,class:"text-clamp",style:t.normalizeStyle({overflow:"hidden",maxHeight:z.value})},[t.createElementVNode("span",{ref_key:"contentRef",ref:f},[t.renderSlot(l.$slots,"before",{expand:C,collapse:H,toggle:b,clamped:i.value,expanded:a.localExpanded}),t.createElementVNode("span",{ref_key:"textRef",ref:r,title:l.text,"aria-label":l.text},null,8,$),t.renderSlot(l.$slots,"after",{expand:C,collapse:H,toggle:b,clamped:i.value,expanded:a.localExpanded})],512)],4))}});exports.default=U;

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

@@ -1,5 +1,5 @@
 export declare const VftClamp: 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<{
         text: {
             type: import("vue").PropType<string>;
             required: true;
@@ -22,41 +22,15 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
         location: {
             type: import("vue").PropType<"start" | "end" | "middle">;
         };
-    }>> & {
+    }>> & Readonly<{
         "onClamp-change"?: ((data: boolean) => any) | undefined;
         "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-    }, {
+    }>, {
         isClamped: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "clamp-change": (data: boolean) => void;
         "update:expanded": (data: boolean) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        text: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        maxHeight: {
-            type: import("vue").PropType<string | number>;
-        };
-        maxLines: {
-            type: import("vue").PropType<number>;
-        };
-        expanded: {
-            type: import("vue").PropType<boolean>;
-        };
-        ellipsis: {
-            type: import("vue").PropType<string>;
-        };
-        autoResize: {
-            type: import("vue").PropType<boolean>;
-        };
-        location: {
-            type: import("vue").PropType<"start" | "end" | "middle">;
-        };
-    }>> & {
-        "onClamp-change"?: ((data: boolean) => any) | undefined;
-        "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -86,15 +60,15 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
         location: {
             type: import("vue").PropType<"start" | "end" | "middle">;
         };
-    }>> & {
+    }>> & Readonly<{
         "onClamp-change"?: ((data: boolean) => any) | undefined;
         "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-    }, {
+    }>, {
         isClamped: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
@@ -118,15 +92,15 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
     location: {
         type: import("vue").PropType<"start" | "end" | "middle">;
     };
-}>> & {
+}>> & Readonly<{
     "onClamp-change"?: ((data: boolean) => any) | undefined;
     "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-}, {
+}>, {
     isClamped: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "clamp-change": (data: boolean) => void;
     "update:expanded": (data: 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: {
         before?(_: {
             expand: () => void;

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

@@ -12,7 +12,7 @@ interface ClampProps {
     toggleSize?: string | number;
     toggleText?: Array<string>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ClampProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,4 +1,4 @@
-export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
         required: true;
@@ -36,7 +36,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
     toggleText: {
         type: import("vue").PropType<string[]>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
         required: true;
@@ -74,5 +74,5 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
     toggleText: {
         type: import("vue").PropType<string[]>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftClampToggle;

package/lib/components/clamp-tooltip/clamp-tooltip.vue.d.ts

@@ -1,5 +1,5 @@
 import type { ClampTooltipProps } from './types';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ClampTooltipProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampTooltipProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampTooltipProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampTooltipProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/clamp-tooltip/clamp-tooltip.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vueuse/core"),p=require("../clamp/index.cjs"),i=require("../tooltip/index.cjs"),c=e.defineComponent({__name:"clamp-tooltip",props:{showTooltip:{type:Boolean},tooltipCfg:{},text:{},maxHeight:{},maxLines:{},expanded:{type:Boolean},ellipsis:{},autoResize:{type:Boolean},location:{}},setup(s){const o=e.ref(),[r,l]=a.createReusableTemplate();return(t,u)=>{var n;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(r),null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.VftClamp),e.mergeProps({ref_key:"clampRef",ref:o},t.$props),null,16)]),_:1}),t.showTooltip?(e.openBlock(),e.createBlock(e.unref(i.VftTooltip),e.mergeProps({key:0,disabled:!((n=o.value)!=null&&n.isClamped),content:t.text},t.tooltipCfg),{default:e.withCtx(()=>[e.createVNode(e.unref(l))]),_:1},16,["disabled","content"])):(e.openBlock(),e.createBlock(e.unref(l),{key:1}))],64)}}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vueuse/core"),a=require("../clamp/index.cjs"),p=require("../tooltip/index.cjs"),i=e.defineComponent({__name:"clamp-tooltip",props:{showTooltip:{type:Boolean},tooltipCfg:{},text:{},maxHeight:{},maxLines:{},expanded:{type:Boolean},ellipsis:{},autoResize:{type:Boolean},location:{}},setup(c){const o=e.ref(),[n,l]=r.createReusableTemplate();return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n),null,{default:e.withCtx(()=>[e.createVNode(e.unref(a.VftClamp),e.mergeProps({ref_key:"clampRef",ref:o},t.$props),null,16)]),_:1}),t.showTooltip?(e.openBlock(),e.createBlock(e.unref(p.VftTooltip),e.mergeProps({key:0,disabled:!o.value?.isClamped,content:t.text},t.tooltipCfg),{default:e.withCtx(()=>[e.createVNode(e.unref(l))]),_:1},16,["disabled","content"])):(e.openBlock(),e.createBlock(e.unref(l),{key:1}))],64))}});exports.default=i;

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

@@ -1,10 +1,10 @@
 export * from './types';
-export declare const VftClampTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftClampTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     showTooltip: {
         type: import("vue").PropType<boolean>;
     };
     tooltipCfg: {
-        type: import("vue").PropType<Partial<import("..").ToolTipProps>>;
+        type: import("vue").PropType<Partial<import("vft/es/vft").ToolTipProps>>;
     };
     text: {
         type: import("vue").PropType<string>;
@@ -28,12 +28,12 @@ export declare const VftClampTooltip: import("vft/es/utils").SFCWithInstall<impo
     location: {
         type: import("vue").PropType<"start" | "end" | "middle">;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     showTooltip: {
         type: import("vue").PropType<boolean>;
     };
     tooltipCfg: {
-        type: import("vue").PropType<Partial<import("..").ToolTipProps>>;
+        type: import("vue").PropType<Partial<import("vft/es/vft").ToolTipProps>>;
     };
     text: {
         type: import("vue").PropType<string>;
@@ -57,5 +57,5 @@ export declare const VftClampTooltip: import("vft/es/utils").SFCWithInstall<impo
     location: {
         type: import("vue").PropType<"start" | "end" | "middle">;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftClampTooltip;

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

@@ -1,25 +1,27 @@
 import type { ColProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColProps>, {
     tag: string;
     span: number;
     offset: number;
     pull: number;
     push: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColProps>, {
     tag: string;
     span: number;
     offset: number;
     pull: number;
     push: number;
-}>>>, {
+}>>> & Readonly<{}>, {
     push: number;
     span: number;
     offset: number;
     tag: string;
     pull: number;
-}, {}>, {
-    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/col/index.d.ts

@@ -1,5 +1,5 @@
 export declare const VftCol: 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<{
         push: {
             type: import("vue").PropType<number>;
             default: number;
@@ -35,49 +35,13 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        push: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        span: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        offset: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        xs: {
-            type: import("vue").PropType<import("./types").ColSize>;
-        };
-        sm: {
-            type: import("vue").PropType<import("./types").ColSize>;
-        };
-        md: {
-            type: import("vue").PropType<import("./types").ColSize>;
-        };
-        lg: {
-            type: import("vue").PropType<import("./types").ColSize>;
-        };
-        xl: {
-            type: import("vue").PropType<import("./types").ColSize>;
-        };
-        pull: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-    }>>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         push: number;
         span: number;
         offset: number;
         tag: string;
         pull: number;
-    }, true, {}, {}, {
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -120,16 +84,16 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
-    }>>, {}, {}, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
         push: number;
         span: number;
         offset: number;
         tag: string;
         pull: number;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     push: {
         type: import("vue").PropType<number>;
@@ -166,13 +130,13 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
         default: number;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     push: number;
     span: number;
     offset: number;
     tag: string;
     pull: number;
-}, {}, 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;
     };

package/lib/components/collapse-transition/index.d.ts

@@ -1,35 +1,20 @@
 import type { SFCWithInstall } from 'vft/es/utils';
-declare const _CollapseTransition: SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-})>;
+import CollapseTransition from './src/collapse-transition.vue';
+declare const _CollapseTransition: SFCWithInstall<typeof CollapseTransition>;
 export default _CollapseTransition;
 export declare const VftCollapseTransition: SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & 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: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & 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/collapse-transition/src/collapse-transition.vue.d.ts

@@ -1,6 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,6 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,6 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -13,32 +13,32 @@ export interface ColorPickerProps {
     predefine?: string[];
     validateEvent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColorPickerProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColorPickerProps>, {
     tabindex: number;
     validateEvent: boolean;
-}>, {
+}>>, {
     /**
      * @description current color object
      */
     color: Color;
-    showPicker: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    showPicker: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     activeChange: (...args: any[]) => void;
     "click-outside": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColorPickerProps>, {
     tabindex: number;
     validateEvent: boolean;
-}>>> & {
+}>>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onActiveChange?: ((...args: any[]) => any) | undefined;
     "onClick-outside"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     tabindex: string | number;
     validateEvent: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -3,7 +3,7 @@ export interface AlphaSliderProps {
     color: Color;
     vertical?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<AlphaSliderProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlphaSliderProps>>, {
     /**
      * @description update alpha slider manually
      * @type {Function}
@@ -13,13 +13,13 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
      * @description bar element ref
      * @type {HTMLElement}
      */
-    bar: import("vue").ShallowRef<HTMLElement | undefined>;
+    bar: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     /**
      * @description thumb element ref
      * @type {HTMLElement}
      */
-    thumb: import("vue").ShallowRef<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlphaSliderProps>>>, {}, {}>;
+    thumb: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlphaSliderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {