UNPKG

@mistio/mist-form

Version:

A Webcomponent that renders a form defined by a JSONSchema & an optional UISchema spec

113 lines • 2.61 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
{ "jsonSchema": { "definitions": { "Color": { "title": "Color", "type": "string", "anyOf": [ { "type": "string", "enum": [ "#ff0000" ], "title": "Red" }, { "type": "string", "enum": [ "#00ff00" ], "title": "Green" }, { "type": "string", "enum": [ "#0000ff" ], "title": "Blue" } ] }, "Toggle": { "title": "Toggle", "type": "boolean", "oneOf": [ { "title": "Enable", "const": true }, { "title": "Disable", "const": false } ] } }, "title": "Image editor", "type": "object", "required": [ "currentColor", "colorMask", "blendMode" ], "properties": { "currentColor": { "$ref": "#/definitions/Color", "title": "Brush color" }, "colorMask": { "type": "array", "uniqueItems": true, "items": { "$ref": "#/definitions/Color" }, "title": "Color mask" }, "toggleMask": { "title": "Apply color mask", "$ref": "#/definitions/Toggle" }, "colorPalette": { "type": "array", "title": "Color palette", "items": { "$ref": "#/definitions/Color" } }, "blendMode": { "title": "Blend mode", "type": "string", "enum": [ "screen", "multiply", "overlay" ], "enumNames": [ "Screen", "Multiply", "Overlay" ] } } }, "uiSchema": { "blendMode": { "ui:enumDisabled": [ "multiply" ] }, "toggleMask": { "ui:widget": "radio" } }, "formData": { "currentColor": "#00ff00", "colorMask": [ "#0000ff" ], "colorPalette": [ "#ff0000" ], "blendMode": "screen" } }