@tmagic/form 1.0.0-beta.1

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 (94) hide show
  1. package/dist/style.css +161 -0
  2. package/dist/tmagic-form.es.js +3749 -0
  3. package/dist/tmagic-form.es.js.map +1 -0
  4. package/dist/tmagic-form.umd.js +3790 -0
  5. package/dist/tmagic-form.umd.js.map +1 -0
  6. package/dist/types/src/Form.vue.d.ts +304 -0
  7. package/dist/types/src/FormDialog.vue.d.ts +641 -0
  8. package/dist/types/src/containers/Container.vue.d.ts +69 -0
  9. package/dist/types/src/containers/Fieldset.vue.d.ts +56 -0
  10. package/dist/types/src/containers/GroupList.vue.d.ts +56 -0
  11. package/dist/types/src/containers/GroupListItem.vue.d.ts +72 -0
  12. package/dist/types/src/containers/Panel.vue.d.ts +41 -0
  13. package/dist/types/src/containers/Row.vue.d.ts +42 -0
  14. package/dist/types/src/containers/Step.vue.d.ts +45 -0
  15. package/dist/types/src/containers/Table.vue.d.ts +1401 -0
  16. package/dist/types/src/containers/Tabs.vue.d.ts +45 -0
  17. package/dist/types/src/fields/Cascader.vue.d.ts +1748 -0
  18. package/dist/types/src/fields/Checkbox.vue.d.ts +59 -0
  19. package/dist/types/src/fields/CheckboxGroup.vue.d.ts +56 -0
  20. package/dist/types/src/fields/Date.vue.d.ts +58 -0
  21. package/dist/types/src/fields/DateTime.vue.d.ts +57 -0
  22. package/dist/types/src/fields/Daterange.vue.d.ts +57 -0
  23. package/dist/types/src/fields/Display.vue.d.ts +3 -0
  24. package/dist/types/src/fields/DynamicField.vue.d.ts +76 -0
  25. package/dist/types/src/fields/Hidden.vue.d.ts +3 -0
  26. package/dist/types/src/fields/Link.vue.d.ts +1365 -0
  27. package/dist/types/src/fields/Number.vue.d.ts +59 -0
  28. package/dist/types/src/fields/RadioGroup.vue.d.ts +55 -0
  29. package/dist/types/src/fields/Select.vue.d.ts +975 -0
  30. package/dist/types/src/fields/Switch.vue.d.ts +59 -0
  31. package/dist/types/src/fields/Text.vue.d.ts +61 -0
  32. package/dist/types/src/fields/Textarea.vue.d.ts +56 -0
  33. package/dist/types/src/fields/Time.vue.d.ts +54 -0
  34. package/dist/types/src/index.d.ts +36 -0
  35. package/dist/types/src/schema.d.ts +495 -0
  36. package/dist/types/src/shims-vue.d.ts +6 -0
  37. package/dist/types/src/utils/config.d.ts +3 -0
  38. package/dist/types/src/utils/fieldProps.d.ts +21 -0
  39. package/dist/types/src/utils/form.d.ts +8 -0
  40. package/dist/types/src/utils/useAddField.d.ts +1 -0
  41. package/dist/types/src/vite-env.d.ts +1 -0
  42. package/package.json +51 -0
  43. package/src/Form.vue +188 -0
  44. package/src/FormDialog.vue +163 -0
  45. package/src/containers/Container.vue +263 -0
  46. package/src/containers/Fieldset.vue +138 -0
  47. package/src/containers/GroupList.vue +152 -0
  48. package/src/containers/GroupListItem.vue +159 -0
  49. package/src/containers/Panel.vue +106 -0
  50. package/src/containers/Row.vue +68 -0
  51. package/src/containers/Step.vue +82 -0
  52. package/src/containers/Table.vue +624 -0
  53. package/src/containers/Tabs.vue +176 -0
  54. package/src/fields/Cascader.vue +147 -0
  55. package/src/fields/Checkbox.vue +67 -0
  56. package/src/fields/CheckboxGroup.vue +44 -0
  57. package/src/fields/ColorPicker.vue +38 -0
  58. package/src/fields/Date.vue +51 -0
  59. package/src/fields/DateTime.vue +59 -0
  60. package/src/fields/Daterange.vue +75 -0
  61. package/src/fields/Display.vue +34 -0
  62. package/src/fields/DynamicField.vue +109 -0
  63. package/src/fields/Hidden.vue +29 -0
  64. package/src/fields/Link.vue +112 -0
  65. package/src/fields/Number.vue +53 -0
  66. package/src/fields/RadioGroup.vue +33 -0
  67. package/src/fields/Select.vue +393 -0
  68. package/src/fields/Switch.vue +65 -0
  69. package/src/fields/Text.vue +134 -0
  70. package/src/fields/Textarea.vue +62 -0
  71. package/src/fields/Time.vue +48 -0
  72. package/src/index.ts +127 -0
  73. package/src/schema.ts +638 -0
  74. package/src/shims-vue.d.ts +6 -0
  75. package/src/theme/date-time.scss +7 -0
  76. package/src/theme/fieldset.scss +24 -0
  77. package/src/theme/form-dialog.scss +13 -0
  78. package/src/theme/form.scss +30 -0
  79. package/src/theme/group-list.scss +23 -0
  80. package/src/theme/index.scss +9 -0
  81. package/src/theme/link.scss +3 -0
  82. package/src/theme/panel.scss +18 -0
  83. package/src/theme/select.scss +3 -0
  84. package/src/theme/table.scss +69 -0
  85. package/src/theme/tabs.scss +25 -0
  86. package/src/utils/config.ts +27 -0
  87. package/src/utils/containerProps.ts +50 -0
  88. package/src/utils/createForm.ts +25 -0
  89. package/src/utils/fieldProps.ts +39 -0
  90. package/src/utils/form.ts +266 -0
  91. package/src/utils/useAddField.ts +40 -0
  92. package/src/vite-env.d.ts +1 -0
  93. package/tsconfig.json +9 -0
  94. package/vite.config.ts +27 -0
@@ -0,0 +1,59 @@
1
+ import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
2
+ import { SwitchConfig } from '../schema';
3
+ declare const _default: DefineComponent<{
4
+ config: {
5
+ type: PropType<SwitchConfig>;
6
+ required: true;
7
+ };
8
+ model: {
9
+ type: ObjectConstructor;
10
+ required: boolean;
11
+ default: () => {};
12
+ };
13
+ name: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ disabled: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ size: PropType<"small" | "mini" | "medium">;
22
+ prop: StringConstructor;
23
+ initValues: ObjectConstructor;
24
+ values: ObjectConstructor;
25
+ }, {
26
+ n: ComputedRef<string | number>;
27
+ activeValue: ComputedRef<string | number | boolean>;
28
+ inactiveValue: ComputedRef<string | number | boolean>;
29
+ changeHandler: (v: boolean | number | string) => void;
30
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "change"[], "change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
31
+ config: {
32
+ type: PropType<SwitchConfig>;
33
+ required: true;
34
+ };
35
+ model: {
36
+ type: ObjectConstructor;
37
+ required: boolean;
38
+ default: () => {};
39
+ };
40
+ name: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ disabled: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ size: PropType<"small" | "mini" | "medium">;
49
+ prop: StringConstructor;
50
+ initValues: ObjectConstructor;
51
+ values: ObjectConstructor;
52
+ }>> & {
53
+ onChange?: ((...args: any[]) => any) | undefined;
54
+ }, {
55
+ model: Record<string, any>;
56
+ disabled: boolean;
57
+ name: string;
58
+ }>;
59
+ export default _default;
@@ -0,0 +1,61 @@
1
+ import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
2
+ import { TextConfig } from '../schema';
3
+ declare const _default: DefineComponent<{
4
+ config: {
5
+ type: PropType<TextConfig>;
6
+ required: true;
7
+ };
8
+ model: {
9
+ type: ObjectConstructor;
10
+ required: boolean;
11
+ default: () => {};
12
+ };
13
+ name: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ disabled: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ size: PropType<"small" | "mini" | "medium">;
22
+ prop: StringConstructor;
23
+ initValues: ObjectConstructor;
24
+ values: ObjectConstructor;
25
+ }, {
26
+ modelName: ComputedRef<string | number>;
27
+ changeHandler(v: string | number): void;
28
+ inputHandler(v: string | number): void;
29
+ buttonClickHandler(): void;
30
+ keyUpHandler($event: KeyboardEvent): void;
31
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input")[], "change" | "input", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
32
+ config: {
33
+ type: PropType<TextConfig>;
34
+ required: true;
35
+ };
36
+ model: {
37
+ type: ObjectConstructor;
38
+ required: boolean;
39
+ default: () => {};
40
+ };
41
+ name: {
42
+ type: StringConstructor;
43
+ default: string;
44
+ };
45
+ disabled: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
49
+ size: PropType<"small" | "mini" | "medium">;
50
+ prop: StringConstructor;
51
+ initValues: ObjectConstructor;
52
+ values: ObjectConstructor;
53
+ }>> & {
54
+ onChange?: ((...args: any[]) => any) | undefined;
55
+ onInput?: ((...args: any[]) => any) | undefined;
56
+ }, {
57
+ model: Record<string, any>;
58
+ disabled: boolean;
59
+ name: string;
60
+ }>;
61
+ export default _default;
@@ -0,0 +1,56 @@
1
+ import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
2
+ import { FormState, TextareaConfig } from '../schema';
3
+ declare const _default: DefineComponent<{
4
+ config: {
5
+ type: PropType<TextareaConfig>;
6
+ required: true;
7
+ };
8
+ model: {
9
+ type: ObjectConstructor;
10
+ required: boolean;
11
+ default: () => {};
12
+ };
13
+ name: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ disabled: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ size: PropType<"small" | "mini" | "medium">;
22
+ prop: StringConstructor;
23
+ initValues: ObjectConstructor;
24
+ values: ObjectConstructor;
25
+ }, {
26
+ mForm: FormState | null | undefined;
27
+ changeHandler: (v: string) => void;
28
+ inputHandler: (v: string) => void;
29
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
30
+ config: {
31
+ type: PropType<TextareaConfig>;
32
+ required: true;
33
+ };
34
+ model: {
35
+ type: ObjectConstructor;
36
+ required: boolean;
37
+ default: () => {};
38
+ };
39
+ name: {
40
+ type: StringConstructor;
41
+ default: string;
42
+ };
43
+ disabled: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ size: PropType<"small" | "mini" | "medium">;
48
+ prop: StringConstructor;
49
+ initValues: ObjectConstructor;
50
+ values: ObjectConstructor;
51
+ }>>, {
52
+ model: Record<string, any>;
53
+ disabled: boolean;
54
+ name: string;
55
+ }>;
56
+ export default _default;
@@ -0,0 +1,54 @@
1
+ import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
2
+ import { TimeConfig } from '../schema';
3
+ declare const _default: DefineComponent<{
4
+ config: {
5
+ type: PropType<TimeConfig>;
6
+ required: true;
7
+ };
8
+ model: {
9
+ type: ObjectConstructor;
10
+ required: boolean;
11
+ default: () => {};
12
+ };
13
+ name: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ disabled: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ size: PropType<"small" | "mini" | "medium">;
22
+ prop: StringConstructor;
23
+ initValues: ObjectConstructor;
24
+ values: ObjectConstructor;
25
+ }, {
26
+ changeHandler: (v: Date) => void;
27
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
28
+ config: {
29
+ type: PropType<TimeConfig>;
30
+ required: true;
31
+ };
32
+ model: {
33
+ type: ObjectConstructor;
34
+ required: boolean;
35
+ default: () => {};
36
+ };
37
+ name: {
38
+ type: StringConstructor;
39
+ default: string;
40
+ };
41
+ disabled: {
42
+ type: BooleanConstructor;
43
+ default: boolean;
44
+ };
45
+ size: PropType<"small" | "mini" | "medium">;
46
+ prop: StringConstructor;
47
+ initValues: ObjectConstructor;
48
+ values: ObjectConstructor;
49
+ }>>, {
50
+ model: Record<string, any>;
51
+ disabled: boolean;
52
+ name: string;
53
+ }>;
54
+ export default _default;
@@ -0,0 +1,36 @@
1
+ import { App } from 'vue';
2
+ export * from './schema';
3
+ export * from './utils/form';
4
+ export * from './utils/useAddField';
5
+ export { default as fieldProps } from './utils/fieldProps';
6
+ export { default as MForm } from './Form.vue';
7
+ export { default as MFormDialog } from './FormDialog.vue';
8
+ export { default as MContainer } from './containers/Container.vue';
9
+ export { default as MFieldset } from './containers/Fieldset.vue';
10
+ export { default as MPanel } from './containers/Panel.vue';
11
+ export { default as MRow } from './containers/Row.vue';
12
+ export { default as MTabs } from './containers/Tabs.vue';
13
+ export { default as MTable } from './containers/Table.vue';
14
+ export { default as MGroupList } from './containers/GroupList.vue';
15
+ export { default as MText } from './fields/Text.vue';
16
+ export { default as MNumber } from './fields/Number.vue';
17
+ export { default as MTextarea } from './fields/Textarea.vue';
18
+ export { default as MHidden } from './fields/Hidden.vue';
19
+ export { default as MDate } from './fields/Date.vue';
20
+ export { default as MDateTime } from './fields/DateTime.vue';
21
+ export { default as MTime } from './fields/Time.vue';
22
+ export { default as MCheckbox } from './fields/Checkbox.vue';
23
+ export { default as MSwitch } from './fields/Switch.vue';
24
+ export { default as MDaterange } from './fields/Daterange.vue';
25
+ export { default as MColorPicker } from './fields/ColorPicker.vue';
26
+ export { default as MCheckboxGroup } from './fields/CheckboxGroup.vue';
27
+ export { default as MRadioGroup } from './fields/RadioGroup.vue';
28
+ export { default as MDisplay } from './fields/Display.vue';
29
+ export { default as MLink } from './fields/Link.vue';
30
+ export { default as MSelect } from './fields/Select.vue';
31
+ export { default as MCascader } from './fields/Cascader.vue';
32
+ export { default as MDynamicField } from './fields/DynamicField.vue';
33
+ declare const _default: {
34
+ install: (app: App<any>, opt: any) => void;
35
+ };
36
+ export default _default;