vft 0.0.149 → 0.0.151

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

@@ -1,173 +1,69 @@
 import { type SearchProps } from './search.vue';
 export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly width?: string | number | undefined;
-            style?: unknown;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            readonly modelValue?: string | number | undefined;
-            onFocus?: (() => any) | undefined;
-            onBlur?: (() => any) | undefined;
-            onChange?: ((val: string | number) => any) | undefined;
-            onInput?: ((val: string | number) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-            onMouseenter?: ((val: string | number) => any) | undefined;
-            onMouseleave?: ((val: string | number) => any) | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onEnter?: ((val: string | number) => any) | undefined;
-            readonly placeholder?: string | undefined;
-            readonly clearable?: boolean | undefined;
-            readonly suffixIcon?: string | import("..").IconProps | undefined;
-            readonly prefixIcon?: string | import("..").IconProps | undefined;
-            readonly clearIcon?: string | import("..").IconProps | undefined;
-            "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-            onClear?: (() => any) | undefined;
-            onSuffixClick?: ((val: string | number) => any) | undefined;
-            onPrefixClick?: ((val: string | number) => any) | undefined;
-            readonly activeWidth?: string | number | undefined;
-            readonly usePopover?: boolean | undefined;
-            readonly popoverCfg?: import("..").PopoverProps | undefined;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+        width: {
+            type: globalThis.PropType<string | number>;
         };
-        $attrs: {
-            [x: string]: unknown;
+        activeWidth: {
+            type: globalThis.PropType<string | number>;
         };
-        $refs: {
-            [x: string]: unknown;
+        usePopover: {
+            type: globalThis.PropType<boolean>;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: ((event: "update:modelValue", val: string | number) => void) & ((event: "change", val: string | number) => void) & ((event: "input", val: string | number) => void) & ((event: "clear") => void) & ((event: "blur") => void) & ((event: "focus") => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", val: string | number) => void) & ((event: "mouseleave", val: string | number) => void) & ((event: "suffixClick", val: string | number) => void) & ((event: "prefixClick", val: string | number) => void) & ((event: "enter", val: string | number) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            width: {
-                type: globalThis.PropType<string | number>;
-            };
-            activeWidth: {
-                type: globalThis.PropType<string | number>;
-            };
-            usePopover: {
-                type: globalThis.PropType<boolean>;
-            };
-            popoverCfg: {
-                type: globalThis.PropType<import("..").PopoverProps>;
-            };
-            modelValue: {
-                type: globalThis.PropType<string | number>;
-            };
-            placeholder: {
-                type: globalThis.PropType<string>;
-            };
-            clearable: {
-                type: globalThis.PropType<boolean>;
-            };
-            suffixIcon: {
-                type: globalThis.PropType<string | import("..").IconProps>;
-            };
-            prefixIcon: {
-                type: globalThis.PropType<string | import("..").IconProps>;
-            };
-            clearIcon: {
-                type: globalThis.PropType<string | import("..").IconProps>;
-            };
-        }>> & {
-            onFocus?: (() => any) | undefined;
-            onBlur?: (() => any) | undefined;
-            onChange?: ((val: string | number) => any) | undefined;
-            onInput?: ((val: string | number) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-            onMouseenter?: ((val: string | number) => any) | undefined;
-            onMouseleave?: ((val: string | number) => any) | undefined;
-            onEnter?: ((val: string | number) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-            onClear?: (() => any) | undefined;
-            onSuffixClick?: ((val: string | number) => any) | undefined;
-            onPrefixClick?: ((val: string | number) => any) | undefined;
-        }, {
-            isFocus: globalThis.Ref<boolean>;
-            isHover: globalThis.Ref<boolean>;
-            visible: globalThis.Ref<boolean>;
-            hidePopover: () => void;
-            showPopover: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (val: string | number) => void;
-            blur: () => void;
-            focus: () => void;
-            clear: () => void;
-            enter: (val: string | number) => void;
-            prefixClick: (val: string | number) => void;
-            suffixClick: (val: string | number) => void;
-            mouseenter: (val: string | number) => void;
-            mouseleave: (val: string | number) => void;
-            keydown: (evt: Event | KeyboardEvent) => void;
-            change: (val: string | number) => void;
-            input: (val: string | number) => void;
-        }, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
+        popoverCfg: {
+            type: globalThis.PropType<import("..").PopoverProps>;
+        };
+        modelValue: {
+            type: globalThis.PropType<string | number>;
         };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<globalThis.ExtractPropTypes<{
+        placeholder: {
+            type: globalThis.PropType<string>;
+        };
+        clearable: {
+            type: globalThis.PropType<boolean>;
+        };
+        suffixIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+        prefixIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+        clearIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+    }>> & {
+        onInput?: ((val: string | number) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((val: string | number) => any) | undefined;
+        onMouseleave?: ((val: string | number) => any) | undefined;
+        onEnter?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+        onSuffixClick?: ((val: string | number) => any) | undefined;
+        onPrefixClick?: ((val: string | number) => any) | undefined;
+    }, {
+        isFocus: globalThis.Ref<boolean>;
+        isHover: globalThis.Ref<boolean>;
+        visible: globalThis.Ref<boolean>;
+        hidePopover: () => void;
+        showPopover: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (val: string | number) => void;
+        blur: () => void;
+        focus: () => void;
+        clear: () => void;
+        enter: (val: string | number) => void;
+        prefixClick: (val: string | number) => void;
+        suffixClick: (val: string | number) => void;
+        mouseenter: (val: string | number) => void;
+        mouseleave: (val: string | number) => void;
+        keydown: (evt: Event | KeyboardEvent) => void;
+        change: (val: string | number) => void;
+        input: (val: string | number) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
         width: {
             type: globalThis.PropType<string | number>;
         };
@@ -199,25 +95,76 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | import("..").IconProps>;
         };
     }>> & {
-        onFocus?: (() => any) | undefined;
+        onInput?: ((val: string | number) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onChange?: ((val: string | number) => any) | undefined;
-        onInput?: ((val: string | number) => any) | undefined;
+        onFocus?: (() => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
         onEnter?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+        onSuffixClick?: ((val: string | number) => any) | undefined;
+        onPrefixClick?: ((val: string | number) => any) | undefined;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        width: {
+            type: globalThis.PropType<string | number>;
+        };
+        activeWidth: {
+            type: globalThis.PropType<string | number>;
+        };
+        usePopover: {
+            type: globalThis.PropType<boolean>;
+        };
+        popoverCfg: {
+            type: globalThis.PropType<import("..").PopoverProps>;
+        };
+        modelValue: {
+            type: globalThis.PropType<string | number>;
+        };
+        placeholder: {
+            type: globalThis.PropType<string>;
+        };
+        clearable: {
+            type: globalThis.PropType<boolean>;
+        };
+        suffixIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+        prefixIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+        clearIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+    }>> & {
+        onInput?: ((val: string | number) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((val: string | number) => any) | undefined;
+        onMouseleave?: ((val: string | number) => any) | undefined;
+        onEnter?: ((val: string | number) => any) | undefined;
         onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
         onSuffixClick?: ((val: string | number) => any) | undefined;
         onPrefixClick?: ((val: string | number) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         isFocus: globalThis.Ref<boolean>;
         isHover: globalThis.Ref<boolean>;
         visible: globalThis.Ref<boolean>;
         hidePopover: () => void;
         showPopover: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -253,16 +200,16 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string | import("..").IconProps>;
     };
 }>> & {
-    onFocus?: (() => any) | undefined;
+    onInput?: ((val: string | number) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onChange?: ((val: string | number) => any) | undefined;
-    onInput?: ((val: string | number) => any) | undefined;
+    onFocus?: (() => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;
     onEnter?: ((val: string | number) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
     onSuffixClick?: ((val: string | number) => any) | undefined;
     onPrefixClick?: ((val: string | number) => any) | undefined;
 }, {

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

@@ -1,4 +1,6 @@
+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;
@@ -11,38 +13,7 @@ export interface SearchProps {
 }
 declare function showPopover(): void;
 declare function hidePopover(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
-    activeWidth: {
-        type: globalThis.PropType<string | number>;
-    };
-    usePopover: {
-        type: globalThis.PropType<boolean>;
-    };
-    popoverCfg: {
-        type: globalThis.PropType<PopoverProps>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    placeholder: {
-        type: globalThis.PropType<string>;
-    };
-    clearable: {
-        type: globalThis.PropType<boolean>;
-    };
-    suffixIcon: {
-        type: globalThis.PropType<string | import("..").IconProps>;
-    };
-    prefixIcon: {
-        type: globalThis.PropType<string | import("..").IconProps>;
-    };
-    clearIcon: {
-        type: globalThis.PropType<string | import("..").IconProps>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>, {
     isFocus: globalThis.Ref<boolean>;
     isHover: globalThis.Ref<boolean>;
     visible: globalThis.Ref<boolean>;
@@ -61,48 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     keydown: (evt: Event | KeyboardEvent) => void;
     change: (val: string | number) => void;
     input: (val: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
-    activeWidth: {
-        type: globalThis.PropType<string | number>;
-    };
-    usePopover: {
-        type: globalThis.PropType<boolean>;
-    };
-    popoverCfg: {
-        type: globalThis.PropType<PopoverProps>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    placeholder: {
-        type: globalThis.PropType<string>;
-    };
-    clearable: {
-        type: globalThis.PropType<boolean>;
-    };
-    suffixIcon: {
-        type: globalThis.PropType<string | import("..").IconProps>;
-    };
-    prefixIcon: {
-        type: globalThis.PropType<string | import("..").IconProps>;
-    };
-    clearIcon: {
-        type: globalThis.PropType<string | import("..").IconProps>;
-    };
-}>> & {
-    onFocus?: (() => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>> & {
+    onInput?: ((val: string | number) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onChange?: ((val: string | number) => any) | undefined;
-    onInput?: ((val: string | number) => any) | undefined;
+    onFocus?: (() => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;
     onEnter?: ((val: string | number) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
     onSuffixClick?: ((val: string | number) => any) | undefined;
     onPrefixClick?: ((val: string | number) => any) | undefined;
 }, {}, {}>, {
@@ -113,6 +53,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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"),u=require("@vft/utils"),F=require("../input/index.cjs"),N=require("../popover/index.cjs");require("@vueuse/core");const h=require("../../utils/ns-cover.cjs");require("lodash");const D=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=D.useNamespace("search"),K=e.defineComponent({name:i.b()}),O=e.defineComponent({...K,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"],setup(t,{expose:m,emit:o}){const c=e.ref(),v=e.ref(),p=e.ref(),s=e.ref(!1),d=e.ref(!1),l=e.ref(!1),C=e.computed(()=>h.generateCssVars({width:t.activeWidth&&(l.value||t.modelValue)?u.addUnit(t.activeWidth):u.addUnit(t.width)},"input")),k=e.computed(()=>h.generateCssVars({"active-width":t.activeWidth?u.addUnit(t.activeWidth):u.addUnit(t.width)},"search")),y=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...t.popoverCfg})),V=n=>{o("update:modelValue",n),o("input",n)},w=()=>{f()};function g(){l.value=!0}function f(){l.value=!1}const S=()=>{o("clear"),a(!1)};function x(){d.value=!0,o("mouseenter",t.modelValue)}function b(){d.value=!1,o("mouseleave",t.modelValue)}const B=()=>{l.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function $(){a(),o("prefixClick",t.modelValue)}function q(){a(),o("suffixClick",t.modelValue)}function R(){a(),o("enter",t.modelValue)}function a(n=!0){t.usePopover&&f(),n&&p.value.blur()}const M=n=>{o("keydown",n)},U=e.computed(()=>{var n,r;return(r=(n=c.value)==null?void 0:n.popperRef)==null?void 0:r.contentRef}),E=n=>{o("update:modelValue",n)},I=n=>{o("change",n)};return m({isFocus:s,isHover:d,visible:l,hidePopover:f,showPopover:g}),(n,r)=>{const W=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:v,class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("active",l.value||n.modelValue)]),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(F.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},n.$props,{inputStyle:C.value,onInput:V,onFocus:B,onEnter:R,onBlur:P,onMouseenter:x,"onUpdate:modelValue":E,onMouseleave:b,onPrefixClick:$,onSuffixClick:q,onChange:I,onKeydown:M,onClear:S}),e.createSlots({_:2},[n.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"prefix")]),key:"0"}:void 0,n.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"suffix")]),key:"1"}:void 0,n.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"prepend")]),key:"2"}:void 0,n.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"append")]),key:"3"}:void 0]),1040,["inputStyle"])],6)),[[W,w,U.value]]),n.usePopover?(e.openBlock(),e.createBlock(e.unref(N.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},y.value,{"virtual-ref":v.value,visible:l.value,"onUpdate:visible":r[0]||(r[0]=z=>l.value=z),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("content"))},[e.renderSlot(n.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),N=require("../input/index.cjs"),D=require("../popover/index.cjs");require("@vueuse/core");const m=require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=K.useNamespace("search"),O=e.defineComponent({name:u.b()}),j=e.defineComponent({...O,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"],setup(n,{expose:h,emit:C}){const o=C,c=e.ref(),v=e.ref(),p=e.ref(),s=e.ref(!1),d=e.ref(!1),l=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(l.value||n.modelValue)?i.addUnit(n.activeWidth):i.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?i.addUnit(n.activeWidth):i.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{f()};function x(){l.value=!0}function f(){l.value=!1}const b=()=>{o("clear"),a(!1)};function S(){d.value=!0,o("mouseenter",n.modelValue)}function B(){d.value=!1,o("mouseleave",n.modelValue)}const P=()=>{l.value=!0,s.value=!0,o("focus")};function $(){s.value=!1,o("blur")}function q(){a(),o("prefixClick",n.modelValue)}function R(){a(),o("suffixClick",n.modelValue)}function M(){a(),o("enter",n.modelValue)}function a(t=!0){n.usePopover&&f(),t&&p.value.blur()}const U=t=>{o("keydown",t)},E=e.computed(()=>{var t,r;return(r=(t=c.value)==null?void 0:t.popperRef)==null?void 0:r.contentRef}),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)};return h({isFocus:s,isHover:d,visible:l,hidePopover:f,showPopover:x}),(t,r)=>{const z=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:v,class:e.normalizeClass([e.unref(u).b(),e.unref(u).is("active",l.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(N.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{"input-style":k.value,onInput:w,onFocus:P,onEnter:M,onBlur:$,onMouseenter:S,"onUpdate:modelValue":I,onMouseleave:B,onPrefixClick:q,onSuffixClick:R,onChange:W,onKeydown:U,onClear:b}),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)),[[z,g,E.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(D.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":v.value,visible:l.value,"onUpdate:visible":r[0]||(r[0]=F=>l.value=F),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=j;

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

@@ -1,4 +1,3 @@
-import type { Options, Placement } from 'vft/es/components/popper';
 import type { Component, PropType } from 'vue';
 import type { OptionType } from './select.types';
 export declare const SelectProps: {
@@ -76,8 +75,8 @@ export declare const SelectProps: {
         default: string;
     };
     popperOptions: {
-        type: PropType<Partial<Options>>;
-        default: () => Partial<Options>;
+        type: PropType<Options>;
+        default: () => Options;
     };
     remote: BooleanConstructor;
     size: {
@@ -97,7 +96,7 @@ export declare const SelectProps: {
     };
     placement: {
         type: PropType<Placement>;
-        values: Placement[];
+        values: any;
         default: string;
     };
 };

package/lib/components/select/group-item.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     item: {
         type: ObjectConstructor;
         required: true;