3h1-ui 3.0.0-next.22 → 3.0.0-next.221

package/lib/ui/src/ShyForm/src/props.d.ts

@@ -0,0 +1,430 @@
+import type { FormActionType, FieldMapToTime, FormSchema, FormProps } from './types/form';
+import { type CSSProperties, type PropType } from 'vue';
+import type { ColEx } from './types';
+import type { TableActionType as ShyTableActionType } from '../../ShyTable';
+type SizeType = 'small' | 'middle' | 'large' | undefined;
+type ButtonShape = 'default' | 'circle' | 'round';
+type ButtonHTMLType = 'submit' | 'button' | 'reset';
+type ButtonProps = {
+    htmlType?: ButtonHTMLType | undefined;
+    loading?: boolean | {
+        delay?: number | undefined;
+    } | undefined;
+    ghost?: boolean | undefined;
+    prefixCls?: string | undefined;
+    disabled?: boolean;
+    block?: boolean;
+    danger: boolean;
+    icon: any;
+    href: string;
+    target: string;
+    title: string;
+    shape: ButtonShape;
+    size: SizeType;
+    onClick: (event: MouseEvent) => void;
+    onMousedown?: ((event: MouseEvent) => void) | undefined;
+};
+export declare const ROW_SLICE: number, RANGE_PICKER_COL: number, OTHER_COL: number, ACTION_COL: number;
+export declare const tableSearchColRef: {
+    ROW_SLICE: number;
+    RANGE_PICKER_COL: number;
+    OTHER_COL: number;
+    ACTION_COL: number;
+};
+export declare const tableSearchColKeys: readonly ["ROW_SLICE", "RANGE_PICKER_COL", "OTHER_COL", "ACTION_COL"];
+export declare const shyFormBasicProps: {
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    formLabelInInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    model: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => PropType<Recordable<any>>;
+    };
+    labelWidth: {
+        type: ((new (...args: any[]) => string | number) | (() => string | number)) | ((new (...args: any[]) => string | number) | (() => string | number))[];
+        default: number;
+    };
+    fieldMapToTime: {
+        type: ((new (...args: any[]) => FieldMapToTime) | (() => FieldMapToTime)) | ((new (...args: any[]) => FieldMapToTime) | (() => FieldMapToTime))[];
+        default: () => PropType<FieldMapToTime>;
+    };
+    compact: {
+        type: BooleanConstructor;
+    };
+    schemas: {
+        type: ((new (...args: any[]) => FormSchema[]) | (() => FormSchema[])) | ((new (...args: any[]) => FormSchema[]) | (() => FormSchema[]))[];
+        default: () => PropType<FormSchema[]>;
+    };
+    mergeDynamicData: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: any;
+    };
+    baseRowStyle: {
+        type: ((new (...args: any[]) => CSSProperties) | (() => CSSProperties)) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties))[];
+    };
+    baseColProps: {
+        type: ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>)) | ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>))[];
+    };
+    autoSetPlaceHolder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoSubmitOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOnReset: {
+        type: BooleanConstructor;
+    };
+    submitOnChange: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: ((new (...args: any[]) => "small" | "large" | "middle") | (() => "small" | "large" | "middle")) | ((new (...args: any[]) => "small" | "large" | "middle") | (() => "small" | "large" | "middle"))[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    emptySpan: {
+        type: ((new (...args: any[]) => number | Partial<ColEx>) | (() => number | Partial<ColEx>)) | ((new (...args: any[]) => number | Partial<ColEx>) | (() => number | Partial<ColEx>))[];
+        default: number;
+    };
+    showAdvancedButton: {
+        type: BooleanConstructor;
+    };
+    transformDateFunc: {
+        type: ((new (...args: any[]) => Fn<any, any>) | (() => Fn<any, any>) | {
+            (): Fn<any, any>;
+            new (): any;
+            readonly prototype: any;
+        }) | ((new (...args: any[]) => Fn<any, any>) | (() => Fn<any, any>) | {
+            (): Fn<any, any>;
+            new (): any;
+            readonly prototype: any;
+        })[];
+        default: (date: any) => any;
+    };
+    rulesMessageJoinLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoAdvancedLine: {
+        type: NumberConstructor;
+        default: number;
+    };
+    alwaysShowLines: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showActionButtonGroup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionColOptions: {
+        type: ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>)) | ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>))[];
+    };
+    showResetButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocusFirstItem: {
+        type: BooleanConstructor;
+    };
+    resetButtonOptions: {
+        type: ((new (...args: any[]) => Partial<ButtonProps>) | (() => Partial<ButtonProps>)) | ((new (...args: any[]) => Partial<ButtonProps>) | (() => Partial<ButtonProps>))[];
+    };
+    showSubmitButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitButtonOptions: {
+        type: ((new (...args: any[]) => Partial<ButtonProps>) | (() => Partial<ButtonProps>)) | ((new (...args: any[]) => Partial<ButtonProps>) | (() => Partial<ButtonProps>))[];
+    };
+    resetFunc: {
+        type: ((new (...args: any[]) => () => Promise<void>) | (() => () => Promise<void>) | {
+            (): () => Promise<void>;
+            new (): any;
+            readonly prototype: any;
+        }) | ((new (...args: any[]) => () => Promise<void>) | (() => () => Promise<void>) | {
+            (): () => Promise<void>;
+            new (): any;
+            readonly prototype: any;
+        })[];
+    };
+    submitFunc: {
+        type: ((new (...args: any[]) => () => Promise<void>) | (() => () => Promise<void>) | {
+            (): () => Promise<void>;
+            new (): any;
+            readonly prototype: any;
+        }) | ((new (...args: any[]) => () => Promise<void>) | (() => () => Promise<void>) | {
+            (): () => Promise<void>;
+            new (): any;
+            readonly prototype: any;
+        })[];
+    };
+    hideRequiredMark: {
+        type: BooleanConstructor;
+    };
+    labelCol: {
+        type: ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>)) | ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>))[];
+    };
+    layout: {
+        type: ((new (...args: any[]) => "vertical" | "horizontal" | "inline") | (() => "vertical" | "horizontal" | "inline")) | ((new (...args: any[]) => "vertical" | "horizontal" | "inline") | (() => "vertical" | "horizontal" | "inline"))[];
+        default: string;
+    };
+    tableAction: {
+        type: ((new (...args: any[]) => ShyTableActionType) | (() => ShyTableActionType)) | ((new (...args: any[]) => ShyTableActionType) | (() => ShyTableActionType))[];
+    };
+    wrapperCol: {
+        type: ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>)) | ((new (...args: any[]) => Partial<ColEx>) | (() => Partial<ColEx>))[];
+    };
+    colon: {
+        type: BooleanConstructor;
+    };
+    labelAlign: {
+        type: ((new (...args: any[]) => "left" | "right") | (() => "left" | "right")) | ((new (...args: any[]) => "left" | "right") | (() => "left" | "right"))[];
+    };
+    rowProps: {
+        type: ((new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
+            align: {
+                type: PropType<"top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                }>;
+                default: "top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                };
+            };
+            justify: {
+                type: PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                }>;
+                default: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                };
+            };
+            prefixCls: StringConstructor;
+            gutter: {
+                type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
+                default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
+            };
+            wrap: {
+                type: BooleanConstructor;
+                default: any;
+            };
+        }>>) | (() => Partial<import("vue").ExtractPropTypes<{
+            align: {
+                type: PropType<"top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                }>;
+                default: "top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                };
+            };
+            justify: {
+                type: PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                }>;
+                default: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                };
+            };
+            prefixCls: StringConstructor;
+            gutter: {
+                type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
+                default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
+            };
+            wrap: {
+                type: BooleanConstructor;
+                default: any;
+            };
+        }>>)) | ((new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
+            align: {
+                type: PropType<"top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                }>;
+                default: "top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                };
+            };
+            justify: {
+                type: PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                }>;
+                default: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                };
+            };
+            prefixCls: StringConstructor;
+            gutter: {
+                type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
+                default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
+            };
+            wrap: {
+                type: BooleanConstructor;
+                default: any;
+            };
+        }>>) | (() => Partial<import("vue").ExtractPropTypes<{
+            align: {
+                type: PropType<"top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                }>;
+                default: "top" | "bottom" | "middle" | "stretch" | {
+                    xxl?: "top" | "bottom" | "middle" | "stretch";
+                    xl?: "top" | "bottom" | "middle" | "stretch";
+                    lg?: "top" | "bottom" | "middle" | "stretch";
+                    md?: "top" | "bottom" | "middle" | "stretch";
+                    sm?: "top" | "bottom" | "middle" | "stretch";
+                    xs?: "top" | "bottom" | "middle" | "stretch";
+                };
+            };
+            justify: {
+                type: PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                }>;
+                default: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | {
+                    xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                    xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+                };
+            };
+            prefixCls: StringConstructor;
+            gutter: {
+                type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
+                default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
+            };
+            wrap: {
+                type: BooleanConstructor;
+                default: any;
+            };
+        }>>))[];
+    };
+    rangePickerField: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    onFieldValueChange: {
+        type: ((new (...args: any[]) => (...args: any[]) => void) | (() => (...args: any[]) => void) | {
+            (): (...args: any[]) => void;
+            new (): any;
+            readonly prototype: any;
+        }) | ((new (...args: any[]) => (...args: any[]) => void) | (() => (...args: any[]) => void) | {
+            (): (...args: any[]) => void;
+            new (): any;
+            readonly prototype: any;
+        })[];
+    };
+};
+export declare const FormItemProps: {
+    schema: {
+        type: PropType<FormSchema>;
+        default: () => {};
+    };
+    formProps: {
+        type: PropType<FormProps>;
+        default: () => {};
+    };
+    allDefaultValues: {
+        type: PropType<Recordable<any>>;
+        default: () => {};
+    };
+    formModel: {
+        type: PropType<Recordable<any>>;
+        default: () => {};
+    };
+    setFormModel: {
+        type: PropType<(key: string, value: any) => void>;
+        default: any;
+    };
+    tableAction: {
+        type: PropType<ShyTableActionType>;
+    };
+    formActionType: {
+        type: PropType<FormActionType>;
+    };
+    isAdvanced: {
+        type: BooleanConstructor;
+    };
+};
+export declare const defaultAntConfig: {
+    layout: string;
+};
+export {};

package/lib/ui/src/ShyForm/src/types/form.d.ts

@@ -0,0 +1,127 @@
+import type { NamePath, RuleObject } from 'ant-design-vue/lib/form/interface';
+import type { JSXComponent, VNode } from 'vue';
+import type { ButtonProps as AntdButtonProps } from '../../../Button';
+import type { FormItem } from './formItem';
+import type { ColEx, ComponentType } from './index';
+import type { TableActionType as ShyTableActionType } from '../../../ShyTable';
+import type { CSSProperties } from 'vue';
+import type { RowProps } from 'ant-design-vue/lib/grid/Row';
+import { TooltipProps } from 'ant-design-vue';
+export type FieldMapToTime = [
+    string,
+    [
+        string,
+        string
+    ],
+    (string | [string, string])?
+][];
+export type Rule = RuleObject & {
+    trigger?: 'blur' | 'change' | ['change', 'blur'];
+};
+export interface RenderCallbackParams {
+    schema: FormSchema;
+    values: Recordable;
+    model: Recordable;
+    field: string;
+}
+interface ButtonProps extends AntdButtonProps {
+    text?: string;
+}
+export type ComponentProps = ((opt: {
+    schema: FormSchema;
+    tableAction: ShyTableActionType | ShyTableActionType | undefined;
+    formActionType: FormActionType;
+    formModel: Recordable;
+}) => Recordable) | Recordable;
+export interface FormActionType {
+    submit: () => Promise<void>;
+    setFieldsValue: (values: Recordable) => Promise<void>;
+    resetFields: () => Promise<void>;
+    getFieldsValue: () => Recordable;
+    clearValidate: (name?: string | string[]) => Promise<void>;
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    setProps: (formProps: Partial<FormProps>) => Promise<void>;
+    removeSchemaByField: (field: string | string[]) => Promise<void>;
+    appendSchemaByField: (schema: FormSchema, prefixField: string | undefined, first?: boolean | undefined) => Promise<void>;
+    validateFields: (nameList?: NamePath[]) => Promise<any>;
+    validate: (nameList?: NamePath[]) => Promise<any>;
+    scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>;
+}
+export type RegisterFormFn = (formInstance: FormActionType) => void;
+export type UseFormReturnType = [RegisterFormFn, FormActionType];
+export interface FormProps {
+    formLabelInInput?: boolean;
+    name?: string;
+    layout?: 'vertical' | 'inline' | 'horizontal';
+    model?: Recordable;
+    labelWidth?: number | string;
+    labelAlign?: 'left' | 'right';
+    rowProps?: RowProps;
+    submitOnReset?: boolean;
+    submitOnChange?: boolean;
+    labelCol?: Partial<ColEx>;
+    wrapperCol?: Partial<ColEx>;
+    baseRowStyle?: CSSProperties;
+    baseColProps?: Partial<ColEx>;
+    schemas?: FormSchema[];
+    mergeDynamicData?: Recordable;
+    compact?: boolean;
+    emptySpan?: number | Partial<ColEx>;
+    size?: 'middle' | 'small' | 'large' | undefined;
+    disabled?: boolean;
+    fieldMapToTime?: FieldMapToTime;
+    autoSetPlaceHolder?: boolean;
+    autoSubmitOnEnter?: boolean;
+    rulesMessageJoinLabel?: boolean;
+    showAdvancedButton?: boolean;
+    autoFocusFirstItem?: boolean;
+    autoAdvancedLine?: number;
+    alwaysShowLines?: number;
+    showActionButtonGroup?: boolean;
+    resetButtonOptions?: Partial<ButtonProps>;
+    submitButtonOptions?: Partial<ButtonProps>;
+    actionColOptions?: Partial<ColEx>;
+    showResetButton?: boolean;
+    showSubmitButton?: boolean;
+    resetFunc?: () => Promise<void>;
+    submitFunc?: () => Promise<void>;
+    transformDateFunc?: (date: any) => string;
+    colon?: boolean;
+    rangePickerField: any[];
+    onFieldValueChange?: (key: string, value: any) => void;
+}
+export interface FormSchema {
+    field: string;
+    changeEvent?: string;
+    valueField?: string;
+    label: string | VNode;
+    subLabel?: string;
+    helpMessage?: string | string[] | ((renderCallbackParams: RenderCallbackParams) => string | string[] | JSXComponent | JSX.Element);
+    helpComponentProps?: Partial<HelpComponentProps>;
+    labelWidth?: string | number;
+    disabledLabelWidth?: boolean;
+    component: ComponentType;
+    componentProps?: ComponentProps;
+    required?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    suffix?: string | number | ((values: RenderCallbackParams) => string | number);
+    rules?: Rule[];
+    rulesMessageJoinLabel?: boolean;
+    itemProps?: Partial<FormItem>;
+    colProps?: Partial<ColEx>;
+    defaultValue?: any;
+    isHandleDateDefaultValue?: boolean;
+    isAdvanced?: boolean;
+    span?: number;
+    ifShow?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    show?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    render?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string;
+    renderColContent?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string;
+    renderComponentContent?: ((renderCallbackParams: RenderCallbackParams) => any) | VNode | VNode[] | string;
+    slot?: string;
+    colSlot?: string;
+    dynamicDisabled?: boolean | ((renderCallbackParams: RenderCallbackParams, globDisabled?: boolean) => boolean);
+    dynamicRules?: (renderCallbackParams: RenderCallbackParams) => Rule[];
+}
+export type HelpComponentProps = TooltipProps;
+export {};

package/lib/ui/src/ShyForm/src/types/formItem.d.ts

@@ -0,0 +1,82 @@
+import type { NamePath } from 'ant-design-vue/lib/form/interface';
+import type { ColProps } from 'ant-design-vue/lib/grid/Col';
+import type { HTMLAttributes, VNodeChild } from 'vue';
+export interface FormItem {
+    /**
+     * Used with label, whether to display : after label text.
+     * @default true
+     * @type boolean
+     */
+    colon?: boolean;
+    /**
+     * The extra prompt message. It is similar to help. Usage example: to display error message and prompt message at the same time.
+     * @type any (string | slot)
+     */
+    extra?: string | VNodeChild | JSX.Element;
+    /**
+     * Used with validateStatus, this option specifies the validation status icon. Recommended to be used only with Input.
+     * @default false
+     * @type boolean
+     */
+    hasFeedback?: boolean;
+    /**
+     * The prompt message. If not provided, the prompt message will be generated by the validation rule.
+     * @type any (string | slot)
+     */
+    help?: string | VNodeChild | JSX.Element;
+    /**
+     * Label test
+     * @type any (string | slot)
+     */
+    label?: string | VNodeChild | JSX.Element;
+    /**
+     * The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col>
+     * @type Col
+     */
+    labelCol?: ColProps & HTMLAttributes;
+    /**
+     * Whether provided or not, it will be generated by the validation rule.
+     * @default false
+     * @type boolean
+     */
+    required?: boolean;
+    /**
+     * The validation status. If not provided, it will be generated by validation rule. options: 'success' 'warning' 'error' 'validating'
+     * @type string
+     */
+    validateStatus?: '' | 'success' | 'warning' | 'error' | 'validating';
+    /**
+     * The layout for input controls, same as labelCol
+     * @type Col
+     */
+    wrapperCol?: ColProps;
+    /**
+     * Set sub label htmlFor.
+     */
+    htmlFor?: string;
+    /**
+     * text align of label
+     */
+    labelAlign?: 'left' | 'right';
+    /**
+     * a key of model. In the setting of validate and resetFields method, the attribute is required
+     */
+    name?: NamePath;
+    /**
+     * validation rules of form
+     */
+    rules?: object | object[];
+    /**
+     * Whether to automatically associate form fields. In most cases, you can setting automatic association.
+     * If the conditions for automatic association are not met, you can manually associate them. See the notes below.
+     */
+    autoLink?: boolean;
+    /**
+     * Whether stop validate on first rule of error for this field.
+     */
+    validateFirst?: boolean;
+    /**
+     * When to validate the value of children node
+     */
+    validateTrigger?: string | string[] | false;
+}

package/lib/ui/src/ShyForm/src/types/hooks.d.ts

@@ -0,0 +1,6 @@
+export interface AdvanceState {
+    isAdvanced: boolean;
+    hideAdvanceBtn: boolean;
+    isLoad: boolean;
+    actionSpan: number;
+}