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

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

@@ -0,0 +1,33 @@
+import { Slot, Slots } from 'vue';
+import { TriggerEvent, TriggerPosition } from '../../_utils/constant';
+export type DropdownPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+export interface DropDownProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    trigger?: TriggerEvent | TriggerEvent[];
+    position?: DropdownPosition;
+    popupContainer?: string | HTMLElement;
+    popupMaxHeight?: boolean | number;
+}
+export interface DOption {
+    value: string | number;
+    disabled?: boolean;
+    _props?: Record<string, any>;
+    _slots?: Slots;
+}
+export interface DGroup {
+    isGroup: true;
+    options: DropdownOption[];
+    title?: string;
+    _props?: Record<string, any>;
+    _slots?: Slots;
+}
+export interface DSubmenu extends DOption {
+    isSubmenu: true;
+    render: Slot;
+    children: DropdownOption[];
+    trigger?: TriggerEvent;
+    position?: TriggerPosition;
+    footer?: Slot;
+}
+export type DropdownOption = DOption | DGroup | DSubmenu;

package/dist/components/dropdown/utils.d.ts

@@ -0,0 +1,5 @@
+import { VNode } from 'vue';
+import { DropdownOption, DGroup, DSubmenu } from './interface';
+export declare const isGroup: (option: DropdownOption) => option is DGroup;
+export declare const isSubmenu: (option: DropdownOption) => option is DSubmenu;
+export declare const travelDropDownChildren: (children: VNode[]) => DropdownOption[];

package/dist/components/empty/Empty.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 描述内容
+     * @en Description
+     */
+    description: StringConstructor;
+    /**
+     * @zh 自定义图片的地址
+     * @en The src of the Custom Image
+     */
+    imgSrc: StringConstructor;
+    /**
+     * @zh 是否在 ConfigProvider 中使用
+     * @en Whether to use in ConfigProvider
+     * @version 2.47.0
+     */
+    inConfigProvider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 描述内容
+     * @en Description
+     */
+    description: StringConstructor;
+    /**
+     * @zh 自定义图片的地址
+     * @en The src of the Custom Image
+     */
+    imgSrc: StringConstructor;
+    /**
+     * @zh 是否在 ConfigProvider 中使用
+     * @en Whether to use in ConfigProvider
+     * @version 2.47.0
+     */
+    inConfigProvider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    inConfigProvider: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/empty/index.d.ts

@@ -0,0 +1,43 @@
+export declare const Empty: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        description: StringConstructor;
+        imgSrc: StringConstructor;
+        inConfigProvider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        inConfigProvider: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        description: StringConstructor;
+        imgSrc: StringConstructor;
+        inConfigProvider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => any, {}, {}, {}, {
+        inConfigProvider: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    description: StringConstructor;
+    imgSrc: StringConstructor;
+    inConfigProvider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    inConfigProvider: boolean;
+}, {}, 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 { Empty as default };

package/dist/components/form/Form.vue.d.ts

@@ -0,0 +1,313 @@
+import { PropType } from 'vue';
+import { Options as ScrollIntoViewOptions } from 'scroll-into-view-if-needed';
+import { Size } from '../../_utils/constant';
+import { FieldData, FieldRule, ValidatedError } from './interface';
+declare const FORM_LAYOUTS: readonly ["horizontal", "vertical", "inline"];
+type FormLayout = (typeof FORM_LAYOUTS)[number];
+declare const FORM_LABEL_ALIGNS: readonly ["left", "right"];
+type FormLabelAlign = (typeof FORM_LABEL_ALIGNS)[number];
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 表单数据对象
+     * @en Form data object
+     */
+    model: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    /**
+     * @zh 表单的布局方式，包括水平、垂直、多列
+     * @en The layout of the form, including horizontal, vertical, and multi-column
+     * @values 'horizontal', 'vertical', 'inline'
+     */
+    layout: {
+        type: PropType<FormLayout>;
+        default: string;
+    };
+    /**
+     * @zh 表单控件的尺寸
+     * @en The size of the form
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 标签元素布局选项。参数同 `<col>` 组件一致
+     * @en Label element layout options. The parameters are the same as the `<col>` component
+     */
+    labelColProps: {
+        type: ObjectConstructor;
+        default: () => {
+            span: number;
+            offset: number;
+        };
+    };
+    /**
+     * @zh 表单控件布局选项。参数同 `<col>` 组件一致
+     * @en Form control layout options. The parameters are the same as the `<col>` component
+     */
+    wrapperColProps: {
+        type: ObjectConstructor;
+        default: () => {
+            span: number;
+            offset: number;
+        };
+    };
+    labelColStyle: ObjectConstructor;
+    wrapperColStyle: ObjectConstructor;
+    /**
+     * @zh 标签的对齐方向
+     * @en Alignment direction of the label
+     * @values 'left', 'right'
+     */
+    labelAlign: {
+        type: PropType<FormLabelAlign>;
+        default: string;
+    };
+    /**
+     * @zh 是否禁用表单
+     * @en Whether to disable the form
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 表单项校验规则
+     * @en Form item validation rules
+     */
+    rules: {
+        type: PropType<Record<string, FieldRule | FieldRule[]>>;
+    };
+    /**
+     * @zh 是否开启自动标签宽度，仅在 `layout="horizontal"` 下生效。
+     * @en Whether to enable automatic label width, it only takes effect under `layout="horizontal"`.
+     * @version 2.13.0
+     */
+    autoLabelWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 表单控件 `id` 的前缀
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * @zh 验证失败后滚动到第一个错误字段
+     * @en Scroll to the first error field after verification fails
+     * @version 2.51.0
+     */
+    scrollToFirstError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
+    handleSubmit: (e: Event) => void;
+    innerValidate: (callback?: (errors: undefined | Record<string, ValidatedError>) => void) => Promise<undefined | Record<string, ValidatedError>>;
+    innerValidateField: (field: string | string[], callback?: (errors: undefined | Record<string, ValidatedError>) => void) => Promise<Record<string, ValidatedError> | undefined>;
+    innerResetFields: (field?: string | string[]) => void;
+    innerClearValidate: (field?: string | string[]) => void;
+    innerSetFields: (data: Record<string, FieldData>) => void;
+    innerScrollToField: (field: string, options?: ScrollIntoViewOptions) => void;
+}, {}, {}, {
+    /**
+     * @zh 校验全部表单数据
+     * @en Verify all form data
+     * @public
+     * @param {(errors: undefined | Record<string, ValidatedError>) => void} callback
+     * @returns {Promise<undefined | Record<string, ValidatedError>>}
+     */
+    validate(callback?: (errors: undefined | Record<string, ValidatedError>) => void): Promise<undefined | Record<string, ValidatedError>>;
+    /**
+     * @zh 校验部分表单数据
+     * @en Validate part of the form data
+     * @public
+     * @param {string | string[]} field
+     * @param {(errors: undefined | Record<string, ValidatedError>) => void} callback
+     * @returns {Promise<undefined | Record<string, ValidatedError>>}
+     */
+    validateField(field: string | string[], callback?: (errors: undefined | Record<string, ValidatedError>) => void): Promise<undefined | Record<string, ValidatedError>>;
+    /**
+     * @zh 重置表单数据
+     * @en Reset form data
+     * @public
+     * @param {string | string[]} field
+     */
+    resetFields(field?: string | string[]): void;
+    /**
+     * @zh 清除校验状态
+     * @en Clear verification status
+     * @public
+     * @param {string | string[]} field
+     */
+    clearValidate(field?: string | string[]): void;
+    /**
+     * @zh 设置表单项的值和状态
+     * @en Set the value and status of the form item
+     * @param {Record<string, FieldData>} data
+     * @public
+     */
+    setFields(data: Record<string, FieldData>): void;
+    /**
+     * @zh 滚动到指定表单项
+     * @en Scroll to the specified form item
+     * @param {string} field
+     * @public
+     * @version 2.51.0
+     */
+    scrollToField(field: string): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * @zh 表单提交时触发
+     * @en Triggered when the form is submitted
+     * @param {{values: Record<string, any>; errors: Record<string, ValidatedError> | undefined}} data
+     * @param {Event} ev
+     */
+    submit: (data: {
+        values: Record<string, any>;
+        errors: Record<string, ValidatedError> | undefined;
+    }, ev: Event) => true;
+    /**
+     * @zh 验证成功时触发
+     * @en Triggered when verification is successful
+     * @param {Record<string, any>} values
+     * @param {Event} ev
+     */
+    submitSuccess: (values: Record<string, any>, ev: Event) => true;
+    /**
+     * @zh 验证失败时触发
+     * @en Triggered when verification failed
+     * @param {{values: Record<string, any>; errors: Record<string, ValidatedError>}} data
+     * @param {Event} ev
+     */
+    submitFailed: (data: {
+        values: Record<string, any>;
+        errors: Record<string, ValidatedError>;
+    }, ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 表单数据对象
+     * @en Form data object
+     */
+    model: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    /**
+     * @zh 表单的布局方式，包括水平、垂直、多列
+     * @en The layout of the form, including horizontal, vertical, and multi-column
+     * @values 'horizontal', 'vertical', 'inline'
+     */
+    layout: {
+        type: PropType<FormLayout>;
+        default: string;
+    };
+    /**
+     * @zh 表单控件的尺寸
+     * @en The size of the form
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 标签元素布局选项。参数同 `<col>` 组件一致
+     * @en Label element layout options. The parameters are the same as the `<col>` component
+     */
+    labelColProps: {
+        type: ObjectConstructor;
+        default: () => {
+            span: number;
+            offset: number;
+        };
+    };
+    /**
+     * @zh 表单控件布局选项。参数同 `<col>` 组件一致
+     * @en Form control layout options. The parameters are the same as the `<col>` component
+     */
+    wrapperColProps: {
+        type: ObjectConstructor;
+        default: () => {
+            span: number;
+            offset: number;
+        };
+    };
+    labelColStyle: ObjectConstructor;
+    wrapperColStyle: ObjectConstructor;
+    /**
+     * @zh 标签的对齐方向
+     * @en Alignment direction of the label
+     * @values 'left', 'right'
+     */
+    labelAlign: {
+        type: PropType<FormLabelAlign>;
+        default: string;
+    };
+    /**
+     * @zh 是否禁用表单
+     * @en Whether to disable the form
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 表单项校验规则
+     * @en Form item validation rules
+     */
+    rules: {
+        type: PropType<Record<string, FieldRule | FieldRule[]>>;
+    };
+    /**
+     * @zh 是否开启自动标签宽度，仅在 `layout="horizontal"` 下生效。
+     * @en Whether to enable automatic label width, it only takes effect under `layout="horizontal"`.
+     * @version 2.13.0
+     */
+    autoLabelWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 表单控件 `id` 的前缀
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * @zh 验证失败后滚动到第一个错误字段
+     * @en Scroll to the first error field after verification fails
+     * @version 2.51.0
+     */
+    scrollToFirstError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSubmit?: ((data: {
+        values: Record<string, any>;
+        errors: Record<string, ValidatedError> | undefined;
+    }, ev: Event) => any) | undefined;
+    onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+    onSubmitFailed?: ((data: {
+        values: Record<string, any>;
+        errors: Record<string, ValidatedError>;
+    }, ev: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+    layout: "horizontal" | "vertical" | "inline";
+    labelColProps: Record<string, any>;
+    wrapperColProps: Record<string, any>;
+    labelAlign: "left" | "right";
+    autoLabelWidth: boolean;
+    scrollToFirstError: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;