@tmagic/form 1.2.0-beta.2 → 1.2.0-beta.21

package/types/fields/Time.vue.d.ts

@@ -1,58 +1,98 @@
-import { PropType } from 'vue';
 import { TimeConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<{
-    config: {
-        type: PropType<TimeConfig>;
-        required: true;
-    };
-    model: {
-        type: ObjectConstructor;
-        required: boolean;
-        default: () => {};
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: PropType<"small" | "mini" | "medium">;
-    prop: StringConstructor;
-    initValues: ObjectConstructor;
-    values: ObjectConstructor;
-}, {
-    changeHandler: (v: Date) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change(values: Date): Date;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    config: {
-        type: PropType<TimeConfig>;
-        required: true;
-    };
-    model: {
-        type: ObjectConstructor;
-        required: boolean;
-        default: () => {};
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: PropType<"small" | "mini" | "medium">;
-    prop: StringConstructor;
-    initValues: ObjectConstructor;
-    values: ObjectConstructor;
-}>> & {
-    onChange?: ((values: Date) => any) | undefined;
-}, {
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            config: TimeConfig;
+            model: any;
+            initValues?: any;
+            values?: any;
+            name: string;
+            prop: string;
+            disabled?: boolean | undefined;
+            size: 'mini' | 'small' | 'medium';
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            config: TimeConfig;
+            model: any;
+            initValues?: any;
+            values?: any;
+            name: string;
+            prop: string;
+            disabled?: boolean | undefined;
+            size: 'mini' | 'small' | 'medium';
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        config: TimeConfig;
+        model: any;
+        initValues?: any;
+        values?: any;
+        name: string;
+        prop: string;
+        disabled?: boolean | undefined;
+        size: 'mini' | 'small' | 'medium';
+    }>>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    config: TimeConfig;
+    model: any;
+    initValues?: any;
+    values?: any;
     name: string;
-    disabled: boolean;
-    model: Record<string, any>;
-}>;
+    prop: string;
+    disabled?: boolean | undefined;
+    size: 'mini' | 'small' | 'medium';
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/index.d.ts

@@ -3,7 +3,6 @@ import './theme/index.scss';
 export * from './schema';
 export * from './utils/form';
 export * from './utils/useAddField';
-export { default as fieldProps } from './utils/fieldProps';
 export { default as MForm } from './Form.vue';
 export { default as MFormDialog } from './FormDialog.vue';
 export { default as MContainer } from './containers/Container.vue';

package/types/schema.d.ts

@@ -1,3 +1,7 @@
+export interface ValidateError {
+    message: string;
+    field: string;
+}
 /**
  * 整个表单的数据，会注入到各个组件中去
  */
@@ -121,7 +125,7 @@ declare type DefaultValueFunction = (mForm: FormState | undefined) => any;
 /**
  * 下拉选择器选项配置
  */
-export interface SelectOption {
+export interface SelectConfigOption {
     /** 选项的标签 */
     text: string | SelectOptionTextFunction;
     /** 选项的值 */
@@ -129,10 +133,18 @@ export interface SelectOption {
     /** 是否禁用该选项 */
     disabled?: boolean;
 }
+export interface SelectOption {
+    /** 选项的标签 */
+    text: string;
+    /** 选项的值 */
+    value: any;
+    /** 是否禁用该选项 */
+    disabled?: boolean;
+}
 /**
  * 下拉选择器分组选项配置
  */
-export interface SelectGroupOption {
+export interface SelectConfigGroupOption {
     /** 分组的组名 */
     label: string;
     /** 是否禁用该选项组 */
@@ -146,6 +158,21 @@ export interface SelectGroupOption {
         disabled?: boolean;
     }[];
 }
+export interface SelectGroupOption {
+    /** 分组的组名 */
+    label: string;
+    /** 是否禁用该选项组 */
+    disabled: boolean;
+    options: {
+        /** 选项的标签 */
+        label?: string;
+        text?: string;
+        /** 选项的值 */
+        value: any;
+        /** 是否禁用该选项 */
+        disabled?: boolean;
+    }[];
+}
 declare type SelectOptionFunction = (mForm: FormState | undefined, data: {
     model: any;
     prop?: string;
@@ -165,10 +192,10 @@ declare type RemoteSelectOptionRequestFunction = (mForm: FormState | undefined,
     formValues: any;
     config: any;
 }) => any;
-declare type RemoteSelectOptionItemFunction = (optionsData: Record<string, any>) => SelectOption[];
+declare type RemoteSelectOptionItemFunction = (optionsData: Record<string, any>) => SelectOption[] | SelectGroupOption[];
 declare type SelectOptionValueFunction = (item: Record<string, any>) => any;
 declare type SelectOptionTextFunction = (item: Record<string, any>) => string;
-interface CascaderOption {
+export interface CascaderOption {
     /** 指定选项的值为选项对象的某个属性值 */
     value: any;
     /** 指定选项标签为选项对象的某个属性值 */
@@ -229,7 +256,7 @@ export interface NumberConfig extends FormItem {
     min?: number;
     max?: number;
     step?: number;
-    placeholder?: number;
+    placeholder?: string;
 }
 /**
  * 隐藏域
@@ -243,6 +270,7 @@ export interface HiddenConfig extends FormItem {
 export interface DateConfig extends FormItem, Input {
     type: 'date';
     format?: 'YYYY-MM-dd HH:mm:ss' | string;
+    valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
 }
 /**
  * 日期时间选择器
@@ -258,6 +286,8 @@ export interface DateTimeConfig extends FormItem, Input {
  */
 export interface TimeConfig extends FormItem, Input {
     type: 'time';
+    format?: 'HH:mm:ss' | string;
+    valueFormat?: 'HH:mm:ss' | string;
 }
 /**
  * 单个多选框
@@ -281,7 +311,7 @@ export interface SwitchConfig extends FormItem {
 export interface RadioGroupConfig extends FormItem {
     type: 'radio-group';
     options: {
-        values: string | number | boolean;
+        value: string | number | boolean;
         text: string;
     }[];
 }
@@ -299,7 +329,8 @@ export interface CheckboxGroupConfig extends FormItem {
     options: {
         value: any;
         text: string;
-    }[];
+        disabled?: boolean;
+    }[] | Function;
 }
 /**
  * 下拉选择器
@@ -311,7 +342,7 @@ export interface SelectConfig extends FormItem, Input {
     valueKey?: string;
     allowCreate?: boolean;
     group?: boolean;
-    options: SelectOption[] | SelectGroupOption[] | SelectOptionFunction;
+    options: SelectConfigOption[] | SelectConfigGroupOption[] | SelectOptionFunction;
     remote: true;
     option: {
         url: string;
@@ -416,7 +447,7 @@ export interface TabPaneConfig {
 }
 export interface TabConfig extends FormItem, ContainerCommonConfig {
     type: 'tab' | 'dynamic-tab';
-    tabType?: 'tab';
+    tabType?: string;
     editable?: boolean;
     dynamic?: boolean;
     tabPosition?: 'top' | 'right' | 'bottom' | 'left';
@@ -469,6 +500,7 @@ export interface TableConfig extends FormItem {
     border?: boolean;
     /** 显示行号 */
     showIndex?: boolean;
+    pagination?: boolean;
     enum?: any[];
     /** 是否显示添加按钮 */
     addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
@@ -488,6 +520,7 @@ export interface TableConfig extends FormItem {
     enableFullscreen?: boolean;
     fixed?: boolean;
     itemExtra?: string | FilterFunction;
+    rowKey: string;
 }
 export interface GroupListConfig extends FormItem {
     type: 'table' | 'groupList' | 'group-list';

package/types/utils/form.d.ts

@@ -1,4 +1,5 @@
-import { FormConfig, FormState, FormValue, Rule } from '../schema';
+import { FormConfig, FormState, FormValue, Rule, TabPaneConfig } from '../schema';
+export declare const createValues: (mForm: FormState | undefined, config?: FormConfig | TabPaneConfig[], initValue?: FormValue, value?: FormValue) => FormValue;
 export declare const filterFunction: (mForm: FormState | undefined, config: any, props: any) => any;
 export declare const display: (mForm: FormState | undefined, config: any, props: any) => any;
 export declare const getRules: (mForm: FormState | undefined, rules: Rule | Rule[] | undefined, props: any) => Rule[];