vft 0.0.150 → 0.0.153

package/es/components/scrollbar/scrollbar.vue2.js

@@ -1,30 +1,30 @@
-import { defineComponent as L, ref as o, computed as w, watch as T, nextTick as E, provide as j, reactive as D, onMounted as G, onUpdated as X, openBlock as g, createElementBlock as Y, normalizeClass as b, unref as q, createElementVNode as F, normalizeStyle as N, createBlock as R, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
-import { isNumber as r, addUnit as B, isObject as _ } from "@vft/utils";
-import { useResizeObserver as ee, useEventListener as te } from "@vueuse/core";
+import { defineComponent as O, ref as o, computed as w, watch as T, nextTick as B, provide as D, reactive as G, onMounted as X, onUpdated as Y, openBlock as g, createElementBlock as q, normalizeClass as b, unref as F, createElementVNode as I, normalizeStyle as E, createBlock as N, resolveDynamicComponent as J, withCtx as Q, renderSlot as Z, createCommentVNode as _ } from "vue";
+import { isNumber as i, addUnit as R, isObject as ee } from "@vft/utils";
+import { useResizeObserver as te, useEventListener as le } from "@vueuse/core";
 import { debugWarn as W } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import ae from "./bar.vue2.js";
-import { scrollbarContextKey as oe } from "./constants.js";
+import oe from "./bar.vue2.js";
+import { scrollbarContextKey as re } from "./constants.js";
 import { GAP as m } from "./util.js";
-const M = "ElScrollbar", s = (
+const M = "ElScrollbar", n = (
   /* hoist-static*/
-  le("scrollbar")
-), ie = L({
-  name: s.b()
-}), ge = /* @__PURE__ */ L({
+  ae("scrollbar")
+), ie = O({
+  name: n.b()
+}), be = /* @__PURE__ */ O({
   ...ie,
   props: {
     height: { default: "" },
     maxHeight: { default: "" },
     native: { type: Boolean, default: !1 },
-    wrapStyle: { default: "" },
+    wrapStyle: { type: [Boolean, null, String, Object, Array], default: "" },
     wrapClass: { default: "" },
     viewClass: { default: "" },
-    viewStyle: { default: "" },
+    viewStyle: { type: [Boolean, null, String, Object, Array], default: "" },
     noresize: { type: Boolean },
     tag: { default: "div" },
     always: { type: Boolean },
@@ -34,74 +34,75 @@ const M = "ElScrollbar", s = (
     scroll: ({
       scrollTop: l,
       scrollLeft: v
-    }) => [l, v].every(r)
+    }) => [l, v].every(i)
   },
-  setup(l, { expose: v, emit: $ }) {
-    let n, c;
-    const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), K = w(() => {
+  setup(l, { expose: v, emit: A }) {
+    const L = A;
+    let s, c;
+    const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), $ = w(() => {
       const e = {};
-      return l.height && (e.height = B(l.height)), l.maxHeight && (e.maxHeight = B(l.maxHeight)), [l.wrapStyle, e];
-    }), O = w(() => [
+      return l.height && (e.height = R(l.height)), l.maxHeight && (e.maxHeight = R(l.maxHeight)), [l.wrapStyle, e];
+    }), j = w(() => [
       l.wrapClass,
-      s.e("wrap"),
-      { [s.em("wrap", "hidden-default")]: !l.native }
-    ]), A = w(() => [s.e("view"), l.viewClass]), k = () => {
+      n.e("wrap"),
+      { [n.em("wrap", "hidden-default")]: !l.native }
+    ]), K = w(() => [n.e("view"), l.viewClass]), k = () => {
       var e;
-      t.value && ((e = d.value) == null || e.handleScroll(t.value), $("scroll", {
+      t.value && ((e = d.value) == null || e.handleScroll(t.value), L("scroll", {
         scrollTop: t.value.scrollTop,
         scrollLeft: t.value.scrollLeft
       }));
     };
     function P(e, a) {
-      _(e) ? t.value.scrollTo(e) : r(e) && r(a) && t.value.scrollTo(e, a);
+      ee(e) ? t.value.scrollTo(e) : i(e) && i(a) && t.value.scrollTo(e, a);
     }
     const U = (e) => {
-      if (!r(e)) {
+      if (!i(e)) {
         W(M, "value must be a number");
         return;
       }
       t.value.scrollTop = e;
     }, V = (e) => {
-      if (!r(e)) {
+      if (!i(e)) {
         W(M, "value must be a number");
         return;
       }
       t.value.scrollLeft = e;
-    }, i = () => {
+    }, r = () => {
       if (!t.value)
         return;
-      const e = t.value.offsetHeight - m, a = t.value.offsetWidth - m, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, f = Math.max(h, l.minSize), u = Math.max(y, l.minSize);
-      C.value = h / (e - h) / (f / (e - f)), H.value = y / (a - y) / (u / (a - u)), z.value = f + m < e ? `${f}px` : "", x.value = u + m < a ? `${u}px` : "";
+      const e = t.value.offsetHeight - m, a = t.value.offsetWidth - m, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, u = Math.max(h, l.minSize), f = Math.max(y, l.minSize);
+      C.value = h / (e - h) / (u / (e - u)), H.value = y / (a - y) / (f / (a - f)), z.value = u + m < e ? `${u}px` : "", x.value = f + m < a ? `${f}px` : "";
     };
     return T(
       () => l.noresize,
       (e) => {
-        e ? (n == null || n(), c == null || c()) : ({ stop: n } = ee(p, i), c = te("resize", i));
+        e ? (s == null || s(), c == null || c()) : ({ stop: s } = te(p, r), c = le("resize", r));
       },
       { immediate: !0 }
     ), T(
       () => [l.maxHeight, l.height],
       () => {
-        l.native || E(() => {
+        l.native || B(() => {
           var e;
-          i(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
+          r(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
         });
       }
-    ), j(
-      oe,
-      D({
+    ), D(
+      re,
+      G({
         scrollbarElement: S,
         wrapElement: t
       })
-    ), G(() => {
-      l.native || E(() => {
-        i();
+    ), X(() => {
+      l.native || B(() => {
+        r();
       });
-    }), X(() => i()), v({
+    }), Y(() => r()), v({
       /** @description scrollbar wrap ref */
       wrapRef: t,
       /** @description update scrollbar state manually */
-      update: i,
+      update: r,
       /** @description scrolls to a particular set of coordinates */
       scrollTo: P,
       /** @description set distance to scroll top */
@@ -110,31 +111,31 @@ const M = "ElScrollbar", s = (
       setScrollLeft: V,
       /** @description handle scroll event */
       handleScroll: k
-    }), (e, a) => (g(), Y("div", {
+    }), (e, a) => (g(), q("div", {
       ref_key: "scrollbarRef",
       ref: S,
-      class: b(q(s).b())
+      class: b(F(n).b())
     }, [
-      F("div", {
+      I("div", {
         ref_key: "wrapRef",
         ref: t,
-        class: b(O.value),
-        style: N(K.value),
+        class: b(j.value),
+        style: E($.value),
         onScroll: k
       }, [
-        (g(), R(I(e.tag), {
+        (g(), N(J(e.tag), {
           ref_key: "resizeRef",
           ref: p,
-          class: b(A.value),
-          style: N(e.viewStyle)
+          class: b(K.value),
+          style: E(e.viewStyle)
         }, {
-          default: J(() => [
-            Q(e.$slots, "default")
+          default: Q(() => [
+            Z(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["class", "style"]))
       ], 38),
-      e.native ? Z("", !0) : (g(), R(ae, {
+      e.native ? _("", !0) : (g(), N(oe, {
         key: 0,
         ref_key: "barRef",
         ref: d,
@@ -148,5 +149,5 @@ const M = "ElScrollbar", s = (
   }
 });
 export {
-  ge as default
+  be as default
 };

package/es/components/scrollbar/thumb.vue.d.ts

@@ -5,39 +5,14 @@ export interface ThumbProps {
     ratio: number;
     always?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    vertical: {
-        type: globalThis.PropType<boolean>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    move: {
-        type: globalThis.PropType<number>;
-    };
-    ratio: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    vertical: {
-        type: globalThis.PropType<boolean>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    move: {
-        type: globalThis.PropType<number>;
-    };
-    ratio: {
-        type: globalThis.PropType<number>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ThumbProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>>, {}, {}>;
+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;
     };
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-}>>, {}, {}>;
-export default _default;
+};

package/es/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: {
-            style?: unknown;
-            readonly width?: string | number | undefined;
-            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>;
+        };
+        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>;
         };
-        $attrs: {
-            [x: string]: unknown;
+        clearable: {
+            type: globalThis.PropType<boolean>;
         };
-        $refs: {
-            [x: string]: unknown;
+        suffixIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
         };
-        $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;
+        prefixIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
         };
-        $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<{
+        clearIcon: {
+            type: globalThis.PropType<string | import("..").IconProps>;
+        };
+    }>> & {
+        onChange?: ((val: string | number) => any) | undefined;
+        onInput?: ((val: string | number) => any) | undefined;
+        onBlur?: (() => 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;
+        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,10 +95,61 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | import("..").IconProps>;
         };
     }>> & {
-        onFocus?: (() => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
+        onInput?: ((val: string | number) => any) | undefined;
         onBlur?: (() => 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;
+        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>;
+        };
+    }>> & {
         onChange?: ((val: string | number) => any) | undefined;
         onInput?: ((val: string | number) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
@@ -211,13 +158,13 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         onClear?: (() => 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,10 +200,10 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string | import("..").IconProps>;
     };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
     onChange?: ((val: string | number) => any) | undefined;
     onInput?: ((val: string | number) => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;