vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,556 @@
+export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    validateEvent: boolean | undefined;
+}>> & {
+    CheckboxButton: import("vue").DefineComponent<{
+        modelValue: {
+            type: import("vue").PropType<string | number | boolean | undefined>;
+            required: false;
+        };
+        label: {
+            type: import("vue").PropType<string | number | boolean | object | undefined>;
+            required: false;
+        };
+        indeterminate: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        checked: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        name: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        trueLabel: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        falseLabel: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        id: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        controls: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        border: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        size: {
+            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            required: false;
+        };
+        tabindex: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        validateEvent: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<string | number | boolean | undefined>;
+            required: false;
+        };
+        label: {
+            type: import("vue").PropType<string | number | boolean | object | undefined>;
+            required: false;
+        };
+        indeterminate: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        checked: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        name: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        trueLabel: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        falseLabel: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        id: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        controls: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        border: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        size: {
+            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            required: false;
+        };
+        tabindex: {
+            type: import("vue").PropType<string | number | undefined>;
+            required: false;
+        };
+        validateEvent: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+    CheckboxGroup: import("vue").DefineComponent<{
+        modelValue: {
+            type: import("vue").PropType<import("./types").CheckboxGroupValueType | undefined>;
+            required: false;
+            default: () => never[];
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        min: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        max: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        size: {
+            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            required: false;
+        };
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        fill: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        textColor: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        tag: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+            default: string;
+        };
+        validateEvent: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import("./types").CheckboxGroupValueType | undefined>;
+            required: false;
+            default: () => never[];
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        min: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        max: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        size: {
+            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            required: false;
+        };
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        fill: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        textColor: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        tag: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+            default: string;
+        };
+        validateEvent: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: import("./types").CheckboxGroupValueType | undefined;
+        validateEvent: boolean | undefined;
+        tag: string | undefined;
+    }>;
+};
+export default VftCheckbox;
+export declare const VftCheckboxButton: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<import("./types").CheckboxGroupValueType | undefined>;
+        required: false;
+        default: () => never[];
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    min: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    max: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    fill: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("./types").CheckboxGroupValueType | undefined>;
+        required: false;
+        default: () => never[];
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    min: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    max: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    fill: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: import("./types").CheckboxGroupValueType | undefined;
+    validateEvent: boolean | undefined;
+    tag: string | undefined;
+}>>;
+export * from './checkbox-group.vue';
+export * from './checkbox.vue';
+export * from './constants';
+export * from './types';

package/lib/components/checkbox/style/css.cjs

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

package/lib/components/checkbox/style/index.cjs

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

package/lib/components/checkbox/types.cjs

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

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

@@ -0,0 +1,2 @@
+export type CheckboxValueType = string | number | boolean;
+export type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[];

package/lib/components/checkbox-button/style/css.cjs

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

package/lib/components/checkbox-button/style/index.cjs

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

package/lib/components/checkbox-group/style/css.cjs

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

package/lib/components/checkbox-group/style/index.cjs

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

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

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

package/lib/components/clamp/index.cjs

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

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

@@ -33,7 +33,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -41,7 +41,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     toggleSize: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {
@@ -82,7 +82,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -90,7 +90,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     toggleSize: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");const u=require("../../utils/ns-cover.cjs");require("lodash");const r=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("../clamp/index.cjs"),c=["onClick"],o=r.useNamespace("clamp-toggle"),g=e.defineComponent({name:o.b()}),d=e.defineComponent({...g,props:{text:null,maxHeight:null,maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},color:null,size:null,toggleColor:null,toggleSize:null,toggleText:{default:["展开","收缩"]}},setup(t){const n=e.computed(()=>u.generateCssVars({color:t.color,size:t.size,toggleColor:t.toggleColor,toggleSize:t.toggleSize},"clamp-toggle"));return(m,x)=>(e.openBlock(),e.createBlock(e.unref(s.VftClamp),{style:e.normalizeStyle(e.unref(n)),text:t.text,maxHeight:t.maxHeight,maxLines:t.maxLines,expanded:t.expanded,location:t.location,ellipsis:t.ellipsis,autoResize:t.autoResize},{after:e.withCtx(({toggle:i,expanded:l,clamped:a})=>[l||a?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["cursor-pointer",e.unref(o).e("more")]),onClick:i},e.toDisplayString(l?t.toggleText[1]:t.toggleText[0]),11,c)):e.createCommentVNode("",!0)]),_:1},8,["style","text","maxHeight","maxLines","expanded","location","ellipsis","autoResize"]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");const u=require("../../utils/ns-cover.cjs"),r=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const s=require("../clamp/index.cjs"),c=["onClick"],o=r.useNamespace("clamp-toggle"),g=e.defineComponent({name:o.b()}),d=e.defineComponent({...g,props:{text:null,maxHeight:null,maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},color:null,size:null,toggleColor:null,toggleSize:null,toggleText:{default:["展开","收缩"]}},setup(t){const n=e.computed(()=>u.generateCssVars({color:t.color,size:t.size,toggleColor:t.toggleColor,toggleSize:t.toggleSize},"clamp-toggle"));return(m,x)=>(e.openBlock(),e.createBlock(e.unref(s.VftClamp),{style:e.normalizeStyle(e.unref(n)),text:t.text,maxHeight:t.maxHeight,maxLines:t.maxLines,expanded:t.expanded,location:t.location,ellipsis:t.ellipsis,autoResize:t.autoResize},{after:e.withCtx(({toggle:i,expanded:l,clamped:a})=>[l||a?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["cursor-pointer",e.unref(o).e("more")]),onClick:i},e.toDisplayString(l?t.toggleText[1]:t.toggleText[0]),11,c)):e.createCommentVNode("",!0)]),_:1},8,["style","text","maxHeight","maxLines","expanded","location","ellipsis","autoResize"]))}});exports.default=d;

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

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