vft 0.0.154 → 0.0.156

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

@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     ref: globalThis.Ref<HTMLButtonElement | undefined>;
     size: globalThis.ComputedRef<"" | "default" | "small" | "large">;
     type: globalThis.ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
-    disabled: globalThis.ComputedRef<any>;
+    disabled: globalThis.ComputedRef<boolean>;
     shouldAddSpace: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;

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

@@ -74,7 +74,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         ref: globalThis.Ref<HTMLButtonElement | undefined>;
         size: globalThis.ComputedRef<"" | "default" | "small" | "large">;
         type: globalThis.ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
-        disabled: globalThis.ComputedRef<any>;
+        disabled: globalThis.ComputedRef<boolean>;
         shouldAddSpace: globalThis.ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (evt: MouseEvent) => void;
@@ -234,7 +234,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         ref: globalThis.Ref<HTMLButtonElement | undefined>;
         size: globalThis.ComputedRef<"" | "default" | "small" | "large">;
         type: globalThis.ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
-        disabled: globalThis.ComputedRef<any>;
+        disabled: globalThis.ComputedRef<boolean>;
         shouldAddSpace: globalThis.ComputedRef<boolean>;
     }, {}, {}, {}, {
         tag: string | globalThis.Component;
@@ -319,7 +319,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     ref: globalThis.Ref<HTMLButtonElement | undefined>;
     size: globalThis.ComputedRef<"" | "default" | "small" | "large">;
     type: globalThis.ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
-    disabled: globalThis.ComputedRef<any>;
+    disabled: globalThis.ComputedRef<boolean>;
     shouldAddSpace: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../config-provider/index.cjs");require("../form/index.cjs");const S=require("@vueuse/core"),n=require("vue"),T=require("./constants.cjs"),I=require("../form/hooks/use-form-item.cjs"),_=require("../config-provider/hooks/use-global-config.cjs"),l=require("../form/hooks/use-form-common-props.cjs"),k=(t,d)=>{const o=n.inject(T.buttonGroupContextKey,void 0),m=_.useGlobalConfig("button"),{form:c}=I.useFormItem(),f=l.useFormSize(n.computed(()=>o==null?void 0:o.size)),u=l.useFormDisabled(),g=n.ref(),i=n.useSlots(),h=n.computed(()=>t.type||(o==null?void 0:o.type)||""),y=n.computed(()=>{var e;return t.autoInsertSpace??((e=m.value)==null?void 0:e.autoInsertSpace)??!1}),b=n.computed(()=>{var a;const e=(a=i.default)==null?void 0:a.call(i);if(y.value&&(e==null?void 0:e.length)===1){const s=e[0];if((s==null?void 0:s.type)===n.Text){const F=s.children;return new RegExp("^\\p{Unified_Ideograph}{2}$","u").test(F.trim())}}return!1}),q=n.computed(()=>t.tag==="button"?{ariaDisabled:u.value||t.loading,disabled:u.value||t.loading,autofocus:t.autofocus,type:t.nativeType}:{}),r=e=>{t.nativeType==="reset"&&(c==null||c.resetFields()),d("click",e)},v=S.useThrottleFn(e=>{r(e)},t.throttleTime);return{_props:q,_disabled:u,_size:f,_type:h,_ref:g,shouldAddSpace:b,handleClick:e=>{t.useThrottle?v(e):r(e)}}};exports.useButton=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../config-provider/index.cjs");require("../form/index.cjs");const S=require("@vueuse/core"),n=require("vue"),T=require("./constants.cjs"),I=require("../config-provider/hooks/use-global-config.cjs"),_=require("../form/hooks/use-form-item.cjs"),l=require("../form/hooks/use-form-common-props.cjs"),k=(t,d)=>{const o=n.inject(T.buttonGroupContextKey,void 0),m=I.useGlobalConfig("button"),{form:c}=_.useFormItem(),f=l.useFormSize(n.computed(()=>o==null?void 0:o.size)),u=l.useFormDisabled(),g=n.ref(),i=n.useSlots(),h=n.computed(()=>t.type||(o==null?void 0:o.type)||""),y=n.computed(()=>{var e;return t.autoInsertSpace??((e=m.value)==null?void 0:e.autoInsertSpace)??!1}),b=n.computed(()=>{var a;const e=(a=i.default)==null?void 0:a.call(i);if(y.value&&(e==null?void 0:e.length)===1){const s=e[0];if((s==null?void 0:s.type)===n.Text){const F=s.children;return new RegExp("^\\p{Unified_Ideograph}{2}$","u").test(F.trim())}}return!1}),q=n.computed(()=>t.tag==="button"?{ariaDisabled:u.value||t.loading,disabled:u.value||t.loading,autofocus:t.autofocus,type:t.nativeType}:{}),r=e=>{t.nativeType==="reset"&&(c==null||c.resetFields()),d("click",e)},v=S.useThrottleFn(e=>{r(e)},t.throttleTime);return{_props:q,_disabled:u,_size:f,_type:h,_ref:g,shouldAddSpace:b,handleClick:e=>{t.useThrottle?v(e):r(e)}}};exports.useButton=k;

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

@@ -1,8 +1,8 @@
 import type { ButtonProps } from './button.vue';
 export declare const useButton: (props: ButtonProps, emit: any) => {
     _props: globalThis.ComputedRef<{
-        ariaDisabled: any;
-        disabled: any;
+        ariaDisabled: boolean | undefined;
+        disabled: boolean | undefined;
         autofocus: boolean | undefined;
         type: "button" | "reset" | "submit" | undefined;
     } | {
@@ -11,7 +11,7 @@ export declare const useButton: (props: ButtonProps, emit: any) => {
         autofocus?: undefined;
         type?: undefined;
     }>;
-    _disabled: globalThis.ComputedRef<any>;
+    _disabled: globalThis.ComputedRef<boolean>;
     _size: globalThis.ComputedRef<"" | "default" | "small" | "large">;
     _type: globalThis.ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
     _ref: globalThis.Ref<HTMLButtonElement | undefined>;

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

@@ -50,9 +50,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: "vertical" | "horizontal";
     height: string;
     type: "" | "card";
+    arrow: "always" | "never" | "hover";
     loop: boolean;
     trigger: "click" | "hover";
-    arrow: "always" | "never" | "hover";
     initialIndex: number;
     interval: number;
     autoplay: boolean;

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

@@ -12,6 +12,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"" | "card">;
             default: string;
         };
+        arrow: {
+            type: globalThis.PropType<"always" | "never" | "hover">;
+            default: string;
+        };
         loop: {
             type: globalThis.PropType<boolean>;
             default: boolean;
@@ -20,10 +24,6 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"click" | "hover">;
             default: string;
         };
-        arrow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
-            default: string;
-        };
         initialIndex: {
             type: globalThis.PropType<number>;
             default: number;
@@ -65,6 +65,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"" | "card">;
             default: string;
         };
+        arrow: {
+            type: globalThis.PropType<"always" | "never" | "hover">;
+            default: string;
+        };
         loop: {
             type: globalThis.PropType<boolean>;
             default: boolean;
@@ -73,10 +77,6 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"click" | "hover">;
             default: string;
         };
-        arrow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
-            default: string;
-        };
         initialIndex: {
             type: globalThis.PropType<number>;
             default: number;
@@ -103,9 +103,9 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         direction: "vertical" | "horizontal";
         height: string;
         type: "" | "card";
+        arrow: "always" | "never" | "hover";
         loop: boolean;
         trigger: "click" | "hover";
-        arrow: "always" | "never" | "hover";
         initialIndex: number;
         interval: number;
         autoplay: boolean;
@@ -131,6 +131,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"" | "card">;
             default: string;
         };
+        arrow: {
+            type: globalThis.PropType<"always" | "never" | "hover">;
+            default: string;
+        };
         loop: {
             type: globalThis.PropType<boolean>;
             default: boolean;
@@ -139,10 +143,6 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"click" | "hover">;
             default: string;
         };
-        arrow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
-            default: string;
-        };
         initialIndex: {
             type: globalThis.PropType<number>;
             default: number;
@@ -173,9 +173,9 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         direction: "vertical" | "horizontal";
         height: string;
         type: "" | "card";
+        arrow: "always" | "never" | "hover";
         loop: boolean;
         trigger: "click" | "hover";
-        arrow: "always" | "never" | "hover";
         initialIndex: number;
         interval: number;
         autoplay: boolean;
@@ -198,6 +198,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<"" | "card">;
         default: string;
     };
+    arrow: {
+        type: globalThis.PropType<"always" | "never" | "hover">;
+        default: string;
+    };
     loop: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -206,10 +210,6 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<"click" | "hover">;
         default: string;
     };
-    arrow: {
-        type: globalThis.PropType<"always" | "never" | "hover">;
-        default: string;
-    };
     initialIndex: {
         type: globalThis.PropType<number>;
         default: number;
@@ -242,9 +242,9 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
     direction: "vertical" | "horizontal";
     height: string;
     type: "" | "card";
+    arrow: "always" | "never" | "hover";
     loop: boolean;
     trigger: "click" | "hover";
-    arrow: "always" | "never" | "hover";
     initialIndex: number;
     interval: number;
     autoplay: boolean;

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

@@ -24,6 +24,6 @@ export declare const useCarousel: (props: CarouselProps, emit: any, componentNam
     setActiveItem: (index: number | string) => void;
     prev: () => void;
     next: () => void;
-    throttledArrowClick: any;
-    throttledIndicatorHover: any;
+    throttledArrowClick: import("lodash").DebouncedFunc<(index: number) => void>;
+    throttledIndicatorHover: import("lodash").DebouncedFunc<(index: number) => void>;
 };

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

@@ -1,6 +1,6 @@
 import type { CheckboxModel, CheckboxStatus } from '../composables';
 export declare const useCheckboxDisabled: ({ model, isChecked, }: Pick<CheckboxModel, 'model'> & Pick<CheckboxStatus, 'isChecked'>) => {
-    isDisabled: globalThis.ComputedRef<any>;
+    isDisabled: globalThis.ComputedRef<boolean>;
     isLimitDisabled: globalThis.ComputedRef<boolean>;
 };
 export type CheckboxDisabled = ReturnType<typeof useCheckboxDisabled>;

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

@@ -4,7 +4,7 @@ export declare const useCheckbox: (props: CheckboxProps, slots: ComponentInterna
     inputId: globalThis.Ref<string | undefined>;
     isLabeledByFormItem: globalThis.ComputedRef<boolean>;
     isChecked: globalThis.ComputedRef<boolean>;
-    isDisabled: globalThis.ComputedRef<any>;
+    isDisabled: globalThis.ComputedRef<boolean>;
     isFocused: globalThis.Ref<boolean>;
     checkboxButtonSize: globalThis.ComputedRef<"" | "default" | "small" | "large">;
     checkboxSize: globalThis.ComputedRef<"" | "default" | "small" | "large">;

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

@@ -467,20 +467,20 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
             disabled: {
                 type: globalThis.PropType<boolean>;
             };
-            tag: {
-                type: globalThis.PropType<string>;
-                default: string;
+            min: {
+                type: globalThis.PropType<number>;
             };
             max: {
                 type: globalThis.PropType<number>;
             };
+            tag: {
+                type: globalThis.PropType<string>;
+                default: string;
+            };
             validateEvent: {
                 type: globalThis.PropType<boolean>;
                 default: boolean;
             };
-            min: {
-                type: globalThis.PropType<number>;
-            };
             textColor: {
                 type: globalThis.PropType<string>;
             };
@@ -513,20 +513,20 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
             disabled: {
                 type: globalThis.PropType<boolean>;
             };
-            tag: {
-                type: globalThis.PropType<string>;
-                default: string;
+            min: {
+                type: globalThis.PropType<number>;
             };
             max: {
                 type: globalThis.PropType<number>;
             };
+            tag: {
+                type: globalThis.PropType<string>;
+                default: string;
+            };
             validateEvent: {
                 type: globalThis.PropType<boolean>;
                 default: boolean;
             };
-            min: {
-                type: globalThis.PropType<number>;
-            };
             textColor: {
                 type: globalThis.PropType<string>;
             };
@@ -567,20 +567,20 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
             disabled: {
                 type: globalThis.PropType<boolean>;
             };
-            tag: {
-                type: globalThis.PropType<string>;
-                default: string;
+            min: {
+                type: globalThis.PropType<number>;
             };
             max: {
                 type: globalThis.PropType<number>;
             };
+            tag: {
+                type: globalThis.PropType<string>;
+                default: string;
+            };
             validateEvent: {
                 type: globalThis.PropType<boolean>;
                 default: boolean;
             };
-            min: {
-                type: globalThis.PropType<number>;
-            };
             textColor: {
                 type: globalThis.PropType<string>;
             };
@@ -618,20 +618,20 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: globalThis.PropType<boolean>;
         };
-        tag: {
-            type: globalThis.PropType<string>;
-            default: string;
+        min: {
+            type: globalThis.PropType<number>;
         };
         max: {
             type: globalThis.PropType<number>;
         };
+        tag: {
+            type: globalThis.PropType<string>;
+            default: string;
+        };
         validateEvent: {
             type: globalThis.PropType<boolean>;
             default: boolean;
         };
-        min: {
-            type: globalThis.PropType<number>;
-        };
         textColor: {
             type: globalThis.PropType<string>;
         };
@@ -895,20 +895,20 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: globalThis.PropType<boolean>;
         };
-        tag: {
-            type: globalThis.PropType<string>;
-            default: string;
+        min: {
+            type: globalThis.PropType<number>;
         };
         max: {
             type: globalThis.PropType<number>;
         };
+        tag: {
+            type: globalThis.PropType<string>;
+            default: string;
+        };
         validateEvent: {
             type: globalThis.PropType<boolean>;
             default: boolean;
         };
-        min: {
-            type: globalThis.PropType<number>;
-        };
         textColor: {
             type: globalThis.PropType<string>;
         };
@@ -941,20 +941,20 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: globalThis.PropType<boolean>;
         };
-        tag: {
-            type: globalThis.PropType<string>;
-            default: string;
+        min: {
+            type: globalThis.PropType<number>;
         };
         max: {
             type: globalThis.PropType<number>;
         };
+        tag: {
+            type: globalThis.PropType<string>;
+            default: string;
+        };
         validateEvent: {
             type: globalThis.PropType<boolean>;
             default: boolean;
         };
-        min: {
-            type: globalThis.PropType<number>;
-        };
         textColor: {
             type: globalThis.PropType<string>;
         };
@@ -995,20 +995,20 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: globalThis.PropType<boolean>;
         };
-        tag: {
-            type: globalThis.PropType<string>;
-            default: string;
+        min: {
+            type: globalThis.PropType<number>;
         };
         max: {
             type: globalThis.PropType<number>;
         };
+        tag: {
+            type: globalThis.PropType<string>;
+            default: string;
+        };
         validateEvent: {
             type: globalThis.PropType<boolean>;
             default: boolean;
         };
-        min: {
-            type: globalThis.PropType<number>;
-        };
         textColor: {
             type: globalThis.PropType<string>;
         };
@@ -1046,20 +1046,20 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<{
     disabled: {
         type: globalThis.PropType<boolean>;
     };
-    tag: {
-        type: globalThis.PropType<string>;
-        default: string;
+    min: {
+        type: globalThis.PropType<number>;
     };
     max: {
         type: globalThis.PropType<number>;
     };
+    tag: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     validateEvent: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    min: {
-        type: globalThis.PropType<number>;
-    };
     textColor: {
         type: globalThis.PropType<string>;
     };

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

@@ -1,18 +1,7 @@
-interface ClampProps {
-    text: string;
-    /** 最大高度 */
-    maxHeight?: string | number;
-    /** 最多几行 */
-    maxLines?: number;
-    /** 是否需要展开设置 */
-    expanded?: boolean;
-    /** ...文字设置 */
-    ellipsis?: string;
-    /** resize 是否监听 */
-    autoResize?: boolean;
-    location?: 'start' | 'middle' | 'end';
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ClampProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { ClampProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ClampProps>, {
+    isClamped: globalThis.ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "clamp-change": (data: boolean) => void;
     "update:expanded": (data: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampProps>>> & {

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"),B=require("@vft/utils"),b=require("resize-detector"),$=["aria-label"],q=l.defineComponent({name:"vft-clamp"}),O=l.defineComponent({...q,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,{emit:w}){const g=w,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 B.addUnit(e.maxHeight)}),v=()=>{r.value&&(r.value.textContent=S.value)},u=()=>{a.localExpanded||(v(),(s()||i.value)&&m())},E=()=>{e.text&&(a.offset=e.text.length,k(),e.autoResize&&n.value&&(b.addListener(n.value,u),a.unregisterResizeCallback=()=>{n.value&&b.removeListener(n.value,u)}),u())},k=()=>{var t;(t=a.unregisterResizeCallback)==null||t.call(a)},s=()=>!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:d})=>{const o=`${c}/${d}`;return t[o]||(t[o]=!0),t},{})).length:0,m=(...t)=>{const[c=0,d=a.offset]=t;if(d-c<=3){L();return}const o=Math.floor((d+c)/2);h(o),s()?m(c,o):m(o,d)},h=t=>{a.offset=t,v()},L=()=>{T(),M()},T=()=>{for(;(!s()||x()<2)&&a.offset<e.text.length;)y(1)},M=()=>{for(;s()&&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 S=l.computed(()=>i.value?j.value:e.text),j=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):u(),e.expanded!==t&&g("update:expanded",t)}),l.watch(()=>[e.maxLines,e.maxHeight,e.ellipsis,e.location,i.value].join(),()=>{l.nextTick(()=>{u()})}),l.watch(()=>[e.text,e.autoResize].join(),()=>{l.nextTick(()=>{E()})}),l.onUnmounted(()=>{k()}),l.onMounted(()=>{E()}),(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,"aria-label":t.text},null,8,$),l.renderSlot(t.$slots,"after",{expand:R,collapse:C,toggle:H,clamped:i.value,expanded:a.localExpanded})],512)],4))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),$=require("@vft/utils"),b=require("resize-detector"),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:z}){const g=z,n=l.ref(null),f=l.ref(null),r=l.ref(null),a=l.reactive({offset:0,localExpanded:e.expanded,unregisterResizeCallback:null}),L=l.computed(()=>{if(!a.localExpanded&&e.maxHeight)return $.addUnit(e.maxHeight)}),v=()=>{r.value&&(r.value.textContent=j.value)},s=()=>{a.localExpanded||(v(),(d()||i.value)&&m())},E=()=>{e.text&&(a.offset=e.text.length,k(),e.autoResize&&n.value&&(b.addListener(n.value,s),a.unregisterResizeCallback=()=>{n.value&&b.removeListener(n.value,s)}),s())},k=()=>{var t;(t=a.unregisterResizeCallback)==null||t.call(a)},d=()=>!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:u})=>{const o=`${c}/${u}`;return t[o]||(t[o]=!0),t},{})).length:0,m=(...t)=>{const[c=0,u=a.offset]=t;if(u-c<=3){T();return}const o=Math.floor((u+c)/2);h(o),d()?m(c,o):m(o,u)},h=t=>{a.offset=t,v()},T=()=>{M(),S()},M=()=>{for(;(!d()||x()<2)&&a.offset<e.text.length;)y(1)},S=()=>{for(;d()&&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):s(),e.expanded!==t&&g("update:expanded",t)}),l.watch(()=>[e.maxLines,e.maxHeight,e.ellipsis,e.location,i.value].join(),()=>{l.nextTick(()=>{s()})}),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:L.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;

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

@@ -25,7 +25,9 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
     }>> & {
         "onClamp-change"?: ((data: boolean) => any) | undefined;
         "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        isClamped: globalThis.ComputedRef<boolean>;
+    }, unknown, {}, {}, 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<globalThis.ExtractPropTypes<{
@@ -87,7 +89,9 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
     }>> & {
         "onClamp-change"?: ((data: boolean) => any) | undefined;
         "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
+    }, {
+        isClamped: globalThis.ComputedRef<boolean>;
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -117,7 +121,9 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
 }>> & {
     "onClamp-change"?: ((data: boolean) => any) | undefined;
     "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    isClamped: globalThis.ComputedRef<boolean>;
+}, unknown, {}, {}, 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 () => {
@@ -138,4 +144,5 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
         }): any;
     };
 })> & Record<string, any>;
+export * from './types';
 export default VftClamp;

package/lib/components/clamp/types.cjs

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

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

@@ -0,0 +1,14 @@
+export interface ClampProps {
+    text: string;
+    /** 最大高度 */
+    maxHeight?: string | number;
+    /** 最多几行 */
+    maxLines?: number;
+    /** 是否需要展开设置 */
+    expanded?: boolean;
+    /** ...文字设置 */
+    ellipsis?: string;
+    /** resize 是否监听 */
+    autoResize?: boolean;
+    location?: 'start' | 'middle' | 'end';
+}

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

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

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

@@ -0,0 +1,12 @@
+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<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ClampTooltipProps>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash");require("vue");const r=require("./clamp-tooltip.vue2.cjs"),e=t.withInstall(r.default);exports.VftClampTooltip=e;exports.default=e;

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

@@ -0,0 +1,61 @@
+export * from './types';
+export declare const VftClampTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    showTooltip: {
+        type: globalThis.PropType<boolean>;
+    };
+    tooltipCfg: {
+        type: globalThis.PropType<Partial<import("..").ToolTipProps>>;
+    };
+    text: {
+        type: globalThis.PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: globalThis.PropType<string | number>;
+    };
+    maxLines: {
+        type: globalThis.PropType<number>;
+    };
+    expanded: {
+        type: globalThis.PropType<boolean>;
+    };
+    ellipsis: {
+        type: globalThis.PropType<string>;
+    };
+    autoResize: {
+        type: globalThis.PropType<boolean>;
+    };
+    location: {
+        type: globalThis.PropType<"start" | "end" | "middle">;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    showTooltip: {
+        type: globalThis.PropType<boolean>;
+    };
+    tooltipCfg: {
+        type: globalThis.PropType<Partial<import("..").ToolTipProps>>;
+    };
+    text: {
+        type: globalThis.PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: globalThis.PropType<string | number>;
+    };
+    maxLines: {
+        type: globalThis.PropType<number>;
+    };
+    expanded: {
+        type: globalThis.PropType<boolean>;
+    };
+    ellipsis: {
+        type: globalThis.PropType<string>;
+    };
+    autoResize: {
+        type: globalThis.PropType<boolean>;
+    };
+    location: {
+        type: globalThis.PropType<"start" | "end" | "middle">;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default VftClampTooltip;

package/lib/components/clamp-tooltip/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-clamp-tooltip.css");

package/lib/components/clamp-tooltip/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/clamp-tooltip.scss");

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

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