@vtj/ui 0.16.11 → 0.16.13

package/types/components/grid-editor/GridEditor.d.ts

@@ -1,6 +1,7 @@
 import { GridEditorProps } from './types';
-import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, Component, CSSProperties, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ShallowRef, ComputedRef, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
-import { InputType, InputModelModifiers, ComponentSize, InputAutoSize } from 'element-plus';
+import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ShallowRef, ComputedRef, CSSProperties, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { ComponentSize, InputModelModifiers, InputType, InputAutoSize, InputProps } from 'element-plus';
+import { IconPropType } from 'element-plus/es/utils/index.mjs';
 import { OnCleanup } from '@vue/reactivity';
 declare const _default: DefineComponent<GridEditorProps, {
     open: () => void;
@@ -20,67 +21,53 @@ declare const _default: DefineComponent<GridEditorProps, {
     inputRef: ({
         $: 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 tabindex: string | number;
-            readonly modelValue: string | number | null;
-            readonly validateEvent: boolean;
-            readonly modelModifiers: InputModelModifiers;
-            readonly autocomplete: string;
-            readonly wordLimitPosition: "inside" | "outside";
-            readonly inputStyle: string | false | CSSProperties | StyleValue[] | null;
-            readonly rows: number;
+        $props: {
+            readonly id?: string | undefined;
             readonly size?: ComponentSize | undefined;
             readonly disabled?: boolean | undefined;
-            readonly name?: string | undefined;
-            readonly placeholder?: string | undefined;
-            readonly form?: string | undefined;
-            readonly id?: string | undefined;
-            readonly autofocus?: boolean | undefined;
-            readonly ariaLabel?: string | undefined;
-            readonly resize?: "none" | "both" | "horizontal" | "vertical" | 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 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;
-            "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, "disabled" | "type" | "tabindex" | "modelValue" | "validateEvent" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "inputStyle" | "rows">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            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;
         };
@@ -90,164 +77,56 @@ declare const _default: DefineComponent<GridEditorProps, {
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "clear") => void) & ((event: "input", 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) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "update:modelValue", value: string) => void);
+        $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "input", 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) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "update:modelValue", value: string) => void);
         $el: any;
-        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-            size: {
-                type: PropType<"" | "default" | "large" | "small">;
-            };
-            disabled: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
-            type: {
-                type: PropType<InputType>;
-                default: InputType;
-            };
-            name: {
-                type: PropType<string>;
-            };
-            placeholder: {
-                type: PropType<string>;
-            };
-            form: {
-                type: PropType<string>;
-            };
-            id: {
-                type: PropType<string>;
-            };
-            tabindex: {
-                type: PropType<string | number>;
-                default: 0;
-            };
-            autofocus: {
-                type: PropType<boolean>;
-            };
-            ariaLabel: {
-                type: PropType<string>;
-            };
-            resize: {
-                type: PropType<"horizontal" | "vertical" | "none" | "both">;
-            };
-            modelValue: {
-                type: PropType<string | number | null>;
-                default: "";
-            };
-            validateEvent: {
-                type: PropType<boolean>;
-                default: true;
-            };
-            modelModifiers: {
-                type: PropType<InputModelModifiers>;
-                default: () => {};
-            };
-            maxlength: {
-                type: PropType<string | number>;
-            };
-            minlength: {
-                type: PropType<string | number>;
-            };
-            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>;
-            };
-            inputStyle: {
-                type: PropType<string | false | CSSProperties | StyleValue[] | null>;
-                default: () => {};
-            };
-            rows: {
-                type: PropType<number>;
-                default: 2;
-            };
-            inputmode: {
-                type: PropType<"text" | "search" | "url" | "none" | "email" | "tel" | "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> & {
@@ -271,149 +150,41 @@ declare const _default: DefineComponent<GridEditorProps, {
         $nextTick: 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<{
-        size: {
-            type: PropType<"" | "default" | "large" | "small">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-            default: undefined;
-        };
-        type: {
-            type: PropType<InputType>;
-            default: InputType;
-        };
-        name: {
-            type: PropType<string>;
-        };
-        placeholder: {
-            type: PropType<string>;
-        };
-        form: {
-            type: PropType<string>;
-        };
-        id: {
-            type: PropType<string>;
-        };
-        tabindex: {
-            type: PropType<string | number>;
-            default: 0;
-        };
-        autofocus: {
-            type: PropType<boolean>;
-        };
-        ariaLabel: {
-            type: PropType<string>;
-        };
-        resize: {
-            type: PropType<"horizontal" | "vertical" | "none" | "both">;
-        };
-        modelValue: {
-            type: PropType<string | number | null>;
-            default: "";
-        };
-        validateEvent: {
-            type: PropType<boolean>;
-            default: true;
-        };
-        modelModifiers: {
-            type: PropType<InputModelModifiers>;
-            default: () => {};
-        };
-        maxlength: {
-            type: PropType<string | number>;
-        };
-        minlength: {
-            type: PropType<string | number>;
-        };
-        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>;
-        };
-        inputStyle: {
-            type: PropType<string | false | CSSProperties | StyleValue[] | null>;
-            default: () => {};
-        };
-        rows: {
-            type: PropType<number>;
-            default: 2;
-        };
-        inputmode: {
-            type: PropType<"text" | "search" | "url" | "none" | "email" | "tel" | "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;
-    }, "clear" | "disabled" | "type" | "ref" | "input" | "select" | "textarea" | "tabindex" | "focus" | "blur" | "modelValue" | "validateEvent" | "modelModifiers" | "autosize" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
-        input: ShallowRef<HTMLInputElement | undefined>;
-        textarea: ShallowRef<HTMLTextAreaElement | undefined>;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "clear" | "disabled" | "type" | "ref" | "input" | "select" | "textarea" | "tabindex" | "focus" | "blur" | "modelValue" | "validateEvent" | "modelModifiers" | "autosize" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "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: {
@@ -422,6 +193,10 @@ declare const _default: DefineComponent<GridEditorProps, {
             prefix?: (props: {}) => any;
         } & {
             suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
         } & {
             append?: (props: {}) => any;
         };