@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/input-select/index.d.ts

@@ -37,11 +37,11 @@ declare const InputSelect: SFCWithInstall<{
             default(): never[];
         };
         label: {
-            type: (FunctionConstructor | StringConstructor)[];
+            type: (StringConstructor | FunctionConstructor)[];
             default: string;
         };
         prop: {
-            type: (FunctionConstructor | StringConstructor)[];
+            type: (StringConstructor | FunctionConstructor)[];
             default: string;
         };
         modelValue: {
@@ -79,9 +79,9 @@ declare const InputSelect: SFCWithInstall<{
                 readonly autofocus: boolean;
             }> & Omit<{
                 readonly type: string;
-                readonly modelValue: string | number | null;
                 readonly disabled: boolean;
                 readonly autofocus: boolean;
+                readonly modelValue: string | number | null;
                 readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly clearable: boolean;
@@ -94,8 +94,8 @@ declare const InputSelect: SFCWithInstall<{
                 readonly rows: number;
                 readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
                 readonly name?: string | undefined;
-                readonly form?: string | undefined;
                 readonly placeholder?: string | undefined;
+                readonly form?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly id?: string | undefined;
                 readonly prefixIcon?: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown> | undefined;
@@ -119,7 +119,7 @@ declare const InputSelect: SFCWithInstall<{
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
                 onClear?: (() => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "modelValue" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "disabled" | "autofocus" | "modelValue" | "id" | "tabindex" | "validateEvent" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -132,7 +132,7 @@ declare const InputSelect: SFCWithInstall<{
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "change", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+            $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined) | ((new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -413,7 +413,7 @@ declare const InputSelect: SFCWithInstall<{
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+        }, "clear" | "type" | "disabled" | "autofocus" | "ref" | "input" | "select" | "textarea" | "modelValue" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
             input: ShallowRef<HTMLInputElement | undefined>;
             textarea: ShallowRef<HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
@@ -473,11 +473,11 @@ declare const InputSelect: SFCWithInstall<{
             default(): never[];
         };
         label: {
-            type: (FunctionConstructor | StringConstructor)[];
+            type: (StringConstructor | FunctionConstructor)[];
             default: string;
         };
         prop: {
-            type: (FunctionConstructor | StringConstructor)[];
+            type: (StringConstructor | FunctionConstructor)[];
             default: string;
         };
         modelValue: {
@@ -528,11 +528,11 @@ declare const InputSelect: SFCWithInstall<{
         default(): never[];
     };
     label: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     prop: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     modelValue: {

package/dist/components/input-select/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const InputSelect = withInstall(_sfc_main, "InputSelect");
 export {
   InputSelect,

package/dist/components/input-select/src/data.d.ts

@@ -38,14 +38,14 @@ export declare const dataProps: {
      * @props { String, Function } label=label 列表中展示名称
      */
     label: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     /**
      * @props { String, Function } prop=value 列表中对比的内容
      */
     prop: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     /**

package/dist/components/input-select/src/index.cjs

@@ -1,222 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$3 = require("element-plus/es/components/input/index");
-const index$2 = require("element-plus/es/components/popover/index");
-const index = require("../../../hooks/inherit/index.cjs");
-const use = require("../../common/use.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const getCss = require("@fangzhongya/utils/css/getCss");
-const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(vue.useAttrs());
-    const slots = vue.useSlots();
-    const cs = index$1.useCssName("input-select");
-    const props = __props;
-    const emit = __emit;
-    const visible = vue.ref(false);
-    const width = vue.ref(200);
-    const refInput = vue.ref();
-    const isfocus = vue.ref(false);
-    const isFiletr = vue.ref(false);
-    const value = vue.computed({
-      get() {
-        let v = props.modelValue;
-        return v;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
-    });
-    const options = vue.computed(() => {
-      if (props.filterable && value.value && isFiletr.value) {
-        return props.options.filter((o) => {
-          return (use.useVueValue(o, props.prop) + "").includes(
-            value.value || ""
-          );
-        });
-      }
-      return props.options;
-    });
-    const isclear = vue.computed(() => {
-      if (props.readonly) {
-        return false;
-      }
-      if (props.clearable && value.value && isfocus.value) {
-        return true;
-      }
-      return false;
-    });
-    function setWidth() {
-      if (refInput.value && refInput.value.ref) {
-        width.value = getCss.getCss(refInput.value.ref, "width");
-      }
-    }
-    function onClickSelect(item) {
-      if (!item.disabled) {
-        value.value = use.useVueValue(item, props.prop);
-        emit("change", value.value, item);
-        visible.value = false;
-        isFiletr.value = false;
-      }
-    }
-    function getSelected(item) {
-      const v = use.useVueValue(item, props.prop);
-      if (v === value.value) {
-        return "selected";
-      } else {
-        return;
-      }
-    }
-    function onInput(v, ...arr) {
-      emit("input", v, ...arr);
-      if (props.filterable) {
-        isFiletr.value = true;
-        visible.value = true;
-      }
-    }
-    let timeout;
-    function onBlur(...arr) {
-      emit("blur", ...arr);
-      timeout = setTimeout(() => {
-        isfocus.value = false;
-        visible.value = false;
-      }, 200);
-    }
-    function clearBlur() {
-      clearTimeout(timeout);
-    }
-    function onFocus(...arr) {
-      isfocus.value = true;
-      clearBlur();
-      emit("focus", ...arr);
-    }
-    function onClear() {
-      clearBlur();
-      value.value = "";
-      refInput.value.focus();
-    }
-    function onClick() {
-      if (!props.readonly) {
-        isFiletr.value = false;
-        visible.value = !visible.value;
-      }
-    }
-    vue.onMounted(() => {
-      setWidth();
-    });
-    __expose({
-      ...data.dataExpose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElPopover), {
-        trigger: "click",
-        "popper-class": vue.unref(cs).z("popper"),
-        visible: visible.value,
-        disabled: props.disabled || !(options.value && options.value.length > 0),
-        width: width.value
-      }, {
-        reference: vue.withCtx(() => [
-          vue.createElementVNode("div", vue.mergeProps({
-            class: [vue.unref(cs).z(), vue.unref(cs).is("disabled", props.disabled)]
-          }, vue.unref(attrs).root, { onClick }), [
-            vue.createVNode(vue.unref(index$3.ElInput), vue.mergeProps({
-              ref_key: "refInput",
-              ref: refInput,
-              modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-            }, vue.unref(attrs).assem, {
-              disabled: props.disabled,
-              readonly: props.readonly,
-              onInput,
-              onFocus,
-              onBlur,
-              clearable: false
-            }), vue.createSlots({
-              suffix: vue.withCtx(() => [
-                isclear.value ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(cs).z("select-icon"), "clear"]),
-                  onClick: vue.withModifiers(onClear, ["stop"])
-                }, _cache[1] || (_cache[1] = [
-                  vue.createElementVNode("svg", {
-                    viewBox: "0 0 1024 1024",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "data-v-ea893728": ""
-                  }, [
-                    vue.createElementVNode("path", {
-                      fill: "currentColor",
-                      d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-                    }),
-                    vue.createElementVNode("path", {
-                      fill: "currentColor",
-                      d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-                    })
-                  ], -1)
-                ]), 2)) : vue.createCommentVNode("", true),
-                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix),
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass([
-                    vue.unref(cs).z("select-icon"),
-                    vue.unref(cs).is("reverse", visible.value)
-                  ])
-                }, [
-                  vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconSelect, {}, () => [
-                    _cache[2] || (_cache[2] = vue.createElementVNode("svg", {
-                      viewBox: "0 0 1024 1024",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      "data-v-ea893728": ""
-                    }, [
-                      vue.createElementVNode("path", {
-                        fill: "currentColor",
-                        d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
-                      })
-                    ], -1))
-                  ])
-                ], 2)
-              ]),
-              _: 2
-            }, [
-              vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
-                return {
-                  name: k,
-                  fn: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, k)
-                  ])
-                };
-              })
-            ]), 1040, ["modelValue", "disabled", "readonly"])
-          ], 16)
-        ]),
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(cs).z("select"))
-          }, [
-            vue.createElementVNode("ul", {
-              class: vue.normalizeClass(vue.unref(cs).z("select-ul"))
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (item) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  class: vue.normalizeClass([
-                    vue.unref(cs).z("select-li"),
-                    vue.unref(cs).is("disabled", item?.disabled),
-                    getSelected(item)
-                  ]),
-                  onClick: vue.withModifiers(($event) => onClickSelect(item), ["stop"])
-                }, vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 11, _hoisted_1);
-              }), 256))
-            ], 2)
-          ], 2)
-        ]),
-        _: 3
-      }, 8, ["popper-class", "visible", "disabled", "width"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/input-select/src/index.d.ts

@@ -29,9 +29,9 @@ declare function __VLS_template(): {
                 readonly autofocus: boolean;
             }> & Omit<{
                 readonly type: string;
-                readonly modelValue: string | number | null;
                 readonly disabled: boolean;
                 readonly autofocus: boolean;
+                readonly modelValue: string | number | null;
                 readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly clearable: boolean;
@@ -44,8 +44,8 @@ declare function __VLS_template(): {
                 readonly rows: number;
                 readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
                 readonly name?: string | undefined;
-                readonly form?: string | undefined;
                 readonly placeholder?: string | undefined;
+                readonly form?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly id?: string | undefined;
                 readonly prefixIcon?: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown> | undefined;
@@ -69,7 +69,7 @@ declare function __VLS_template(): {
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
                 onClear?: (() => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "modelValue" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "disabled" | "autofocus" | "modelValue" | "id" | "tabindex" | "validateEvent" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -82,7 +82,7 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "change", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+            $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined) | ((new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -363,7 +363,7 @@ declare function __VLS_template(): {
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+        }, "clear" | "type" | "disabled" | "autofocus" | "ref" | "input" | "select" | "textarea" | "modelValue" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
             input: ShallowRef<HTMLInputElement | undefined>;
             textarea: ShallowRef<HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
@@ -420,11 +420,11 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default(): never[];
     };
     label: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     prop: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     modelValue: {
@@ -463,11 +463,11 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default(): never[];
     };
     label: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     prop: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     modelValue: {
@@ -505,9 +505,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             readonly autofocus: boolean;
         }> & Omit<{
             readonly type: string;
-            readonly modelValue: string | number | null;
             readonly disabled: boolean;
             readonly autofocus: boolean;
+            readonly modelValue: string | number | null;
             readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly clearable: boolean;
@@ -520,8 +520,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             readonly rows: number;
             readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
             readonly name?: string | undefined;
-            readonly form?: string | undefined;
             readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly id?: string | undefined;
             readonly prefixIcon?: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown> | undefined;
@@ -545,7 +545,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
             onClear?: (() => any) | undefined | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "modelValue" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "disabled" | "autofocus" | "modelValue" | "id" | "tabindex" | "validateEvent" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -558,7 +558,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "change", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+        $emit: ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
             readonly inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined) | ((new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -839,7 +839,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-    }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+    }, "clear" | "type" | "disabled" | "autofocus" | "ref" | "input" | "select" | "textarea" | "modelValue" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
         input: ShallowRef<HTMLInputElement | undefined>;
         textarea: ShallowRef<HTMLTextAreaElement | undefined>;
         ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;