x-next 0.0.0-alpha.9 → 1.0.1

package/dist/components/form-checkbox/index.d.ts

@@ -0,0 +1,343 @@
+export declare const Checkbox: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<boolean | import('./interface.ts').CheckboxValueList>;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+        uninjectGroupContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: boolean | import('./interface.ts').CheckboxValueList, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean | import('./interface.ts').CheckboxValueList) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: boolean | import('./interface.ts').CheckboxValueList) => true;
+        change: (value: boolean | import('./interface.ts').CheckboxValueList, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        modelValue: boolean | import('./interface.ts').CheckboxValueList;
+        defaultChecked: boolean;
+        indeterminate: boolean;
+        uninjectGroupContext: boolean;
+    }, true, {}, {}, {
+        IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            handleClick: (ev: MouseEvent) => void;
+            handleMousedown: (ev: MouseEvent) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (ev: MouseEvent) => true;
+            mousedown: (ev: MouseEvent) => true;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        }>, {
+            size: "mini" | "small" | "medium" | "large" | "huge";
+            disabled: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<boolean | import('./interface.ts').CheckboxValueList>;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+        uninjectGroupContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: boolean | import('./interface.ts').CheckboxValueList, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean | import('./interface.ts').CheckboxValueList) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, {
+        disabled: boolean;
+        modelValue: boolean | import('./interface.ts').CheckboxValueList;
+        defaultChecked: boolean;
+        indeterminate: boolean;
+        uninjectGroupContext: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<boolean | import('./interface.ts').CheckboxValueList>;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+    };
+    uninjectGroupContext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((value: boolean | import('./interface.ts').CheckboxValueList, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | import('./interface.ts').CheckboxValueList) => any) | undefined;
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean | import('./interface.ts').CheckboxValueList) => true;
+    change: (value: boolean | import('./interface.ts').CheckboxValueList, ev: Event) => true;
+}, string, {
+    disabled: boolean;
+    modelValue: boolean | import('./interface.ts').CheckboxValueList;
+    defaultChecked: boolean;
+    indeterminate: boolean;
+    uninjectGroupContext: boolean;
+}, {}, string, {}, {
+    IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        handleClick: (ev: MouseEvent) => void;
+        handleMousedown: (ev: MouseEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (ev: MouseEvent) => true;
+        mousedown: (ev: MouseEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((ev: MouseEvent) => any) | undefined;
+        onMousedown?: ((ev: MouseEvent) => any) | undefined;
+    }>, {
+        size: "mini" | "small" | "medium" | "large" | "huge";
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const CheckboxGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<import('./interface.ts').CheckboxValueList>;
+            default: undefined;
+        };
+        defaultValue: {
+            type: import('vue').PropType<import('./interface.ts').CheckboxValueList>;
+            default: () => never[];
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        options: {
+            type: import('vue').PropType<Array<import('./interface.ts').CheckboxValue | import('./interface.ts').CheckboxOption>>;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: import('./interface.ts').CheckboxValueList, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./interface.ts').CheckboxValueList) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: import('./interface.ts').CheckboxValueList) => true;
+        change: (value: import('./interface.ts').CheckboxValueList, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        direction: "horizontal" | "vertical";
+        modelValue: import('./interface.ts').CheckboxValueList;
+        defaultValue: import('./interface.ts').CheckboxValueList;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<import('./interface.ts').CheckboxValueList>;
+            default: undefined;
+        };
+        defaultValue: {
+            type: import('vue').PropType<import('./interface.ts').CheckboxValueList>;
+            default: () => never[];
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        options: {
+            type: import('vue').PropType<Array<import('./interface.ts').CheckboxValue | import('./interface.ts').CheckboxOption>>;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: import('./interface.ts').CheckboxValueList, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./interface.ts').CheckboxValueList) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, {
+        disabled: boolean;
+        direction: "horizontal" | "vertical";
+        modelValue: import('./interface.ts').CheckboxValueList;
+        defaultValue: import('./interface.ts').CheckboxValueList;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<import('./interface.ts').CheckboxValueList>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: import('vue').PropType<import('./interface.ts').CheckboxValueList>;
+        default: () => never[];
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    options: {
+        type: import('vue').PropType<Array<import('./interface.ts').CheckboxValue | import('./interface.ts').CheckboxOption>>;
+    };
+    direction: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+    };
+}>> & Readonly<{
+    onChange?: ((value: import('./interface.ts').CheckboxValueList, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./interface.ts').CheckboxValueList) => any) | undefined;
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: import('./interface.ts').CheckboxValueList) => true;
+    change: (value: import('./interface.ts').CheckboxValueList, ev: Event) => true;
+}, string, {
+    disabled: boolean;
+    direction: "horizontal" | "vertical";
+    modelValue: import('./interface.ts').CheckboxValueList;
+    defaultValue: import('./interface.ts').CheckboxValueList;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Checkbox as default };

package/dist/components/form-checkbox/interface.d.ts

@@ -0,0 +1,25 @@
+import { RenderContent } from '../../_utils/types';
+export type CheckboxValue = string | number | boolean;
+export type CheckboxValueList = CheckboxValue[];
+export interface CheckboxOption {
+    /**
+     * @zh 文案
+     * @en label content
+     */
+    label?: RenderContent;
+    /**
+     * @zh 选项的 `value`
+     * @en The `value` of the option
+     */
+    value: CheckboxValue;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled?: boolean;
+    /**
+     * @zh 是否为半选状态
+     * @en Whether it is half-selected
+     */
+    indeterminate?: boolean;
+}

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

@@ -0,0 +1,292 @@
+import { PropType } from 'vue';
+import { Size } from '../../_utils/constant';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 绑定值
+     * @en Value
+     */
+    modelValue: StringConstructor;
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 输入框大小
+     * @en Input size
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 是否允许清空输入框
+     * @en Whether to allow the input to be cleared
+     */
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为只读状态
+     * @en Whether it is read-only
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为错误状态
+     * @en Whether it is an error state
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @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;
+    };
+    /**
+     * @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;
+    };
+}>, {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    render: () => VNode;
+}, {}, {}, {
+    /**
+     * @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;
+    };
+    /**
+     * @zh 输入框大小
+     * @en Input size
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 是否允许清空输入框
+     * @en Whether to allow the input to be cleared
+     */
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为只读状态
+     * @en Whether it is read-only
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为错误状态
+     * @en Whether it is an error state
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @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;
+    };
+    /**
+     * @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<{
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onInput?: ((value: string, ev: Event) => any) | undefined;
+    onClear?: ((ev: MouseEvent) => 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;
+}>, {
+    error: boolean;
+    readonly: boolean;
+    type: "text" | "password";
+    disabled: boolean;
+    defaultValue: string;
+    allowClear: boolean;
+    maxLength: number | {
+        length: number;
+        errorOnly?: boolean;
+    };
+    showWordLimit: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/form-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;