amis-editor 4.1.0-beta.2 → 4.1.0-beta.20

Sign up to get free protection for your applications and to get access to all the features.
Files changed (195) hide show
  1. package/dist/component/Breadcrumb.d.ts +23 -2
  2. package/dist/component/Editor.d.ts +19 -0
  3. package/dist/component/Panel/RenderersPanel.d.ts +1 -2
  4. package/dist/component/RegionWrapper.d.ts +4 -0
  5. package/dist/component/VRenderer.d.ts +4 -0
  6. package/dist/component/base/SearchCustomRendererPanel.d.ts +15 -0
  7. package/dist/component/base/SearchPanel.d.ts +83 -0
  8. package/dist/component/base/SearchRendererPanel.d.ts +2 -42
  9. package/dist/exports.min.js +1 -1
  10. package/dist/index.d.ts +4 -1
  11. package/dist/index.min.js +1 -1
  12. package/dist/manager.d.ts +14 -3
  13. package/dist/plugin/Card.d.ts +1 -0
  14. package/dist/plugin/Cards.d.ts +1 -0
  15. package/dist/plugin/Carousel.d.ts +1 -0
  16. package/dist/plugin/Chart.d.ts +1 -0
  17. package/dist/plugin/Collapse.d.ts +1 -0
  18. package/dist/plugin/Custom.d.ts +3 -0
  19. package/dist/plugin/CustomRegion.d.ts +43 -0
  20. package/dist/plugin/Flex.d.ts +1 -0
  21. package/dist/plugin/Form/Control.d.ts +1 -0
  22. package/dist/plugin/Form/Form.d.ts +19 -3
  23. package/dist/plugin/Form/InputURL.d.ts +1 -0
  24. package/dist/plugin/Grid.d.ts +1 -0
  25. package/dist/plugin/HBox.d.ts +1 -0
  26. package/dist/plugin/Json.d.ts +1 -0
  27. package/dist/plugin/List.d.ts +1 -0
  28. package/dist/plugin/Mapping.d.ts +1 -0
  29. package/dist/plugin/Markdown.d.ts +1 -0
  30. package/dist/plugin/Nav.d.ts +1 -0
  31. package/dist/plugin/Panel/Outline.d.ts +8 -0
  32. package/dist/plugin/Progress.d.ts +1 -0
  33. package/dist/plugin/QRCode.d.ts +1 -0
  34. package/dist/plugin/Reset.d.ts +0 -1
  35. package/dist/plugin/Service.d.ts +1 -0
  36. package/dist/plugin/Sparkline.d.ts +1 -0
  37. package/dist/plugin/Status.d.ts +1 -0
  38. package/dist/plugin/Steps.d.ts +1 -0
  39. package/dist/plugin/Submit.d.ts +0 -1
  40. package/dist/plugin/TableView.d.ts +1 -0
  41. package/dist/plugin/Tasks.d.ts +1 -0
  42. package/dist/plugin/TooltipWrapper.d.ts +1 -0
  43. package/dist/plugin/Video.d.ts +1 -0
  44. package/dist/plugin/WebComponent.d.ts +1 -0
  45. package/dist/plugin/Wizard.d.ts +11 -2
  46. package/dist/plugin/Wrapper.d.ts +1 -0
  47. package/dist/plugin.d.ts +2 -2
  48. package/dist/store/editor.d.ts +20 -2
  49. package/dist/store/node.d.ts +6 -0
  50. package/dist/style.css +1 -1
  51. package/dist/util.d.ts +7 -2
  52. package/package.json +6 -3
  53. package/src/component/schemaTpl.tsx +2155 -0
  54. package/src/plugin/Alert.tsx +87 -0
  55. package/src/plugin/AnchorNav.tsx +233 -0
  56. package/src/plugin/Audio.tsx +161 -0
  57. package/src/plugin/Avatar.tsx +77 -0
  58. package/src/plugin/Breadcrumb.tsx +107 -0
  59. package/src/plugin/Button.tsx +283 -0
  60. package/src/plugin/ButtonGroup.tsx +88 -0
  61. package/src/plugin/ButtonToolbar.tsx +89 -0
  62. package/src/plugin/CRUD.tsx +1832 -0
  63. package/src/plugin/Card.tsx +290 -0
  64. package/src/plugin/Cards.tsx +315 -0
  65. package/src/plugin/Carousel.tsx +386 -0
  66. package/src/plugin/Chart.tsx +218 -0
  67. package/src/plugin/CodeView.tsx +60 -0
  68. package/src/plugin/Collapse.tsx +143 -0
  69. package/src/plugin/CollapseGroup.tsx +167 -0
  70. package/src/plugin/Container.tsx +44 -0
  71. package/src/plugin/Custom.tsx +128 -0
  72. package/src/plugin/CustomRegion.tsx +150 -0
  73. package/src/plugin/Date.tsx +81 -0
  74. package/src/plugin/Datetime.tsx +75 -0
  75. package/src/plugin/Dialog.tsx +178 -0
  76. package/src/plugin/Divider.tsx +36 -0
  77. package/src/plugin/Drawer.tsx +217 -0
  78. package/src/plugin/DropDownButton.tsx +234 -0
  79. package/src/plugin/Each.tsx +152 -0
  80. package/src/plugin/ErrorRenderer.tsx +15 -0
  81. package/src/plugin/Flex.tsx +156 -0
  82. package/src/plugin/Form/ButtonGroupSelect.tsx +86 -0
  83. package/src/plugin/Form/ButtonToolbar.tsx +121 -0
  84. package/src/plugin/Form/ChainedSelect.tsx +70 -0
  85. package/src/plugin/Form/Checkbox.tsx +87 -0
  86. package/src/plugin/Form/Checkboxes.tsx +167 -0
  87. package/src/plugin/Form/CodeEditor.tsx +91 -0
  88. package/src/plugin/Form/Combo.tsx +582 -0
  89. package/src/plugin/Form/ConditionBuilder.tsx +324 -0
  90. package/src/plugin/Form/Control.tsx +139 -0
  91. package/src/plugin/Form/DiffEditor.tsx +117 -0
  92. package/src/plugin/Form/FieldSet.tsx +175 -0
  93. package/src/plugin/Form/Form.tsx +692 -0
  94. package/src/plugin/Form/Formula.tsx +91 -0
  95. package/src/plugin/Form/Group.tsx +300 -0
  96. package/src/plugin/Form/Hidden.tsx +56 -0
  97. package/src/plugin/Form/InputArray.tsx +228 -0
  98. package/src/plugin/Form/InputCity.tsx +93 -0
  99. package/src/plugin/Form/InputColor.tsx +123 -0
  100. package/src/plugin/Form/InputDate.tsx +175 -0
  101. package/src/plugin/Form/InputDateRange.tsx +225 -0
  102. package/src/plugin/Form/InputDateTime.tsx +183 -0
  103. package/src/plugin/Form/InputDateTimeRange.tsx +221 -0
  104. package/src/plugin/Form/InputEmail.tsx +33 -0
  105. package/src/plugin/Form/InputExcel.tsx +85 -0
  106. package/src/plugin/Form/InputFile.tsx +228 -0
  107. package/src/plugin/Form/InputGroup.tsx +105 -0
  108. package/src/plugin/Form/InputImage.tsx +277 -0
  109. package/src/plugin/Form/InputKV.tsx +72 -0
  110. package/src/plugin/Form/InputMonth.tsx +35 -0
  111. package/src/plugin/Form/InputMonthRange.tsx +195 -0
  112. package/src/plugin/Form/InputNumber.tsx +97 -0
  113. package/src/plugin/Form/InputPassword.tsx +33 -0
  114. package/src/plugin/Form/InputQuarter.tsx +35 -0
  115. package/src/plugin/Form/InputQuarterRange.tsx +195 -0
  116. package/src/plugin/Form/InputRange.tsx +121 -0
  117. package/src/plugin/Form/InputRating.tsx +78 -0
  118. package/src/plugin/Form/InputRepeat.tsx +69 -0
  119. package/src/plugin/Form/InputRichText.tsx +197 -0
  120. package/src/plugin/Form/InputSubForm.tsx +198 -0
  121. package/src/plugin/Form/InputTable.tsx +434 -0
  122. package/src/plugin/Form/InputTag.tsx +81 -0
  123. package/src/plugin/Form/InputText.tsx +186 -0
  124. package/src/plugin/Form/InputTime.tsx +95 -0
  125. package/src/plugin/Form/InputTree.tsx +240 -0
  126. package/src/plugin/Form/InputURL.tsx +34 -0
  127. package/src/plugin/Form/InputYear.tsx +35 -0
  128. package/src/plugin/Form/Item.tsx +325 -0
  129. package/src/plugin/Form/ListSelect.tsx +84 -0
  130. package/src/plugin/Form/LocationPicker.tsx +75 -0
  131. package/src/plugin/Form/MatrixCheckboxes.tsx +147 -0
  132. package/src/plugin/Form/NestedSelect.tsx +222 -0
  133. package/src/plugin/Form/Picker.tsx +217 -0
  134. package/src/plugin/Form/Radios.tsx +130 -0
  135. package/src/plugin/Form/Select.tsx +216 -0
  136. package/src/plugin/Form/Static.tsx +335 -0
  137. package/src/plugin/Form/Switch.tsx +116 -0
  138. package/src/plugin/Form/TabsTransfer.tsx +270 -0
  139. package/src/plugin/Form/Textarea.tsx +94 -0
  140. package/src/plugin/Form/Transfer.tsx +379 -0
  141. package/src/plugin/Form/TreeSelect.tsx +263 -0
  142. package/src/plugin/Form/UUID.tsx +48 -0
  143. package/src/plugin/Grid.tsx +799 -0
  144. package/src/plugin/HBox.tsx +727 -0
  145. package/src/plugin/IFrame.tsx +72 -0
  146. package/src/plugin/Image.tsx +318 -0
  147. package/src/plugin/Images.tsx +238 -0
  148. package/src/plugin/Json.tsx +76 -0
  149. package/src/plugin/Link.tsx +95 -0
  150. package/src/plugin/List.tsx +278 -0
  151. package/src/plugin/ListItem.tsx +233 -0
  152. package/src/plugin/Log.tsx +52 -0
  153. package/src/plugin/Mapping.tsx +156 -0
  154. package/src/plugin/Markdown.tsx +47 -0
  155. package/src/plugin/Nav.tsx +186 -0
  156. package/src/plugin/Operation.tsx +97 -0
  157. package/src/plugin/Others/Action.tsx +428 -0
  158. package/src/plugin/Others/BasicToolbar.tsx +591 -0
  159. package/src/plugin/Others/DataDebug.tsx +134 -0
  160. package/src/plugin/Others/TableCell.tsx +480 -0
  161. package/src/plugin/Others/Unknown.tsx +37 -0
  162. package/src/plugin/Page.tsx +308 -0
  163. package/src/plugin/Panel/AvailableRenderers.tsx +41 -0
  164. package/src/plugin/Panel/Code.tsx +44 -0
  165. package/src/plugin/Panel/Name.tsx +26 -0
  166. package/src/plugin/Panel/Outline.tsx +40 -0
  167. package/src/plugin/Panel.tsx +243 -0
  168. package/src/plugin/Plain.tsx +91 -0
  169. package/src/plugin/Progress.tsx +132 -0
  170. package/src/plugin/Property.tsx +139 -0
  171. package/src/plugin/QRCode.tsx +98 -0
  172. package/src/plugin/Reset.tsx +23 -0
  173. package/src/plugin/Service.tsx +167 -0
  174. package/src/plugin/Sparkline.tsx +40 -0
  175. package/src/plugin/Status.tsx +78 -0
  176. package/src/plugin/Steps.tsx +140 -0
  177. package/src/plugin/Submit.tsx +23 -0
  178. package/src/plugin/Table.tsx +440 -0
  179. package/src/plugin/TableView.tsx +711 -0
  180. package/src/plugin/Tabs.tsx +364 -0
  181. package/src/plugin/Tasks.tsx +276 -0
  182. package/src/plugin/Time.tsx +75 -0
  183. package/src/plugin/TooltipWrapper.tsx +193 -0
  184. package/src/plugin/Tpl.tsx +162 -0
  185. package/src/plugin/Video.tsx +160 -0
  186. package/src/plugin/WebComponent.tsx +56 -0
  187. package/src/plugin/Wizard.tsx +743 -0
  188. package/src/plugin/Wrapper.tsx +107 -0
  189. package/src/plugin.ts +1046 -0
  190. package/dist/150a58f3318ca7541ed9.png +0 -0
  191. package/dist/471adb97c322b226e589.png +0 -0
  192. package/dist/4de5f42360bc5946c3c2.png +0 -0
  193. package/dist/4e9968bba3855f088fed.png +0 -0
  194. package/dist/7f09c38ebc687fea847a.png +0 -0
  195. package/dist/c94073576487510314ea.png +0 -0
@@ -0,0 +1,35 @@
1
+ import {registerEditorPlugin} from '../../manager';
2
+
3
+ import {DateControlPlugin} from './InputDate';
4
+
5
+ export class MonthControlPlugin extends DateControlPlugin {
6
+ // 关联渲染器名字
7
+ rendererName = 'input-month';
8
+ $schema = '/schemas/MonthControlSchema.json';
9
+
10
+ // 组件名称
11
+ name = 'Month';
12
+ isBaseComponent = true;
13
+ icon = 'fa fa-calendar';
14
+ description = `月份选择`;
15
+ docLink = '/amis/zh-CN/components/form/input-month';
16
+ tags = ['表单项'];
17
+ // @ts-ignore
18
+ scaffold = {
19
+ type: 'input-month',
20
+ name: 'month'
21
+ };
22
+ previewSchema: any = {
23
+ type: 'form',
24
+ wrapWithPanel: false,
25
+ body: [
26
+ {
27
+ ...this.scaffold
28
+ }
29
+ ]
30
+ };
31
+
32
+ panelTitle = 'Month';
33
+ }
34
+
35
+ registerEditorPlugin(MonthControlPlugin);
@@ -0,0 +1,195 @@
1
+ import {relativeValueRe} from 'amis';
2
+ import {
3
+ defaultValue,
4
+ getSchemaTpl,
5
+ valuePipeOut
6
+ } from '../../component/schemaTpl';
7
+ import {registerEditorPlugin} from '../../manager';
8
+ import {
9
+ BasePlugin,
10
+ BasicSubRenderInfo,
11
+ RendererEventContext,
12
+ SubRendererInfo
13
+ } from '../../plugin';
14
+
15
+ export class MonthRangeControlPlugin extends BasePlugin {
16
+ // 关联渲染器名字
17
+ rendererName = 'input-month-range';
18
+ $schema = '/schemas/MonthRangeControlSchema.json';
19
+
20
+ order = -440;
21
+
22
+ // 组件名称
23
+ icon = 'fa fa-calendar';
24
+ name = '月份范围';
25
+ isBaseComponent = true;
26
+ description =
27
+ '月份范围选择,可通过<code>minDate</code>、<code>maxDate</code>设定最小、最大日期';
28
+ docLink = '/amis/zh-CN/components/form/input-month-range';
29
+ tags = ['表单项'];
30
+ scaffold = {
31
+ type: 'input-month-range',
32
+ label: '月份范围',
33
+ name: 'month-range'
34
+ };
35
+ previewSchema: any = {
36
+ type: 'form',
37
+ className: 'text-left',
38
+ mode: 'horizontal',
39
+ wrapWithPanel: false,
40
+ body: [
41
+ {
42
+ ...this.scaffold
43
+ }
44
+ ]
45
+ };
46
+
47
+ panelTitle = '月份范围';
48
+ panelBody = [
49
+ getSchemaTpl('placeholder', {
50
+ pipeIn: defaultValue('请选择月份范围')
51
+ }),
52
+
53
+ {
54
+ type: 'input-text',
55
+ name: 'format',
56
+ label: '值格式',
57
+ description:
58
+ '请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。',
59
+ pipeIn: defaultValue('X')
60
+ },
61
+
62
+ getSchemaTpl('switchDefaultValue'),
63
+
64
+ {
65
+ type: 'input-text',
66
+ name: 'value',
67
+ label: '默认值',
68
+ visibleOn: 'typeof this.value !== "undefined"',
69
+ placeholder: '请输入相对值',
70
+ description:
71
+ '支持 <code>now、+1day、-2weeks</code>这种相对值用法,由于包含开始和结束时间,请用逗号隔开。'
72
+ },
73
+
74
+ {
75
+ type: 'fieldSet',
76
+ title: '使用固定值',
77
+ visibleOn: 'typeof this.value !== "undefined"',
78
+ collapsed: true,
79
+ collapsable: true,
80
+ className: 'fieldset',
81
+ body: [
82
+ {
83
+ type: 'input-month-range',
84
+ name: 'value',
85
+ pipeIn: (value: any) =>
86
+ value
87
+ ? value
88
+ .split(',')
89
+ .map((item: any) =>
90
+ relativeValueRe.test(item) ||
91
+ ~['now', 'today'].indexOf(item)
92
+ ? ''
93
+ : item
94
+ )
95
+ : ''
96
+ }
97
+ ]
98
+ },
99
+ getSchemaTpl('clearable', {
100
+ pipeIn: defaultValue(true)
101
+ }),
102
+ {
103
+ type: 'input-text',
104
+ name: 'minDate',
105
+ label: '最小日期',
106
+ placeholder: '请输入相对值',
107
+ description:
108
+ '支持 <code>now、+1day、-2weeks</code>这种相对值用法,同时支持变量如<code>\\${start_date}</code>'
109
+ },
110
+
111
+ {
112
+ type: 'fieldSet',
113
+ title: '使用固定值',
114
+ collapsed: true,
115
+ collapsable: true,
116
+ className: 'fieldset',
117
+ body: [
118
+ {
119
+ type: 'input-date',
120
+ name: 'minDate',
121
+ pipeIn: (value: any) =>
122
+ relativeValueRe.test(value) || ~['now', 'today'].indexOf(value)
123
+ ? ''
124
+ : value
125
+ }
126
+ ]
127
+ },
128
+
129
+ {
130
+ type: 'divider'
131
+ },
132
+
133
+ {
134
+ type: 'input-text',
135
+ name: 'maxDate',
136
+ label: '最大日期',
137
+ placeholder: '请输入相对值',
138
+ description:
139
+ '支持 <code>now、+1day、-2weeks</code>这种相对值用法,同时支持变量如<code>\\${start_date}</code>'
140
+ },
141
+
142
+ {
143
+ type: 'fieldSet',
144
+ title: '使用固定值',
145
+ collapsed: true,
146
+ collapsable: true,
147
+ className: 'fieldset',
148
+ body: [
149
+ {
150
+ type: 'input-date',
151
+ name: 'maxDate',
152
+ pipeIn: (value: any) =>
153
+ relativeValueRe.test(value) || ~['now', 'today'].indexOf(value)
154
+ ? ''
155
+ : value
156
+ }
157
+ ]
158
+ },
159
+ {
160
+ type: 'input-text',
161
+ name: 'minDuration',
162
+ label: '限制最小跨度',
163
+ description: '比如 2days'
164
+ },
165
+ {
166
+ type: 'input-text',
167
+ name: 'maxDuration',
168
+ label: '限制最大跨度',
169
+ description: '比如 1year'
170
+ },
171
+ {
172
+ name: 'utc',
173
+ label: '是否使用 UTC 时间',
174
+ type: 'switch',
175
+ mode: 'inline',
176
+ className: 'block'
177
+ },
178
+ {
179
+ name: 'clearable',
180
+ label: '是否可清除',
181
+ type: 'switch',
182
+ mode: 'inline',
183
+ className: 'block'
184
+ },
185
+ {
186
+ name: 'embed',
187
+ label: '是否内嵌模式',
188
+ type: 'switch',
189
+ mode: 'inline',
190
+ className: 'block'
191
+ }
192
+ ];
193
+ }
194
+
195
+ registerEditorPlugin(MonthRangeControlPlugin);
@@ -0,0 +1,97 @@
1
+ import {SchemaObject} from 'amis';
2
+ import flatten from 'lodash/flatten';
3
+ import {ContainerWrapper} from '../../component/ContainerWrapper';
4
+ import {registerEditorPlugin} from '../../manager';
5
+ import {
6
+ BasePlugin,
7
+ BasicSubRenderInfo,
8
+ RendererEventContext,
9
+ SubRendererInfo
10
+ } from '../../plugin';
11
+ import {defaultValue, getSchemaTpl} from '../../component/schemaTpl';
12
+
13
+ export class NumberControlPlugin extends BasePlugin {
14
+ // 关联渲染器名字
15
+ rendererName = 'input-number';
16
+ $schema = '/schemas/NumberControlSchema.json';
17
+
18
+ order = -410;
19
+
20
+ // 组件名称
21
+ name = '数字框';
22
+ isBaseComponent = true;
23
+ icon = 'fa fa-sort-numeric-asc';
24
+ description = '支持设定最大值和最小值,以及步长与精度';
25
+ docLink = '/amis/zh-CN/components/form/input-number';
26
+ tags = ['表单项'];
27
+ scaffold = {
28
+ type: 'input-number',
29
+ label: '数字',
30
+ name: 'number-text'
31
+ };
32
+ previewSchema: any = {
33
+ type: 'form',
34
+ className: 'text-left',
35
+ mode: 'horizontal',
36
+ wrapWithPanel: false,
37
+ body: [
38
+ {
39
+ ...this.scaffold,
40
+ value: 88
41
+ }
42
+ ]
43
+ };
44
+
45
+ panelTitle = '数字框';
46
+ panelBody = [
47
+ getSchemaTpl('switchDefaultValue'),
48
+
49
+ {
50
+ type: 'input-number',
51
+ name: 'value',
52
+ label: '默认值',
53
+ visibleOn: 'typeof this.value !== "undefined"'
54
+ },
55
+
56
+ {
57
+ type: 'input-text',
58
+ name: 'min',
59
+ label: '最小值',
60
+ description:
61
+ '请输入数字或使用 <code>\\${xxx}</code> 来获取变量,否则该配置不生效'
62
+ },
63
+
64
+ {
65
+ type: 'input-text',
66
+ name: 'max',
67
+ label: '最大值',
68
+ description:
69
+ '请输入数字或使用 <code>\\${xxx}</code> 来获取变量,否则该配置不生效'
70
+ },
71
+
72
+ {
73
+ type: 'input-number',
74
+ name: 'step',
75
+ label: '步长'
76
+ },
77
+
78
+ {
79
+ type: 'input-number',
80
+ name: 'precision',
81
+ label: '小数点精度',
82
+ min: 0,
83
+ max: 100
84
+ },
85
+
86
+ {
87
+ type: 'input-array',
88
+ name: 'unitOptions',
89
+ label: '单位选项',
90
+ items: {
91
+ type: 'input-text'
92
+ }
93
+ }
94
+ ];
95
+ }
96
+
97
+ registerEditorPlugin(NumberControlPlugin);
@@ -0,0 +1,33 @@
1
+ import {registerEditorPlugin} from '../../manager';
2
+ import {TextControlPlugin} from './InputText';
3
+
4
+ export class PasswordControlPlugin extends TextControlPlugin {
5
+ // 关联渲染器名字
6
+ rendererName = 'input-password';
7
+ $schema = '/schemas/TextControlSchema.json';
8
+ name = '密码框';
9
+ isBaseComponent = true;
10
+ icon = 'fa fa-asterisk';
11
+
12
+ description = '验证输入是否符合邮箱的格式';
13
+
14
+ scaffold = {
15
+ type: 'input-password',
16
+ label: '密码',
17
+ name: 'password'
18
+ };
19
+
20
+ previewSchema = {
21
+ type: 'form',
22
+ className: 'text-left',
23
+ mode: 'horizontal',
24
+ wrapWithPanel: false,
25
+ body: {
26
+ ...this.scaffold
27
+ }
28
+ };
29
+
30
+ panelTitle = this.name;
31
+ }
32
+
33
+ registerEditorPlugin(PasswordControlPlugin);
@@ -0,0 +1,35 @@
1
+ import {registerEditorPlugin} from '../../manager';
2
+
3
+ import {DateControlPlugin} from './InputDate';
4
+
5
+ export class InputQuarterPlugin extends DateControlPlugin {
6
+ // 关联渲染器名字
7
+ rendererName = 'input-quarter';
8
+ $schema = '/schemas/QuarterControlSchema.json';
9
+
10
+ // 组件名称
11
+ name = 'Quarter';
12
+ isBaseComponent = true;
13
+ icon = 'fa fa-calendar';
14
+ description = `季度选择`;
15
+ docLink = '/amis/zh-CN/components/form/input-quarter';
16
+ tags = ['表单项'];
17
+ // @ts-ignore
18
+ scaffold = {
19
+ type: 'input-quarter',
20
+ name: 'month'
21
+ };
22
+ previewSchema: any = {
23
+ type: 'form',
24
+ wrapWithPanel: false,
25
+ body: [
26
+ {
27
+ ...this.scaffold
28
+ }
29
+ ]
30
+ };
31
+
32
+ panelTitle = 'Quarter';
33
+ }
34
+
35
+ registerEditorPlugin(InputQuarterPlugin);
@@ -0,0 +1,195 @@
1
+ import {relativeValueRe} from 'amis';
2
+ import {
3
+ defaultValue,
4
+ getSchemaTpl,
5
+ valuePipeOut
6
+ } from '../../component/schemaTpl';
7
+ import {registerEditorPlugin} from '../../manager';
8
+ import {
9
+ BasePlugin,
10
+ BasicSubRenderInfo,
11
+ RendererEventContext,
12
+ SubRendererInfo
13
+ } from '../../plugin';
14
+
15
+ export class QuarterRangePlugin extends BasePlugin {
16
+ // 关联渲染器名字
17
+ rendererName = 'input-quarter-range';
18
+ $schema = '/schemas/MonthRangeControlSchema.json';
19
+
20
+ order = -440;
21
+
22
+ // 组件名称
23
+ icon = 'fa fa-calendar';
24
+ name = '季度范围';
25
+ isBaseComponent = true;
26
+ description =
27
+ '月份范围选择,可通过<code>minDate</code>、<code>maxDate</code>设定最小、最大日期';
28
+ docLink = '/amis/zh-CN/components/form/input-quarter-range';
29
+ tags = ['表单项'];
30
+ scaffold = {
31
+ type: 'input-quarter-range',
32
+ label: '季度范围',
33
+ name: 'quarter-range'
34
+ };
35
+ previewSchema: any = {
36
+ type: 'form',
37
+ className: 'text-left',
38
+ mode: 'horizontal',
39
+ wrapWithPanel: false,
40
+ body: [
41
+ {
42
+ ...this.scaffold
43
+ }
44
+ ]
45
+ };
46
+
47
+ panelTitle = '季度范围';
48
+ panelBody = [
49
+ getSchemaTpl('placeholder', {
50
+ pipeIn: defaultValue('请选择月份范围')
51
+ }),
52
+
53
+ {
54
+ type: 'input-text',
55
+ name: 'format',
56
+ label: '值格式',
57
+ description:
58
+ '请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。',
59
+ pipeIn: defaultValue('X')
60
+ },
61
+
62
+ getSchemaTpl('switchDefaultValue'),
63
+
64
+ {
65
+ type: 'input-text',
66
+ name: 'value',
67
+ label: '默认值',
68
+ visibleOn: 'typeof this.value !== "undefined"',
69
+ placeholder: '请输入相对值',
70
+ description:
71
+ '支持 <code>now、+1day、-2weeks</code>这种相对值用法,由于包含开始和结束时间,请用逗号隔开。'
72
+ },
73
+
74
+ {
75
+ type: 'fieldSet',
76
+ title: '使用固定值',
77
+ visibleOn: 'typeof this.value !== "undefined"',
78
+ collapsed: true,
79
+ collapsable: true,
80
+ className: 'fieldset',
81
+ body: [
82
+ {
83
+ type: 'input-quarter-range',
84
+ name: 'value',
85
+ pipeIn: (value: any) =>
86
+ value
87
+ ? value
88
+ .split(',')
89
+ .map((item: any) =>
90
+ relativeValueRe.test(item) ||
91
+ ~['now', 'today'].indexOf(item)
92
+ ? ''
93
+ : item
94
+ )
95
+ : ''
96
+ }
97
+ ]
98
+ },
99
+ getSchemaTpl('clearable', {
100
+ pipeIn: defaultValue(true)
101
+ }),
102
+ {
103
+ type: 'input-text',
104
+ name: 'minDate',
105
+ label: '最小日期',
106
+ placeholder: '请输入相对值',
107
+ description:
108
+ '支持 <code>now、+1day、-2weeks</code>这种相对值用法,同时支持变量如<code>\\${start_date}</code>'
109
+ },
110
+
111
+ {
112
+ type: 'fieldSet',
113
+ title: '使用固定值',
114
+ collapsed: true,
115
+ collapsable: true,
116
+ className: 'fieldset',
117
+ body: [
118
+ {
119
+ type: 'input-date',
120
+ name: 'minDate',
121
+ pipeIn: (value: any) =>
122
+ relativeValueRe.test(value) || ~['now', 'today'].indexOf(value)
123
+ ? ''
124
+ : value
125
+ }
126
+ ]
127
+ },
128
+
129
+ {
130
+ type: 'divider'
131
+ },
132
+
133
+ {
134
+ type: 'input-text',
135
+ name: 'maxDate',
136
+ label: '最大日期',
137
+ placeholder: '请输入相对值',
138
+ description:
139
+ '支持 <code>now、+1day、-2weeks</code>这种相对值用法,同时支持变量如<code>\\${start_date}</code>'
140
+ },
141
+
142
+ {
143
+ type: 'fieldSet',
144
+ title: '使用固定值',
145
+ collapsed: true,
146
+ collapsable: true,
147
+ className: 'fieldset',
148
+ body: [
149
+ {
150
+ type: 'input-date',
151
+ name: 'maxDate',
152
+ pipeIn: (value: any) =>
153
+ relativeValueRe.test(value) || ~['now', 'today'].indexOf(value)
154
+ ? ''
155
+ : value
156
+ }
157
+ ]
158
+ },
159
+ {
160
+ type: 'input-text',
161
+ name: 'minDuration',
162
+ label: '限制最小跨度',
163
+ description: '比如 2days'
164
+ },
165
+ {
166
+ type: 'input-text',
167
+ name: 'maxDuration',
168
+ label: '限制最大跨度',
169
+ description: '比如 1year'
170
+ },
171
+ {
172
+ name: 'utc',
173
+ label: '是否使用 UTC 时间',
174
+ type: 'switch',
175
+ mode: 'inline',
176
+ className: 'block'
177
+ },
178
+ {
179
+ name: 'clearable',
180
+ label: '是否可清除',
181
+ type: 'switch',
182
+ mode: 'inline',
183
+ className: 'block'
184
+ },
185
+ {
186
+ name: 'embed',
187
+ label: '是否内嵌模式',
188
+ type: 'switch',
189
+ mode: 'inline',
190
+ className: 'block'
191
+ }
192
+ ];
193
+ }
194
+
195
+ registerEditorPlugin(QuarterRangePlugin);
@@ -0,0 +1,121 @@
1
+ import {defaultValue, getSchemaTpl} from '../../component/schemaTpl';
2
+ import {registerEditorPlugin} from '../../manager';
3
+ import {BasePlugin} from '../../plugin';
4
+
5
+ export class RangeControlPlugin extends BasePlugin {
6
+ // 关联渲染器名字
7
+ rendererName = 'input-range';
8
+ $schema = '/schemas/RangeControlSchema.json';
9
+
10
+ // 组件名称
11
+ name = '滑块';
12
+ isBaseComponent = true;
13
+ icon = 'fa fa-sliders';
14
+ description = `选择某个值或者某个范围`;
15
+ docLink = '/amis/zh-CN/components/form/input-range';
16
+ tags = ['表单项'];
17
+ scaffold = {
18
+ type: 'input-range',
19
+ label: '滑块',
20
+ name: 'range'
21
+ };
22
+ previewSchema: any = {
23
+ type: 'form',
24
+ className: 'text-left',
25
+ mode: 'horizontal',
26
+ wrapWithPanel: false,
27
+ body: [
28
+ {
29
+ ...this.scaffold
30
+ }
31
+ ]
32
+ };
33
+
34
+ panelTitle = '滑块';
35
+ panelBody = [
36
+ getSchemaTpl('switchDefaultValue'),
37
+ {
38
+ type: 'input-number',
39
+ name: 'value',
40
+ label: '默认值',
41
+ validations: 'isNumeric',
42
+ visibleOn: 'typeof data.value !== "undefined" && !data.multiple',
43
+ pipeIn: (value: any) => {
44
+ return typeof value === 'number' ? value : 0;
45
+ },
46
+ pipeOut: (value: any, origin: any, data: any) => {
47
+ return (
48
+ (value < data.min && data.min) ||
49
+ (value > data.max && data.max) ||
50
+ value
51
+ );
52
+ }
53
+ },
54
+
55
+ {
56
+ type: 'combo',
57
+ name: 'value',
58
+ visibleOn: 'typeof data.value !== "undefined" && this.multiple',
59
+ items: [
60
+ {
61
+ type: 'input-number',
62
+ validations: 'isNumeric',
63
+ name: 'min',
64
+ label: '小值'
65
+ },
66
+
67
+ {
68
+ type: 'input-number',
69
+ validations: 'isNumeric',
70
+ name: 'max',
71
+ label: '大值'
72
+ }
73
+ ]
74
+ },
75
+
76
+ {
77
+ label: '最小值',
78
+ name: 'min',
79
+ type: 'input-number',
80
+ value: 0
81
+ },
82
+
83
+ {
84
+ label: '最大值',
85
+ name: 'max',
86
+ type: 'input-number',
87
+ value: 100
88
+ },
89
+
90
+ {
91
+ label: '步长',
92
+ name: 'step',
93
+ type: 'input-number',
94
+ value: 1
95
+ },
96
+
97
+ {
98
+ type: 'input-text',
99
+ name: 'unit',
100
+ label: '单位',
101
+ value: ''
102
+ },
103
+
104
+ {
105
+ type: 'switch',
106
+ name: 'showInput',
107
+ mode: 'inline',
108
+ label: '是否显示输入框',
109
+ value: false
110
+ },
111
+
112
+ getSchemaTpl('clearable'),
113
+ getSchemaTpl('multiple', {
114
+ pipeIn: defaultValue(false)
115
+ }),
116
+ getSchemaTpl('joinValues'),
117
+ getSchemaTpl('delimiter')
118
+ ];
119
+ }
120
+
121
+ registerEditorPlugin(RangeControlPlugin);