@tmagic/form 1.2.0-beta.25 → 1.2.0-beta.26

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.0-beta.25",
+  "version": "1.2.0-beta.26",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.0.9",
-    "@tmagic/design": "1.2.0-beta.25",
-    "@tmagic/utils": "1.2.0-beta.25",
+    "@tmagic/design": "1.2.0-beta.26",
+    "@tmagic/utils": "1.2.0-beta.26",
     "lodash-es": "^4.17.21",
     "sortablejs": "^1.14.0",
     "vue": "^3.2.37"
@@ -58,6 +58,6 @@
     "typescript": "^4.7.4",
     "vite": "^3.1.3",
     "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vue-tsc": "^1.0.10"
+    "vue-tsc": "^1.0.11"
   }
 }

package/src/fields/Cascader.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Checkbox.vue

@@ -26,7 +26,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/CheckboxGroup.vue

@@ -1,6 +1,11 @@
 <template>
   <TMagicCheckboxGroup v-model="model[name]" :size="size" :disabled="disabled" @change="changeHandler">
-    <TMagicCheckbox v-for="option in options" :label="option.value" :key="option.value" :disabled="option.disabled"
+    <TMagicCheckbox
+      v-for="option in options"
+      :label="option.value"
+      :value="option.value"
+      :key="option.value"
+      :disabled="option.disabled"
       >{{ option.text }}
     </TMagicCheckbox>
   </TMagicCheckboxGroup>
@@ -23,7 +28,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/ColorPicker.vue

@@ -22,7 +22,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Date.vue

@@ -26,7 +26,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/DateTime.vue

@@ -28,7 +28,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Daterange.vue

@@ -30,7 +30,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/DynamicField.vue

@@ -39,7 +39,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Link.vue

@@ -33,7 +33,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Number.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change', 'input']);

package/src/fields/RadioGroup.vue

@@ -1,8 +1,12 @@
 <template>
   <TMagicRadioGroup v-if="model" v-model="model[name]" :size="size" :disabled="disabled" @change="changeHandler">
-    <TMagicRadio v-for="option in config.options" :label="option.value" :key="`${option.value}`">{{
-      option.text
-    }}</TMagicRadio>
+    <TMagicRadio
+      v-for="option in config.options"
+      :label="option.value"
+      :value="option.value"
+      :key="`${option.value}`"
+      >{{ option.text }}</TMagicRadio
+    >
   </TMagicRadioGroup>
 </template>
 
@@ -20,7 +24,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Select.vue

@@ -45,7 +45,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Switch.vue

@@ -25,7 +25,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/src/fields/Text.vue

@@ -40,7 +40,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change', 'input']);

package/src/fields/Textarea.vue

@@ -28,7 +28,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change', 'input']);

package/src/fields/Time.vue

@@ -24,7 +24,7 @@ const props = defineProps<{
   name: string;
   prop: string;
   disabled?: boolean;
-  size: 'mini' | 'small' | 'medium';
+  size?: 'large' | 'default' | 'small';
 }>();
 
 const emit = defineEmits(['change']);

package/types/Form.vue.d.ts

@@ -1,167 +1,5 @@
 import type { FormConfig, FormState, FormValue } from './schema';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            config: FormConfig;
-            initValues: Object;
-            keyProp: string;
-            parentValues: Object;
-            labelWidth: string;
-            disabled: boolean;
-            stepActive: string | number;
-            height: string;
-            inline: boolean;
-            labelPosition: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            config: FormConfig;
-            initValues: Object;
-            parentValues?: Object | undefined;
-            labelWidth?: string | undefined;
-            disabled?: boolean | undefined;
-            height?: string | undefined;
-            stepActive?: string | number | undefined;
-            size?: "small" | "default" | "large" | undefined;
-            inline?: boolean | undefined;
-            labelPosition?: string | undefined;
-            keyProp?: string | undefined;
-            popperClass?: string | undefined;
-        }>, {
-            config: () => never[];
-            initValues: () => {};
-            parentValues: () => {};
-            labelWidth: string;
-            disabled: boolean;
-            height: string;
-            stepActive: number;
-            inline: boolean;
-            labelPosition: string;
-            keyProp: string;
-        }>>> & {
-            onChange?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "initValues" | "keyProp" | "parentValues" | "labelWidth" | "disabled" | "stepActive" | "height" | "inline" | "labelPosition">;
-        $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" | "field-input" | "field-change", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            config: FormConfig;
-            initValues: Object;
-            parentValues?: Object | undefined;
-            labelWidth?: string | undefined;
-            disabled?: boolean | undefined;
-            height?: string | undefined;
-            stepActive?: string | number | undefined;
-            size?: "small" | "default" | "large" | undefined;
-            inline?: boolean | undefined;
-            labelPosition?: string | undefined;
-            keyProp?: string | undefined;
-            popperClass?: string | undefined;
-        }>, {
-            config: () => never[];
-            initValues: () => {};
-            parentValues: () => {};
-            labelWidth: string;
-            disabled: boolean;
-            height: string;
-            stepActive: number;
-            inline: boolean;
-            labelPosition: string;
-            keyProp: string;
-        }>>> & {
-            onChange?: ((...args: any[]) => any) | undefined;
-            "onField-input"?: ((...args: any[]) => any) | undefined;
-            "onField-change"?: ((...args: any[]) => any) | undefined;
-        }, {
-            values: import("vue").Ref<FormValue>;
-            formState: FormState;
-            initialized: import("vue").Ref<boolean>;
-            changeHandler: () => void;
-            resetForm: () => any;
-            submitForm: (native?: boolean) => Promise<any>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
-            config: FormConfig;
-            initValues: Object;
-            keyProp: string;
-            parentValues: Object;
-            labelWidth: string;
-            disabled: boolean;
-            stepActive: string | number;
-            height: string;
-            inline: boolean;
-            labelPosition: 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_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-        config: FormConfig;
-        initValues: Object;
-        parentValues?: Object | undefined;
-        labelWidth?: string | undefined;
-        disabled?: boolean | undefined;
-        height?: string | undefined;
-        stepActive?: string | number | undefined;
-        size?: "small" | "default" | "large" | undefined;
-        inline?: boolean | undefined;
-        labelPosition?: string | undefined;
-        keyProp?: string | undefined;
-        popperClass?: string | undefined;
-    }>, {
-        config: () => never[];
-        initValues: () => {};
-        parentValues: () => {};
-        labelWidth: string;
-        disabled: boolean;
-        height: string;
-        stepActive: number;
-        inline: boolean;
-        labelPosition: string;
-        keyProp: string;
-    }>>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onField-input"?: ((...args: any[]) => any) | undefined;
-        "onField-change"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        values: import("vue").Ref<FormValue>;
-        formState: FormState;
-        initialized: import("vue").Ref<boolean>;
-        changeHandler: () => void;
-        resetForm: () => any;
-        submitForm: (native?: boolean) => Promise<any>;
-    }> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     config: FormConfig;
     initValues: Object;
     parentValues?: Object | undefined;
@@ -185,18 +23,42 @@ declare const _default: {
     inline: boolean;
     labelPosition: string;
     keyProp: string;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onField-input"?: ((...args: any[]) => any) | undefined;
-    "onField-change"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     values: import("vue").Ref<FormValue>;
     formState: FormState;
     initialized: import("vue").Ref<boolean>;
     changeHandler: () => void;
     resetForm: () => any;
     submitForm: (native?: boolean) => Promise<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], "change" | "field-input" | "field-change", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], "change" | "field-input" | "field-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    config: FormConfig;
+    initValues: Object;
+    parentValues?: Object | undefined;
+    labelWidth?: string | undefined;
+    disabled?: boolean | undefined;
+    height?: string | undefined;
+    stepActive?: string | number | undefined;
+    size?: "small" | "default" | "large" | undefined;
+    inline?: boolean | undefined;
+    labelPosition?: string | undefined;
+    keyProp?: string | undefined;
+    popperClass?: string | undefined;
+}>, {
+    config: () => never[];
+    initValues: () => {};
+    parentValues: () => {};
+    labelWidth: string;
+    disabled: boolean;
+    height: string;
+    stepActive: number;
+    inline: boolean;
+    labelPosition: string;
+    keyProp: string;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onField-input"?: ((...args: any[]) => any) | undefined;
+    "onField-change"?: ((...args: any[]) => any) | undefined;
+}, {
     config: FormConfig;
     initValues: Object;
     keyProp: string;
@@ -207,7 +69,7 @@ declare const _default: {
     height: string;
     inline: boolean;
     labelPosition: string;
-}> & 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> = {

package/types/containers/Col.vue.d.ts

@@ -1,80 +1,14 @@
 import { ChildConfig } from '../schema';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            model: any;
-            config: ChildConfig;
-            labelWidth?: string | undefined;
-            expandMore?: boolean | undefined;
-            span?: number | undefined;
-            size?: string | undefined;
-            prop?: string | undefined;
-            disabled?: boolean | undefined;
-        }>>> & {
-            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<{
-            model: any;
-            config: ChildConfig;
-            labelWidth?: string | undefined;
-            expandMore?: boolean | undefined;
-            span?: number | undefined;
-            size?: string | undefined;
-            prop?: string | undefined;
-            disabled?: boolean | undefined;
-        }>>> & {
-            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<{
-        model: any;
-        config: ChildConfig;
-        labelWidth?: string | undefined;
-        expandMore?: boolean | undefined;
-        span?: number | undefined;
-        size?: string | undefined;
-        prop?: string | undefined;
-        disabled?: boolean | undefined;
-    }>>> & {
-        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<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    model: any;
+    config: ChildConfig;
+    labelWidth?: string | undefined;
+    expandMore?: boolean | undefined;
+    span?: number | undefined;
+    size?: string | undefined;
+    prop?: string | undefined;
+    disabled?: boolean | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     model: any;
     config: ChildConfig;
     labelWidth?: string | undefined;
@@ -85,7 +19,7 @@ declare const _default: {
     disabled?: boolean | undefined;
 }>>> & {
     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> = {