x-next 0.0.0-alpha.51 → 0.0.0-alpha.53

package/dist/components/image/interface.d.ts

@@ -1,4 +1,5 @@
 import { Slot } from 'vue';
+import { RenderFunc } from '../../_container/render-function.ts';
 export interface ImageProps {
     src?: string;
     width?: string | number;
@@ -43,3 +44,10 @@ export interface ImagePreviewGroupProps extends Omit<ImagePreviewProps, 'src' |
     onChange?: (index: number, preIndex: number) => void;
     onPreviewVisibleChange?: (visible: boolean) => void;
 }
+export interface ActionType {
+    key: string;
+    name: string;
+    content: RenderFunc;
+    onClick: () => void;
+    disabled?: boolean;
+}

package/dist/components/image/preview-toolbar.vue.d.ts

@@ -1,12 +1,6 @@
 import { PropType } from 'vue';
 import { RenderFunc } from '../../_container/render-function';
-interface ActionType {
-    key: string;
-    name: string;
-    content: RenderFunc;
-    onClick: () => void;
-    disabled?: boolean;
-}
+import { ActionType } from './interface.ts';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     actions: {
         type: PropType<ActionType[]>;
@@ -125,7 +119,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 popupVisibleChange: (visible: boolean) => true;
             }, import('vue').PublicProps, {
                 mini: boolean;
-                position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
             }, true, {}, {}, {
@@ -288,11 +282,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }, import('vue').PublicProps, {
                         disabled: boolean;
                         animationName: string;
-                        position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                        position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                         autoFitPosition: boolean;
                         popupVisible: boolean;
                         defaultPopupVisible: boolean;
-                        trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+                        trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
                         popupOffset: number;
                         showArrow: boolean;
                         alignPoint: boolean;
@@ -473,11 +467,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>, () => any, {}, {}, {}, {
                         disabled: boolean;
                         animationName: string;
-                        position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                        position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                         autoFitPosition: boolean;
                         popupVisible: boolean;
                         defaultPopupVisible: boolean;
-                        trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+                        trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
                         popupOffset: number;
                         showArrow: boolean;
                         alignPoint: boolean;
@@ -661,11 +655,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, string, {
                     disabled: boolean;
                     animationName: string;
-                    position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                    position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                     autoFitPosition: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
-                    trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+                    trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
                     popupOffset: number;
                     showArrow: boolean;
                     alignPoint: boolean;
@@ -751,7 +745,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 handlePopupVisibleChange: (visible: boolean) => void;
             }, {}, {}, {}, {
                 mini: boolean;
-                position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
             }>;
@@ -815,7 +809,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             popupVisibleChange: (visible: boolean) => true;
         }, string, {
             mini: boolean;
-            position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+            position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
             popupVisible: boolean;
             defaultPopupVisible: boolean;
         }, {}, string, {}, {
@@ -978,11 +972,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, import('vue').PublicProps, {
                     disabled: boolean;
                     animationName: string;
-                    position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                    position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                     autoFitPosition: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
-                    trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+                    trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
                     popupOffset: number;
                     showArrow: boolean;
                     alignPoint: boolean;
@@ -1163,11 +1157,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>, () => any, {}, {}, {}, {
                     disabled: boolean;
                     animationName: string;
-                    position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                    position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                     autoFitPosition: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
-                    trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+                    trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
                     popupOffset: number;
                     showArrow: boolean;
                     alignPoint: boolean;
@@ -1351,11 +1345,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, string, {
                 disabled: boolean;
                 animationName: string;
-                position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+                position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
-                trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+                trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
                 popupOffset: number;
                 showArrow: boolean;
                 alignPoint: boolean;

package/dist/components/index.d.ts

@@ -1,13 +1,18 @@
 export * from './button';
 export * from './dialog';
 export * from './drawer';
+export * from './dropdown';
+export * from './empty';
+export * from './form';
+export * from './grid';
 export * from './image';
+export * from './input';
 export * from './message';
 export * from './message-box';
 export * from './notification';
 export * from './popconfirm';
 export * from './popup';
-export * from './scrollbar';
+export * from './scrollbar-v2';
 export * from './space';
 export * from './tabs';
 export * from './tag';

package/dist/components/input/Input.d.ts

@@ -1,220 +1,292 @@
+import { PropType } from 'vue';
+import { Size } from '../../_utils/constant';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    autocomplete: {
-        type: import('vue').PropType<"on" | "off">;
-        default: string;
-    };
-    name: {
+    /**
+     * @zh 绑定值
+     * @en Value
+     */
+    modelValue: StringConstructor;
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue: {
         type: StringConstructor;
         default: string;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
+    /**
+     * @zh 输入框大小
+     * @en Input size
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
     };
-    autofocus: {
+    /**
+     * @zh 是否允许清空输入框
+     * @en Whether to allow the input to be cleared
+     */
+    allowClear: {
         type: BooleanConstructor;
         default: boolean;
     };
-    form: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    type: {
-        type: import('vue').PropType<"text" | "textarea">;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    size: {
-        type: import('vue').PropType<"default" | "small" | "large">;
-        default: string;
-    };
-    showPassword: {
+    /**
+     * @zh 是否为只读状态
+     * @en Whether it is read-only
+     */
+    readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
-    resize: {
+    /**
+     * @zh 是否为错误状态
+     * @en Whether it is an error state
+     */
+    error: {
         type: BooleanConstructor;
         default: boolean;
     };
-    prefixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    suffixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    autosize: {
-        type: import('vue').PropType<boolean | {
-            minRows: number;
-            maxRows: number;
+    /**
+     * @zh 提示文字
+     * @en Prompt text
+     */
+    placeholder: StringConstructor;
+    /**
+     * @zh 输入值的最大长度，errorOnly 属性在 2.12.0 版本添加
+     * @en Enter the maximum length of the value, the errorOnly attribute was added in version 2.12.0
+     */
+    maxLength: {
+        type: PropType<number | {
+            length: number;
+            errorOnly?: boolean;
         }>;
-        default: boolean;
-    };
-    formatter: {
-        type: FunctionConstructor;
-        default: undefined;
-    };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    card: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
+        default: number;
     };
+    /**
+     * @zh 是否显示字数统计
+     * @en Whether to display word count
+     */
     showWordLimit: {
         type: BooleanConstructor;
         default: boolean;
     };
-    valueType: {
-        type: import('vue').PropType<"string" | "number">;
-        default: string;
-    };
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], "clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    autocomplete: {
-        type: import('vue').PropType<"on" | "off">;
-        default: string;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autofocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    form: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
+    /**
+     * @zh 字符长度的计算方法
+     * @en Calculation method of word length
+     */
+    wordLength: {
+        type: PropType<(value: string) => number>;
+    };
+    /**
+     * @zh 字符截取方法，同 wordLength 一起使用
+     * @en Character interception method, used together with wordLength
+     * @version 2.12.0
+     */
+    wordSlice: {
+        type: PropType<(value: string, maxLength: number) => string>;
+    };
+    /**
+     * @zh 内部 input 元素的属性
+     * @en Attributes of inner input elements
+     * @version 2.27.0
+     */
+    inputAttrs: {
+        type: ObjectConstructor;
     };
     type: {
-        type: import('vue').PropType<"text" | "textarea">;
+        type: PropType<"text" | "password">;
         default: string;
     };
-    placeholder: {
+}>, {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    render: () => any;
+}, {}, {}, {
+    /**
+     * @zh 使输入框获取焦点
+     * @en Make the input box focus
+     * @public
+     */
+    focus(): void;
+    /**
+     * @zh 使输入框失去焦点
+     * @en Make the input box lose focus
+     * @public
+     */
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => true;
+    /**
+     * @zh 用户输入时触发
+     * @en Triggered when the user enters
+     * @param {string} value
+     * @param {Event} ev
+     */
+    input: (value: string, ev: Event) => true;
+    /**
+     * @zh 仅在输入框失焦或按下回车时触发
+     * @en Only triggered when the input box is out of focus or when you press Enter
+     * @param {string} value
+     * @param {Event} ev
+     */
+    change: (value: string, ev: Event) => true;
+    /**
+     * @zh 用户按下回车时触发
+     * @en Triggered when the user presses enter
+     * @param {KeyboardEvent} ev
+     */
+    pressEnter: (ev: KeyboardEvent) => true;
+    /**
+     * @zh 用户点击清除按钮时触发
+     * @en Triggered when the user clicks the clear button
+     * @param {MouseEvent} ev
+     */
+    clear: (ev: MouseEvent) => true;
+    /**
+     * @zh 输入框获取焦点时触发
+     * @en Triggered when the input box gets focus
+     * @param {FocusEvent} ev
+     */
+    focus: (ev: FocusEvent) => true;
+    /**
+     * @zh 输入框失去焦点时触发
+     * @en Triggered when the input box loses focus
+     * @param {FocusEvent} ev
+     */
+    blur: (ev: FocusEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 绑定值
+     * @en Value
+     */
+    modelValue: StringConstructor;
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue: {
         type: StringConstructor;
         default: string;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    /**
+     * @zh 输入框大小
+     * @en Input size
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
     size: {
-        type: import('vue').PropType<"default" | "small" | "large">;
-        default: string;
+        type: PropType<Size>;
     };
-    showPassword: {
+    /**
+     * @zh 是否允许清空输入框
+     * @en Whether to allow the input to be cleared
+     */
+    allowClear: {
         type: BooleanConstructor;
         default: boolean;
     };
-    resize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    prefixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    suffixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    autosize: {
-        type: import('vue').PropType<boolean | {
-            minRows: number;
-            maxRows: number;
-        }>;
-        default: boolean;
-    };
-    formatter: {
-        type: FunctionConstructor;
-        default: undefined;
-    };
-    validateEvent: {
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    clearable: {
+    /**
+     * @zh 是否为只读状态
+     * @en Whether it is read-only
+     */
+    readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
-    card: {
+    /**
+     * @zh 是否为错误状态
+     * @en Whether it is an error state
+     */
+    error: {
         type: BooleanConstructor;
         default: boolean;
     };
-    maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
+    /**
+     * @zh 提示文字
+     * @en Prompt text
+     */
+    placeholder: StringConstructor;
+    /**
+     * @zh 输入值的最大长度，errorOnly 属性在 2.12.0 版本添加
+     * @en Enter the maximum length of the value, the errorOnly attribute was added in version 2.12.0
+     */
+    maxLength: {
+        type: PropType<number | {
+            length: number;
+            errorOnly?: boolean;
+        }>;
+        default: number;
     };
+    /**
+     * @zh 是否显示字数统计
+     * @en Whether to display word count
+     */
     showWordLimit: {
         type: BooleanConstructor;
         default: boolean;
     };
-    valueType: {
-        type: import('vue').PropType<"string" | "number">;
+    /**
+     * @zh 字符长度的计算方法
+     * @en Calculation method of word length
+     */
+    wordLength: {
+        type: PropType<(value: string) => number>;
+    };
+    /**
+     * @zh 字符截取方法，同 wordLength 一起使用
+     * @en Character interception method, used together with wordLength
+     * @version 2.12.0
+     */
+    wordSlice: {
+        type: PropType<(value: string, maxLength: number) => string>;
+    };
+    /**
+     * @zh 内部 input 元素的属性
+     * @en Attributes of inner input elements
+     * @version 2.27.0
+     */
+    inputAttrs: {
+        type: ObjectConstructor;
+    };
+    type: {
+        type: PropType<"text" | "password">;
         default: string;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    onPressEnter?: ((...args: any[]) => any) | undefined;
+    onInput?: ((value: string, ev: Event) => any) | undefined;
+    onClear?: ((ev: MouseEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: string, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
-    size: "default" | "small" | "large";
-    name: string;
-    type: "text" | "textarea";
-    form: string;
+    type: "text" | "password";
     disabled: boolean;
-    resize: boolean;
-    modelValue: string | number;
-    autocomplete: "on" | "off";
-    autofocus: boolean;
-    maxlength: string | number;
+    error: boolean;
     readonly: boolean;
-    card: boolean;
-    prefixIcon: string;
-    suffixIcon: string;
-    placeholder: string;
-    clearable: boolean;
-    showPassword: boolean;
-    autosize: boolean | {
-        minRows: number;
-        maxRows: number;
-    };
-    formatter: Function;
-    validateEvent: boolean;
+    defaultValue: string;
+    maxLength: number | {
+        length: number;
+        errorOnly?: boolean;
+    };
+    allowClear: boolean;
     showWordLimit: boolean;
-    valueType: "string" | "number";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/input/InputGroup.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;