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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/style.css +8 -0
  2. package/dist/tmagic-form.js +177 -110
  3. package/dist/tmagic-form.js.map +1 -1
  4. package/dist/tmagic-form.umd.cjs +198 -130
  5. package/dist/tmagic-form.umd.cjs.map +1 -1
  6. package/package.json +3 -3
  7. package/src/FormDrawer.vue +3 -1
  8. package/src/containers/Container.vue +10 -8
  9. package/src/containers/GroupList.vue +1 -0
  10. package/src/containers/GroupListItem.vue +8 -2
  11. package/src/fields/Cascader.vue +2 -12
  12. package/src/fields/Checkbox.vue +2 -12
  13. package/src/fields/CheckboxGroup.vue +2 -12
  14. package/src/fields/ColorPicker.vue +5 -13
  15. package/src/fields/Date.vue +5 -13
  16. package/src/fields/DateTime.vue +5 -13
  17. package/src/fields/Daterange.vue +2 -12
  18. package/src/fields/Display.vue +2 -10
  19. package/src/fields/DynamicField.vue +3 -13
  20. package/src/fields/Hidden.vue +2 -10
  21. package/src/fields/Link.vue +2 -12
  22. package/src/fields/Number.vue +7 -14
  23. package/src/fields/NumberRange.vue +50 -0
  24. package/src/fields/RadioGroup.vue +2 -12
  25. package/src/fields/Select.vue +2 -12
  26. package/src/fields/Switch.vue +6 -14
  27. package/src/fields/Text.vue +7 -14
  28. package/src/fields/Textarea.vue +7 -14
  29. package/src/fields/Time.vue +5 -13
  30. package/src/index.ts +3 -0
  31. package/src/schema.ts +22 -1
  32. package/src/theme/index.scss +1 -0
  33. package/src/theme/number-range.scss +8 -0
  34. package/src/utils/config.ts +1 -1
  35. package/src/utils/form.ts +2 -1
  36. package/types/Form.vue.d.ts +2 -2
  37. package/types/FormDialog.vue.d.ts +5 -5
  38. package/types/FormDrawer.vue.d.ts +10 -5
  39. package/types/fields/Cascader.vue.d.ts +2 -22
  40. package/types/fields/Checkbox.vue.d.ts +2 -22
  41. package/types/fields/CheckboxGroup.vue.d.ts +2 -22
  42. package/types/fields/ColorPicker.vue.d.ts +2 -24
  43. package/types/fields/Date.vue.d.ts +2 -24
  44. package/types/fields/DateTime.vue.d.ts +2 -24
  45. package/types/fields/Daterange.vue.d.ts +2 -22
  46. package/types/fields/Display.vue.d.ts +2 -18
  47. package/types/fields/DynamicField.vue.d.ts +2 -22
  48. package/types/fields/Hidden.vue.d.ts +2 -18
  49. package/types/fields/Link.vue.d.ts +2 -22
  50. package/types/fields/Number.vue.d.ts +2 -25
  51. package/types/fields/NumberRange.vue.d.ts +12 -0
  52. package/types/fields/RadioGroup.vue.d.ts +2 -22
  53. package/types/fields/Select.vue.d.ts +2 -22
  54. package/types/fields/Switch.vue.d.ts +2 -24
  55. package/types/fields/Text.vue.d.ts +2 -25
  56. package/types/fields/Textarea.vue.d.ts +2 -25
  57. package/types/fields/Time.vue.d.ts +2 -24
  58. package/types/index.d.ts +1 -0
  59. package/types/schema.d.ts +20 -1
  60. package/types/utils/config.d.ts +1 -1
@@ -1,25 +1,5 @@
1
- import { LinkConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: LinkConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: LinkConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
1
+ import type { FieldProps, LinkConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<LinkConfig>>, {}, 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<LinkConfig>>>> & {
23
3
  onChange?: ((...args: any[]) => any) | undefined;
24
4
  }, {}, {}>;
25
5
  export default _default;
@@ -1,28 +1,5 @@
1
- import { NumberConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: NumberConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input")[], "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: NumberConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
23
- onChange?: ((...args: any[]) => any) | undefined;
24
- onInput?: ((...args: any[]) => any) | undefined;
25
- }, {}, {}>;
1
+ import type { FieldProps, NumberConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<NumberConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<NumberConfig>>>>, {}, {}>;
26
3
  export default _default;
27
4
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
28
5
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -0,0 +1,12 @@
1
+ import type { FieldProps, NumberRangeConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<NumberRangeConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<NumberRangeConfig>>>>, {}, {}>;
3
+ export default _default;
4
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
5
+ type __VLS_TypePropsToRuntimeProps<T> = {
6
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
7
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
8
+ } : {
9
+ type: import('vue').PropType<T[K]>;
10
+ required: true;
11
+ };
12
+ };
@@ -1,25 +1,5 @@
1
- import { RadioGroupConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: RadioGroupConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: RadioGroupConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
1
+ import type { FieldProps, RadioGroupConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<RadioGroupConfig>>, {}, 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<RadioGroupConfig>>>> & {
23
3
  onChange?: ((...args: any[]) => any) | undefined;
24
4
  }, {}, {}>;
25
5
  export default _default;
@@ -1,25 +1,5 @@
1
- import { SelectConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: SelectConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: SelectConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
1
+ import type { FieldProps, SelectConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<SelectConfig>>, {}, 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<SelectConfig>>>> & {
23
3
  onChange?: ((...args: any[]) => any) | undefined;
24
4
  }, {}, {}>;
25
5
  export default _default;
@@ -1,27 +1,5 @@
1
- import { SwitchConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: SwitchConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: SwitchConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
23
- onChange?: ((...args: any[]) => any) | undefined;
24
- }, {}, {}>;
1
+ import type { FieldProps, SwitchConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<SwitchConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<SwitchConfig>>>>, {}, {}>;
25
3
  export default _default;
26
4
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
27
5
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,28 +1,5 @@
1
- import { TextConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: TextConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input")[], "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: TextConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
23
- onChange?: ((...args: any[]) => any) | undefined;
24
- onInput?: ((...args: any[]) => any) | undefined;
25
- }, {}, {}>;
1
+ import type { FieldProps, TextConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<TextConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<TextConfig>>>>, {}, {}>;
26
3
  export default _default;
27
4
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
28
5
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,28 +1,5 @@
1
- import { TextareaConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: TextareaConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input")[], "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: TextareaConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
23
- onChange?: ((...args: any[]) => any) | undefined;
24
- onInput?: ((...args: any[]) => any) | undefined;
25
- }, {}, {}>;
1
+ import type { FieldProps, TextareaConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<TextareaConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<TextareaConfig>>>>, {}, {}>;
26
3
  export default _default;
27
4
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
28
5
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,27 +1,5 @@
1
- import { TimeConfig } from '../schema';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- config: TimeConfig;
4
- model: any;
5
- initValues?: any;
6
- values?: any;
7
- name: string;
8
- prop: string;
9
- disabled?: boolean | undefined;
10
- size?: "default" | "small" | "large" | undefined;
11
- lastValues?: Record<string, any> | undefined;
12
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
13
- config: TimeConfig;
14
- model: any;
15
- initValues?: any;
16
- values?: any;
17
- name: string;
18
- prop: string;
19
- disabled?: boolean | undefined;
20
- size?: "default" | "small" | "large" | undefined;
21
- lastValues?: Record<string, any> | undefined;
22
- }>>> & {
23
- onChange?: ((...args: any[]) => any) | undefined;
24
- }, {}, {}>;
1
+ import type { FieldProps, TimeConfig } from '../schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<TimeConfig>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<TimeConfig>>>>, {}, {}>;
25
3
  export default _default;
26
4
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
27
5
  type __VLS_TypePropsToRuntimeProps<T> = {
package/types/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export { default as MTable } from './containers/Table.vue';
15
15
  export { default as MGroupList } from './containers/GroupList.vue';
16
16
  export { default as MText } from './fields/Text.vue';
17
17
  export { default as MNumber } from './fields/Number.vue';
18
+ export { default as MNumberRange } from './fields/NumberRange.vue';
18
19
  export { default as MTextarea } from './fields/Textarea.vue';
19
20
  export { default as MHidden } from './fields/Hidden.vue';
20
21
  export { default as MDate } from './fields/Date.vue';
package/types/schema.d.ts CHANGED
@@ -2,6 +2,17 @@ export interface ValidateError {
2
2
  message: string;
3
3
  field: string;
4
4
  }
5
+ export interface FieldProps<T = any> {
6
+ config: T;
7
+ model: any;
8
+ initValues?: any;
9
+ values?: any;
10
+ name: string;
11
+ prop: string;
12
+ disabled?: boolean;
13
+ size?: 'large' | 'default' | 'small';
14
+ lastValues?: Record<string, any>;
15
+ }
5
16
  /**
6
17
  * 整个表单的数据,会注入到各个组件中去
7
18
  */
@@ -51,7 +62,7 @@ export interface FormItem {
51
62
  /** 值发生改变时调用的方法 */
52
63
  onChange?: OnChangeHandler;
53
64
  /** label 标签的文本 */
54
- text?: string;
65
+ text?: string | FilterFunction;
55
66
  /** 右侧感叹号 */
56
67
  tip?: string;
57
68
  filter?: 'number' | OnChangeHandler;
@@ -262,6 +273,12 @@ export interface NumberConfig extends FormItem {
262
273
  step?: number;
263
274
  placeholder?: string;
264
275
  }
276
+ /**
277
+ * 数值范围
278
+ */
279
+ export interface NumberRangeConfig extends FormItem {
280
+ type?: 'number-range';
281
+ }
265
282
  /**
266
283
  * 隐藏域
267
284
  */
@@ -545,6 +562,8 @@ export interface GroupListConfig extends FormItem {
545
562
  groupItems?: FormConfig;
546
563
  tableItems?: FormConfig;
547
564
  titleKey?: string;
565
+ titlePrefix?: string;
566
+ title?: string | FilterFunction;
548
567
  itemExtra?: string | FilterFunction;
549
568
  expandAll?: boolean;
550
569
  addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
@@ -1,3 +1,3 @@
1
1
  declare const setConfig: (option: any) => void;
2
- declare const getConfig: (key: string) => unknown;
2
+ declare const getConfig: <T = unknown>(key: string) => T;
3
3
  export { getConfig, setConfig };