@kne/react-form-antd 3.1.5 → 4.0.0-alpha.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.
package/dist/index.js CHANGED
@@ -1,46 +1,19 @@
1
1
  var React = require('react');
2
- var PropTypes = require('prop-types');
3
2
  var classnames = require('classnames');
4
3
  var ReactForm = require('@kne/react-form');
5
4
  var reactFormHelper = require('@kne/react-form-helper');
6
- var lodash = require('lodash');
5
+ var merge = require('lodash/merge');
7
6
  var antd = require('antd');
8
- var icons = require('@ant-design/icons');
9
- var withLayer = require('@kne/with-layer');
10
- var AvatarEditor = require('react-avatar-editor');
11
- var useEvent = require('@kne/use-event');
12
- var reactFetch = require('@kne/react-fetch');
13
7
  var dayjs = require('dayjs');
8
+ var lodash = require('lodash');
14
9
  var useControlValue = require('@kne/use-control-value');
15
10
 
16
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
12
 
18
- function _interopNamespace(e) {
19
- if (e && e.__esModule) return e;
20
- var n = Object.create(null);
21
- if (e) {
22
- Object.keys(e).forEach(function (k) {
23
- if (k !== 'default') {
24
- var d = Object.getOwnPropertyDescriptor(e, k);
25
- Object.defineProperty(n, k, d.get ? d : {
26
- enumerable: true,
27
- get: function () { return e[k]; }
28
- });
29
- }
30
- });
31
- }
32
- n["default"] = e;
33
- return n;
34
- }
35
-
36
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
37
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
38
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
39
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
40
15
  var ReactForm__default = /*#__PURE__*/_interopDefaultLegacy(ReactForm);
41
- var withLayer__default = /*#__PURE__*/_interopDefaultLegacy(withLayer);
42
- var AvatarEditor__default = /*#__PURE__*/_interopDefaultLegacy(AvatarEditor);
43
- var useEvent__default = /*#__PURE__*/_interopDefaultLegacy(useEvent);
16
+ var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
44
17
  var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
45
18
  var useControlValue__default = /*#__PURE__*/_interopDefaultLegacy(useControlValue);
46
19
 
@@ -57,7 +30,7 @@ function _objectWithoutPropertiesLoose(r, e) {
57
30
  if (null == r) return {};
58
31
  var t = {};
59
32
  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
60
- if (e.indexOf(n) >= 0) continue;
33
+ if (e.includes(n)) continue;
61
34
  t[n] = r[n];
62
35
  }
63
36
  return t;
@@ -70,35 +43,11 @@ var globalParams = {
70
43
  formModal: {},
71
44
  resetButton: {},
72
45
  submitButton: {},
73
- field: {
74
- upload: {
75
- displayFilename: 'filename',
76
- action: '/upload',
77
- transformResponse: function transformResponse(response) {
78
- var targetPath = lodash.get(response, 'results[0].targetPath');
79
- var filename = lodash.get(response, 'results[0].filename');
80
- return {
81
- code: response.code,
82
- msg: response.msg,
83
- results: targetPath + (filename ? "?" + globalParams.field.upload.displayFilename + "=" + encodeURIComponent(filename) : '')
84
- };
85
- }
86
- },
87
- avatar: {
88
- transformResponse: function transformResponse(response) {
89
- return {
90
- code: response.code,
91
- results: response.results,
92
- msg: response.msg
93
- };
94
- },
95
- action: '/upload'
96
- }
97
- }
46
+ field: {}
98
47
  };
99
48
  var preset = (function (props) {
100
49
  var defaultProps = {};
101
- lodash.merge(globalParams, props);
50
+ merge__default["default"](globalParams, props);
102
51
  Object.keys(globalParams.field).forEach(function (name) {
103
52
  defaultProps[name] = (globalParams.field[name] || {}).defaultProps;
104
53
  });
@@ -109,7 +58,7 @@ var preset = (function (props) {
109
58
  ReactForm.preset(globalParams.rules);
110
59
  });
111
60
 
112
- var _excluded$7 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
61
+ var _excluded$4 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
113
62
  var ScrollToError = reactFormHelper.widget.ScrollToError,
114
63
  EnterSubmit = reactFormHelper.widget.EnterSubmit,
115
64
  FormStore = reactFormHelper.widget.FormStore,
@@ -118,11 +67,16 @@ var ScrollToError = reactFormHelper.widget.ScrollToError,
118
67
  var Form = React.forwardRef(function (originProps, ref) {
119
68
  var className = originProps.className,
120
69
  cache = originProps.cache,
121
- enterSubmit = originProps.enterSubmit,
122
- scrollToError = originProps.scrollToError,
123
- scrollProps = originProps.scrollProps,
70
+ _originProps$enterSub = originProps.enterSubmit,
71
+ enterSubmit = _originProps$enterSub === void 0 ? false : _originProps$enterSub,
72
+ _originProps$scrollTo = originProps.scrollToError,
73
+ scrollToError = _originProps$scrollTo === void 0 ? true : _originProps$scrollTo,
74
+ _originProps$scrollPr = originProps.scrollProps,
75
+ scrollProps = _originProps$scrollPr === void 0 ? {
76
+ block: 'center'
77
+ } : _originProps$scrollPr,
124
78
  children = originProps.children,
125
- props = _objectWithoutPropertiesLoose(originProps, _excluded$7);
79
+ props = _objectWithoutPropertiesLoose(originProps, _excluded$4);
126
80
  var baseClass = 'react-form';
127
81
  var computedClass = baseClass;
128
82
  var _Object$assign = Object.assign({
@@ -156,717 +110,92 @@ var Form = React.forwardRef(function (originProps, ref) {
156
110
  scrollProps: scrollProps
157
111
  }) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel)));
158
112
  });
159
- Form.defaultProps = {
160
- scrollToError: true,
161
- enterSubmit: false,
162
- scrollProps: {
163
- block: 'center'
164
- }
165
- };
166
- Form.propTypes = {
167
- className: PropTypes__default["default"].string,
168
- type: PropTypes__default["default"].oneOf(['inline', 'default', 'inner']),
169
- size: PropTypes__default["default"].oneOf(['small', 'middle', 'large']),
170
- enterSubmit: PropTypes__default["default"].bool,
171
- scrollToError: PropTypes__default["default"].bool,
172
- scrollProps: PropTypes__default["default"].shape({
173
- block: PropTypes__default["default"].oneOf(['start', 'center', 'end', 'nearest']),
174
- behavior: PropTypes__default["default"].oneOf(['auto', 'smooth']),
175
- inline: PropTypes__default["default"].oneOf(['start', 'center', 'end', 'nearest'])
176
- })
177
- };
178
-
179
- var RotateIcon = function RotateIcon(props) {
180
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
181
- width: "1em",
182
- height: "1em",
183
- viewBox: "0 0 14 14",
184
- xmlns: "http://www.w3.org/2000/svg",
185
- xmlnsXlink: "http://www.w3.org/1999/xlink"
186
- }, props), /*#__PURE__*/React__namespace.createElement("title", null, "\u65CB\u8F6C"), /*#__PURE__*/React__namespace.createElement("g", {
187
- id: "PC\\u7AEF",
188
- stroke: "none",
189
- strokeWidth: 1,
190
- fill: "none",
191
- fillRule: "evenodd"
192
- }, /*#__PURE__*/React__namespace.createElement("g", {
193
- id: "\\u56FE\\u6807",
194
- transform: "translate(-77.000000, -1567.000000)",
195
- fill: "#222222",
196
- fillRule: "nonzero"
197
- }, /*#__PURE__*/React__namespace.createElement("g", {
198
- id: "\\u65CB\\u8F6C",
199
- transform: "translate(77.000000, 1567.000000)"
200
- }, /*#__PURE__*/React__namespace.createElement("path", {
201
- d: "M9.16414904,5.6345426 C9.35110931,5.6345426 9.53041217,5.70881228 9.66261304,5.84101315 C9.79481391,5.97321402 9.86908359,6.15251688 9.86908359,6.33947715 L9.86908359,12.683888 C9.86908359,13.0732126 9.55347364,13.3888226 9.16414904,13.3888226 L0.704934547,13.3888226 C0.315609953,13.3888226 1.8189894e-12,13.0732126 1.8189894e-12,12.683888 L1.8189894e-12,6.33947715 C1.8189894e-12,6.15251688 0.0742696765,5.97321402 0.206470548,5.84101315 C0.33867142,5.70881228 0.517974281,5.6345426 0.704934547,5.6345426 L9.16414904,5.6345426 Z M8.4592145,7.04441168 L1.40986909,7.04441168 L1.40986909,11.9789535 L8.4592145,11.9789535 L8.4592145,7.04441168 Z M7.58258803,0.714885198 C7.63035214,0.738767256 7.66052367,0.787585825 7.66052367,0.840987728 L7.66052367,2.02739256 C11.1625178,2.03011634 14,4.86980822 14,8.37180343 C14,8.62367799 13.8656872,8.85643618 13.6475639,8.98238459 C13.4294405,9.108333 13.1606904,9.108333 12.942567,8.98238459 C12.7244437,8.85643618 12.5900924,8.62367799 12.5901309,8.37180343 C12.5901323,5.64845715 10.3838686,3.43998499 7.66052367,3.43726164 L7.66052367,4.50664733 C7.66052367,4.56004923 7.63035214,4.6088678 7.58258803,4.63274986 C7.53482391,4.65663192 7.47766614,4.65147801 7.43494462,4.61943686 L4.99093655,2.78660706 C4.95543522,2.75998107 4.93454178,2.71819419 4.93454178,2.67381753 C4.93454178,2.62944087 4.95543522,2.58765399 4.99093655,2.561028 L7.43494462,0.728198195 C7.47766614,0.696157053 7.53482391,0.691003139 7.58258803,0.714885198 Z",
202
- id: "\\u5F62\\u72B6\\u7ED3\\u5408"
203
- })))));
204
- };
205
-
206
- var FullIcon = function FullIcon(props) {
207
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
208
- width: "1em",
209
- height: "1em",
210
- viewBox: "0 0 14 14",
211
- xmlns: "http://www.w3.org/2000/svg",
212
- xmlnsXlink: "http://www.w3.org/1999/xlink"
213
- }, props), /*#__PURE__*/React__namespace.createElement("title", null, "\u5145\u6EE1"), /*#__PURE__*/React__namespace.createElement("g", {
214
- id: "PC\\u7AEF",
215
- stroke: "none",
216
- strokeWidth: 1,
217
- fill: "none",
218
- fillRule: "evenodd"
219
- }, /*#__PURE__*/React__namespace.createElement("g", {
220
- id: "\\u56FE\\u6807",
221
- transform: "translate(-145.000000, -1567.000000)",
222
- fill: "#222222",
223
- fillRule: "nonzero"
224
- }, /*#__PURE__*/React__namespace.createElement("g", {
225
- id: "\\u5145\\u6EE1",
226
- transform: "translate(145.000000, 1567.000000)"
227
- }, /*#__PURE__*/React__namespace.createElement("path", {
228
- d: "M12.09375,0 C12.35,0 12.6,0.05 12.8359375,0.15 C13.0640625,0.2453125 13.2671875,0.3828125 13.4421875,0.5578125 C13.6171875,0.7328125 13.7546875,0.9375 13.85,1.1640625 C13.95,1.4 14,1.65 14,1.90625 L14,1.90625 L14,12.09375 C14,12.35 13.95,12.6 13.85,12.8359375 C13.7546875,13.0640625 13.6171875,13.2671875 13.4421875,13.4421875 C13.2671875,13.6171875 13.0625,13.7546875 12.8359375,13.85 C12.6,13.95 12.35,14 12.09375,14 L12.09375,14 L1.90625,14 C1.65,14 1.4,13.95 1.1640625,13.85 C0.9359375,13.7546875 0.7328125,13.6171875 0.5578125,13.4421875 C0.3828125,13.2671875 0.2453125,13.0625 0.15,12.8359375 C0.05,12.6 0,12.35 0,12.09375 L0,12.09375 L0,1.90625 C0,1.65 0.05,1.4 0.15,1.1640625 C0.2453125,0.9359375 0.3828125,0.7328125 0.5578125,0.5578125 C0.7328125,0.3828125 0.9375,0.2453125 1.1640625,0.15 C1.4,0.05 1.65,0 1.90625,0 L1.90625,0 Z M12.09375,1.125 L1.90625,1.125 C1.475,1.125 1.125,1.475 1.125,1.90625 L1.125,1.90625 L1.125,12.09375 C1.125,12.525 1.475,12.875 1.90625,12.875 L1.90625,12.875 L12.09375,12.875 C12.525,12.875 12.875,12.525 12.875,12.09375 L12.875,12.09375 L12.875,1.90625 C12.875,1.475 12.525,1.125 12.09375,1.125 L12.09375,1.125 Z M2.5734375,7.484375 C2.878125,7.490625 3.125,7.740625 3.125,8.046875 L3.125,8.046875 L3.125,10.0640625 L5.1265625,8.0625 C5.3453125,7.84375 5.703125,7.84375 5.921875,8.0625 C6.140625,8.28125 6.140625,8.6390625 5.921875,8.8578125 L5.921875,8.8578125 L3.903125,10.875 L5.909375,10.875 C6.2265625,10.875 6.4890625,11.13125 6.484375,11.4484375 C6.478125,11.7546875 6.228125,12 5.921875,12 L5.921875,12 L2.5734375,12 C2.25625,12 2,11.74375 2,11.4265625 L2,11.4265625 L2,8.0578125 C2,7.740625 2.2578125,7.478125 2.5734375,7.484375 Z M11.4296875,2 C11.7453125,2 12,2.25625 12,2.5703125 L12,2.5703125 L12,5.940625 C12,6.2578125 11.7421875,6.5203125 11.4265625,6.5140625 C11.121875,6.5078125 10.875,6.2578125 10.875,5.9515625 L10.875,5.9515625 L10.875,3.9359375 L8.8734375,5.9375 C8.6546875,6.15625 8.296875,6.15625 8.078125,5.9375 C7.859375,5.71875 7.859375,5.3609375 8.078125,5.1421875 L8.078125,5.1421875 L10.0953125,3.125 L8.0890625,3.125 C7.771875,3.125 7.509375,2.86875 7.515625,2.5515625 C7.521875,2.2453125 7.771875,2 8.078125,2 L8.078125,2 Z",
229
- id: "\\u5F62\\u72B6\\u7ED3\\u5408"
230
- })))));
231
- };
232
-
233
- var getPopupContainer = function getPopupContainer(triggerNode) {
234
- var findAntdPopupContainer = function findAntdPopupContainer(el) {
235
- if (el === document.body || !el.parentElement) {
236
- return document.body;
237
- }
238
- var targetEl = [].slice.call(el.classList, 0).find(function (className) {
239
- return ['ant-modal-body', 'ant-modal-content', 'ant-popover-content'].indexOf(className) > -1;
240
- });
241
- if (targetEl) {
242
- return el;
243
- }
244
- return findAntdPopupContainer(el.parentElement);
245
- };
246
- return findAntdPopupContainer(triggerNode);
247
- };
248
-
249
- var _excluded$6 = ["close", "file", "editor", "onComplete"];
250
- var useOnChange$e = reactFormHelper.hooks.useOnChange;
251
- var avatarParams = globalParams.field.avatar;
252
- var createAvatarEditor = withLayer__default["default"](function (_ref) {
253
- var close = _ref.close,
254
- file = _ref.file,
255
- editor = _ref.editor,
256
- onComplete = _ref.onComplete,
257
- props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
258
- var editorRef = React.useRef(null);
259
- var _useState = React.useState(0),
260
- rotate = _useState[0],
261
- setRotate = _useState[1];
262
- var _useState2 = React.useState(function () {
263
- if (editor.width === editor.height) {
264
- return 1;
265
- }
266
- return 0.35;
267
- }),
268
- scale = _useState2[0],
269
- setScale = _useState2[1];
270
- antd.App.useApp();
271
- return /*#__PURE__*/React__default["default"].createElement(antd.Modal, _extends({}, props, {
272
- className: editor.className,
273
- centered: true,
274
- onOk: function onOk() {
275
- onComplete && onComplete(editorRef.current.getImage().toDataURL());
276
- close();
277
- }
278
- }), editor.tips ? /*#__PURE__*/React__default["default"].createElement("div", {
279
- className: "react-form-avatar-tips"
280
- }, editor.tips) : null, /*#__PURE__*/React__default["default"].createElement("div", {
281
- style: {
282
- "width": editor.width,
283
- "margin": "auto"
284
- }
285
- }, /*#__PURE__*/React__default["default"].createElement(AvatarEditor__default["default"], {
286
- ref: editorRef,
287
- image: file,
288
- width: editor.width,
289
- height: editor.height,
290
- border: 1,
291
- borderRadius: editor.borderRadius,
292
- color: [24, 144, 255, 1] // RGBA
293
- ,
294
- scale: scale,
295
- rotate: rotate
296
- }), /*#__PURE__*/React__default["default"].createElement(antd.Row, {
297
- gutter: 4,
298
- align: "middle"
299
- }, /*#__PURE__*/React__default["default"].createElement(antd.Col, {
300
- span: 4
301
- }, /*#__PURE__*/React__default["default"].createElement(antd.Tooltip, {
302
- title: "\u65CB\u8F6C",
303
- placement: "bottom",
304
- getPopupContainer: getPopupContainer
305
- }, /*#__PURE__*/React__default["default"].createElement(RotateIcon, {
306
- className: "react-form-avatar-btn",
307
- onClick: function onClick() {
308
- setRotate(function (rotate) {
309
- return (rotate - 90) % 360;
310
- });
311
- }
312
- }))), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
313
- span: 4
314
- }, /*#__PURE__*/React__default["default"].createElement(antd.Tooltip, {
315
- title: "\u8FD8\u539F",
316
- placement: "bottom",
317
- getPopupContainer: getPopupContainer
318
- }, /*#__PURE__*/React__default["default"].createElement(FullIcon, {
319
- className: "react-form-avatar-btn",
320
- onClick: function onClick() {
321
- setScale(1);
322
- }
323
- }))), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
324
- flex: 1
325
- }, /*#__PURE__*/React__default["default"].createElement(antd.Slider, {
326
- className: "react-form-avatar-slider",
327
- tooltip: {
328
- placement: "bottom",
329
- formatter: function formatter() {
330
- return '大小';
331
- },
332
- getPopupContainer: getPopupContainer
333
- },
334
- value: scale,
335
- step: 0.05,
336
- min: 0.2,
337
- max: 3,
338
- onChange: setScale
339
- })))));
340
- });
341
- var _Avatar = function _Avatar(_ref2) {
342
- var className = _ref2.className,
343
- imageUrl = _ref2.value,
344
- propsChange = _ref2.onChange,
345
- onBeforeUpload = _ref2.beforeUpload,
346
- transformResponse = _ref2.transformResponse,
347
- action = _ref2.action,
348
- imageType = _ref2.imageType,
349
- size = _ref2.fileSize,
350
- children = _ref2.children,
351
- extraRender = _ref2.extraRender,
352
- onError = _ref2.onError,
353
- openEditor = _ref2.openEditor,
354
- editorTips = _ref2.editorTips,
355
- targetEditor = _ref2.editor,
356
- previewImg = _ref2.previewImg,
357
- previewRender = _ref2.previewRender;
358
- var _useState3 = React.useState(false),
359
- loading = _useState3[0],
360
- setLoading = _useState3[1];
361
- var _useState4 = React.useState(imageUrl),
362
- showImageUrl = _useState4[0],
363
- setImageUrl = _useState4[1];
364
- React.useRef();
365
- var defaultEditor = {
366
- open: false,
367
- width: 250,
368
- height: 250,
369
- borderRadius: 1,
370
- text: "确定",
371
- cancelText: '取消',
372
- title: "裁剪图片",
373
- tips: null
374
- };
375
- var editor = lodash.merge({}, defaultEditor, {
376
- open: openEditor,
377
- tips: editorTips
378
- }, targetEditor);
379
- React.useEffect(function () {
380
- setImageUrl(imageUrl);
381
- }, [imageUrl]);
382
-
383
- /* base64转blob */
384
- var dataURLtoBlob = function dataURLtoBlob(dataurl) {
385
- var arr = dataurl.split(",");
386
- // 注意base64的最后面中括号和引号是不转译的
387
- var _arr = arr[1].substring(0, arr[1].length - 2);
388
- var mime = arr[0].match(/:(.*?);/)[1],
389
- bstr = atob(_arr),
390
- n = bstr.length,
391
- u8arr = new Uint8Array(n);
392
- while (n--) {
393
- u8arr[n] = bstr.charCodeAt(n);
394
- }
395
- return new Blob([u8arr], {
396
- type: mime
397
- });
398
- };
399
- var uploadButton = /*#__PURE__*/React__default["default"].createElement("div", null, loading ? /*#__PURE__*/React__default["default"].createElement(icons.LoadingOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.PlusOutlined, null), children);
400
- var beforeUpload = function beforeUpload(file) {
401
- try {
402
- return Promise.resolve(new Promise(function (resolve, reject) {
403
- var isJpgOrPng = imageType.indexOf(file.type) > -1;
404
- if (!isJpgOrPng) {
405
- onError("\u53EA\u652F\u6301" + imageType.map(function (str) {
406
- return str.replace("image/", "");
407
- }).join("/") + "\u683C\u5F0F\u56FE\u7247!", "typeError", {
408
- type: imageType,
409
- fileType: file.type
410
- });
411
- reject();
412
- return false;
413
- }
414
- var isLt = file.size / 1024 / 1024 < size;
415
- if (!isLt) {
416
- onError("\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7" + size + "MB!", "sizeError", {
417
- size: size,
418
- fileSize: file.size
419
- });
420
- reject();
421
- return false;
422
- }
423
-
424
- /*剪切图像*/
425
- // editor:{open:false,width:250,height:250,borderRadius:0-100,text:'剪切'}
426
- if (editor.open) {
427
- createAvatarEditor({
428
- editor: editor,
429
- file: file,
430
- title: editor.title,
431
- icon: "",
432
- width: editor.width * 2,
433
- cancelText: editor.cancelText,
434
- okText: editor.text,
435
- onComplete: function onComplete(base64) {
436
- setImageUrl(base64);
437
- var blob = dataURLtoBlob(base64);
438
- var files = new window.File([blob], file.name, {
439
- type: file.type
440
- });
441
- onBeforeUpload && onBeforeUpload(files);
442
- resolve(files);
443
- }
444
- });
445
- } else {
446
- onBeforeUpload && onBeforeUpload(file);
447
- resolve(file);
448
- }
449
- }));
450
- } catch (e) {
451
- return Promise.reject(e);
452
- }
453
- };
454
- var onChange = function onChange(info) {
455
- if (info.file.status === "uploading") {
456
- setLoading(true);
457
- return;
458
- }
459
- if (info.file.status === "done") {
460
- setLoading(false);
461
- var response = (transformResponse || avatarParams.transformResponse)(info.file.response);
462
- if (response.code === 200) {
463
- propsChange(response.results);
464
- } else {
465
- onError(response.msg, "xhrError", response);
466
- }
467
- }
468
- };
469
- var headers = Object.assign({}, avatarParams.headers);
470
- if (typeof avatarParams.getHeaders === 'function') {
471
- Object.assign(headers, avatarParams.getHeaders());
472
- }
473
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(antd.Upload, _extends({}, lodash.omit(avatarParams, ['action', 'transformResponse', 'headers', 'getHeaders']), {
474
- headers: headers,
475
- className: classnames__default["default"](className, "react-form-avatar"),
476
- listType: "picture-card",
477
- showUploadList: false,
478
- action: action || avatarParams.action,
479
- beforeUpload: beforeUpload,
480
- onChange: onChange
481
- }), /*#__PURE__*/React__default["default"].createElement("div", {
482
- className: "react-form-avatar-inner"
483
- }, previewImg && showImageUrl ? previewRender ? previewRender(showImageUrl) : /*#__PURE__*/React__default["default"].createElement("div", {
484
- className: "preview"
485
- }, /*#__PURE__*/React__default["default"].createElement("img", {
486
- src: showImageUrl,
487
- alt: "avatar"
488
- })) : uploadButton, extraRender ? extraRender(showImageUrl) : '')));
489
- };
490
- _Avatar.defaultProps = {
491
- imageType: ["image/jpeg", "image/png"],
492
- fileSize: 2,
493
- // 单位MB
494
- children: /*#__PURE__*/React__default["default"].createElement("div", {
495
- className: "ant-upload-text"
496
- }, "\u70B9\u51FB\u4E0A\u4F20"),
497
- extraRender: null,
498
- onError: function onError(info) {
499
- return antd.message.error(info);
500
- },
501
- previewImg: true,
502
- previewRender: null,
503
- openEditor: false
504
- };
505
- var AvatarInput = function AvatarInput(props) {
506
- var render = useOnChange$e(props);
507
- return render(_Avatar);
508
- };
509
- AvatarInput.defaultProps = {
510
- fieldName: 'avatar'
511
- };
512
- AvatarInput.field = _Avatar;
513
-
514
- var _excluded$5 = ["action", "value", "onChange", "drag", "children", "displayFilename", "accept", "fileSize", "onError", "onUploadComplete", "onBeforeUpload", "maxLength", "transformResponse"];
515
- var useOnChange$d = reactFormHelper.hooks.useOnChange;
516
- var Dragger = antd.Upload.Dragger;
517
- var uploadParams = globalParams.field.upload;
518
- var decodeURIComponentSafe = function decodeURIComponentSafe(str) {
519
- try {
520
- return decodeURIComponent(str);
521
- } catch (e) {
522
- return str;
523
- }
524
- };
525
- var computedFilename = function computedFilename(path, displayFilename) {
526
- if (displayFilename === void 0) {
527
- displayFilename = 'filename';
528
- }
529
- var strArray = path.split('?');
530
- if (strArray[1]) {
531
- var query = {};
532
- strArray[1].split('&').forEach(function (str) {
533
- var _str$split = str.split('='),
534
- key = _str$split[0],
535
- value = _str$split[1];
536
- query[key] = value;
537
- });
538
- if (query[displayFilename]) {
539
- return decodeURIComponentSafe(query[displayFilename]);
540
- }
541
- }
542
- return path;
543
- };
544
- var valueToList = function valueToList(value, displayFilename) {
545
- if (!value) {
546
- return [];
547
- }
548
- return value.map(function (item) {
549
- return {
550
- uid: lodash.uniqueId(),
551
- name: computedFilename(item.substr(item.lastIndexOf('/') + 1), displayFilename),
552
- status: 'done',
553
- response: {
554
- code: 200,
555
- results: item
556
- }
557
- };
558
- });
559
- };
560
- var listToValue = function listToValue(value) {
561
- return (value || []).slice(0).filter(function (_ref) {
562
- var status = _ref.status;
563
- return status === 'done';
564
- }).map(function (_ref2) {
565
- var response = _ref2.response;
566
- return response.results;
567
- });
568
- };
569
- var _Upload = function _Upload(_ref3) {
570
- var action = _ref3.action,
571
- value = _ref3.value,
572
- onChange = _ref3.onChange,
573
- drag = _ref3.drag,
574
- children = _ref3.children,
575
- displayFilename = _ref3.displayFilename,
576
- accept = _ref3.accept,
577
- size = _ref3.fileSize,
578
- onError = _ref3.onError,
579
- onUploadComplete = _ref3.onUploadComplete,
580
- onBeforeUpload = _ref3.onBeforeUpload,
581
- maxLength = _ref3.maxLength,
582
- transformResponse = _ref3.transformResponse,
583
- props = _objectWithoutPropertiesLoose(_ref3, _excluded$5);
584
- displayFilename = displayFilename || uploadParams.displayFilename;
585
- value = value || [];
586
- var _useState = React.useState([]),
587
- list = _useState[0],
588
- setList = _useState[1];
589
- var valueList = React.useMemo(function () {
590
- return valueToList(value.filter(function (url) {
591
- return !list.find(function (file) {
592
- return decodeURIComponentSafe(lodash.get(file, 'response.results', '')) === decodeURIComponentSafe(url);
593
- });
594
- }), displayFilename).concat(list);
595
- }, [list, value, displayFilename]);
596
- var changeHandler = function changeHandler(info) {
597
- var _info$fileList;
598
- if (['uploading', 'done', 'error', 'removed'].indexOf(info.file.status) === -1) {
599
- return;
600
- }
601
- if (((_info$fileList = info.fileList) == null ? void 0 : _info$fileList.length) > maxLength) {
602
- var _info$fileList2;
603
- if (JSON.stringify(info.file) === JSON.stringify(info.fileList[((_info$fileList2 = info.fileList) == null ? void 0 : _info$fileList2.length) - 1])) {
604
- onError("\u4E0A\u4F20\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7\u6700\u5927\u5141\u8BB8\u6570\u91CF" + maxLength, 'lengthError', maxLength);
605
- }
606
- return;
607
- }
608
- if (info.file.status === 'done' && info.fileList.find(function (_ref4) {
609
- var uid = _ref4.uid;
610
- return uid === info.file.uid;
611
- })) {
612
- info.file.response = (transformResponse || uploadParams.transformResponse)(info.file.response);
613
- if (info.file.response.code === 200) {
614
- info.file.name = computedFilename(info.file.response.results.substr(info.file.response.results.lastIndexOf('/') + 1), displayFilename);
615
- onUploadComplete(info);
616
- } else {
617
- info.file.status = 'error';
618
- onError(info.file.response.msg, 'xhrError', info.file.response);
619
- }
620
- }
621
- var _groupBy = lodash.groupBy(info.fileList, function (file) {
622
- return file.status === 'done' ? 'done' : 'uploading';
623
- }),
624
- done = _groupBy.done;
625
- if (['done', 'removed'].indexOf(info.file.status) > -1) {
626
- onChange(listToValue(done));
627
- }
628
- setList(function (list) {
629
- var newList = list.slice(0);
630
- var index = list.findIndex(function (_ref5) {
631
- var uid = _ref5.uid;
632
- return uid === info.file.uid;
633
- });
634
- if (info.file.status === 'removed') {
635
- index > -1 && newList.splice(index, 1);
636
- return newList;
637
- }
638
- if (index === -1) {
639
- newList.push(info.file);
640
- return newList;
641
- }
642
- newList.splice(index, 1, info.file);
643
- return newList;
644
- });
645
- };
646
- var beforeUploadHandler = function beforeUploadHandler(file) {
647
- var isLt = file.size / 1024 / 1024 < size;
648
- if (!isLt) {
649
- onError("\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7" + size + "MB!", 'sizeError', {
650
- size: size,
651
- fileSize: file.size
652
- });
653
- return false;
654
- }
655
- if (maxLength === 1) {
656
- onChange([]);
657
- setList([]);
658
- }
659
- return onBeforeUpload && onBeforeUpload(file);
660
- };
661
- var headers = Object.assign({}, uploadParams.headers);
662
- if (typeof uploadParams.getHeaders === 'function') {
663
- Object.assign(headers, uploadParams.getHeaders());
664
- }
665
- var UploadComponent = drag ? Dragger : antd.Upload;
666
- return /*#__PURE__*/React__default["default"].createElement(UploadComponent, _extends({}, lodash.omit(uploadParams, ['action', 'transformResponse']), props, {
667
- headers: headers,
668
- action: action || uploadParams.action,
669
- fileList: valueList,
670
- accept: accept.join(','),
671
- onChange: changeHandler,
672
- beforeUpload: beforeUploadHandler
673
- }), typeof children === 'function' ? children({
674
- size: props.size
675
- }) : children);
676
- };
677
- _Upload.defaultProps = {
678
- value: [],
679
- accept: [],
680
- fileSize: 2,
681
- maxLength: 1,
682
- children: function children(_ref6) {
683
- var size = _ref6.size;
684
- return /*#__PURE__*/React__default["default"].createElement(antd.Button, {
685
- size: size
686
- }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20");
687
- },
688
- onError: function onError(info) {
689
- return antd.message.error(info);
690
- },
691
- onUploadComplete: function onUploadComplete() {}
692
- };
693
- var UploadInput = function UploadInput(props) {
694
- var render = useOnChange$d(props);
695
- return render(_Upload);
696
- };
697
- UploadInput.defaultProps = {
698
- fieldName: 'upload'
699
- };
700
- UploadInput.Field = AvatarInput.Field = _Upload;
701
-
702
- var _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
703
- var useOnChange$c = reactFormHelper.hooks.useOnChange;
704
- var withFetch = function withFetch(WrappedComponent) {
705
- var FieldInner = reactFetch.withFetch(function (_ref) {
706
- var data = _ref.data,
707
- setData = _ref.setData,
708
- send = _ref.send,
709
- loadMore = _ref.loadMore,
710
- isComplete = _ref.isComplete,
711
- refresh = _ref.refresh,
712
- reload = _ref.reload,
713
- fetchEmitter = _ref.fetchEmitter,
714
- isLoading = _ref.isLoading,
715
- children = _ref.children,
716
- onLoaded = _ref.onLoaded,
717
- fetchProps = _ref.fetchProps,
718
- props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
719
- var refreshRef = React.useRef(refresh);
720
- refreshRef.current = refresh;
721
- var reloadRef = React.useRef(reload);
722
- reloadRef.current = reload;
723
- var setDataRef = React.useRef(setData);
724
- setDataRef.current = setData;
725
- var dataRef = React.useRef(data);
726
- React.useEffect(function () {
727
- var token1 = fetchEmitter.addListener('select-fetch-refresh', function () {
728
- return refreshRef.current();
729
- });
730
- var token2 = fetchEmitter.addListener('select-fetch-reload', function () {
731
- return reloadRef.current();
732
- });
733
- var token3 = fetchEmitter.addListener('select-fetch-set-data', function () {
734
- return setDataRef.current();
735
- });
736
- return function () {
737
- token1 && token1.remove();
738
- token2 && token2.remove();
739
- token3 && token3.remove();
740
- };
741
- }, [fetchEmitter]);
742
- React.useEffect(function () {
743
- onLoaded && onLoaded(dataRef.current);
744
- }, []);
745
- return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends({}, props, children({
746
- data: data,
747
- fetchProps: fetchProps,
748
- loadMore: loadMore,
749
- send: send,
750
- refresh: refresh,
751
- reload: reload,
752
- isLoading: isLoading,
753
- isComplete: isComplete,
754
- setData: setData
755
- })));
756
- });
757
- var useFetchEmitter = function useFetchEmitter(ref) {
758
- var emitter = useEvent__default["default"]();
759
- React.useImperativeHandle(ref, function () {
760
- return {
761
- refresh: function refresh() {
762
- return emitter.emit('select-fetch-refresh');
763
- },
764
- reload: function reload() {
765
- return emitter.emit('select-fetch-reload');
766
- },
767
- setData: function setData(data) {
768
- return emitter.emit('select-fetch-set-data', data);
769
- }
770
- };
771
- }, [emitter]);
772
- return emitter;
773
- };
774
- var Fetch = React.forwardRef(function (props, ref) {
775
- var emitter = useFetchEmitter(ref);
776
- var render = useOnChange$c(Object.assign({
777
- placeholder: "\u8BF7\u9009\u62E9" + props.label
778
- }, props, {
779
- fetchEmitter: emitter
780
- }));
781
- return render(FieldInner);
782
- });
783
- Fetch.field = React.forwardRef(function (props, ref) {
784
- var emitter = useFetchEmitter(ref);
785
- return /*#__PURE__*/React__default["default"].createElement(FieldInner, _extends({}, props, {
786
- fetchEmitter: emitter
787
- }));
788
- });
789
- return Fetch;
790
- };
791
113
 
792
114
  var useOnChange$b = reactFormHelper.hooks.useOnChange;
793
115
  var _TreeSelect = function _TreeSelect(props) {
116
+ props = Object.assign({}, {
117
+ fieldName: 'treeSelect'
118
+ }, props);
794
119
  var render = useOnChange$b(Object.assign({
795
120
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
796
121
  }, props));
797
122
  return render(antd.TreeSelect);
798
123
  };
799
- _TreeSelect.Fetch = withFetch(antd.TreeSelect);
800
- _TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
801
- fieldName: 'treeSelect'
802
- };
124
+ _TreeSelect.Field = antd.TreeSelect;
803
125
  _TreeSelect.TreeNode = antd.TreeSelect.TreeNode;
804
126
 
805
127
  var useOnChange$a = reactFormHelper.hooks.useOnChange;
806
128
  var RangePicker$1 = antd.TimePicker.RangePicker;
807
129
  var _TimePicker = function _TimePicker(props) {
130
+ props = Object.assign({}, {
131
+ fieldName: 'timePicker'
132
+ }, props);
808
133
  var render = useOnChange$a(Object.assign({
809
134
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
810
135
  }, props));
811
136
  return render(antd.TimePicker);
812
137
  };
813
- _TimePicker.defaultProps = {
814
- fieldName: 'timePicker'
815
- };
138
+ _TimePicker.Field = antd.TimePicker;
816
139
  var _RangePicker$1 = function _RangePicker(props) {
140
+ props = Object.assign({}, {
141
+ fieldName: 'rangeTimePicker'
142
+ }, props);
817
143
  var render = useOnChange$a(Object.assign({
818
144
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
819
145
  }, props));
820
146
  return render(RangePicker$1);
821
147
  };
822
- _RangePicker$1.defaultProps = {
823
- fieldName: 'rangeTimePicker'
824
- };
148
+ _RangePicker$1.Field = RangePicker$1;
825
149
  _TimePicker.RangePicker = _RangePicker$1;
826
150
 
827
151
  var useDecorator$2 = reactFormHelper.hooks.useDecorator;
828
152
  var TextArea = function TextArea(props) {
153
+ props = Object.assign({}, {
154
+ fieldName: 'textArea'
155
+ }, props);
829
156
  var render = useDecorator$2(Object.assign({
830
157
  placeholder: "\u8BF7\u8F93\u5165" + props.label
831
158
  }, props));
832
159
  return render(antd.Input.TextArea);
833
160
  };
834
- TextArea.defaultProps = {
835
- fieldName: 'textArea'
836
- };
161
+ TextArea.Field = antd.Input.TextArea;
837
162
 
838
163
  var useOnChange$9 = reactFormHelper.hooks.useOnChange,
839
164
  useCheckedToValue$1 = reactFormHelper.hooks.useCheckedToValue;
840
165
  var withChecked$1 = reactFormHelper.hoc.withChecked;
841
166
  var WithSwitch = withChecked$1(antd.Switch);
842
167
  var Switch = function Switch(props) {
168
+ props = Object.assign({}, {
169
+ fieldName: 'switch'
170
+ }, props);
843
171
  var checkedProps = useCheckedToValue$1(props);
844
172
  var render = useOnChange$9(checkedProps);
845
173
  return render(WithSwitch);
846
174
  };
847
- Switch.defaultProps = {
848
- fieldName: 'switch'
849
- };
175
+ Switch.Field = antd.Switch;
850
176
 
851
177
  var useOnChange$8 = reactFormHelper.hooks.useOnChange;
852
178
  var _Select = function _Select(props) {
179
+ props = Object.assign({}, {
180
+ fieldName: 'select'
181
+ }, props);
853
182
  var render = useOnChange$8(Object.assign({
854
183
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
855
184
  }, props));
856
185
  return render(antd.Select);
857
186
  };
858
- _Select.Fetch = withFetch(antd.Select);
187
+ _Select.Field = antd.Select;
859
188
  _Select.Option = antd.Select.Option;
860
189
  _Select.OptGroup = antd.Select.OptGroup;
861
- _Select.defaultProps = _Select.Fetch.defaultProps = {
862
- fieldName: 'select'
863
- };
864
190
 
865
191
  var _excluded$3 = ["onChange"];
866
192
  var useOnChange$7 = reactFormHelper.hooks.useOnChange;
867
193
  var RadioGroup = function RadioGroup(_ref) {
868
194
  var onChange = _ref.onChange,
869
195
  props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
196
+ props = Object.assign({}, {
197
+ fieldName: 'radioGroup'
198
+ }, props);
870
199
  var handler = React.useCallback(function (e) {
871
200
  onChange && onChange(e.target.value);
872
201
  }, [onChange]);
@@ -878,44 +207,45 @@ var _RadioGroup = function _RadioGroup(props) {
878
207
  var render = useOnChange$7(props);
879
208
  return render(RadioGroup);
880
209
  };
881
- _RadioGroup.defaultProps = {
882
- fieldName: 'radioGroup'
883
- };
210
+ _RadioGroup.Field = RadioGroup;
884
211
  _RadioGroup.Radio = antd.Radio;
885
212
 
886
213
  var useDecorator$1 = reactFormHelper.hooks.useDecorator;
887
214
  var InputNumberField = function InputNumberField(props) {
215
+ props = Object.assign({}, {
216
+ fieldName: 'inputNumber',
217
+ autoComplete: 'off'
218
+ }, props);
888
219
  var render = useDecorator$1(Object.assign({
889
220
  placeholder: "\u8BF7\u8F93\u5165" + props.label
890
221
  }, props));
891
222
  return render(antd.InputNumber);
892
223
  };
893
- InputNumberField.defaultProps = {
894
- fieldName: 'inputNumber',
895
- autoComplete: 'off'
896
- };
224
+ InputNumberField.Field = antd.InputNumber;
897
225
 
898
226
  var useDecorator = reactFormHelper.hooks.useDecorator;
899
227
  var InputField = function InputField(props) {
228
+ props = Object.assign({}, {
229
+ fieldName: 'input',
230
+ autoComplete: 'off'
231
+ }, props);
900
232
  var render = useDecorator(Object.assign({
901
233
  placeholder: "\u8BF7\u8F93\u5165" + props.label
902
234
  }, props));
903
235
  return render(antd.Input);
904
236
  };
237
+ InputField.Field = antd.Input;
905
238
  InputField.Password = function (props) {
239
+ props = Object.assign({}, {
240
+ fieldName: 'password',
241
+ autoComplete: 'off'
242
+ }, props);
906
243
  var render = useDecorator(Object.assign({
907
244
  placeholder: "\u8BF7\u8F93\u5165" + props.label
908
245
  }, props));
909
246
  return render(antd.Input.Password);
910
247
  };
911
- InputField.defaultProps = {
912
- fieldName: 'input',
913
- autoComplete: 'off'
914
- };
915
- InputField.Password.defaultProps = {
916
- fieldName: 'password',
917
- autoComplete: 'off'
918
- };
248
+ InputField.Password.Field = antd.Input.Password;
919
249
 
920
250
  var _excluded$2 = ["soFarText", "startProps", "endProps"];
921
251
  var useOnChange$6 = reactFormHelper.hooks.useOnChange;
@@ -1005,54 +335,58 @@ var PickerToday = function PickerToday(_ref) {
1005
335
  }))));
1006
336
  };
1007
337
  var RangePickerToday = function RangePickerToday(props) {
338
+ props = Object.assign({}, {
339
+ fieldName: 'rangePickerToday'
340
+ }, props);
1008
341
  var render = useOnChange$6(props);
1009
342
  return render(PickerToday);
1010
343
  };
1011
- RangePickerToday.defaultProps = {
1012
- fieldName: 'rangePickerToday'
1013
- };
1014
- RangePickerToday.field = PickerToday;
344
+ RangePickerToday.Field = PickerToday;
1015
345
 
1016
346
  var useOnChange$5 = reactFormHelper.hooks.useOnChange;
1017
347
  var MonthPicker = antd.DatePicker.MonthPicker,
1018
348
  RangePicker = antd.DatePicker.RangePicker,
1019
349
  WeekPicker = antd.DatePicker.WeekPicker;
1020
350
  var _DatePicker = function _DatePicker(props) {
351
+ props = Object.assign({}, {
352
+ fieldName: 'datePicker'
353
+ }, props);
1021
354
  var render = useOnChange$5(Object.assign({
1022
355
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
1023
356
  }, props));
1024
357
  return render(antd.DatePicker);
1025
358
  };
1026
- _DatePicker.defaultProps = {
1027
- fieldName: 'datePicker'
1028
- };
359
+ _DatePicker.Field = antd.DatePicker;
1029
360
  var _MonthPicker = function _MonthPicker(props) {
361
+ props = Object.assign({}, {
362
+ fieldName: 'monthDatePicker'
363
+ }, props);
1030
364
  var render = useOnChange$5(Object.assign({
1031
365
  placeholder: ['开始时间', '结束时间']
1032
366
  }, props));
1033
367
  return render(MonthPicker);
1034
368
  };
1035
- _MonthPicker.defaultProps = {
1036
- fieldName: 'monthDatePicker'
1037
- };
369
+ _MonthPicker.Field = MonthPicker;
1038
370
  var _RangePicker = function _RangePicker(props) {
371
+ props = Object.assign({}, {
372
+ fieldName: 'rangeDatePicker'
373
+ }, props);
1039
374
  var render = useOnChange$5(Object.assign({
1040
375
  placeholder: ['开始时间', '结束时间']
1041
376
  }, props));
1042
377
  return render(RangePicker);
1043
378
  };
1044
- _RangePicker.defaultProps = {
1045
- fieldName: 'rangeDatePicker'
1046
- };
379
+ _RangePicker.Field = RangePicker;
1047
380
  var _WeekPicker = function _WeekPicker(props) {
381
+ props = Object.assign({}, {
382
+ fieldName: 'weekDatePicker'
383
+ }, props);
1048
384
  var render = useOnChange$5(Object.assign({
1049
385
  placeholder: ['开始时间', '结束时间']
1050
386
  }, props));
1051
387
  return render(WeekPicker);
1052
388
  };
1053
- _WeekPicker.defaultProps = {
1054
- fieldName: 'weekDatePicker'
1055
- };
389
+ _WeekPicker.Field = WeekPicker;
1056
390
  _DatePicker.MonthPicker = _MonthPicker;
1057
391
  _DatePicker.RangePicker = _RangePicker;
1058
392
  _DatePicker.WeekPicker = _WeekPicker;
@@ -1060,19 +394,23 @@ _DatePicker.WeekPicker = _WeekPicker;
1060
394
  var useOnChange$4 = reactFormHelper.hooks.useOnChange;
1061
395
  var _CheckboxGroup = antd.Checkbox.Group;
1062
396
  var CheckboxGroup = function CheckboxGroup(props) {
397
+ props = Object.assign({}, {
398
+ fieldName: 'checkboxGroup'
399
+ }, props);
1063
400
  var render = useOnChange$4(props);
1064
401
  return render(_CheckboxGroup);
1065
402
  };
1066
403
  CheckboxGroup.Checkbox = antd.Checkbox;
1067
- CheckboxGroup.defaultProps = {
1068
- fieldName: 'checkboxGroup'
1069
- };
404
+ CheckboxGroup.Field = _CheckboxGroup;
1070
405
 
1071
406
  var useOnChange$3 = reactFormHelper.hooks.useOnChange,
1072
407
  useCheckedToValue = reactFormHelper.hooks.useCheckedToValue;
1073
408
  var withChecked = reactFormHelper.hoc.withChecked;
1074
409
  var WithCheckbox = withChecked(antd.Checkbox);
1075
410
  var Checkbox = function Checkbox(props) {
411
+ props = Object.assign({}, {
412
+ fieldName: 'checkbox'
413
+ }, props);
1076
414
  var checkedProps = useCheckedToValue(Object.assign({}, props, {
1077
415
  onChange: function onChange(e) {
1078
416
  e.target.type = 'checkbox';
@@ -1082,66 +420,62 @@ var Checkbox = function Checkbox(props) {
1082
420
  var render = useOnChange$3(checkedProps);
1083
421
  return render(WithCheckbox);
1084
422
  };
1085
- Checkbox.defaultProps = {
1086
- fieldName: 'checkbox'
1087
- };
423
+ Checkbox.Field = antd.Checkbox;
1088
424
 
1089
425
  var useOnChange$2 = reactFormHelper.hooks.useOnChange;
1090
426
  var Cascader = function Cascader(props) {
427
+ props = Object.assign({}, {
428
+ fieldName: 'cascader'
429
+ }, props);
1091
430
  var render = useOnChange$2(props);
1092
431
  return render(antd.Cascader);
1093
432
  };
1094
- Cascader.defaultProps = {
1095
- fieldName: 'cascader'
1096
- };
433
+ Cascader.Field = antd.Cascader;
1097
434
 
1098
435
  var useOnChange$1 = reactFormHelper.hooks.useOnChange;
1099
436
  var Rate = function Rate(props) {
437
+ props = Object.assign({}, {
438
+ fieldName: 'rate'
439
+ }, props);
1100
440
  var render = useOnChange$1(Object.assign({}, props));
1101
441
  return render(antd.Rate);
1102
442
  };
1103
- Rate.defaultProps = {
1104
- fieldName: 'rate'
1105
- };
443
+ Rate.Field = antd.Rate;
1106
444
 
1107
445
  var useOnChange = reactFormHelper.hooks.useOnChange;
1108
446
  var Slider = function Slider(props) {
447
+ props = Object.assign({}, {
448
+ fieldName: 'slider'
449
+ }, props);
1109
450
  var render = useOnChange(Object.assign({}, props));
1110
451
  return render(antd.Slider);
1111
452
  };
1112
- Slider.defaultProps = {
1113
- fieldName: 'slider'
1114
- };
453
+ Slider.Field = antd.Slider;
1115
454
 
1116
455
  var ResetButton = function ResetButton(props) {
1117
456
  var resetProps = ReactForm.useReset();
1118
457
  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, resetProps, props));
1119
458
  };
1120
459
 
1121
- var _excluded$1 = ["realTime", "realtime", "disabled"],
460
+ var _excluded$1 = ["type", "realtime", "disabled"],
1122
461
  _excluded2 = ["isPass", "isLoading"];
1123
462
  var SubmitButton = function SubmitButton(_ref) {
1124
- var realTime = _ref.realTime,
463
+ var _ref$type = _ref.type,
464
+ type = _ref$type === void 0 ? 'primary' : _ref$type,
1125
465
  realtime = _ref.realtime,
1126
- disabled = _ref.disabled,
466
+ _ref$disabled = _ref.disabled,
467
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
1127
468
  props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
1128
469
  var _useSubmit = ReactForm.useSubmit(props),
1129
470
  isPass = _useSubmit.isPass,
1130
471
  isLoading = _useSubmit.isLoading,
1131
472
  submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded2);
1132
- if (typeof realTime === 'boolean') {
1133
- console.error("warning: realTime\u53C2\u6570\u5DF2\u5E9F\u5F03\uFF0C\u8BF7\u4F7F\u7528realtime\uFF0C\u540E\u7EED\u7248\u672C\u53EF\u80FD\u56DE\u5220\u9664realTime\u7684\u652F\u6301");
1134
- }
1135
- // 如果传入 realtime 优先使用该属性
1136
473
  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({
474
+ type: type,
1137
475
  loading: isLoading,
1138
- disabled: disabled || ((typeof realtime === 'boolean' ? realtime : realTime) ? !isPass : false)
476
+ disabled: disabled || (realtime ? !isPass : false)
1139
477
  }, props, submitProps));
1140
478
  };
1141
- SubmitButton.defaultProps = {
1142
- type: 'primary',
1143
- disabled: false
1144
- };
1145
479
 
1146
480
  var _excluded = ["onClick"];
1147
481
  var useCacheRemove = reactFormHelper.hooks.useCacheRemove;
@@ -1159,7 +493,6 @@ var CancelButton = function CancelButton(_ref) {
1159
493
 
1160
494
  var FormAntd = Form;
1161
495
  var fields = {
1162
- Upload: UploadInput,
1163
496
  TreeSelect: _TreeSelect,
1164
497
  TimePicker: _TimePicker,
1165
498
  TextArea: TextArea,
@@ -1173,7 +506,6 @@ var fields = {
1173
506
  CheckboxGroup: CheckboxGroup,
1174
507
  Checkbox: Checkbox,
1175
508
  Cascader: Cascader,
1176
- Avatar: AvatarInput,
1177
509
  Rate: Rate,
1178
510
  Slider: Slider
1179
511
  };
@@ -1190,7 +522,6 @@ Object.defineProperty(exports, 'widget', {
1190
522
  enumerable: true,
1191
523
  get: function () { return reactFormHelper.widget; }
1192
524
  });
1193
- exports.Avatar = AvatarInput;
1194
525
  exports.CancelButton = CancelButton;
1195
526
  exports.Cascader = Cascader;
1196
527
  exports.Checkbox = Checkbox;
@@ -1210,7 +541,6 @@ exports.Switch = Switch;
1210
541
  exports.TextArea = TextArea;
1211
542
  exports.TimePicker = _TimePicker;
1212
543
  exports.TreeSelect = _TreeSelect;
1213
- exports.Upload = UploadInput;
1214
544
  exports["default"] = Form;
1215
545
  exports.fields = fields;
1216
546
  exports.preset = preset;