vft 0.0.239 → 0.0.241

package/lib/components/image-viewer/index.d.ts

@@ -1,5 +1,5 @@
 export declare const VftImageViewer: 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<{
         urlList: {
             type: import("vue").PropType<string[]>;
         };
@@ -24,43 +24,15 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
         zoomRate: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
-        onClose?: (() => any) | undefined;
+    }>> & Readonly<{
         onSwitch?: ((index: number) => any) | undefined;
-    }, {
+        onClose?: (() => any) | undefined;
+    }>, {
         setActiveItem: (index: number) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         switch: (index: number) => void;
         close: () => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        urlList: {
-            type: import("vue").PropType<string[]>;
-        };
-        zIndex: {
-            type: import("vue").PropType<number>;
-        };
-        initialIndex: {
-            type: import("vue").PropType<number>;
-        };
-        infinite: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideOnClickModal: {
-            type: import("vue").PropType<boolean>;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-        };
-        zoomRate: {
-            type: import("vue").PropType<number>;
-        };
-    }>> & {
-        onClose?: (() => any) | undefined;
-        onSwitch?: ((index: number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -92,15 +64,15 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
         zoomRate: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
-        onClose?: (() => any) | undefined;
+    }>> & Readonly<{
         onSwitch?: ((index: number) => any) | undefined;
-    }, {
+        onClose?: (() => any) | undefined;
+    }>, {
         setActiveItem: (index: number) => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     urlList: {
         type: import("vue").PropType<string[]>;
@@ -126,15 +98,15 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
     zoomRate: {
         type: import("vue").PropType<number>;
     };
-}>> & {
-    onClose?: (() => any) | undefined;
+}>> & Readonly<{
     onSwitch?: ((index: number) => any) | undefined;
-}, {
+    onClose?: (() => any) | undefined;
+}>, {
     setActiveItem: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (index: number) => void;
     close: () => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/lib/components/infinite-scroll/index.d.ts

@@ -1,26 +1,16 @@
+import InfiniteScroll from './infinite-scroll';
 import type { SFCWithInstall } from 'vft/es/utils';
-declare const _InfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
-    VftInfiniteScroll: {
-        container: Window | HTMLElement;
-        containerEl: HTMLElement;
-        instance: import("vue").ComponentPublicInstance;
-        delay: number;
-        lastScrollTop: number;
-        cb: () => void;
-        onScroll: () => void;
-        observer?: MutationObserver | undefined;
-    };
-}, () => void>>;
+declare const _InfiniteScroll: SFCWithInstall<typeof InfiniteScroll>;
 export default _InfiniteScroll;
 export declare const VftInfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
     VftInfiniteScroll: {
-        container: Window | HTMLElement;
+        container: HTMLElement | Window;
         containerEl: HTMLElement;
         instance: import("vue").ComponentPublicInstance;
         delay: number;
         lastScrollTop: number;
         cb: () => void;
         onScroll: () => void;
-        observer?: MutationObserver | undefined;
+        observer?: MutationObserver;
     };
-}, () => void>>;
+}, () => void, string, string>>;

package/lib/components/infinite-scroll/infinite-scroll.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("vue"),D=require("@vft/utils"),v=require("lodash-es"),H=require("../../utils/dom/position.cjs"),N=require("../../utils/dom/scroll.cjs"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vueuse/core");const s="VftInfiniteScroll",g=50,h=200,p=0,O={delay:{type:Number,default:h},distance:{type:Number,default:p},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0}},E=(e,t)=>Object.entries(O).reduce((o,[n,c])=>{const{type:a,default:i}=c,l=e.getAttribute(`infinite-scroll-${n}`);let r=t[l]??l??i;return r=r==="false"?!1:r,r=a(r),o[n]=Number.isNaN(r)?i:r,o},{}),S=e=>{const{observer:t}=e[s];t&&(t.disconnect(),delete e[s].observer)},_=(e,t)=>{const{container:o,containerEl:n,instance:c,observer:a,lastScrollTop:i}=e[s],{disabled:l,distance:r}=E(e,c),{clientHeight:u,scrollHeight:m,scrollTop:d}=n,y=d-i;if(e[s].lastScrollTop=d,a||l||y<0)return;let f=!1;if(o===e)f=m-(u+d)<=r;else{const{clientTop:A,scrollHeight:L}=e,C=H.getOffsetTopDistance(e,n);f=d+u>=C+A+L-r}f&&t.call(c)};function b(e,t){const{containerEl:o,instance:n}=e[s],{disabled:c}=E(e,n);c||o.clientHeight===0||(o.scrollHeight<=o.clientHeight?t.call(n):S(e))}const w={async mounted(e,t){const{instance:o,value:n}=t;D.isFunction(n)||q.throwError(s,"'v-infinite-scroll' binding value must be a function"),await T.nextTick();const{delay:c,immediate:a}=E(e,o),i=N.getScrollContainer(e,!0),l=i===window?document.documentElement:i,r=v.throttle(_.bind(null,e,n),c);if(i){if(e[s]={instance:o,container:i,containerEl:l,delay:c,cb:n,onScroll:r,lastScrollTop:l.scrollTop},a){const u=new MutationObserver(v.throttle(b.bind(null,e,n),g));e[s].observer=u,u.observe(e,{childList:!0,subtree:!0}),b(e,n)}i.addEventListener("scroll",r)}},unmounted(e){const{container:t,onScroll:o}=e[s];t==null||t.removeEventListener("scroll",o),S(e)},async updated(e){if(!e[s])await T.nextTick();else{const{containerEl:t,cb:o,observer:n}=e[s];t.clientHeight&&n&&b(e,o)}}};exports.CHECK_INTERVAL=g;exports.DEFAULT_DELAY=h;exports.DEFAULT_DISTANCE=p;exports.SCOPE=s;exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("vue"),D=require("@vft/utils"),v=require("lodash-es"),H=require("../../utils/dom/position.cjs"),N=require("../../utils/dom/scroll.cjs"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vueuse/core");const s="VftInfiniteScroll",g=50,h=200,p=0,O={delay:{type:Number,default:h},distance:{type:Number,default:p},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0}},E=(e,o)=>Object.entries(O).reduce((n,[t,c])=>{const{type:a,default:i}=c,l=e.getAttribute(`infinite-scroll-${t}`);let r=o[l]??l??i;return r=r==="false"?!1:r,r=a(r),n[t]=Number.isNaN(r)?i:r,n},{}),S=e=>{const{observer:o}=e[s];o&&(o.disconnect(),delete e[s].observer)},_=(e,o)=>{const{container:n,containerEl:t,instance:c,observer:a,lastScrollTop:i}=e[s],{disabled:l,distance:r}=E(e,c),{clientHeight:u,scrollHeight:m,scrollTop:d}=t,y=d-i;if(e[s].lastScrollTop=d,a||l||y<0)return;let f=!1;if(n===e)f=m-(u+d)<=r;else{const{clientTop:A,scrollHeight:L}=e,C=H.getOffsetTopDistance(e,t);f=d+u>=C+A+L-r}f&&o.call(c)};function b(e,o){const{containerEl:n,instance:t}=e[s],{disabled:c}=E(e,t);c||n.clientHeight===0||(n.scrollHeight<=n.clientHeight?o.call(t):S(e))}const w={async mounted(e,o){const{instance:n,value:t}=o;D.isFunction(t)||q.throwError(s,"'v-infinite-scroll' binding value must be a function"),await T.nextTick();const{delay:c,immediate:a}=E(e,n),i=N.getScrollContainer(e,!0),l=i===window?document.documentElement:i,r=v.throttle(_.bind(null,e,t),c);if(i){if(e[s]={instance:n,container:i,containerEl:l,delay:c,cb:t,onScroll:r,lastScrollTop:l.scrollTop},a){const u=new MutationObserver(v.throttle(b.bind(null,e,t),g));e[s].observer=u,u.observe(e,{childList:!0,subtree:!0}),b(e,t)}i.addEventListener("scroll",r)}},unmounted(e){const{container:o,onScroll:n}=e[s];o?.removeEventListener("scroll",n),S(e)},async updated(e){if(!e[s])await T.nextTick();else{const{containerEl:o,cb:n,observer:t}=e[s];o.clientHeight&&t&&b(e,n)}}};exports.CHECK_INTERVAL=g;exports.DEFAULT_DELAY=h;exports.DEFAULT_DISTANCE=p;exports.SCOPE=s;exports.default=w;

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

@@ -1,6 +1,6 @@
 export type { InputProps } from './input.vue';
 export declare const VftInput: 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<{
         id: {
             type: import("vue").PropType<string>;
         };
@@ -21,8 +21,8 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         };
         autosize: {
             type: import("vue").PropType<boolean | {
-                minRows?: number | undefined;
-                maxRows?: number | undefined;
+                minRows?: number;
+                maxRows?: number;
             }>;
         };
         autocomplete: {
@@ -53,13 +53,13 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         suffixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         prefixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         clearIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         containerRole: {
             type: import("vue").PropType<string>;
@@ -76,10 +76,11 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         inputStyle: {
             type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
-    }>> & {
-        onChange?: ((value: string) => any) | undefined;
+    }>> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -87,31 +88,29 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onEnter?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onSuffixClick?: ((value: any) => any) | undefined;
         onPrefixClick?: ((value: any) => any) | undefined;
-    }, {
-        input: import("vue").ShallowRef<HTMLInputElement | undefined>;
-        textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+        onEnter?: (() => any) | undefined;
+    }>, {
+        input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
         ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
         textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         autosize: boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
+            minRows?: number;
+            maxRows?: number;
         };
         focus: () => Promise<void>;
         blur: () => void | undefined;
         select: () => void;
         clear: () => void;
         resizeTextarea: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: string) => void;
-        change: (value: string) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         input: (value: string) => void;
         clear: () => void;
         blur: (evt: FocusEvent) => void;
+        change: (value: string) => void;
         compositionend: (evt: CompositionEvent) => void;
         compositionstart: (evt: CompositionEvent) => void;
         compositionupdate: (evt: CompositionEvent) => void;
@@ -119,102 +118,11 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         keydown: (evt: Event | KeyboardEvent) => void;
         mouseenter: (evt: MouseEvent) => void;
         mouseleave: (evt: MouseEvent) => void;
+        "update:modelValue": (value: string) => void;
         suffixClick: (value: any) => void;
         prefixClick: (value: any) => void;
         enter: () => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: import("vue").PropType<string>;
-        };
-        size: {
-            type: import("vue").PropType<"default" | "small" | "large">;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
-        type: {
-            type: import("vue").PropType<string>;
-        };
-        resize: {
-            type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
-        };
-        autosize: {
-            type: import("vue").PropType<boolean | {
-                minRows?: number | undefined;
-                maxRows?: number | undefined;
-            }>;
-        };
-        autocomplete: {
-            type: import("vue").PropType<string>;
-        };
-        formatter: {
-            type: import("vue").PropType<Function>;
-        };
-        parser: {
-            type: import("vue").PropType<Function>;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-        };
-        form: {
-            type: import("vue").PropType<string>;
-        };
-        readonly: {
-            type: import("vue").PropType<boolean>;
-        };
-        clearable: {
-            type: import("vue").PropType<boolean>;
-        };
-        showPassword: {
-            type: import("vue").PropType<boolean>;
-        };
-        showWordLimit: {
-            type: import("vue").PropType<boolean>;
-        };
-        suffixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        prefixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        clearIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        containerRole: {
-            type: import("vue").PropType<string>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        tabindex: {
-            type: import("vue").PropType<string | number>;
-        };
-        validateEvent: {
-            type: import("vue").PropType<boolean>;
-        };
-        inputStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-    }>> & {
-        onChange?: ((value: string) => any) | undefined;
-        onInput?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
-        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
-        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onEnter?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
-        onSuffixClick?: ((value: any) => any) | undefined;
-        onPrefixClick?: ((value: any) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -242,8 +150,8 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         };
         autosize: {
             type: import("vue").PropType<boolean | {
-                minRows?: number | undefined;
-                maxRows?: number | undefined;
+                minRows?: number;
+                maxRows?: number;
             }>;
         };
         autocomplete: {
@@ -274,13 +182,13 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         suffixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         prefixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         clearIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         containerRole: {
             type: import("vue").PropType<string>;
@@ -297,10 +205,11 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         inputStyle: {
             type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
-    }>> & {
-        onChange?: ((value: string) => any) | undefined;
+    }>> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -308,19 +217,18 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onEnter?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onSuffixClick?: ((value: any) => any) | undefined;
         onPrefixClick?: ((value: any) => any) | undefined;
-    }, {
-        input: import("vue").ShallowRef<HTMLInputElement | undefined>;
-        textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+        onEnter?: (() => any) | undefined;
+    }>, {
+        input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
         ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
         textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         autosize: boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
+            minRows?: number;
+            maxRows?: number;
         };
         focus: () => Promise<void>;
         blur: () => void | undefined;
@@ -328,9 +236,9 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         clear: () => void;
         resizeTextarea: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: import("vue").PropType<string>;
@@ -352,8 +260,8 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
     };
     autosize: {
         type: import("vue").PropType<boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
+            minRows?: number;
+            maxRows?: number;
         }>;
     };
     autocomplete: {
@@ -384,13 +292,13 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     suffixIcon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     prefixIcon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     clearIcon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     containerRole: {
         type: import("vue").PropType<string>;
@@ -407,10 +315,11 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
     inputStyle: {
         type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
     };
-}>> & {
-    onChange?: ((value: string) => any) | undefined;
+}>> & Readonly<{
     onInput?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -418,31 +327,29 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-    onEnter?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSuffixClick?: ((value: any) => any) | undefined;
     onPrefixClick?: ((value: any) => any) | undefined;
-}, {
-    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
-    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+    onEnter?: (() => any) | undefined;
+}>, {
+    input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
     ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
     textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     autosize: boolean | {
-        minRows?: number | undefined;
-        maxRows?: number | undefined;
+        minRows?: number;
+        maxRows?: number;
     };
     focus: () => Promise<void>;
     blur: () => void | undefined;
     select: () => void;
     clear: () => void;
     resizeTextarea: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (value: string) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
+    change: (value: string) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
@@ -450,10 +357,11 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;
+    "update:modelValue": (value: string) => void;
     suffixClick: (value: any) => void;
     prefixClick: (value: any) => void;
     enter: () => 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: {
         prepend?(_: {}): any;
         prefix?(_: {}): any;

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

@@ -29,19 +29,25 @@ export interface InputProps {
     validateEvent?: boolean;
     inputStyle?: StyleValue;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<InputProps>, {
+declare function __VLS_template(): {
+    prepend?(_: {}): any;
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+    append?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputProps>>, {
     /** @description HTML input element */
-    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
+    input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     /** @description HTML textarea element */
-    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
     /** @description HTML element, input or textarea */
     ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
     /** @description style of textarea. */
     textareaStyle: import("vue").ComputedRef<StyleValue>;
     /** @description from props (used on unit test) */
     autosize: boolean | {
-        minRows?: number | undefined;
-        maxRows?: number | undefined;
+        minRows?: number;
+        maxRows?: number;
     };
     /** @description HTML input element native method */
     focus: () => Promise<void>;
@@ -53,12 +59,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     clear: () => void;
     /** @description resize textarea. */
     resizeTextarea: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (value: string) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
+    change: (value: string) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
@@ -66,13 +71,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;
+    "update:modelValue": (value: string) => void;
     suffixClick: (value: any) => void;
     prefixClick: (value: any) => void;
     enter: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputProps>>> & {
-    onChange?: ((value: string) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputProps>>> & Readonly<{
     onInput?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -80,17 +87,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-    onEnter?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSuffixClick?: ((value: any) => any) | undefined;
     onPrefixClick?: ((value: any) => any) | undefined;
-}, {}, {}>, {
-    prepend?(_: {}): any;
-    prefix?(_: {}): any;
-    suffix?(_: {}): any;
-    append?(_: {}): any;
-}>;
+    onEnter?: (() => 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> = {