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

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

@@ -0,0 +1,185 @@
+export declare const VALIDATE_STATUSES: readonly ["success", "warning", "error", "validating"];
+export type ValidateStatus = (typeof VALIDATE_STATUSES)[number];
+export declare const VALIDATE_TRIGGERS: readonly ["change", "input", "focus", "blur"];
+export type ValidateTrigger = (typeof VALIDATE_TRIGGERS)[number];
+export interface FieldRule<FieldValue = any> {
+    /**
+     * @zh 校验的值的类型，默认为 `'string'`
+     * @en The type of the value to be checked, the default is `'string'`
+     */
+    type?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'email' | 'url' | 'ip';
+    /**
+     * @zh 是否必填
+     * @en Is it required
+     */
+    required?: boolean;
+    /**
+     * @zh 校验失败时展示的信息
+     * @en Information displayed when verification fails
+     */
+    message?: string;
+    /**
+     * @zh 校验长度（string, array）
+     * @en Check length (string, array)
+     */
+    length?: number;
+    /**
+     * @zh 最大长度（string）
+     * @en Maximum length (string)
+     */
+    maxLength?: number;
+    /**
+     * @zh 最小长度（string）
+     * @en Minimum length (string)
+     */
+    minLength?: number;
+    /**
+     * @zh 匹配校验（string）
+     * @en Match check (string)
+     */
+    match?: RegExp;
+    /**
+     * @zh 大写（string）
+     * @en Uppercase (string)
+     */
+    uppercase?: boolean;
+    /**
+     * @zh 小写（string）
+     * @en Lowercase (string)
+     */
+    lowercase?: boolean;
+    /**
+     * @zh 最小值（number）
+     * @en Minimum (number)
+     */
+    min?: number;
+    /**
+     * @zh 最大值（number）
+     * @en Maximum (number)
+     */
+    max?: number;
+    /**
+     * @zh 校验数值（number）
+     * @en Check value (number)
+     */
+    equal?: number;
+    /**
+     * @zh 正数（number）
+     * @en Positive number (number)
+     */
+    positive?: boolean;
+    /**
+     * @zh 负数（number）
+     * @en Negative number (number)
+     */
+    negative?: boolean;
+    /**
+     * @zh 是否为 `true`（boolean）
+     * @en Whether it is `true` (boolean)
+     */
+    true?: boolean;
+    /**
+     * @zh 是否为 `false`（boolean）
+     * @en Whether it is `false` (boolean)
+     */
+    false?: boolean;
+    /**
+     * @zh 数组中是否包含给定值（array）
+     * @en Does the array contain the given value (array)
+     */
+    includes?: any[];
+    /**
+     * @zh 数组元素是否相等（array）
+     * @en Are array elements equal (array)
+     */
+    deepEqual?: any;
+    /**
+     * @zh 是否为空（object）
+     * @en Is it empty (object)
+     */
+    empty?: boolean;
+    /**
+     * @zh 对象是否包含给定属性（object）
+     * @en Does the object contain the given attribute (object)
+     */
+    hasKeys?: string[];
+    /**
+     * @zh 自定义校验规则
+     * @en Custom verification rules
+     * @param value
+     * @param callback
+     */
+    validator?: (value: FieldValue | undefined, callback: (error?: string) => void) => void;
+}
+export interface FieldData {
+    /**
+     * @zh 字段的值
+     * @en Field value
+     */
+    value?: any;
+    /**
+     * @zh 字段的状态
+     * @en Field status
+     */
+    status?: ValidateStatus;
+    /**
+     * @zh 字段的错误信息
+     * @en Field error message
+     */
+    message?: string;
+}
+export interface ValidatedError {
+    /**
+     * @zh 标签的文本
+     * @en Label text
+     * @version 2.18.0
+     */
+    label: string;
+    /**
+     * @zh 字段名
+     * @en Field name
+     */
+    field: string;
+    /**
+     * @zh 字段值
+     * @en Field value
+     */
+    value: any;
+    /**
+     * @zh 字段类型
+     * @en Field Type
+     */
+    type: string;
+    /**
+     * @zh 是否为 `required` 错误
+     * @en Is it a `required` error
+     */
+    isRequiredError: boolean;
+    /**
+     * @zh 错误信息
+     * @en Error message
+     */
+    message: string;
+}
+export interface FormItemEventHandler {
+    /**
+     * @zh onChange
+     * @en onChange
+     */
+    onChange?: (ev?: Event) => void;
+    /**
+     * @zh onInput
+     * @en onInput
+     */
+    onInput?: (ev?: Event) => void;
+    /**
+     * @zh onFocus
+     * @en onFocus
+     */
+    onFocus?: (ev?: Event) => void;
+    /**
+     * @zh onBlur
+     * @en onBlur
+     */
+    onBlur?: (ev?: Event) => void;
+}

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

@@ -0,0 +1,9 @@
+import { ValidateStatus } from './interface';
+export declare function getValueByPath(obj: any, path: string, strict: boolean): {
+    o: unknown;
+    k: string;
+    v: unknown;
+};
+export declare const getFinalValidateStatus: (validateStatus: Record<string, ValidateStatus | "">) => "" | "success" | "warning" | "error" | "validating";
+export declare const getFinalValidateMessage: (validateMessage: Record<string, string>) => string[];
+export declare const getFormElementId: (prefix: string | undefined, field: string) => string;

package/dist/components/form/validateMessages.d.ts

@@ -0,0 +1,46 @@
+export declare const validateMessages: {
+    required: string;
+    type: {
+        string: string;
+        number: string;
+        boolean: string;
+        array: string;
+        object: string;
+        url: string;
+        email: string;
+        ip: string;
+    };
+    number: {
+        min: string;
+        max: string;
+        equal: string;
+        range: string;
+        positive: string;
+        negative: string;
+    };
+    array: {
+        length: string;
+        minLength: string;
+        maxLength: string;
+        includes: string;
+        deepEqual: string;
+        empty: string;
+    };
+    string: {
+        minLength: string;
+        maxLength: string;
+        length: string;
+        match: string;
+        uppercase: string;
+        lowercase: string;
+    };
+    object: {
+        deepEqual: string;
+        hasKeys: string;
+        empty: string;
+    };
+    boolean: {
+        true: string;
+        false: string;
+    };
+};

package/dist/components/grid/Col.vue.d.ts

@@ -0,0 +1,188 @@
+import { PropType } from 'vue';
+import { FlexType } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 栅格占位格数
+     * @en Number of grid space
+     */
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 栅格左侧的间隔格数，间隔内不可以有栅格
+     * @en The number of grids on the left side of the grid. There can be no grids in the grid.
+     */
+    offset: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 对元素进行排序
+     * @en Sort elements
+     */
+    order: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh < 576px 响应式栅格
+     * @en <576px responsive grid
+     */
+    xs: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 576px 响应式栅格
+     * @en >= 576px responsive grid
+     */
+    sm: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 768px 响应式栅格
+     * @en >= 768px responsive grid
+     */
+    md: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 992px 响应式栅格
+     * @en >= 992px responsive grid
+     */
+    lg: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 1200px 响应式栅格
+     * @en >= 1200px responsive grid
+     */
+    xl: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 1600px 响应式栅格
+     * @en >= 1600px responsive grid
+     */
+    xxl: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh 设置 flex 布局属性
+     * @en Set flex layout properties
+     * @version 2.10.0
+     */
+    flex: {
+        type: PropType<number | string | "initial" | "auto" | "none">;
+    };
+}>, {
+    visible: import('vue').ComputedRef<boolean>;
+    classNames: import('vue').ComputedRef<string | {
+        [x: string]: number | boolean | undefined;
+    }>;
+    styles: import('vue').ComputedRef<{
+        flex?: FlexType;
+        paddingLeft?: string;
+        paddingRight?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+    }>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 栅格占位格数
+     * @en Number of grid space
+     */
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 栅格左侧的间隔格数，间隔内不可以有栅格
+     * @en The number of grids on the left side of the grid. There can be no grids in the grid.
+     */
+    offset: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 对元素进行排序
+     * @en Sort elements
+     */
+    order: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh < 576px 响应式栅格
+     * @en <576px responsive grid
+     */
+    xs: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 576px 响应式栅格
+     * @en >= 576px responsive grid
+     */
+    sm: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 768px 响应式栅格
+     * @en >= 768px responsive grid
+     */
+    md: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 992px 响应式栅格
+     * @en >= 992px responsive grid
+     */
+    lg: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 1200px 响应式栅格
+     * @en >= 1200px responsive grid
+     */
+    xl: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh >= 1600px 响应式栅格
+     * @en >= 1600px responsive grid
+     */
+    xxl: {
+        type: PropType<number | {
+            [key: string]: any;
+        }>;
+    };
+    /**
+     * @zh 设置 flex 布局属性
+     * @en Set flex layout properties
+     * @version 2.10.0
+     */
+    flex: {
+        type: PropType<number | string | "initial" | "auto" | "none">;
+    };
+}>> & Readonly<{}>, {
+    span: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/grid/Grid.vue.d.ts

@@ -0,0 +1,108 @@
+import { PropType } from 'vue';
+import { ResponsiveValue } from './interface';
+/**
+ * @version 2.15.0
+ * @zh 响应式配置从 `2.18.0` 开始支持，具体配置 [ResponsiveValue](#responsivevalue)
+ * @en Responsive configuration has been supported since `2.18.0`, the specific configuration [ResponsiveValue](#responsivevalue)
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 每一行展示的列数
+     * @en Number of columns displayed in each row
+     */
+    cols: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 行与行之间的间距
+     * @en The space in row-to-row
+     */
+    rowGap: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 列与列之间的间距
+     * @en The space in column-to-column
+     */
+    colGap: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 是否折叠
+     * @en Whether to collapsed
+     */
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 折叠时显示的行数
+     * @en Number of rows displayed when collapsed
+     */
+    collapsedRows: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    style: import('vue').ComputedRef<{
+        gap: string;
+        'grid-template-columns': string;
+    }[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 每一行展示的列数
+     * @en Number of columns displayed in each row
+     */
+    cols: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 行与行之间的间距
+     * @en The space in row-to-row
+     */
+    rowGap: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 列与列之间的间距
+     * @en The space in column-to-column
+     */
+    colGap: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 是否折叠
+     * @en Whether to collapsed
+     */
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 折叠时显示的行数
+     * @en Number of rows displayed when collapsed
+     */
+    collapsedRows: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    rowGap: number | ResponsiveValue;
+    cols: number | ResponsiveValue;
+    collapsed: boolean;
+    collapsedRows: number;
+    colGap: number | ResponsiveValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/grid/GridItem.vue.d.ts

@@ -0,0 +1,78 @@
+import { PropType } from 'vue';
+import { ResponsiveValue } from './interface';
+/**
+ * @version 2.15.0
+ * @zh 响应式配置从 `2.18.0` 开始支持，具体配置 [ResponsiveValue](#responsivevalue)
+ * @en Responsive configuration has been supported since `2.18.0`, the specific configuration [ResponsiveValue](#responsivevalue)
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 跨越的格数
+     * @en Number of grids spanned
+     */
+    span: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 左侧的间隔格数
+     * @en Number of grids on the left
+     */
+    offset: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 是否是后缀元素
+     * @en Is it a suffix element
+     */
+    suffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    classNames: import('vue').ComputedRef<string[]>;
+    style: import('vue').ComputedRef<({
+        'margin-left': string;
+    } | {
+        'margin-left'?: undefined;
+    } | {
+        'grid-column': string;
+        display?: undefined;
+    } | {
+        display: string;
+        'grid-column'?: undefined;
+    })[]>;
+    domRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    overflow: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 跨越的格数
+     * @en Number of grids spanned
+     */
+    span: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 左侧的间隔格数
+     * @en Number of grids on the left
+     */
+    offset: {
+        type: PropType<number | ResponsiveValue>;
+        default: number;
+    };
+    /**
+     * @zh 是否是后缀元素
+     * @en Is it a suffix element
+     */
+    suffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    span: number | ResponsiveValue;
+    suffix: boolean;
+    offset: number | ResponsiveValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;