vap1 0.2.6 → 0.2.8

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 (98) hide show
  1. package/components/Box/Box.js +1 -6
  2. package/components/Box/SelectBar.js +3 -3
  3. package/components/SearchBar/ByField.js +20 -12
  4. package/components/SearchBar/ByKeyword.js +6 -18
  5. package/components/Tables/Components/ActionBar.js +6 -6
  6. package/components/Tables/Components/Actions.js +7 -7
  7. package/components/Tables/Util.js +2 -2
  8. package/components/Tables/VTable.js +10 -0
  9. package/components/Trees/ActionTree.js +33 -33
  10. package/components/Trees/STree.js +2 -2
  11. package/components/UForm/FormWrapper.js +1 -1
  12. package/components/UForm/UForm.js +9 -2
  13. package/components/UForm/UFormModal.js +3 -3
  14. package/components/UForm/UInfoModal.js +3 -3
  15. package/components/UForm/_FormUtils.js +4 -4
  16. package/components/UForm/_input.js +3 -3
  17. package/components/UForm/_register.d.ts +2 -0
  18. package/components/Upload/UploadFile.js +2 -2
  19. package/components/Upload/UploadImage.js +2 -2
  20. package/components/Upload/UploadModal.js +9 -9
  21. package/components/Upload/useUpload.js +4 -4
  22. package/components/_adapt/Layout.js +1 -1
  23. package/components/_common/DateRange.js +25 -3
  24. package/components/_common/MonthRange.js +3 -3
  25. package/hooks/useApiBase.js +9 -9
  26. package/package.json +1 -1
  27. package/utils/PageUtil.d.ts +1 -0
  28. package/utils/PageUtil.js +9 -1
  29. package/utils/Renders/ApiGetRender.js +5 -5
  30. package/utils/Renders/DictRender.js +6 -6
  31. package/utils/Renders/FileRender.d.ts +9 -1
  32. package/utils/Renders/FileRender.js +57 -14
  33. package/utils/Renders/ListRender.js +12 -12
  34. package/utils/Renders/StatusRender.js +2 -2
  35. package/utils/Renders/index.d.ts +1 -1
  36. package/utils/Renders/index.js +2 -1
  37. package/utils/_Support.d.ts +2 -2
  38. package/utils/screenful.js +2 -2
  39. package/components/_setup/AjaxSettings.d.ts +0 -9
  40. package/components/_setup/AjaxSettings.js +0 -43
  41. package/components/_setup/I18N/enUS.d.ts +0 -1
  42. package/components/_setup/I18N/enUS.js +0 -106
  43. package/components/_setup/I18N/index.d.ts +0 -3
  44. package/components/_setup/I18N/index.js +0 -5
  45. package/components/_setup/I18N/zhCN.d.ts +0 -3
  46. package/components/_setup/I18N/zhCN.js +0 -109
  47. package/components/_setup/I18N/zhHK.d.ts +0 -1
  48. package/components/_setup/I18N/zhHK.js +0 -107
  49. package/components/_setup/ICON/IconTypes.d.ts +0 -1
  50. package/components/_setup/ICON/IconTypes.js +0 -10
  51. package/components/_setup/SearchField/SearchFieldAdvance.d.ts +0 -1
  52. package/components/_setup/SearchField/SearchFieldAdvance.js +0 -68
  53. package/components/_setup/SearchField/SearchFieldDate.d.ts +0 -1
  54. package/components/_setup/SearchField/SearchFieldDate.js +0 -223
  55. package/components/_setup/SearchField/SearchFieldInput.d.ts +0 -3
  56. package/components/_setup/SearchField/SearchFieldInput.js +0 -31
  57. package/components/_setup/SearchField/SearchFieldSelect.d.ts +0 -1
  58. package/components/_setup/SearchField/SearchFieldSelect.js +0 -99
  59. package/components/_setup/SearchField/SearchFieldTree.d.ts +0 -1
  60. package/components/_setup/SearchField/SearchFieldTree.js +0 -162
  61. package/components/_setup/SelectBar/SelectList.d.ts +0 -1
  62. package/components/_setup/SelectBar/SelectList.js +0 -32
  63. package/components/_setup/SelectBar/SelectTree.d.ts +0 -1
  64. package/components/_setup/SelectBar/SelectTree.js +0 -42
  65. package/components/_setup/UForm/UFormAdvanceInput.d.ts +0 -1
  66. package/components/_setup/UForm/UFormAdvanceInput.js +0 -352
  67. package/components/_setup/UForm/UFormAdvanceSelect.d.ts +0 -0
  68. package/components/_setup/UForm/UFormAdvanceSelect.js +0 -26
  69. package/components/_setup/UForm/UFormCOTree.d.ts +0 -1
  70. package/components/_setup/UForm/UFormCOTree.js +0 -34
  71. package/components/_setup/UForm/UFormCrontab.d.ts +0 -1
  72. package/components/_setup/UForm/UFormCrontab.js +0 -215
  73. package/components/_setup/UForm/UFormDate.d.ts +0 -1
  74. package/components/_setup/UForm/UFormDate.js +0 -462
  75. package/components/_setup/UForm/UFormInput.d.ts +0 -1
  76. package/components/_setup/UForm/UFormInput.js +0 -197
  77. package/components/_setup/UForm/UFormJSON.d.ts +0 -1
  78. package/components/_setup/UForm/UFormJSON.js +0 -259
  79. package/components/_setup/UForm/UFormJSONTable.d.ts +0 -1
  80. package/components/_setup/UForm/UFormJSONTable.js +0 -195
  81. package/components/_setup/UForm/UFormOrg.d.ts +0 -1
  82. package/components/_setup/UForm/UFormOrg.js +0 -185
  83. package/components/_setup/UForm/UFormRole.d.ts +0 -1
  84. package/components/_setup/UForm/UFormRole.js +0 -58
  85. package/components/_setup/UForm/UFormSearch.d.ts +0 -0
  86. package/components/_setup/UForm/UFormSearch.js +0 -35
  87. package/components/_setup/UForm/UFormSelect.d.ts +0 -1
  88. package/components/_setup/UForm/UFormSelect.js +0 -231
  89. package/components/_setup/UForm/UFormTree.d.ts +0 -1
  90. package/components/_setup/UForm/UFormTree.js +0 -110
  91. package/components/_setup/UForm/UFormUpload.d.ts +0 -1
  92. package/components/_setup/UForm/UFormUpload.js +0 -201
  93. package/components/_setup/UForm/_utils.d.ts +0 -11
  94. package/components/_setup/UForm/_utils.js +0 -41
  95. package/components/_setup/index.d.ts +0 -22
  96. package/components/_setup/index.js +0 -26
  97. /package/components/{_setup/Const.d.ts → _i18n.d.ts} +0 -0
  98. /package/components/{_setup/Const.js → _i18n.js} +0 -0
@@ -1,462 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __read = (this && this.__read) || function (o, n) {
37
- var m = typeof Symbol === "function" && o[Symbol.iterator];
38
- if (!m) return o;
39
- var i = m.call(o), r, ar = [], e;
40
- try {
41
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
42
- }
43
- catch (error) { e = { error: error }; }
44
- finally {
45
- try {
46
- if (r && !r.done && (m = i["return"])) m.call(i);
47
- }
48
- finally { if (e) throw e.error; }
49
- }
50
- return ar;
51
- };
52
- var __importDefault = (this && this.__importDefault) || function (mod) {
53
- return (mod && mod.__esModule) ? mod : { "default": mod };
54
- };
55
- Object.defineProperty(exports, "__esModule", { value: true });
56
- var react_1 = __importStar(require("react"));
57
- var lodash_1 = __importDefault(require("lodash"));
58
- var antd_1 = require("antd");
59
- var _register_1 = require("../../UForm/_register");
60
- var _input_1 = require("../../UForm/_input");
61
- var utils_1 = require("../../../utils");
62
- var DateRange_1 = require("../../_common/DateRange");
63
- var dayjs_1 = __importDefault(require("dayjs"));
64
- var Const_1 = require("../Const");
65
- // 日期输入相关的组件
66
- var DatePick = function (props) {
67
- var field = props.field, disabled = props.disabled, value = props.value, form = props.form, onChange = props.onChange;
68
- var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
69
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
70
- params.allowClear = false;
71
- if (field.config && field.config._startField) {
72
- params.disabledDate = function (current) {
73
- var startStr = form.getFieldValue(field.config._startField);
74
- if (startStr == null || field.config._startField == '')
75
- return false;
76
- return (0, dayjs_1.default)(startStr).diff(current) > 0;
77
- };
78
- }
79
- else if (field.config && field.config._endField) {
80
- params.disabledDate = function (current) {
81
- var endDateStr = form.getFieldValue(field.config._endField);
82
- if (endDateStr == null || field.config._endField == '')
83
- return false;
84
- return (0, dayjs_1.default)(endDateStr).diff(current) < 0;
85
- };
86
- }
87
- if (value) {
88
- var day = (0, dayjs_1.default)(value);
89
- if (day.isValid())
90
- params.value = day;
91
- }
92
- var format = (0, react_1.useMemo)(function () {
93
- var _a;
94
- if ((_a = field.config) === null || _a === void 0 ? void 0 : _a.format)
95
- return field.config.format;
96
- if (props.showTime)
97
- return utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT;
98
- return utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT;
99
- }, []);
100
- return react_1.default.createElement(antd_1.DatePicker, __assign({ style: { width: '80%' } }, params, field.config, { showTime: props.showTime, format: format, onChange: function (day) {
101
- if (day == null) {
102
- onChange(undefined);
103
- }
104
- else {
105
- onChange(day.format(format));
106
- }
107
- } }));
108
- };
109
- var DatePickRender = function (value, data, field, showTime) {
110
- if (field.render)
111
- return field.render(value, data);
112
- if (value == null || value == '')
113
- return '';
114
- var mnt = (0, dayjs_1.default)(value);
115
- if (mnt.isValid()) {
116
- var format = lodash_1.default.has(field.config, 'format') ? field.config.format : (showTime ? utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT);
117
- return mnt.format(format);
118
- }
119
- return '';
120
- };
121
- (0, _register_1.registerFormField)('date', function (props) { return react_1.default.createElement(DatePick, __assign({}, props, { showTime: false })); }, {
122
- render: function (value, data, field) { return DatePickRender(value, data, field, false); }
123
- });
124
- (0, _register_1.registerFormField)('datetime', function (props) { return react_1.default.createElement(DatePick, __assign({}, props, { showTime: true })); }, {
125
- render: function (value, data, field) { return DatePickRender(value, data, field, true); }
126
- });
127
- (0, _register_1.registerFormField)('month', function (props) {
128
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
129
- var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
130
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
131
- params.allowClear = false;
132
- if (value) {
133
- var day = (0, dayjs_1.default)(value);
134
- if (day.isValid())
135
- params.value = day;
136
- }
137
- var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT;
138
- return react_1.default.createElement(antd_1.DatePicker.MonthPicker, __assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: function (day) {
139
- if (day == null) {
140
- onChange(undefined);
141
- }
142
- else {
143
- onChange(day.format(format));
144
- }
145
- } }));
146
- }, {
147
- render: function (value, data, field) {
148
- if (field.render)
149
- return field.render(value, data);
150
- if (value == null || value == '')
151
- return '';
152
- var mnt = (0, dayjs_1.default)(value);
153
- if (mnt.isValid()) {
154
- var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT;
155
- return mnt.format(format);
156
- }
157
- return '';
158
- }
159
- });
160
- (0, _register_1.registerFormField)('week', function (props) {
161
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
162
- var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
163
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
164
- params.allowClear = false;
165
- if (value) {
166
- var day = (0, dayjs_1.default)(value);
167
- if (day.isValid())
168
- params.value = day;
169
- }
170
- var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.WEEK_FORMAT;
171
- return react_1.default.createElement(antd_1.DatePicker.WeekPicker, __assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: function (day) {
172
- if (day == null) {
173
- onChange(undefined);
174
- }
175
- else {
176
- onChange(day.format(format));
177
- }
178
- } }));
179
- }, {
180
- render: function (value, data, field) {
181
- if (field.render)
182
- return field.render(value, data);
183
- if (value == null || value == '')
184
- return '';
185
- var mnt = (0, dayjs_1.default)(value);
186
- if (mnt.isValid()) {
187
- var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.WEEK_FORMAT;
188
- return mnt.format(format);
189
- }
190
- return '';
191
- }
192
- });
193
- (0, _register_1.registerFormField)('time', function (props) {
194
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
195
- var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
196
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
197
- params.allowClear = false;
198
- var format = (0, react_1.useMemo)(function () {
199
- var _a;
200
- if ((_a = field.config) === null || _a === void 0 ? void 0 : _a.format)
201
- return field.config.format;
202
- return utils_1.GLOBAL.CONFIG.DATE.TIME_FORMAT;
203
- }, []);
204
- if (value) {
205
- var day = (0, dayjs_1.default)(value, format);
206
- if (day.isValid())
207
- params.value = day;
208
- }
209
- return react_1.default.createElement(antd_1.TimePicker, __assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: function (day) {
210
- if (day == null) {
211
- onChange(undefined);
212
- }
213
- else {
214
- onChange(day.format(format));
215
- }
216
- } }));
217
- });
218
- (0, _register_1.registerFormField)('timerange', function (props) {
219
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
220
- var ptn = (0, react_1.useMemo)(function () { return field.field.split(','); }, []);
221
- var format = (0, react_1.useMemo)(function () {
222
- var _a;
223
- if ((_a = field.config) === null || _a === void 0 ? void 0 : _a.format)
224
- return field.config.format;
225
- return utils_1.GLOBAL.CONFIG.DATE.TIME_FORMAT;
226
- }, []);
227
- if (ptn.length != 2) {
228
- console.error('daterange field must hava a start and end, eg: field:"startTime,endTime"');
229
- return react_1.default.createElement(antd_1.TimePicker, { value: value, onChange: function (val) { return onChange(val.format(format)); }, disabled: disabled });
230
- }
231
- var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
232
- var startProps = { disabled: disabled, format: format };
233
- var endProps = { disabled: disabled, format: format };
234
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true })) {
235
- startProps.allowClear = false;
236
- endProps.allowClear = false;
237
- }
238
- if (value) {
239
- if (value[startField]) {
240
- var day = (0, dayjs_1.default)(value[startField], format);
241
- if (day.isValid())
242
- startProps.value = day;
243
- }
244
- if (value[endField]) {
245
- var day = (0, dayjs_1.default)(value[endField], format);
246
- if (day.isValid())
247
- endProps.value = day;
248
- }
249
- if (!lodash_1.default.has(field, 'config.cross') || field.config.cross != true) {
250
- if (endProps.value) {
251
- startProps.hideDisabledOptions = true;
252
- startProps.disabledHours = function () { return lodash_1.default.range(endProps.value.hour() + 1, 24); };
253
- startProps.disabledMinutes = function (selectedHour) {
254
- if (selectedHour == endProps.value.hour()) {
255
- return lodash_1.default.range(endProps.value.minute() + 1, 60);
256
- }
257
- return [];
258
- };
259
- startProps.disabledSeconds = function (selectedHour, selectedMinute) {
260
- if (selectedHour == endProps.value.hour() && selectedMinute == endProps.value.minute()) {
261
- return lodash_1.default.range(endProps.value.second() + 1, 60);
262
- }
263
- return [];
264
- };
265
- }
266
- if (startProps.value) {
267
- endProps.hideDisabledOptions = true;
268
- endProps.disabledHours = function () { return lodash_1.default.range(0, startProps.value.hour()); };
269
- endProps.disabledMinutes = function (selectedHour) {
270
- if (selectedHour == startProps.value.hour()) {
271
- return lodash_1.default.range(0, startProps.value.minute());
272
- }
273
- return [];
274
- };
275
- endProps.disabledSeconds = function (selectedHour, selectedMinute) {
276
- if (selectedHour == startProps.value.hour() && selectedMinute == startProps.value.minute()) {
277
- return lodash_1.default.range(0, startProps.value.second());
278
- }
279
- return [];
280
- };
281
- }
282
- }
283
- }
284
- return react_1.default.createElement(antd_1.Input.Group, null,
285
- react_1.default.createElement(antd_1.TimePicker, __assign({ style: { width: '40%' } }, startProps, {
286
- // {...field.config}
287
- format: format, onChange: function (time) {
288
- var _a, _b;
289
- if (time == null) {
290
- onChange((_a = {}, _a[startField] = null, _a[endField] = (value && value[endField]) ? value[endField] : null, _a));
291
- }
292
- else {
293
- onChange((_b = {}, _b[startField] = time.format(format), _b[endField] = (value && value[endField]) ? value[endField] : null, _b));
294
- }
295
- } })),
296
- react_1.default.createElement(antd_1.Button, { ghost: true, disabled: true, style: { border: 'none' } }, "~"),
297
- react_1.default.createElement(antd_1.TimePicker, __assign({ style: { width: '40%' } }, endProps, { format: format, onChange: function (time) {
298
- var _a, _b;
299
- if (time == null) {
300
- onChange((_a = {}, _a[startField] = (value && value[startField]) ? value[startField] : null, _a[endField] = null, _a));
301
- }
302
- else {
303
- onChange((_b = {}, _b[startField] = (value && value[startField]) ? value[startField] : null, _b[endField] = time.format(format), _b));
304
- }
305
- } })));
306
- }, {
307
- isMultiple: true,
308
- render: function (value, data, field) {
309
- var ptn = field.field.split(',');
310
- if (ptn.length != 2)
311
- return '';
312
- var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
313
- if (data[startField] && data[endField]) {
314
- return "".concat(data[startField], " - ").concat(data[endField]);
315
- }
316
- return '';
317
- }
318
- });
319
- var AntdRangePick = function (props) {
320
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
321
- var ptn = field.field.split(',');
322
- if (ptn.length != 2) {
323
- console.error('daterange field must hava a start and end, eg: field:"startTime,endTime"');
324
- return react_1.default.createElement(DatePick, __assign({}, props));
325
- }
326
- var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
327
- var params = { disabled: disabled, allowClear: true };
328
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
329
- params.allowClear = false;
330
- params.value = [undefined, undefined];
331
- if (value) {
332
- if (value[startField]) {
333
- var day = (0, dayjs_1.default)(value[startField]);
334
- if (day.isValid())
335
- params.value[0] = day;
336
- }
337
- if (value[endField]) {
338
- var day = (0, dayjs_1.default)(value[endField]);
339
- if (day.isValid())
340
- params.value[1] = day;
341
- }
342
- }
343
- var format = props.isDate ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss';
344
- var showTime = !props.isDate;
345
- if (props.isDate) {
346
- if (field.config && field.config.showTime) {
347
- showTime = true;
348
- }
349
- }
350
- return react_1.default.createElement(antd_1.DatePicker.RangePicker, __assign({ style: { width: '80%' } }, params, field.config, { showTime: !props.isDate && showTime, format: format, onChange: function (_a) {
351
- var _b, _c;
352
- var _d = __read(_a, 2), start = _d[0], end = _d[1];
353
- if (start && end) {
354
- var startFormat = void 0, endFormat = void 0;
355
- if (props.isDate) {
356
- if (showTime) {
357
- startFormat = 'YYYY-MM-DD 00:00:00';
358
- endFormat = 'YYYY-MM-DD 23:59:59';
359
- }
360
- else {
361
- startFormat = 'YYYY-MM-DD';
362
- endFormat = 'YYYY-MM-DD';
363
- }
364
- }
365
- else {
366
- if (showTime === false) {
367
- startFormat = 'YYYY-MM-DD 00:00:00';
368
- endFormat = 'YYYY-MM-DD 23:59:59';
369
- }
370
- else {
371
- startFormat = 'YYYY-MM-DD HH:mm:ss';
372
- endFormat = 'YYYY-MM-DD HH:mm:ss';
373
- }
374
- }
375
- onChange((_b = {},
376
- _b[startField] = start.format(startFormat),
377
- _b[endField] = end.format(endFormat),
378
- _b));
379
- }
380
- else {
381
- onChange((_c = {},
382
- _c[startField] = undefined,
383
- _c[endField] = undefined,
384
- _c));
385
- }
386
- } }));
387
- };
388
- var DateRangePick = function (props) {
389
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange, showTime = props.showTime;
390
- var ptn = field.field.split(',');
391
- if (ptn.length != 2) {
392
- console.error('daterange field must hava a start and end, eg: field:"startTime,endTime"');
393
- return react_1.default.createElement(DatePick, __assign({}, props));
394
- }
395
- var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
396
- var params = {
397
- disabled: disabled,
398
- allowClear: true,
399
- showTime: showTime,
400
- onChange: function (_a) {
401
- var _b;
402
- var _c = __read(_a, 2), start = _c[0], end = _c[1];
403
- onChange((_b = {},
404
- _b[startField] = start || undefined,
405
- _b[endField] = end || undefined,
406
- _b));
407
- }
408
- };
409
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
410
- params.allowClear = false;
411
- if (value) {
412
- if (value[startField]) {
413
- var day = (0, dayjs_1.default)(value[startField]);
414
- if (day.isValid())
415
- params.start = day;
416
- }
417
- if (value[endField]) {
418
- var day = (0, dayjs_1.default)(value[endField]);
419
- if (day.isValid())
420
- params.end = day;
421
- }
422
- }
423
- return react_1.default.createElement(DateRange_1.DateRange, __assign({}, field.config, params));
424
- };
425
- var RangePickRender = function (value, data, field, showTime) {
426
- if (!lodash_1.default.isPlainObject) {
427
- if (lodash_1.default.isString(value))
428
- return value;
429
- return '';
430
- }
431
- var ptn = field.field.split(',');
432
- if (ptn.length != 2)
433
- return '';
434
- var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
435
- if (data[startField] == null && data[endField] == null)
436
- return '';
437
- if (data[startField] == null)
438
- return utils_1.i18n.txt(Const_1.V.DATE_START_FROM, data[endField]);
439
- if (data[endField] == null)
440
- return utils_1.i18n.txt(Const_1.V.DATE_END_TO, data[startField]);
441
- return utils_1.i18n.txt(Const_1.V.DATE_START_TO_END, data[startField], data[endField]);
442
- };
443
- (0, _register_1.registerFormField)('daterange', function (props) { return react_1.default.createElement(AntdRangePick, __assign({}, props, { isDate: true })); }, {
444
- render: function (value, data, field) { return RangePickRender(value, data, field, false); },
445
- breakCol: true,
446
- isMultiple: true
447
- });
448
- (0, _register_1.registerFormField)('datetimerange', function (props) { return react_1.default.createElement(AntdRangePick, __assign({}, props, { isDate: false })); }, {
449
- render: function (value, data, field) { return RangePickRender(value, data, field, true); },
450
- breakCol: true,
451
- isMultiple: true
452
- });
453
- (0, _register_1.registerFormField)('daterange-single', function (props) { return react_1.default.createElement(DateRangePick, __assign({}, props, { showTime: false })); }, {
454
- render: function (value, data, field) { return RangePickRender(value, data, field, false); },
455
- breakCol: true,
456
- isMultiple: true
457
- });
458
- (0, _register_1.registerFormField)('datetimerange-single', function (props) { return react_1.default.createElement(DateRangePick, __assign({}, props, { showTime: true })); }, {
459
- render: function (value, data, field) { return RangePickRender(value, data, field, true); },
460
- breakCol: true,
461
- isMultiple: true
462
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,197 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __read = (this && this.__read) || function (o, n) {
14
- var m = typeof Symbol === "function" && o[Symbol.iterator];
15
- if (!m) return o;
16
- var i = m.call(o), r, ar = [], e;
17
- try {
18
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
19
- }
20
- catch (error) { e = { error: error }; }
21
- finally {
22
- try {
23
- if (r && !r.done && (m = i["return"])) m.call(i);
24
- }
25
- finally { if (e) throw e.error; }
26
- }
27
- return ar;
28
- };
29
- var __importDefault = (this && this.__importDefault) || function (mod) {
30
- return (mod && mod.__esModule) ? mod : { "default": mod };
31
- };
32
- Object.defineProperty(exports, "__esModule", { value: true });
33
- var react_1 = __importDefault(require("react"));
34
- var lodash_1 = __importDefault(require("lodash"));
35
- var Input_1 = require("../../_adapt/Input");
36
- var InputNumber_1 = require("../../_adapt/InputNumber");
37
- var Slider_1 = require("../../_adapt/Slider");
38
- var Select_1 = require("../../_adapt/Select");
39
- var ColorPicker_1 = require("../../_adapt/ColorPicker");
40
- var _register_1 = require("../../UForm/_register");
41
- var _input_1 = require("../../UForm/_input");
42
- var utils_1 = require("../../../utils");
43
- var _utils_1 = require("./_utils");
44
- (0, _register_1.registerFormField)('text', function (props) {
45
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
46
- var params = { placeholder: (0, _input_1.getPlaceholder)(field), disabled: disabled, autoComplete: 'off', };
47
- if (utils_1.GLOBAL.CONFIG.FORM.INPUT_MAX_LENGTH) {
48
- params.maxLength = utils_1.GLOBAL.CONFIG.FORM.INPUT_MAX_LENGTH;
49
- if (field.ignore)
50
- params.maxLength = null;
51
- }
52
- return react_1.default.createElement(Input_1.Input, __assign({}, params, field.config, { value: value === null ? undefined : value, onChange: function (evt) { return utils_1.PageUtil.stopEvent(evt, function () { return onChange(evt.target.value); }); } }));
53
- }, {
54
- rules: _utils_1.ILLEGAL_CHAR_VALIDATER
55
- });
56
- (0, _register_1.registerFormField)('color', function (props) {
57
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
58
- var params = { disabled: disabled, };
59
- return react_1.default.createElement(ColorPicker_1.ColorPicker, __assign({}, params, field.config, { value: value === null ? undefined : value, onChange: function (value) { return onChange(value.toHexString()); } }));
60
- });
61
- (0, _register_1.registerFormField)('textarea', function (props) {
62
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
63
- var params = { placeholder: (0, _input_1.getPlaceholder)(field), disabled: disabled, autoComplete: 'off', };
64
- return react_1.default.createElement(Input_1.Input.TextArea, __assign({}, params, field.config, { value: value === null ? undefined : value, onChange: function (evt) { return utils_1.PageUtil.stopEvent(evt, function () { return onChange(evt.target.value); }); } }));
65
- }, {
66
- breakCol: true,
67
- rules: _utils_1.ILLEGAL_CHAR_VALIDATER
68
- });
69
- (0, _register_1.registerFormField)('password', function (props) {
70
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
71
- var params = { placeholder: (0, _input_1.getPlaceholder)(field), disabled: disabled, autoComplete: 'off', maxLength: 36, visibilityToggle: false, };
72
- return react_1.default.createElement(Input_1.Input.Password, __assign({}, params, field.config, { value: value === null ? undefined : value, onChange: function (evt) { return utils_1.PageUtil.stopEvent(evt, function () { return onChange(evt.target.value); }); } }));
73
- });
74
- (0, _register_1.registerFormField)('number', function (props) {
75
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
76
- var params = { placeholder: (0, _input_1.getPlaceholder)(field), disabled: disabled, autoComplete: 'off', };
77
- if (utils_1.GLOBAL.CONFIG.FORM.NUMBER_MIN_ZERO) {
78
- params.min = 0;
79
- if (field.ignore)
80
- lodash_1.default.unset(params, 'min');
81
- }
82
- return react_1.default.createElement(InputNumber_1.InputNumber, __assign({}, params, field.config, { className: 'i-number', value: value === null ? undefined : value, onChange: onChange }));
83
- });
84
- /**
85
- * silder 说明
86
- * 1. 默认 min: 0, max: 100, step: 1 ,需要传入 config 再次指定
87
- * 2. 默认会加入一个显示列,结构为
88
- * {valueWidth:number, valueFormat:(num:number)=>string }
89
- * 用于控制显示列的宽度,及显示的内容
90
- * 当 valueWidth 为 0 或 valueFormat 不为一个方法时,不显示此列
91
- * 如 : {type:'slider',config:{valueWidth:0} }
92
- * 或 {type:'slider',config:{valueFormat:null} }
93
- */
94
- (0, _register_1.registerFormField)('slider', function (props) {
95
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
96
- var config = lodash_1.default.merge({ valueWidth: 64, valueFormat: function (v) { return (v || 0); } }, field.config);
97
- var params = { disabled: disabled, min: 0, max: 100, step: 1 };
98
- if (!lodash_1.default.isFunction(config.valueFormat) || config.valueWidth == 0) {
99
- return react_1.default.createElement(Slider_1.Slider, __assign({}, params, field.config, { range: false, value: value === null ? undefined : value, onChange: onChange }));
100
- }
101
- return react_1.default.createElement("div", { className: 'i-slider' },
102
- react_1.default.createElement(Slider_1.Slider, __assign({}, params, field.config, { range: false, value: value === null ? undefined : value, onChange: onChange })),
103
- react_1.default.createElement("div", { className: 'i-slider-value', style: { width: config.valueWidth } },
104
- " ",
105
- config.valueFormat(value),
106
- " "));
107
- });
108
- var formatRange = function (value) {
109
- if (value == undefined)
110
- return utils_1.Const.NONE;
111
- var start = value[0] === undefined ? '?' : value[0];
112
- var end = value[1] === undefined ? '?' : value[1];
113
- return "".concat(start, " - ").concat(end);
114
- };
115
- (0, _register_1.registerFormField)('slider-range', function (props) {
116
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
117
- var config = lodash_1.default.merge({ valueWidth: 128, valueFormat: formatRange }, field.config);
118
- var params = { range: true, disabled: disabled, min: 0, max: 100, step: 1 };
119
- var _a = __read((0, _input_1.getMultiFieldValues)(field, value), 2), fields = _a[0], values = _a[1];
120
- return react_1.default.createElement("div", { className: 'i-slider' },
121
- react_1.default.createElement(Slider_1.Slider, __assign({}, params, field.config, { range: true, value: values, onChange: function (_a) {
122
- var _b;
123
- var _c = __read(_a, 2), start = _c[0], end = _c[1];
124
- return onChange((_b = {}, _b[fields[0]] = start, _b[fields[1]] = end, _b));
125
- } })),
126
- react_1.default.createElement("div", { className: 'i-slider-value', style: { width: config.valueWidth } },
127
- " ",
128
- config.valueFormat(values),
129
- " "));
130
- }, { isMultiple: true });
131
- // 带一个下接选择的输入框,需要传入两个字段,第一个为 input,第二个为select,需要传 options
132
- // 默认 select 在 input 前,如果需要 select 在 input 后,可以传 config : { atAfter:true }
133
- (0, _register_1.registerFormField)('input-with-select', function (props) {
134
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange, options = props.options;
135
- var _a = __read((0, _input_1.getMultiFieldValues)(field, value), 2), fields = _a[0], values = _a[1];
136
- var inputProps = {
137
- placeholder: (0, _input_1.getPlaceholder)(field),
138
- disabled: disabled,
139
- autoComplete: 'off',
140
- value: values[0],
141
- onChange: function (evt) {
142
- var _a;
143
- return onChange((_a = {}, _a[fields[0]] = evt.target.value, _a[fields[1]] = values[1], _a));
144
- }
145
- };
146
- var selectProps = { options: options, disabled: disabled, allowClear: true, };
147
- if (lodash_1.default.has(field.config, 'selectProps') && lodash_1.default.isPlainObject(field.config.selectProps)) {
148
- lodash_1.default.assign(selectProps, field.config.selectProps);
149
- }
150
- selectProps.value = values[1];
151
- selectProps.onChange = function (value) {
152
- var _a;
153
- return onChange((_a = {}, _a[fields[0]] = values[0], _a[fields[1]] = value, _a));
154
- };
155
- var atRight = lodash_1.default.has(field.config, 'atAfter') && field.config.atAfter;
156
- if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
157
- selectProps.allowClear = false;
158
- if (atRight) {
159
- inputProps.addonAfter = react_1.default.createElement(Select_1.Select, __assign({}, selectProps));
160
- }
161
- else {
162
- inputProps.addonBefore = react_1.default.createElement(Select_1.Select, __assign({}, selectProps));
163
- }
164
- return react_1.default.createElement(Input_1.Input, __assign({}, inputProps));
165
- }, { isMultiple: true });
166
- var percentFormatter = function (value) { return "".concat(value, "%"); };
167
- var percentParser = function (value) { return value.replace('%', ''); };
168
- (0, _register_1.registerFormField)('percent', function (props) {
169
- var _a, _b;
170
- var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
171
- var precision = ((_a = field.config) === null || _a === void 0 ? void 0 : _a.precision) || 0;
172
- var scale = ((_b = field.config) === null || _b === void 0 ? void 0 : _b.scale) || 2;
173
- var scaleNum = Math.pow(10, scale);
174
- var params = {
175
- min: 0,
176
- placeholder: (0, _input_1.getPlaceholder)(field),
177
- disabled: disabled,
178
- autoComplete: 'off',
179
- precision: precision,
180
- formatter: percentFormatter,
181
- parser: percentParser,
182
- };
183
- var val = 0;
184
- try {
185
- val = (parseFloat(value) * scaleNum).toFixed(precision);
186
- }
187
- catch (_c) { }
188
- return react_1.default.createElement(InputNumber_1.InputNumber, __assign({}, params, field.config, { className: 'i-number', value: val, onChange: function (value) {
189
- try {
190
- if (value == null || isNaN(value))
191
- return;
192
- var val_1 = parseFloat(value) / scaleNum;
193
- onChange(val_1);
194
- }
195
- catch (_a) { }
196
- } }));
197
- });
@@ -1 +0,0 @@
1
- export {};