@tmagic/form 1.3.0-alpha.15 → 1.3.0-alpha.17

package/src/fields/Switch.vue

@@ -14,30 +14,22 @@ import { computed } from 'vue';
 
 import { TMagicSwitch } from '@tmagic/design';
 
-import { SwitchConfig } from '../schema';
+import type { FieldProps, SwitchConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
   name: 'MFormSwitch',
 });
 
-const props = defineProps<{
-  config: SwitchConfig;
-  model: any;
-  initValues?: any;
-  values?: any;
-  name: string;
-  prop: string;
-  disabled?: boolean;
-  size?: 'large' | 'default' | 'small';
-  lastValues?: Record<string, any>;
-}>();
+const props = defineProps<FieldProps<SwitchConfig>>();
 
-const emit = defineEmits(['change']);
+const emit = defineEmits<{
+  change: [value: any];
+}>();
 
 useAddField(props.prop);
 
-const changeHandler = (value: number) => {
+const changeHandler = (value: any) => {
   emit('change', value);
 };
 

package/src/fields/Text.vue

@@ -29,32 +29,25 @@ import { inject } from 'vue';
 import { TMagicButton, TMagicInput } from '@tmagic/design';
 import { isNumber } from '@tmagic/utils';
 
-import { FormState, TextConfig } from '../schema';
+import type { FieldProps, FormState, TextConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
   name: 'MFormText',
 });
 
-const props = defineProps<{
-  config: TextConfig;
-  model: any;
-  initValues?: any;
-  values?: any;
-  name: string;
-  prop: string;
-  disabled?: boolean;
-  size?: 'large' | 'default' | 'small';
-  lastValues?: Record<string, any>;
-}>();
+const props = defineProps<FieldProps<TextConfig>>();
 
-const emit = defineEmits(['change', 'input']);
+const emit = defineEmits<{
+  change: [value: string];
+  input: [value: string];
+}>();
 
 useAddField(props.prop);
 
 const mForm = inject<FormState | undefined>('mForm');
 
-const changeHandler = (value: number) => {
+const changeHandler = (value: string) => {
   emit('change', value);
 };
 

package/src/fields/Textarea.vue

@@ -17,32 +17,25 @@ import { inject } from 'vue';
 
 import { TMagicInput } from '@tmagic/design';
 
-import { FormState, TextareaConfig } from '../schema';
+import type { FieldProps, FormState, TextareaConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
   name: 'MFormTextarea',
 });
 
-const props = defineProps<{
-  config: TextareaConfig;
-  model: any;
-  initValues?: any;
-  values?: any;
-  name: string;
-  prop: string;
-  disabled?: boolean;
-  size?: 'large' | 'default' | 'small';
-  lastValues?: Record<string, any>;
-}>();
+const props = defineProps<FieldProps<TextareaConfig>>();
 
-const emit = defineEmits(['change', 'input']);
+const emit = defineEmits<{
+  change: [value: string];
+  input: [value: string];
+}>();
 
 useAddField(props.prop);
 
 const mForm = inject<FormState | null>('mForm');
 
-const changeHandler = (value: number) => {
+const changeHandler = (value: string) => {
   emit('change', value);
 };
 

package/src/fields/Time.vue

@@ -13,26 +13,18 @@
 <script lang="ts" setup>
 import { TMagicTimePicker } from '@tmagic/design';
 
-import { TimeConfig } from '../schema';
+import type { FieldProps, TimeConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
   name: 'MFormTime',
 });
 
-const props = defineProps<{
-  config: TimeConfig;
-  model: any;
-  initValues?: any;
-  values?: any;
-  name: string;
-  prop: string;
-  disabled?: boolean;
-  size?: 'large' | 'default' | 'small';
-  lastValues?: Record<string, any>;
-}>();
+const props = defineProps<FieldProps<TimeConfig>>();
 
-const emit = defineEmits(['change']);
+const emit = defineEmits<{
+  change: [value: string];
+}>();
 
 useAddField(props.prop);
 

package/src/index.ts

@@ -38,6 +38,7 @@ import DynamicField from './fields/DynamicField.vue';
 import Hidden from './fields/Hidden.vue';
 import Link from './fields/Link.vue';
 import Number from './fields/Number.vue';
+import NumberRange from './fields/NumberRange.vue';
 import RadioGroup from './fields/RadioGroup.vue';
 import Select from './fields/Select.vue';
 import Switch from './fields/Switch.vue';
@@ -66,6 +67,7 @@ export { default as MTable } from './containers/Table.vue';
 export { default as MGroupList } from './containers/GroupList.vue';
 export { default as MText } from './fields/Text.vue';
 export { default as MNumber } from './fields/Number.vue';
+export { default as MNumberRange } from './fields/NumberRange.vue';
 export { default as MTextarea } from './fields/Textarea.vue';
 export { default as MHidden } from './fields/Hidden.vue';
 export { default as MDate } from './fields/Date.vue';
@@ -109,6 +111,7 @@ export default {
     app.component('m-form-tab', Tabs);
     app.component('m-fields-text', Text);
     app.component('m-fields-number', Number);
+    app.component('m-fields-number-range', NumberRange);
     app.component('m-fields-textarea', Textarea);
     app.component('m-fields-hidden', Hidden);
     app.component('m-fields-date', Date);

package/src/schema.ts

@@ -21,6 +21,18 @@ export interface ValidateError {
   field: string;
 }
 
+export interface FieldProps<T = any> {
+  config: T;
+  model: any;
+  initValues?: any;
+  values?: any;
+  name: string;
+  prop: string;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+  lastValues?: Record<string, any>;
+}
+
 /**
  * 整个表单的数据，会注入到各个组件中去
  */
@@ -72,7 +84,7 @@ export interface FormItem {
   /** 值发生改变时调用的方法 */
   onChange?: OnChangeHandler;
   /** label 标签的文本 */
-  text?: string;
+  text?: string | FilterFunction;
   /** 右侧感叹号 */
   tip?: string;
 
@@ -339,6 +351,13 @@ export interface NumberConfig extends FormItem {
   placeholder?: string;
 }
 
+/**
+ * 数值范围
+ */
+export interface NumberRangeConfig extends FormItem {
+  type?: 'number-range';
+}
+
 /**
  * 隐藏域
  */
@@ -661,6 +680,8 @@ export interface GroupListConfig extends FormItem {
   groupItems?: FormConfig;
   tableItems?: FormConfig;
   titleKey?: string;
+  titlePrefix?: string;
+  title?: string | FilterFunction;
   itemExtra?: string | FilterFunction;
   expandAll?: boolean;
   addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;

package/src/theme/index.scss

@@ -9,3 +9,4 @@
 @use "./table.scss";
 @use "./select.scss";
 @use "./tabs.scss";
+@use "./number-range.scss";

package/src/theme/number-range.scss

@@ -0,0 +1,8 @@
+.m-fields-number-range {
+  display: flex;
+  align-items: center;
+
+  .split-tag {
+    margin: 0 5px;
+  }
+}

package/src/utils/config.ts

@@ -22,6 +22,6 @@ const setConfig = (option: any): void => {
   $MAGIC_FORM = option;
 };
 
-const getConfig = (key: string): unknown => $MAGIC_FORM[key];
+const getConfig = <T = unknown>(key: string): T => $MAGIC_FORM[key];
 
 export { getConfig, setConfig };

package/src/utils/form.ts

@@ -174,7 +174,7 @@ const getDefaultValue = function (mForm: FormState | undefined, { defaultValue,
     return false;
   }
 
-  if (multiple) {
+  if (multiple || type === 'number-range') {
     return [];
   }
 
@@ -193,6 +193,7 @@ export const filterFunction = (mForm: FormState | undefined, config: any, props:
     formValue: mForm?.values || props.model,
     prop: props.prop,
     config: props.config,
+    index: props.index,
   });
 };
 

package/types/Form.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean | undefined;
     height?: string | undefined;
     stepActive?: string | number | undefined;
-    size?: "default" | "small" | "large" | undefined;
+    size?: "large" | "default" | "small" | undefined;
     inline?: boolean | undefined;
     labelPosition?: string | undefined;
     keyProp?: string | undefined;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean | undefined;
     height?: string | undefined;
     stepActive?: string | number | undefined;
-    size?: "default" | "small" | "large" | undefined;
+    size?: "large" | "default" | "small" | undefined;
     inline?: boolean | undefined;
     labelPosition?: string | undefined;
     keyProp?: string | undefined;

package/types/FormDialog.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean | undefined;
     title?: string | undefined;
     zIndex?: number | undefined;
-    size?: "default" | "small" | "large" | undefined;
+    size?: "large" | "default" | "small" | undefined;
     confirmText?: string | undefined;
 }>, {
     config: () => never[];
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly popperClass?: string | undefined;
             key?: string | number | symbol | undefined;
             onChange?: ((...args: any[]) => any) | undefined;
-            readonly size?: "default" | "small" | "large" | undefined;
+            readonly size?: "large" | "default" | "small" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -139,7 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: number;
             };
             size: {
-                type: import("vue").PropType<"default" | "small" | "large">;
+                type: import("vue").PropType<"large" | "default" | "small">;
             };
             height: {
                 type: import("vue").PropType<string>;
@@ -244,7 +244,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: number;
         };
         size: {
-            type: import("vue").PropType<"default" | "small" | "large">;
+            type: import("vue").PropType<"large" | "default" | "small">;
         };
         height: {
             type: import("vue").PropType<string>;
@@ -290,7 +290,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean | undefined;
     title?: string | undefined;
     zIndex?: number | undefined;
-    size?: "default" | "small" | "large" | undefined;
+    size?: "large" | "default" | "small" | undefined;
     confirmText?: string | undefined;
 }>, {
     config: () => never[];

package/types/FormDrawer.vue.d.ts

@@ -6,11 +6,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width?: string | number | undefined;
     labelWidth?: string | undefined;
     disabled?: boolean | undefined;
+    closeOnPressEscape?: boolean | undefined;
     title?: string | undefined;
     zIndex?: number | undefined;
-    size?: "default" | "small" | "large" | undefined;
+    size?: "large" | "default" | "small" | undefined;
     confirmText?: string | undefined;
 }>, {
+    closeOnPressEscape: boolean;
     config: () => never[];
     values: () => {};
     confirmText: string;
@@ -34,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly popperClass?: string | undefined;
             key?: string | number | symbol | undefined;
             onChange?: ((...args: any[]) => any) | undefined;
-            readonly size?: "default" | "small" | "large" | undefined;
+            readonly size?: "large" | "default" | "small" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -138,7 +140,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: number;
             };
             size: {
-                type: import("vue").PropType<"default" | "small" | "large">;
+                type: import("vue").PropType<"large" | "default" | "small">;
             };
             height: {
                 type: import("vue").PropType<string>;
@@ -243,7 +245,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: number;
         };
         size: {
-            type: import("vue").PropType<"default" | "small" | "large">;
+            type: import("vue").PropType<"large" | "default" | "small">;
         };
         height: {
             type: import("vue").PropType<string>;
@@ -284,11 +286,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width?: string | number | undefined;
     labelWidth?: string | undefined;
     disabled?: boolean | undefined;
+    closeOnPressEscape?: boolean | undefined;
     title?: string | undefined;
     zIndex?: number | undefined;
-    size?: "default" | "small" | "large" | undefined;
+    size?: "large" | "default" | "small" | undefined;
     confirmText?: string | undefined;
 }>, {
+    closeOnPressEscape: boolean;
     config: () => never[];
     values: () => {};
     confirmText: string;
@@ -303,6 +307,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     config: FormConfig;
     values: Object;
     confirmText: string;
+    closeOnPressEscape: boolean;
 }, {}>, {
     default?(_: {}): any;
     left?(_: {}): any;

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

@@ -1,25 +1,5 @@
-import { CascaderConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: CascaderConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: CascaderConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
+import type { CascaderConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<CascaderConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<CascaderConfig>>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1,25 +1,5 @@
-import { CheckboxConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: CheckboxConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: CheckboxConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
+import type { CheckboxConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<CheckboxConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<CheckboxConfig>>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1,25 +1,5 @@
-import { CheckboxGroupConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: CheckboxGroupConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: CheckboxGroupConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
+import type { CheckboxGroupConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<CheckboxGroupConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<CheckboxGroupConfig>>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1,27 +1,5 @@
-import { ColorPickConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: ColorPickConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: ColorPickConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+import type { ColorPickConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<ColorPickConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<ColorPickConfig>>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,27 +1,5 @@
-import { DateConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: DateConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: DateConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+import type { DateConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<DateConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<DateConfig>>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,27 +1,5 @@
-import { DateTimeConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: DateTimeConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: DateTimeConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+import type { DateTimeConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<DateTimeConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<DateTimeConfig>>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,25 +1,5 @@
-import { DaterangeConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: DaterangeConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | 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<{
-    config: DaterangeConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    disabled?: boolean | undefined;
-    size?: "default" | "small" | "large" | undefined;
-    lastValues?: Record<string, any> | undefined;
-}>>> & {
+import type { DaterangeConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<DaterangeConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<DaterangeConfig>>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1,21 +1,5 @@
-import { DisplayConfig } from '../schema';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    config: DisplayConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    lastValues?: Record<string, any> | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    config: DisplayConfig;
-    model: any;
-    initValues?: any;
-    values?: any;
-    name: string;
-    prop: string;
-    lastValues?: Record<string, any> | undefined;
-}>>>, {}, {}>;
+import type { DisplayConfig, FieldProps } from '../schema';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<DisplayConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<DisplayConfig>>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {