vft 0.0.417 → 0.0.421

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

@@ -1,3 +1,4 @@
+import { type DialogProps } from 'vft/es/components/dialog';
 import type { DrawerProps } from './types';
 declare function __VLS_template(): {
     header?(_: {
@@ -9,7 +10,7 @@ declare function __VLS_template(): {
     default?(_: {}): any;
     footer?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps>>, {
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps & DialogProps>>, {
     close: () => void;
     afterEnter: () => void;
     afterLeave: () => void;
@@ -21,7 +22,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps>>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps & DialogProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;

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

@@ -1,4 +1,3 @@
-import { type DrawerProps } from './drawer.vue';
 export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         direction: {
@@ -394,4 +393,4 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
     };
 })> & Record<string, any>;
 export default VftDrawer;
-export type { DrawerProps };
+export * from './types';

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

@@ -1,5 +1,4 @@
-import type { DialogProps } from 'vft/es/components/dialog';
-export interface DrawerProps extends DialogProps {
+export interface DrawerProps {
     /** 抽屉的弹出方向 */
     direction?: 'ltr' | 'rtl' | 'ttb' | 'btt';
     /** 抽屉的尺寸 */

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

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        default: string;
-    };
     teleported: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        default: string;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    icon: string | import("vft/es/vft").IconProps;
     teleported: boolean;
+    icon: string | import("vft/es/vft").IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    icon: string | IconProps;
     teleported: boolean;
+    icon: string | IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

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

@@ -1,4 +1,4 @@
-import type { RadioButtonProps, RadioProps } from './types.ts';
+import type { RadioButtonProps, RadioProps } from './types';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };

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

@@ -2,46 +2,46 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: import("vft/es/utils/index.ts").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
+    modelValue: import("vft/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
     size: {
-        readonly type: import("vue").PropType<import("vft/es/utils/index.ts").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-    label: import("vft/es/utils/index.ts").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
-    value: import("vft/es/utils/index.ts").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
-    name: import("vft/es/utils/index.ts").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    label: import("vft/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
+    value: import("vft/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
+    name: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     border: BooleanConstructor;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (data: import("./types.ts").RadioProps) => void;
+    click: (data: import("./types").RadioProps) => void;
     change: (data: string | number | boolean | undefined) => void;
     "update:modelValue": (data: string | number | boolean | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: import("vft/es/utils/index.ts").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
+    modelValue: import("vft/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
     size: {
-        readonly type: import("vue").PropType<import("vft/es/utils/index.ts").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-    label: import("vft/es/utils/index.ts").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
-    value: import("vft/es/utils/index.ts").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
-    name: import("vft/es/utils/index.ts").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    label: import("vft/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
+    value: import("vft/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
+    name: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     border: BooleanConstructor;
 }>> & Readonly<{
-    onClick?: ((data: import("./types.ts").RadioProps) => any) | undefined;
+    onClick?: ((data: import("./types").RadioProps) => any) | undefined;
     "onUpdate:modelValue"?: ((data: string | number | boolean | undefined) => any) | undefined;
     onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
 }>, {
-    label: import("vft/es/utils/index.ts").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
+    label: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
     disabled: boolean;
-    value: import("vft/es/utils/index.ts").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
+    value: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
     border: boolean;
     name: string;
-    modelValue: import("vft/es/utils/index.ts").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
+    modelValue: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import type { RadioButtonProps, RadioEmitProps, RadioProps } from './types.ts';
+import type { RadioButtonProps, RadioEmitProps, RadioProps } from './types';
 export declare const useRadio: (props: RadioProps | RadioButtonProps, emit?: RadioEmitProps) => {
     radioRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     isGroup: import("vue").ComputedRef<boolean>;

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

@@ -1,4 +1,3 @@
-import { type SearchProps } from './search.vue';
 export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         width: {
@@ -13,15 +12,57 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         popoverCfg: {
             type: import("vue").PropType<import("vft/es/vft").PopoverProps>;
         };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "default" | "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;
+                maxRows?: number;
+            }>;
+        };
+        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("vft/es/vft").IconProps>;
         };
@@ -31,6 +72,21 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         clearIcon: {
             type: import("vue").PropType<string | import("vft/es/vft").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>;
+        };
     }>> & Readonly<{
         onInput?: ((val: string | number) => any) | undefined;
         onClear?: (() => any) | undefined;
@@ -90,15 +146,57 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         popoverCfg: {
             type: import("vue").PropType<import("vft/es/vft").PopoverProps>;
         };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "default" | "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;
+                maxRows?: number;
+            }>;
+        };
+        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("vft/es/vft").IconProps>;
         };
@@ -108,6 +206,21 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         clearIcon: {
             type: import("vue").PropType<string | import("vft/es/vft").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>;
+        };
     }>> & Readonly<{
         onInput?: ((val: string | number) => any) | undefined;
         onClear?: (() => any) | undefined;
@@ -148,15 +261,57 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
     popoverCfg: {
         type: import("vue").PropType<import("vft/es/vft").PopoverProps>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default" | "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;
+            maxRows?: number;
+        }>;
+    };
+    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("vft/es/vft").IconProps>;
     };
@@ -166,6 +321,21 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
     clearIcon: {
         type: import("vue").PropType<string | import("vft/es/vft").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>;
+    };
 }>> & Readonly<{
     onInput?: ((val: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
@@ -214,5 +384,5 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         default?(_: {}): any;
     };
 })> & Record<string, any>;
-export type { SearchProps };
 export default VftSearch;
+export * from './types';

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

@@ -1,16 +1,4 @@
-import { type InputProps } from 'vft/es/components/input';
-import { type PopoverProps } from 'vft/es/components/popover';
-type _InputProps = Pick<InputProps, 'modelValue' | 'clearable' | 'placeholder' | 'suffixIcon' | 'prefixIcon' | 'clearIcon'>;
-export interface SearchProps {
-    /** input 框宽度 */
-    width?: string | number;
-    /** input 获取焦点时的宽度 */
-    activeWidth?: string | number;
-    /** 是否需要 popover */
-    usePopover?: boolean;
-    /** popover 相关配置 参考 element */
-    popoverCfg?: PopoverProps;
-}
+import type { SearchProps } from './types';
 declare function showPopover(): void;
 declare function hidePopover(): void;
 declare function __VLS_template(): {
@@ -20,7 +8,7 @@ declare function __VLS_template(): {
     append?(_: {}): any;
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>, {
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps>>, {
     isFocus: import("vue").Ref<boolean, boolean>;
     isHover: import("vue").Ref<boolean, boolean>;
     visible: import("vue").Ref<boolean, boolean>;
@@ -43,7 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps>>> & Readonly<{
     onInput?: ((val: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;

package/lib/components/search/search.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../input/index.cjs"),K=require("../popover/index.cjs"),j=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const A=require("@vft/directives"),H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const a=j.useNamespace("search"),o=C,f=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?r.addUnit(n.activeWidth):r.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?r.addUnit(n.activeWidth):r.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start",offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{c()};function q(){i.value=!0}function c(){i.value=!1}const x=()=>{o("clear"),l(!1)};function S(){d.value=!0,o("mouseenter",n.modelValue)}function b(){d.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&c(),t&&u.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>f.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:c,showPopover:q,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(a).b(),e.unref(a).is("active",!!i.value||!!t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(D.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:S,"onUpdate:modelValue":I,onMouseleave:b,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:x,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(A.ClickOutside),g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(K.VftPopover),e.mergeProps({key:0,style:{"--vft-transition-duration":"3s"},ref_key:"popoverRef",ref:f},V.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=O=>i.value=O),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../input/index.cjs"),A=require("../popover/index.cjs");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const K=require("@vft/directives"),L=e.defineComponent({name:"vft-search"}),H=e.defineComponent({...L,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},id:{},size:{},disabled:{type:Boolean},modelValue:{default:""},type:{},resize:{},autosize:{type:[Object,Boolean]},autocomplete:{},formatter:{},parser:{},placeholder:{default:"请输入你要搜索的内容"},form:{},readonly:{type:Boolean},clearable:{type:Boolean,default:!0},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{},validateEvent:{type:Boolean},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=D.useNamespace("search"),o=C,f=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),y=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),k=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),w=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start",offset:3,width:500,...n.popoverCfg})),V=t=>{o("update:modelValue",t),o("input",t)},B=()=>{c()};function g(){i.value=!0}function c(){i.value=!1}const b=()=>{o("clear"),l(!1)};function S(){d.value=!0,o("mouseenter",n.modelValue)}function x(){d.value=!1,o("mouseleave",n.modelValue)}const q=()=>{i.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function E(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&c(),t&&u.value.blur()}const U=t=>{o("keydown",t)},z=e.computed(()=>f.value?.popperRef?.contentRef),M=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},I=t=>{o("compositionstart",t)},O=t=>{o("compositionupdate",t)},F=t=>{o("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:c,showPopover:g,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",!!i.value||!!t.modelValue)]),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(j.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":y.value,onInput:V,onFocus:q,onEnter:E,onBlur:P,onMouseenter:S,"onUpdate:modelValue":M,onMouseleave:x,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:U,onClear:b,onCompositionstart:I,onCompositionupdate:O,onCompositionend:F}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(K.ClickOutside),B,z.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(A.VftPopover),e.mergeProps({key:0,style:{"--vft-transition-duration":"3s"},ref_key:"popoverRef",ref:f},w.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=N=>i.value=N),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=H;

package/lib/components/search/types.cjs

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

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

@@ -0,0 +1,12 @@
+import type { PopoverProps } from 'vft/es/components/popover';
+import type { InputProps } from 'vft/es/components/input';
+export interface SearchProps extends InputProps {
+    /** input 框宽度 */
+    width?: string | number;
+    /** input 获取焦点时的宽度 */
+    activeWidth?: string | number;
+    /** 是否需要 popover */
+    usePopover?: boolean;
+    /** popover 相关配置 参考 element */
+    popoverCfg?: PopoverProps;
+}

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

@@ -259,9 +259,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -677,9 +677,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1096,9 +1096,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1514,9 +1514,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

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

@@ -255,9 +255,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -673,9 +673,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1092,9 +1092,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1510,9 +1510,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;