@vtj/designer 0.16.12 → 0.16.13

package/types/components/widgets/ai/json-input.d.ts

@@ -1,8 +1,8 @@
-import { nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, Component, CSSProperties, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ShallowRef, ComputedRef, Ref, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
-import { UploadFile, InputType, InputModelModifiers, ComponentSize, InputAutoSize, UploadData, UploadRawFile, UploadHooks, UploadUserFile, ListType, UploadRequestHandler, Crossorigin, UploadFiles, UploadProgressEvent, UploadStatus } from 'element-plus';
+import { nextTick, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ShallowRef, ComputedRef, Ref, CSSProperties, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { UploadFile, ComponentSize, InputModelModifiers, InputType, InputAutoSize, InputProps, UploadHooks, Crossorigin, UploadData, UploadRawFile, UploadUserFile, ListType, UploadRequestHandler, UploadProps, UploadStatus } from 'element-plus';
+import { IconPropType } from 'element-plus/es/utils/index.mjs';
 import { OnCleanup } from '@vue/reactivity';
-import { Awaitable, Mutable } from 'element-plus/es/utils/typescript.mjs';
-import { UploadFile } from 'element-plus/es/components/upload/src/upload.mjs';
+import { Awaitable } from 'element-plus/es/utils/typescript.mjs';
 export interface Props {
     loading?: boolean;
 }
@@ -14,67 +14,53 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     textInputRef: ({
         $: ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            tabindex: string | number;
-            type: InputType;
-            modelValue: string | number | null;
-            modelModifiers: InputModelModifiers;
-            autocomplete: string;
-            clearIcon: string | Component;
-            wordLimitPosition: "inside" | "outside";
-            validateEvent: boolean;
-            inputStyle: string | false | CSSProperties | StyleValue[] | null;
-            rows: number;
-        }> & Omit<{
-            readonly type: InputType;
-            readonly modelValue: string | number | null;
-            readonly tabindex: string | number;
-            readonly modelModifiers: InputModelModifiers;
-            readonly autocomplete: string;
-            readonly wordLimitPosition: "inside" | "outside";
-            readonly validateEvent: boolean;
-            readonly inputStyle: string | false | CSSProperties | StyleValue[] | null;
-            readonly rows: number;
-            readonly name?: string | undefined;
-            readonly size?: ComponentSize | undefined;
+        $props: {
             readonly id?: string | undefined;
+            readonly size?: ComponentSize | undefined;
             readonly disabled?: boolean | undefined;
-            readonly ariaLabel?: string | undefined;
-            readonly autofocus?: boolean | undefined;
-            readonly form?: string | undefined;
-            readonly placeholder?: string | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
+            readonly modelModifiers?: InputModelModifiers | undefined;
             readonly maxlength?: string | number | undefined;
             readonly minlength?: string | number | undefined;
+            readonly type?: InputType | undefined;
             readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
             readonly autosize?: InputAutoSize | undefined;
+            readonly autocomplete?: string | undefined;
             readonly formatter?: ((value: string) => string) | undefined;
             readonly parser?: ((value: string) => string) | undefined;
+            readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
             readonly readonly?: boolean | undefined;
             readonly clearable?: boolean | undefined;
-            readonly clearIcon?: (string | Component) | undefined;
+            readonly clearIcon?: IconPropType | undefined;
             readonly showPassword?: boolean | undefined;
             readonly showWordLimit?: boolean | undefined;
-            readonly suffixIcon?: (string | Component) | undefined;
-            readonly prefixIcon?: (string | Component) | undefined;
+            readonly wordLimitPosition?: "inside" | "outside" | undefined;
+            readonly suffixIcon?: IconPropType | undefined;
+            readonly prefixIcon?: IconPropType | undefined;
             readonly containerRole?: string | undefined;
-            readonly inputmode?: "text" | "search" | "url" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
-            onInput?: ((value: string) => any) | undefined | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
-            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined | undefined;
-            onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
-            onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
-            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
-            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
-            onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
-            onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
-            onClear?: (() => any) | undefined | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "modelValue" | "disabled" | "tabindex" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            readonly tabindex?: string | number | undefined;
+            readonly validateEvent?: boolean | undefined;
+            readonly inputStyle?: StyleValue;
+            readonly autofocus?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly inputmode?: "text" | "search" | "url" | "none" | "email" | "tel" | "numeric" | "decimal" | undefined;
+            readonly name?: string | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined | undefined;
+            readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onInput?: ((value: string) => any) | undefined | undefined;
+            readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
+            readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -84,164 +70,56 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent | Event) => void) & ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void);
+        $emit: ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent | Event) => void) & ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void);
         $el: any;
-        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-            name: {
-                type: PropType<string>;
-            };
-            type: {
-                type: PropType<InputType>;
-                default: InputType;
-            };
-            size: {
-                type: PropType<"" | "small" | "default" | "large">;
-            };
-            id: {
-                type: PropType<string>;
-            };
-            modelValue: {
-                type: PropType<string | number | null>;
-                default: "";
-            };
-            disabled: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
-            ariaLabel: {
-                type: PropType<string>;
-            };
-            tabindex: {
-                type: PropType<string | number>;
-                default: 0;
-            };
-            autofocus: {
-                type: PropType<boolean>;
-            };
-            form: {
-                type: PropType<string>;
-            };
-            placeholder: {
-                type: PropType<string>;
-            };
-            modelModifiers: {
-                type: PropType<InputModelModifiers>;
-                default: () => {};
-            };
-            maxlength: {
-                type: PropType<string | number>;
-            };
-            minlength: {
-                type: PropType<string | number>;
-            };
-            resize: {
-                type: PropType<"vertical" | "horizontal" | "none" | "both">;
-            };
-            autosize: {
-                type: PropType<InputAutoSize>;
-            };
-            autocomplete: {
-                type: PropType<string>;
-                default: "off";
-            };
-            formatter: {
-                type: PropType<(value: string) => string>;
-            };
-            parser: {
-                type: PropType<(value: string) => string>;
-            };
-            readonly: {
-                type: PropType<boolean>;
-            };
-            clearable: {
-                type: PropType<boolean>;
-            };
-            clearIcon: {
-                type: PropType<string | Component>;
-                default: any;
-            };
-            showPassword: {
-                type: PropType<boolean>;
-            };
-            showWordLimit: {
-                type: PropType<boolean>;
-            };
-            wordLimitPosition: {
-                type: PropType<"inside" | "outside">;
-                default: "inside";
-            };
-            suffixIcon: {
-                type: PropType<string | Component>;
-            };
-            prefixIcon: {
-                type: PropType<string | Component>;
-            };
-            containerRole: {
-                type: PropType<string>;
-            };
-            validateEvent: {
-                type: PropType<boolean>;
-                default: true;
-            };
-            inputStyle: {
-                type: PropType<string | false | CSSProperties | StyleValue[] | null>;
-                default: () => {};
-            };
-            rows: {
-                type: PropType<number>;
-                default: 2;
-            };
-            inputmode: {
-                type: PropType<"text" | "search" | "url" | "email" | "tel" | "none" | "numeric" | "decimal">;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onInput?: ((value: string) => any) | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
-            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        $options: ComponentOptionsBase<Readonly< InputProps> & Readonly<{
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
             onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onClear?: (() => any) | undefined;
-        }, {
-            input: ShallowRef<HTMLInputElement | undefined>;
-            textarea: ShallowRef<HTMLTextAreaElement | undefined>;
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
             textareaStyle: ComputedRef<StyleValue>;
-            autosize: Ref< InputAutoSize | undefined>;
-            isComposing: Ref<boolean>;
+            autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+            isComposing: Ref<boolean, boolean>;
             focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void;
-            clear: () => void;
+            clear: (evt?: MouseEvent) => void;
             resizeTextarea: () => void;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            input: (value: string) => void;
-            focus: (evt: FocusEvent) => void;
-            "update:modelValue": (value: string) => void;
-            change: (value: string, evt?: Event | undefined) => void;
-            clear: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             blur: (evt: FocusEvent) => void;
+            change: (value: string, evt?: Event | undefined) => void;
             compositionend: (evt: CompositionEvent) => void;
             compositionstart: (evt: CompositionEvent) => void;
             compositionupdate: (evt: CompositionEvent) => void;
+            focus: (evt: FocusEvent) => void;
+            input: (value: string) => void;
             keydown: (evt: Event | KeyboardEvent) => void;
             mouseenter: (evt: MouseEvent) => void;
             mouseleave: (evt: MouseEvent) => void;
+            clear: (evt: MouseEvent | undefined) => void;
+            "update:modelValue": (value: string) => void;
         }, string, {
-            disabled: boolean;
-            tabindex: string | number;
             type: InputType;
+            disabled: boolean;
+            clearIcon: IconPropType;
+            validateEvent: boolean;
             modelValue: string | number | null;
             modelModifiers: InputModelModifiers;
             autocomplete: string;
-            clearIcon: string | Component;
             wordLimitPosition: "inside" | "outside";
-            validateEvent: boolean;
+            tabindex: string | number;
             inputStyle: string | false | CSSProperties | StyleValue[] | null;
             rows: number;
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -265,149 +143,41 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
     } & Readonly<{
-        disabled: boolean;
-        tabindex: string | number;
         type: InputType;
+        disabled: boolean;
+        clearIcon: IconPropType;
+        validateEvent: boolean;
         modelValue: string | number | null;
         modelModifiers: InputModelModifiers;
         autocomplete: string;
-        clearIcon: string | Component;
         wordLimitPosition: "inside" | "outside";
-        validateEvent: boolean;
+        tabindex: string | number;
         inputStyle: string | false | CSSProperties | StyleValue[] | null;
         rows: number;
-    }> & Omit<Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-        };
-        type: {
-            type: PropType<InputType>;
-            default: InputType;
-        };
-        size: {
-            type: PropType<"" | "small" | "default" | "large">;
-        };
-        id: {
-            type: PropType<string>;
-        };
-        modelValue: {
-            type: PropType<string | number | null>;
-            default: "";
-        };
-        disabled: {
-            type: PropType<boolean>;
-            default: undefined;
-        };
-        ariaLabel: {
-            type: PropType<string>;
-        };
-        tabindex: {
-            type: PropType<string | number>;
-            default: 0;
-        };
-        autofocus: {
-            type: PropType<boolean>;
-        };
-        form: {
-            type: PropType<string>;
-        };
-        placeholder: {
-            type: PropType<string>;
-        };
-        modelModifiers: {
-            type: PropType<InputModelModifiers>;
-            default: () => {};
-        };
-        maxlength: {
-            type: PropType<string | number>;
-        };
-        minlength: {
-            type: PropType<string | number>;
-        };
-        resize: {
-            type: PropType<"vertical" | "horizontal" | "none" | "both">;
-        };
-        autosize: {
-            type: PropType<InputAutoSize>;
-        };
-        autocomplete: {
-            type: PropType<string>;
-            default: "off";
-        };
-        formatter: {
-            type: PropType<(value: string) => string>;
-        };
-        parser: {
-            type: PropType<(value: string) => string>;
-        };
-        readonly: {
-            type: PropType<boolean>;
-        };
-        clearable: {
-            type: PropType<boolean>;
-        };
-        clearIcon: {
-            type: PropType<string | Component>;
-            default: any;
-        };
-        showPassword: {
-            type: PropType<boolean>;
-        };
-        showWordLimit: {
-            type: PropType<boolean>;
-        };
-        wordLimitPosition: {
-            type: PropType<"inside" | "outside">;
-            default: "inside";
-        };
-        suffixIcon: {
-            type: PropType<string | Component>;
-        };
-        prefixIcon: {
-            type: PropType<string | Component>;
-        };
-        containerRole: {
-            type: PropType<string>;
-        };
-        validateEvent: {
-            type: PropType<boolean>;
-            default: true;
-        };
-        inputStyle: {
-            type: PropType<string | false | CSSProperties | StyleValue[] | null>;
-            default: () => {};
-        };
-        rows: {
-            type: PropType<number>;
-            default: 2;
-        };
-        inputmode: {
-            type: PropType<"text" | "search" | "url" | "email" | "tel" | "none" | "numeric" | "decimal">;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onInput?: ((value: string) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+    }> & Omit<Readonly< InputProps> & Readonly<{
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    }, "type" | "clear" | "ref" | "modelValue" | "disabled" | "tabindex" | "input" | "select" | "textarea" | "modelModifiers" | "autosize" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "focus" | "blur" | "resizeTextarea"> & ShallowUnwrapRef<{
-        input: ShallowRef<HTMLInputElement | undefined>;
-        textarea: ShallowRef<HTMLTextAreaElement | undefined>;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "type" | "clear" | "ref" | "modelValue" | "disabled" | "tabindex" | "input" | "select" | "textarea" | "modelModifiers" | "autosize" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "focus" | "blur" | "resizeTextarea"> & ShallowUnwrapRef<{
+        input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
         ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
         textareaStyle: ComputedRef<StyleValue>;
-        autosize: Ref< InputAutoSize | undefined>;
-        isComposing: Ref<boolean>;
+        autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+        isComposing: Ref<boolean, boolean>;
         focus: () => void | undefined;
         blur: () => void | undefined;
         select: () => void;
-        clear: () => void;
+        clear: (evt?: MouseEvent) => void;
         resizeTextarea: () => void;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
@@ -416,6 +186,10 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
             prefix?: (props: {}) => any;
         } & {
             suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
         } & {
             append?: (props: {}) => any;
         };
@@ -423,58 +197,36 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     uploadRef: ({
         $: ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-            disabled: boolean;
-            name: string;
-            onProgress: UploadHooks["onProgress"];
-            onChange: UploadHooks["onChange"];
-            onError: UploadHooks["onError"];
-            method: string;
-            action: string;
-            accept: string;
-            beforeUpload: UploadHooks["beforeUpload"];
-            onRemove: UploadHooks["onRemove"];
-            onPreview: UploadHooks["onPreview"];
-            onSuccess: UploadHooks["onSuccess"];
-            onExceed: UploadHooks["onExceed"];
-            showFileList: boolean;
-            fileList: UploadUserFile[];
-            autoUpload: boolean;
-            listType: ListType;
-            httpRequest: UploadRequestHandler;
-        }> & Omit<{
-            readonly name: string;
-            readonly method: string;
-            readonly data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-            readonly onChange: UploadHooks["onChange"];
-            readonly onError: UploadHooks["onError"];
-            readonly onProgress: UploadHooks["onProgress"];
-            readonly beforeUpload: UploadHooks["beforeUpload"];
-            readonly onRemove: UploadHooks["onRemove"];
-            readonly onPreview: UploadHooks["onPreview"];
-            readonly onSuccess: UploadHooks["onSuccess"];
-            readonly onExceed: UploadHooks["onExceed"];
-            readonly action: string;
-            readonly showFileList: boolean;
-            readonly accept: string;
-            readonly fileList: UploadUserFile[];
-            readonly autoUpload: boolean;
-            readonly listType: ListType;
-            readonly httpRequest: UploadRequestHandler;
-            readonly disabled?: boolean | undefined;
-            readonly headers?: (Headers | Record<string, any>) | undefined;
-            readonly crossorigin?: Crossorigin | undefined;
+        $props: {
+            readonly beforeUpload?: UploadHooks["beforeUpload"] | undefined;
             readonly beforeRemove?: UploadHooks["beforeRemove"] | undefined;
+            readonly onRemove?: UploadHooks["onRemove"] | undefined;
+            readonly onChange?: UploadHooks["onChange"] | undefined;
+            readonly onPreview?: UploadHooks["onPreview"] | undefined;
+            readonly onSuccess?: UploadHooks["onSuccess"] | undefined;
+            readonly onProgress?: UploadHooks["onProgress"] | undefined;
+            readonly onError?: UploadHooks["onError"] | undefined;
+            readonly onExceed?: UploadHooks["onExceed"] | undefined;
+            readonly crossorigin?: Crossorigin | undefined;
+            readonly action?: string | undefined;
+            readonly headers?: (Headers | Record<string, any>) | undefined;
+            readonly method?: string | undefined;
+            readonly data?: ( Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>)) | undefined;
             readonly multiple?: boolean | undefined;
+            readonly name?: string | undefined;
             readonly drag?: boolean | undefined;
             readonly withCredentials?: boolean | undefined;
+            readonly showFileList?: boolean | undefined;
+            readonly accept?: string | undefined;
+            readonly fileList?: UploadUserFile[] | undefined;
+            readonly autoUpload?: boolean | undefined;
+            readonly listType?: ListType | undefined;
+            readonly httpRequest?: UploadRequestHandler | undefined;
+            readonly disabled?: boolean | undefined;
             readonly limit?: number | undefined;
             readonly directory?: boolean | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "method" | "disabled" | "data" | "onChange" | "onError" | "onProgress" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -486,129 +238,28 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-            name: {
-                type: PropType<string>;
-                default: "file";
-            };
-            method: {
-                type: PropType<string>;
-                default: "post";
-            };
-            disabled: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
-            headers: {
-                type: PropType<Record<string, any> | Headers>;
-            };
-            data: {
-                type: PropType< Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>)>;
-                default: () => Mutable<{}>;
-            };
-            onChange: {
-                type: PropType<(uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-                default: () => void;
-            };
-            onError: {
-                type: PropType<(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-                default: () => void;
-            };
-            onProgress: {
-                type: PropType<(evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-                default: () => void;
-            };
-            crossorigin: {
-                type: PropType<Crossorigin>;
-            };
-            beforeUpload: {
-                type: PropType<(rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>>;
-                default: () => void;
-            };
-            beforeRemove: {
-                type: PropType<(uploadFile: UploadFile, uploadFiles: UploadFiles) => Awaitable<boolean>>;
-            };
-            onRemove: {
-                type: PropType<(uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-                default: () => void;
-            };
-            onPreview: {
-                type: PropType<(uploadFile: UploadFile) => void>;
-                default: () => void;
-            };
-            onSuccess: {
-                type: PropType<(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-                default: () => void;
-            };
-            onExceed: {
-                type: PropType<(files: File[], uploadFiles: UploadUserFile[]) => void>;
-                default: () => void;
-            };
-            action: {
-                type: PropType<string>;
-                default: "#";
-            };
-            multiple: {
-                type: PropType<boolean>;
-            };
-            drag: {
-                type: PropType<boolean>;
-            };
-            withCredentials: {
-                type: PropType<boolean>;
-            };
-            showFileList: {
-                type: PropType<boolean>;
-                default: true;
-            };
-            accept: {
-                type: PropType<string>;
-                default: "";
-            };
-            fileList: {
-                type: PropType< UploadUserFile[]>;
-                default: () => never[];
-            };
-            autoUpload: {
-                type: PropType<boolean>;
-                default: true;
-            };
-            listType: {
-                type: PropType<ListType>;
-                default: "text";
-            };
-            httpRequest: {
-                type: PropType<UploadRequestHandler>;
-                default: UploadRequestHandler;
-            };
-            limit: {
-                type: PropType<number>;
-            };
-            directory: {
-                type: PropType<boolean>;
-            };
-        }>>, {
+        $options: ComponentOptionsBase<Readonly< UploadProps> & Readonly<{}>, {
             abort: (file?: UploadFile) => void;
             submit: () => void;
             clearFiles: (states?: UploadStatus[]) => void;
             handleStart: (rawFile: UploadRawFile) => void;
             handleRemove: (file: UploadFile | UploadRawFile) => void;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             disabled: boolean;
-            name: string;
-            onProgress: UploadHooks["onProgress"];
+            data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
             onChange: UploadHooks["onChange"];
+            name: string;
             onError: UploadHooks["onError"];
-            method: string;
-            action: string;
-            accept: string;
+            onProgress: UploadHooks["onProgress"];
             beforeUpload: UploadHooks["beforeUpload"];
             onRemove: UploadHooks["onRemove"];
             onPreview: UploadHooks["onPreview"];
             onSuccess: UploadHooks["onSuccess"];
             onExceed: UploadHooks["onExceed"];
+            action: string;
+            method: string;
             showFileList: boolean;
+            accept: string;
             fileList: UploadUserFile[];
             autoUpload: boolean;
             listType: ListType;
@@ -634,127 +285,26 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
     } & Readonly<{
-        data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
         disabled: boolean;
-        name: string;
-        onProgress: UploadHooks["onProgress"];
+        data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
         onChange: UploadHooks["onChange"];
+        name: string;
         onError: UploadHooks["onError"];
-        method: string;
-        action: string;
-        accept: string;
+        onProgress: UploadHooks["onProgress"];
         beforeUpload: UploadHooks["beforeUpload"];
         onRemove: UploadHooks["onRemove"];
         onPreview: UploadHooks["onPreview"];
         onSuccess: UploadHooks["onSuccess"];
         onExceed: UploadHooks["onExceed"];
+        action: string;
+        method: string;
         showFileList: boolean;
+        accept: string;
         fileList: UploadUserFile[];
         autoUpload: boolean;
         listType: ListType;
         httpRequest: UploadRequestHandler;
-    }> & Omit<Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            default: "file";
-        };
-        method: {
-            type: PropType<string>;
-            default: "post";
-        };
-        disabled: {
-            type: PropType<boolean>;
-            default: undefined;
-        };
-        headers: {
-            type: PropType<Record<string, any> | Headers>;
-        };
-        data: {
-            type: PropType< Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>)>;
-            default: () => Mutable<{}>;
-        };
-        onChange: {
-            type: PropType<(uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-            default: () => void;
-        };
-        onError: {
-            type: PropType<(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-            default: () => void;
-        };
-        onProgress: {
-            type: PropType<(evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-            default: () => void;
-        };
-        crossorigin: {
-            type: PropType<Crossorigin>;
-        };
-        beforeUpload: {
-            type: PropType<(rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>>;
-            default: () => void;
-        };
-        beforeRemove: {
-            type: PropType<(uploadFile: UploadFile, uploadFiles: UploadFiles) => Awaitable<boolean>>;
-        };
-        onRemove: {
-            type: PropType<(uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-            default: () => void;
-        };
-        onPreview: {
-            type: PropType<(uploadFile: UploadFile) => void>;
-            default: () => void;
-        };
-        onSuccess: {
-            type: PropType<(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>;
-            default: () => void;
-        };
-        onExceed: {
-            type: PropType<(files: File[], uploadFiles: UploadUserFile[]) => void>;
-            default: () => void;
-        };
-        action: {
-            type: PropType<string>;
-            default: "#";
-        };
-        multiple: {
-            type: PropType<boolean>;
-        };
-        drag: {
-            type: PropType<boolean>;
-        };
-        withCredentials: {
-            type: PropType<boolean>;
-        };
-        showFileList: {
-            type: PropType<boolean>;
-            default: true;
-        };
-        accept: {
-            type: PropType<string>;
-            default: "";
-        };
-        fileList: {
-            type: PropType< UploadUserFile[]>;
-            default: () => never[];
-        };
-        autoUpload: {
-            type: PropType<boolean>;
-            default: true;
-        };
-        listType: {
-            type: PropType<ListType>;
-            default: "text";
-        };
-        httpRequest: {
-            type: PropType<UploadRequestHandler>;
-            default: UploadRequestHandler;
-        };
-        limit: {
-            type: PropType<number>;
-        };
-        directory: {
-            type: PropType<boolean>;
-        };
-    }>>, "name" | "method" | "disabled" | "data" | "onChange" | "onError" | "onProgress" | "submit" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "clearFiles" | "handleStart" | "handleRemove"> & ShallowUnwrapRef<{
+    }> & Omit<Readonly< UploadProps> & Readonly<{}>, "name" | "method" | "disabled" | "data" | "onChange" | "onError" | "onProgress" | "submit" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "clearFiles" | "handleStart" | "handleRemove"> & ShallowUnwrapRef<{
         abort: (file?: UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: UploadStatus[]) => void;