@kne/react-form-antd 1.2.14 → 2.0.0-alpha.0.3
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.css +112 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +300 -312
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +888 -0
- package/dist/index.modern.js.map +1 -0
- package/package.json +45 -25
- package/dist/index.es.js +0 -875
- package/dist/index.es.js.map +0 -1
- package/dist/react-form-antd.js +0 -13733
- package/dist/react-form-antd.js.map +0 -1
- package/dist/react-form-antd.min.js +0 -8
- package/dist/react-form-antd.min.js.map +0 -1
- package/dist/style.scss +0 -217
package/dist/index.js
CHANGED
|
@@ -1,62 +1,63 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
|
-
|
|
7
|
-
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
8
|
-
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
9
1
|
var React = require('react');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var classnames = _interopDefault(require('classnames'));
|
|
2
|
+
var PropTypes = require('prop-types');
|
|
3
|
+
var classnames = require('classnames');
|
|
13
4
|
var ReactForm = require('@kne/react-form');
|
|
14
|
-
var ReactForm__default = _interopDefault(ReactForm);
|
|
15
5
|
var reactFormHelper = require('@kne/react-form-helper');
|
|
16
|
-
var _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));
|
|
17
|
-
var _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));
|
|
18
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
19
6
|
var antd = require('antd');
|
|
20
|
-
var merge =
|
|
21
|
-
var get =
|
|
7
|
+
var merge = require('lodash/merge');
|
|
8
|
+
var get = require('lodash/get');
|
|
22
9
|
var icons = require('@ant-design/icons');
|
|
23
|
-
var AvatarEditor =
|
|
10
|
+
var AvatarEditor = require('react-avatar-editor');
|
|
24
11
|
var reactFetch = require('@kne/react-fetch');
|
|
25
|
-
var uniqueId =
|
|
26
|
-
var isEqual =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
12
|
+
var uniqueId = require('lodash/uniqueId');
|
|
13
|
+
var isEqual = require('lodash/isEqual');
|
|
14
|
+
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
|
+
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
19
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
20
|
+
var ReactForm__default = /*#__PURE__*/_interopDefaultLegacy(ReactForm);
|
|
21
|
+
var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
|
|
22
|
+
var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
|
|
23
|
+
var AvatarEditor__default = /*#__PURE__*/_interopDefaultLegacy(AvatarEditor);
|
|
24
|
+
var uniqueId__default = /*#__PURE__*/_interopDefaultLegacy(uniqueId);
|
|
25
|
+
var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
|
|
26
|
+
|
|
27
|
+
function _extends() {
|
|
28
|
+
_extends = Object.assign || function (target) {
|
|
29
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
30
|
+
var source = arguments[i];
|
|
31
|
+
|
|
32
|
+
for (var key in source) {
|
|
33
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
34
|
+
target[key] = source[key];
|
|
35
|
+
}
|
|
36
|
+
}
|
|
45
37
|
}
|
|
46
|
-
} else {
|
|
47
|
-
head.appendChild(style);
|
|
48
|
-
}
|
|
49
38
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
39
|
+
return target;
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
return _extends.apply(this, arguments);
|
|
55
43
|
}
|
|
56
44
|
|
|
57
|
-
|
|
58
|
-
|
|
45
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
46
|
+
if (source == null) return {};
|
|
47
|
+
var target = {};
|
|
48
|
+
var sourceKeys = Object.keys(source);
|
|
49
|
+
var key, i;
|
|
50
|
+
|
|
51
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
52
|
+
key = sourceKeys[i];
|
|
53
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
54
|
+
target[key] = source[key];
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
return target;
|
|
58
|
+
}
|
|
59
59
|
|
|
60
|
+
var _excluded$5 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
|
|
60
61
|
var ScrollToError = reactFormHelper.widget.ScrollToError,
|
|
61
62
|
EnterSubmit = reactFormHelper.widget.EnterSubmit,
|
|
62
63
|
FormStore = reactFormHelper.widget.FormStore,
|
|
@@ -71,36 +72,36 @@ var Form = React.forwardRef(function (_ref, ref) {
|
|
|
71
72
|
type = _ref.type,
|
|
72
73
|
size = _ref.size,
|
|
73
74
|
children = _ref.children,
|
|
74
|
-
props =
|
|
75
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
75
76
|
|
|
76
77
|
var computedClass = 'react-form';
|
|
77
78
|
|
|
78
79
|
if (type !== 'default') {
|
|
79
|
-
computedClass += "--"
|
|
80
|
+
computedClass += "--" + type;
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
if (size !== 'middle') {
|
|
83
|
-
computedClass += "--"
|
|
84
|
+
computedClass += "--" + size;
|
|
84
85
|
}
|
|
85
86
|
|
|
86
|
-
var maxLabel = /*#__PURE__*/React__default.createElement(MaxLabelProvider, null, children);
|
|
87
|
-
return /*#__PURE__*/React__default.createElement("form", {
|
|
88
|
-
className:
|
|
87
|
+
var maxLabel = /*#__PURE__*/React__default["default"].createElement(MaxLabelProvider, null, children);
|
|
88
|
+
return /*#__PURE__*/React__default["default"].createElement("form", {
|
|
89
|
+
className: classnames__default["default"](computedClass, className),
|
|
89
90
|
onSubmit: function onSubmit(e) {
|
|
90
91
|
e.preventDefault();
|
|
91
92
|
e.stopPropagation();
|
|
92
93
|
}
|
|
93
|
-
}, /*#__PURE__*/React__default.createElement(SizeProvider, {
|
|
94
|
+
}, /*#__PURE__*/React__default["default"].createElement(SizeProvider, {
|
|
94
95
|
value: {
|
|
95
96
|
size: size
|
|
96
97
|
}
|
|
97
|
-
}, /*#__PURE__*/React__default.createElement(ReactForm__default, _extends({}, props, {
|
|
98
|
+
}, /*#__PURE__*/React__default["default"].createElement(ReactForm__default["default"], _extends({}, props, {
|
|
98
99
|
ref: ref
|
|
99
|
-
}), cache ? /*#__PURE__*/React__default.createElement(FormStore, {
|
|
100
|
+
}), cache ? /*#__PURE__*/React__default["default"].createElement(FormStore, {
|
|
100
101
|
cache: cache
|
|
101
|
-
}) : null, scrollToError ? /*#__PURE__*/React__default.createElement(ScrollToError, {
|
|
102
|
+
}) : null, scrollToError ? /*#__PURE__*/React__default["default"].createElement(ScrollToError, {
|
|
102
103
|
scrollProps: scrollProps
|
|
103
|
-
}) : null, enterSubmit ? /*#__PURE__*/React__default.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
|
|
104
|
+
}) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel)));
|
|
104
105
|
});
|
|
105
106
|
Form.defaultProps = {
|
|
106
107
|
type: 'default',
|
|
@@ -112,15 +113,15 @@ Form.defaultProps = {
|
|
|
112
113
|
}
|
|
113
114
|
};
|
|
114
115
|
Form.propTypes = {
|
|
115
|
-
className:
|
|
116
|
-
type:
|
|
117
|
-
size:
|
|
118
|
-
enterSubmit:
|
|
119
|
-
scrollToError:
|
|
120
|
-
scrollProps:
|
|
121
|
-
block:
|
|
122
|
-
behavior:
|
|
123
|
-
inline:
|
|
116
|
+
className: PropTypes__default["default"].string,
|
|
117
|
+
type: PropTypes__default["default"].oneOf(['inline', 'default', 'inner']),
|
|
118
|
+
size: PropTypes__default["default"].oneOf(['small', 'middle', 'large']),
|
|
119
|
+
enterSubmit: PropTypes__default["default"].bool,
|
|
120
|
+
scrollToError: PropTypes__default["default"].bool,
|
|
121
|
+
scrollProps: PropTypes__default["default"].shape({
|
|
122
|
+
block: PropTypes__default["default"].oneOf(['start', 'center', 'end', 'nearest']),
|
|
123
|
+
behavior: PropTypes__default["default"].oneOf(['auto', 'smooth']),
|
|
124
|
+
inline: PropTypes__default["default"].oneOf(['start', 'center', 'end', 'nearest'])
|
|
124
125
|
})
|
|
125
126
|
};
|
|
126
127
|
|
|
@@ -133,7 +134,7 @@ var globalParams = {
|
|
|
133
134
|
return {
|
|
134
135
|
code: response.code,
|
|
135
136
|
msg: response.msg,
|
|
136
|
-
results:
|
|
137
|
+
results: get__default["default"](response, 'results[0].targetPath')
|
|
137
138
|
};
|
|
138
139
|
}
|
|
139
140
|
},
|
|
@@ -150,11 +151,11 @@ var globalParams = {
|
|
|
150
151
|
}
|
|
151
152
|
};
|
|
152
153
|
var preset = (function (props) {
|
|
153
|
-
|
|
154
|
+
merge__default["default"](globalParams, props);
|
|
154
155
|
ReactForm.preset(globalParams.rules);
|
|
155
156
|
});
|
|
156
157
|
|
|
157
|
-
var useOnChange = reactFormHelper.hooks.useOnChange;
|
|
158
|
+
var useOnChange$b = reactFormHelper.hooks.useOnChange;
|
|
158
159
|
var avatarParams = globalParams.field.avatar;
|
|
159
160
|
|
|
160
161
|
var _Avatar = function _Avatar(_ref) {
|
|
@@ -171,14 +172,12 @@ var _Avatar = function _Avatar(_ref) {
|
|
|
171
172
|
editor = _ref.editor;
|
|
172
173
|
|
|
173
174
|
var _useState = React.useState(false),
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
setLoading = _useState2[1];
|
|
175
|
+
loading = _useState[0],
|
|
176
|
+
setLoading = _useState[1];
|
|
177
177
|
|
|
178
|
-
var
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
setImageUrl = _useState4[1];
|
|
178
|
+
var _useState2 = React.useState(imageUrl),
|
|
179
|
+
showImageUrl = _useState2[0],
|
|
180
|
+
setImageUrl = _useState2[1];
|
|
182
181
|
|
|
183
182
|
var editorRef = React.useRef();
|
|
184
183
|
React.useEffect(function () {
|
|
@@ -208,15 +207,19 @@ var _Avatar = function _Avatar(_ref) {
|
|
|
208
207
|
var AvatarEditorBox = function AvatarEditorBox(_ref2) {
|
|
209
208
|
var file = _ref2.file;
|
|
210
209
|
|
|
211
|
-
var
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
210
|
+
var _useState3 = React.useState(0),
|
|
211
|
+
rotate = _useState3[0],
|
|
212
|
+
setRotate = _useState3[1];
|
|
213
|
+
|
|
214
|
+
var _useState4 = React.useState(function () {
|
|
215
|
+
if (editor.width === editor.height) {
|
|
216
|
+
return 1;
|
|
217
|
+
}
|
|
215
218
|
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
scale =
|
|
219
|
-
setScale =
|
|
219
|
+
return 0.35;
|
|
220
|
+
}),
|
|
221
|
+
scale = _useState4[0],
|
|
222
|
+
setScale = _useState4[1];
|
|
220
223
|
|
|
221
224
|
var onChange = function onChange(v) {
|
|
222
225
|
console.log(v);
|
|
@@ -228,11 +231,12 @@ var _Avatar = function _Avatar(_ref) {
|
|
|
228
231
|
setScale(v);
|
|
229
232
|
};
|
|
230
233
|
|
|
231
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
234
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
232
235
|
style: {
|
|
233
|
-
'
|
|
236
|
+
'width': editor.width,
|
|
237
|
+
'margin': 'auto'
|
|
234
238
|
}
|
|
235
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
239
|
+
}, /*#__PURE__*/React__default["default"].createElement(AvatarEditor__default["default"], {
|
|
236
240
|
ref: editorRef,
|
|
237
241
|
image: file,
|
|
238
242
|
width: editor.width,
|
|
@@ -243,111 +247,99 @@ var _Avatar = function _Avatar(_ref) {
|
|
|
243
247
|
,
|
|
244
248
|
scale: scale,
|
|
245
249
|
rotate: rotate
|
|
246
|
-
}), /*#__PURE__*/React__default.createElement(antd.Row, {
|
|
250
|
+
}), /*#__PURE__*/React__default["default"].createElement(antd.Row, {
|
|
247
251
|
gutter: 4
|
|
248
|
-
}, /*#__PURE__*/React__default.createElement(antd.Col, {
|
|
252
|
+
}, /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
249
253
|
span: 4
|
|
250
|
-
}, /*#__PURE__*/React__default.createElement("span", null, "\u65CB\u8F6C")), /*#__PURE__*/React__default.createElement(antd.Col, {
|
|
254
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, "\u65CB\u8F6C")), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
251
255
|
span: 15
|
|
252
|
-
}, /*#__PURE__*/React__default.createElement(antd.Slider, {
|
|
256
|
+
}, /*#__PURE__*/React__default["default"].createElement(antd.Slider, {
|
|
253
257
|
tooltipVisible: false,
|
|
254
258
|
defaultValue: rotate,
|
|
255
259
|
min: -180,
|
|
256
260
|
max: 180,
|
|
257
261
|
onChange: onChange
|
|
258
|
-
}))), /*#__PURE__*/React__default.createElement(antd.Row, {
|
|
262
|
+
}))), /*#__PURE__*/React__default["default"].createElement(antd.Row, {
|
|
259
263
|
gutter: 4
|
|
260
|
-
}, /*#__PURE__*/React__default.createElement(antd.Col, {
|
|
264
|
+
}, /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
261
265
|
span: 4
|
|
262
|
-
}, /*#__PURE__*/React__default.createElement("span", null, "\u653E\u5927")), /*#__PURE__*/React__default.createElement(antd.Col, {
|
|
266
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, "\u653E\u5927")), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
263
267
|
span: 15
|
|
264
|
-
}, /*#__PURE__*/React__default.createElement(antd.Slider, {
|
|
268
|
+
}, /*#__PURE__*/React__default["default"].createElement(antd.Slider, {
|
|
265
269
|
tooltipVisible: false,
|
|
266
270
|
defaultValue: scale,
|
|
267
|
-
step: 0.
|
|
268
|
-
min:
|
|
271
|
+
step: 0.05,
|
|
272
|
+
min: 0.2,
|
|
269
273
|
max: 3,
|
|
270
274
|
onChange: onChangeScale
|
|
271
275
|
}))));
|
|
272
276
|
};
|
|
273
277
|
|
|
274
|
-
var uploadButton = /*#__PURE__*/React__default.createElement("div", null, loading ? /*#__PURE__*/React__default.createElement(icons.LoadingOutlined, null) : /*#__PURE__*/React__default.createElement(icons.PlusOutlined, null), children);
|
|
275
|
-
|
|
276
|
-
var beforeUpload =
|
|
277
|
-
|
|
278
|
-
return
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
fileType: file.type
|
|
292
|
-
});
|
|
293
|
-
reject();
|
|
294
|
-
return false;
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
var isLt = file.size / 1024 / 1024 < size;
|
|
298
|
-
|
|
299
|
-
if (!isLt) {
|
|
300
|
-
onError("\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7".concat(size, "MB!"), 'sizeError', {
|
|
301
|
-
size: size,
|
|
302
|
-
fileSize: file.size
|
|
303
|
-
});
|
|
304
|
-
reject();
|
|
305
|
-
return false;
|
|
306
|
-
}
|
|
307
|
-
/*剪切图像*/
|
|
308
|
-
// editor:{open:false,width:250,height:250,borderRadius:0-100,text:'剪切'}
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
if (editor.open) {
|
|
312
|
-
antd.Modal.success({
|
|
313
|
-
// title: '剪切图像',
|
|
314
|
-
icon: '',
|
|
315
|
-
content: /*#__PURE__*/React__default.createElement(AvatarEditorBox, {
|
|
316
|
-
file: file
|
|
317
|
-
}),
|
|
318
|
-
okText: editor.text,
|
|
319
|
-
onOk: function onOk(close) {
|
|
320
|
-
// console.log(editorRef.current);
|
|
321
|
-
var base64 = editorRef.current.getImage().toDataURL();
|
|
322
|
-
setImageUrl(base64);
|
|
323
|
-
var blob = dataURLtoBlob(base64);
|
|
324
|
-
var files = new window.File([blob], file.name, {
|
|
325
|
-
type: file.type
|
|
326
|
-
});
|
|
327
|
-
onBeforeUpload && onBeforeUpload(files);
|
|
328
|
-
resolve(files); // console.log(files);
|
|
329
|
-
|
|
330
|
-
close();
|
|
331
|
-
}
|
|
332
|
-
});
|
|
333
|
-
} else {
|
|
334
|
-
onBeforeUpload && onBeforeUpload(file);
|
|
335
|
-
resolve(file); // return onBeforeUpload && onBeforeUpload(file);
|
|
336
|
-
}
|
|
337
|
-
}));
|
|
338
|
-
|
|
339
|
-
case 1:
|
|
340
|
-
case "end":
|
|
341
|
-
return _context.stop();
|
|
342
|
-
}
|
|
278
|
+
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);
|
|
279
|
+
|
|
280
|
+
var beforeUpload = function beforeUpload(file) {
|
|
281
|
+
try {
|
|
282
|
+
return Promise.resolve(new Promise(function (resolve, reject) {
|
|
283
|
+
console.log('文件', file);
|
|
284
|
+
var isJpgOrPng = imageType.indexOf(file.type) > -1;
|
|
285
|
+
|
|
286
|
+
if (!isJpgOrPng) {
|
|
287
|
+
onError("\u53EA\u652F\u6301" + imageType.map(function (str) {
|
|
288
|
+
return str.replace('image/', '');
|
|
289
|
+
}).join('/') + "\u683C\u5F0F\u56FE\u7247!", 'typeError', {
|
|
290
|
+
type: imageType,
|
|
291
|
+
fileType: file.type
|
|
292
|
+
});
|
|
293
|
+
reject();
|
|
294
|
+
return false;
|
|
343
295
|
}
|
|
344
|
-
}, _callee);
|
|
345
|
-
}));
|
|
346
296
|
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
297
|
+
var isLt = file.size / 1024 / 1024 < size;
|
|
298
|
+
|
|
299
|
+
if (!isLt) {
|
|
300
|
+
onError("\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7" + size + "MB!", 'sizeError', {
|
|
301
|
+
size: size,
|
|
302
|
+
fileSize: file.size
|
|
303
|
+
});
|
|
304
|
+
reject();
|
|
305
|
+
return false;
|
|
306
|
+
}
|
|
307
|
+
/*剪切图像*/
|
|
308
|
+
// editor:{open:false,width:250,height:250,borderRadius:0-100,text:'剪切'}
|
|
309
|
+
|
|
310
|
+
|
|
311
|
+
if (editor.open) {
|
|
312
|
+
antd.Modal.success({
|
|
313
|
+
// title: '剪切图像',
|
|
314
|
+
icon: '',
|
|
315
|
+
width: editor.width * 2,
|
|
316
|
+
content: /*#__PURE__*/React__default["default"].createElement(AvatarEditorBox, {
|
|
317
|
+
file: file
|
|
318
|
+
}),
|
|
319
|
+
okText: editor.text,
|
|
320
|
+
onOk: function onOk(close) {
|
|
321
|
+
// console.log(editorRef.current);
|
|
322
|
+
var base64 = editorRef.current.getImage().toDataURL();
|
|
323
|
+
setImageUrl(base64);
|
|
324
|
+
var blob = dataURLtoBlob(base64);
|
|
325
|
+
var files = new window.File([blob], file.name, {
|
|
326
|
+
type: file.type
|
|
327
|
+
});
|
|
328
|
+
onBeforeUpload && onBeforeUpload(files);
|
|
329
|
+
resolve(files); // console.log(files);
|
|
330
|
+
|
|
331
|
+
close();
|
|
332
|
+
}
|
|
333
|
+
});
|
|
334
|
+
} else {
|
|
335
|
+
onBeforeUpload && onBeforeUpload(file);
|
|
336
|
+
resolve(file); // return onBeforeUpload && onBeforeUpload(file);
|
|
337
|
+
}
|
|
338
|
+
}));
|
|
339
|
+
} catch (e) {
|
|
340
|
+
return Promise.reject(e);
|
|
341
|
+
}
|
|
342
|
+
};
|
|
351
343
|
|
|
352
344
|
var onChange = function onChange(info) {
|
|
353
345
|
if (info.file.status === 'uploading') {
|
|
@@ -367,16 +359,16 @@ var _Avatar = function _Avatar(_ref) {
|
|
|
367
359
|
}
|
|
368
360
|
};
|
|
369
361
|
|
|
370
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(antd.Upload, {
|
|
371
|
-
className:
|
|
362
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(antd.Upload, {
|
|
363
|
+
className: classnames__default["default"](className, 'react-form-avatar'),
|
|
372
364
|
listType: "picture-card",
|
|
373
365
|
showUploadList: false,
|
|
374
366
|
action: action || avatarParams.action,
|
|
375
367
|
beforeUpload: beforeUpload,
|
|
376
368
|
onChange: onChange
|
|
377
|
-
}, showImageUrl ? /*#__PURE__*/React__default.createElement("div", {
|
|
369
|
+
}, showImageUrl ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
378
370
|
className: "preview"
|
|
379
|
-
}, /*#__PURE__*/React__default.createElement("img", {
|
|
371
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
380
372
|
src: showImageUrl,
|
|
381
373
|
alt: "avatar"
|
|
382
374
|
})) : uploadButton));
|
|
@@ -386,7 +378,7 @@ _Avatar.defaultProps = {
|
|
|
386
378
|
imageType: ['image/jpeg', 'image/png'],
|
|
387
379
|
fileSize: 2,
|
|
388
380
|
// 单位MB
|
|
389
|
-
children: /*#__PURE__*/React__default.createElement("div", {
|
|
381
|
+
children: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
390
382
|
className: "ant-upload-text"
|
|
391
383
|
}, "\u70B9\u51FB\u4E0A\u4F20"),
|
|
392
384
|
onError: function onError(info) {
|
|
@@ -402,73 +394,73 @@ _Avatar.defaultProps = {
|
|
|
402
394
|
};
|
|
403
395
|
|
|
404
396
|
var AvatarInput = function AvatarInput(props) {
|
|
405
|
-
var render = useOnChange(props);
|
|
397
|
+
var render = useOnChange$b(props);
|
|
406
398
|
return render(_Avatar);
|
|
407
399
|
};
|
|
408
400
|
|
|
409
401
|
AvatarInput.field = _Avatar;
|
|
410
402
|
|
|
411
|
-
var useOnChange$
|
|
403
|
+
var useOnChange$a = reactFormHelper.hooks.useOnChange;
|
|
412
404
|
|
|
413
|
-
var Cascader = function Cascader(props) {
|
|
414
|
-
var render = useOnChange$
|
|
405
|
+
var Cascader$1 = function Cascader(props) {
|
|
406
|
+
var render = useOnChange$a(props);
|
|
415
407
|
return render(antd.Cascader);
|
|
416
408
|
};
|
|
417
409
|
|
|
418
|
-
var useOnChange$
|
|
419
|
-
useCheckedToValue = reactFormHelper.hooks.useCheckedToValue;
|
|
420
|
-
var withChecked = reactFormHelper.hoc.withChecked;
|
|
421
|
-
var WithCheckbox = withChecked(antd.Checkbox);
|
|
410
|
+
var useOnChange$9 = reactFormHelper.hooks.useOnChange,
|
|
411
|
+
useCheckedToValue$1 = reactFormHelper.hooks.useCheckedToValue;
|
|
412
|
+
var withChecked$1 = reactFormHelper.hoc.withChecked;
|
|
413
|
+
var WithCheckbox = withChecked$1(antd.Checkbox);
|
|
422
414
|
|
|
423
|
-
var Checkbox = function Checkbox(props) {
|
|
424
|
-
var checkedProps = useCheckedToValue(props);
|
|
425
|
-
var render = useOnChange$
|
|
415
|
+
var Checkbox$1 = function Checkbox(props) {
|
|
416
|
+
var checkedProps = useCheckedToValue$1(props);
|
|
417
|
+
var render = useOnChange$9(checkedProps);
|
|
426
418
|
return render(WithCheckbox);
|
|
427
419
|
};
|
|
428
420
|
|
|
429
|
-
var useOnChange$
|
|
421
|
+
var useOnChange$8 = reactFormHelper.hooks.useOnChange;
|
|
430
422
|
var _CheckboxGroup = antd.Checkbox.Group;
|
|
431
423
|
|
|
432
|
-
var CheckboxGroup = function CheckboxGroup(props) {
|
|
433
|
-
var render = useOnChange$
|
|
424
|
+
var CheckboxGroup$1 = function CheckboxGroup(props) {
|
|
425
|
+
var render = useOnChange$8(props);
|
|
434
426
|
return render(_CheckboxGroup);
|
|
435
427
|
};
|
|
436
428
|
|
|
437
|
-
CheckboxGroup.Checkbox = antd.Checkbox;
|
|
429
|
+
CheckboxGroup$1.Checkbox = antd.Checkbox;
|
|
438
430
|
|
|
439
|
-
var useOnChange$
|
|
431
|
+
var useOnChange$7 = reactFormHelper.hooks.useOnChange;
|
|
440
432
|
var MonthPicker = antd.DatePicker.MonthPicker,
|
|
441
|
-
RangePicker = antd.DatePicker.RangePicker,
|
|
433
|
+
RangePicker$1 = antd.DatePicker.RangePicker,
|
|
442
434
|
WeekPicker = antd.DatePicker.WeekPicker;
|
|
443
435
|
|
|
444
436
|
var _DatePicker = function _DatePicker(props) {
|
|
445
|
-
var render = useOnChange$
|
|
437
|
+
var render = useOnChange$7(props);
|
|
446
438
|
return render(antd.DatePicker);
|
|
447
439
|
};
|
|
448
440
|
|
|
449
441
|
var _MonthPicker = function _MonthPicker(props) {
|
|
450
|
-
var render = useOnChange$
|
|
442
|
+
var render = useOnChange$7(props);
|
|
451
443
|
return render(MonthPicker);
|
|
452
444
|
};
|
|
453
445
|
|
|
454
|
-
var _RangePicker = function _RangePicker(props) {
|
|
455
|
-
var render = useOnChange$
|
|
456
|
-
return render(RangePicker);
|
|
446
|
+
var _RangePicker$1 = function _RangePicker(props) {
|
|
447
|
+
var render = useOnChange$7(props);
|
|
448
|
+
return render(RangePicker$1);
|
|
457
449
|
};
|
|
458
450
|
|
|
459
451
|
var _WeekPicker = function _WeekPicker(props) {
|
|
460
|
-
var render = useOnChange$
|
|
452
|
+
var render = useOnChange$7(props);
|
|
461
453
|
return render(WeekPicker);
|
|
462
454
|
};
|
|
463
455
|
|
|
464
456
|
_DatePicker.MonthPicker = _MonthPicker;
|
|
465
|
-
_DatePicker.RangePicker = _RangePicker;
|
|
457
|
+
_DatePicker.RangePicker = _RangePicker$1;
|
|
466
458
|
_DatePicker.WeekPicker = _WeekPicker;
|
|
467
459
|
|
|
468
|
-
var useDecorator = reactFormHelper.hooks.useDecorator;
|
|
460
|
+
var useDecorator$2 = reactFormHelper.hooks.useDecorator;
|
|
469
461
|
|
|
470
462
|
var InputField = function InputField(props) {
|
|
471
|
-
var render = useDecorator(props);
|
|
463
|
+
var render = useDecorator$2(props);
|
|
472
464
|
return render(antd.Input);
|
|
473
465
|
};
|
|
474
466
|
|
|
@@ -487,38 +479,40 @@ InputNumberField.defaultProps = {
|
|
|
487
479
|
autoComplete: 'off'
|
|
488
480
|
};
|
|
489
481
|
|
|
490
|
-
var
|
|
482
|
+
var _excluded$4 = ["onChange"];
|
|
483
|
+
var useOnChange$6 = reactFormHelper.hooks.useOnChange;
|
|
491
484
|
|
|
492
|
-
var RadioGroup = function RadioGroup(_ref) {
|
|
485
|
+
var RadioGroup$1 = function RadioGroup(_ref) {
|
|
493
486
|
var onChange = _ref.onChange,
|
|
494
|
-
props =
|
|
487
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
495
488
|
|
|
496
489
|
var handler = React.useCallback(function (e) {
|
|
497
490
|
onChange && onChange(e.target.value);
|
|
498
491
|
}, [onChange]);
|
|
499
|
-
return /*#__PURE__*/React__default.createElement(antd.Radio.Group, _extends({}, props, {
|
|
492
|
+
return /*#__PURE__*/React__default["default"].createElement(antd.Radio.Group, _extends({}, props, {
|
|
500
493
|
onChange: handler
|
|
501
494
|
}));
|
|
502
495
|
};
|
|
503
496
|
|
|
504
497
|
var _RadioGroup = function _RadioGroup(props) {
|
|
505
|
-
var render = useOnChange$
|
|
506
|
-
return render(RadioGroup);
|
|
498
|
+
var render = useOnChange$6(props);
|
|
499
|
+
return render(RadioGroup$1);
|
|
507
500
|
};
|
|
508
501
|
|
|
509
502
|
_RadioGroup.Radio = antd.Radio;
|
|
510
503
|
|
|
511
|
-
var useOnChange$
|
|
504
|
+
var useOnChange$5 = reactFormHelper.hooks.useOnChange;
|
|
512
505
|
|
|
513
506
|
var _Select = function _Select(props) {
|
|
514
|
-
var render = useOnChange$
|
|
507
|
+
var render = useOnChange$5(props);
|
|
515
508
|
return render(antd.Select);
|
|
516
509
|
};
|
|
517
510
|
|
|
518
511
|
_Select.Option = antd.Select.Option;
|
|
519
512
|
_Select.OptGroup = antd.Select.OptGroup;
|
|
520
513
|
|
|
521
|
-
var
|
|
514
|
+
var _excluded$3 = ["data", "setData", "refresh", "isLoading", "children"];
|
|
515
|
+
var useOnChange$4 = reactFormHelper.hooks.useOnChange;
|
|
522
516
|
|
|
523
517
|
var _SelectFetch = reactFetch.withFetch(function (_ref) {
|
|
524
518
|
var data = _ref.data,
|
|
@@ -526,9 +520,9 @@ var _SelectFetch = reactFetch.withFetch(function (_ref) {
|
|
|
526
520
|
refresh = _ref.refresh,
|
|
527
521
|
isLoading = _ref.isLoading,
|
|
528
522
|
children = _ref.children,
|
|
529
|
-
props =
|
|
523
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
530
524
|
|
|
531
|
-
return /*#__PURE__*/React__default.createElement(antd.Select, props, children({
|
|
525
|
+
return /*#__PURE__*/React__default["default"].createElement(antd.Select, props, children({
|
|
532
526
|
data: data,
|
|
533
527
|
refresh: refresh,
|
|
534
528
|
isLoading: isLoading,
|
|
@@ -536,57 +530,59 @@ var _SelectFetch = reactFetch.withFetch(function (_ref) {
|
|
|
536
530
|
}));
|
|
537
531
|
});
|
|
538
532
|
|
|
539
|
-
var SelectFetch = function SelectFetch(props) {
|
|
540
|
-
var render = useOnChange$
|
|
533
|
+
var SelectFetch$1 = function SelectFetch(props) {
|
|
534
|
+
var render = useOnChange$4(props);
|
|
541
535
|
return render(_SelectFetch);
|
|
542
536
|
};
|
|
543
537
|
|
|
544
|
-
SelectFetch.Option = antd.Select.Option;
|
|
545
|
-
SelectFetch.OptGroup = antd.Select.OptGroup;
|
|
538
|
+
SelectFetch$1.Option = antd.Select.Option;
|
|
539
|
+
SelectFetch$1.OptGroup = antd.Select.OptGroup;
|
|
546
540
|
|
|
547
|
-
var useOnChange$
|
|
548
|
-
useCheckedToValue
|
|
549
|
-
var withChecked
|
|
550
|
-
var WithSwitch = withChecked
|
|
541
|
+
var useOnChange$3 = reactFormHelper.hooks.useOnChange,
|
|
542
|
+
useCheckedToValue = reactFormHelper.hooks.useCheckedToValue;
|
|
543
|
+
var withChecked = reactFormHelper.hoc.withChecked;
|
|
544
|
+
var WithSwitch = withChecked(antd.Switch);
|
|
551
545
|
|
|
552
|
-
var Switch = function Switch(props) {
|
|
553
|
-
var checkedProps = useCheckedToValue
|
|
554
|
-
var render = useOnChange$
|
|
546
|
+
var Switch$1 = function Switch(props) {
|
|
547
|
+
var checkedProps = useCheckedToValue(props);
|
|
548
|
+
var render = useOnChange$3(checkedProps);
|
|
555
549
|
return render(WithSwitch);
|
|
556
550
|
};
|
|
557
551
|
|
|
558
|
-
var useDecorator
|
|
552
|
+
var useDecorator = reactFormHelper.hooks.useDecorator;
|
|
559
553
|
|
|
560
|
-
var TextArea = function TextArea(props) {
|
|
561
|
-
var render = useDecorator
|
|
554
|
+
var TextArea$1 = function TextArea(props) {
|
|
555
|
+
var render = useDecorator(props);
|
|
562
556
|
return render(antd.Input.TextArea);
|
|
563
557
|
};
|
|
564
558
|
|
|
565
|
-
var useOnChange$
|
|
566
|
-
var RangePicker
|
|
559
|
+
var useOnChange$2 = reactFormHelper.hooks.useOnChange;
|
|
560
|
+
var RangePicker = antd.TimePicker.RangePicker;
|
|
567
561
|
|
|
568
562
|
var _TimePicker = function _TimePicker(props) {
|
|
569
|
-
var render = useOnChange$
|
|
563
|
+
var render = useOnChange$2(props);
|
|
570
564
|
return render(antd.TimePicker);
|
|
571
565
|
};
|
|
572
566
|
|
|
573
|
-
var _RangePicker
|
|
574
|
-
var render = useOnChange$
|
|
575
|
-
return render(RangePicker
|
|
567
|
+
var _RangePicker = function _RangePicker(props) {
|
|
568
|
+
var render = useOnChange$2(props);
|
|
569
|
+
return render(RangePicker);
|
|
576
570
|
};
|
|
577
571
|
|
|
578
|
-
_TimePicker.RangePicker = _RangePicker
|
|
572
|
+
_TimePicker.RangePicker = _RangePicker;
|
|
579
573
|
|
|
580
|
-
var useOnChange$
|
|
574
|
+
var useOnChange$1 = reactFormHelper.hooks.useOnChange;
|
|
581
575
|
|
|
582
576
|
var _TreeSelect = function _TreeSelect(props) {
|
|
583
|
-
var render = useOnChange$
|
|
577
|
+
var render = useOnChange$1(props);
|
|
584
578
|
return render(antd.TreeSelect);
|
|
585
579
|
};
|
|
586
580
|
|
|
587
581
|
_TreeSelect.TreeNode = antd.TreeSelect.TreeNode;
|
|
588
582
|
|
|
589
|
-
var
|
|
583
|
+
var _excluded$2 = ["value", "onChange"],
|
|
584
|
+
_excluded2$1 = ["className", "value", "onChange", "onUploadComplete", "beforeUpload", "maxLength", "drag", "transformResponse", "action", "accept", "fileSize", "children", "onError"];
|
|
585
|
+
var useOnChange = reactFormHelper.hooks.useOnChange;
|
|
590
586
|
var Dragger = antd.Upload.Dragger;
|
|
591
587
|
var uploadParams = globalParams.field.upload;
|
|
592
588
|
|
|
@@ -597,7 +593,7 @@ var valueToList = function valueToList(value) {
|
|
|
597
593
|
|
|
598
594
|
return value.map(function (item) {
|
|
599
595
|
return {
|
|
600
|
-
uid:
|
|
596
|
+
uid: uniqueId__default["default"](),
|
|
601
597
|
name: item.substr(item.lastIndexOf('/') + 1),
|
|
602
598
|
status: 'done',
|
|
603
599
|
response: {
|
|
@@ -622,22 +618,21 @@ var withValueAdapter = function withValueAdapter(WrappedComponent) {
|
|
|
622
618
|
return function (_ref3) {
|
|
623
619
|
var value = _ref3.value,
|
|
624
620
|
_onChange = _ref3.onChange,
|
|
625
|
-
props =
|
|
621
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded$2);
|
|
626
622
|
|
|
627
623
|
var _useState = React.useState([]),
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
setList = _useState2[1];
|
|
624
|
+
list = _useState[0],
|
|
625
|
+
setList = _useState[1];
|
|
631
626
|
|
|
632
627
|
var targetListRef = React.useRef([]);
|
|
633
628
|
React.useEffect(function () {
|
|
634
|
-
if (
|
|
629
|
+
if (isEqual__default["default"](value, targetListRef.current)) {
|
|
635
630
|
return;
|
|
636
631
|
}
|
|
637
632
|
|
|
638
633
|
setList(valueToList(value));
|
|
639
634
|
}, [value]);
|
|
640
|
-
return /*#__PURE__*/React__default.createElement(WrappedComponent, _extends({}, props, {
|
|
635
|
+
return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends({}, props, {
|
|
641
636
|
value: list,
|
|
642
637
|
onChange: function onChange(value) {
|
|
643
638
|
value = value.map(function (item) {
|
|
@@ -647,7 +642,7 @@ var withValueAdapter = function withValueAdapter(WrappedComponent) {
|
|
|
647
642
|
var targetList = listToValue(value);
|
|
648
643
|
targetListRef.current = targetList;
|
|
649
644
|
|
|
650
|
-
if (
|
|
645
|
+
if (isEqual__default["default"](targetList, value)) {
|
|
651
646
|
return;
|
|
652
647
|
}
|
|
653
648
|
|
|
@@ -658,8 +653,7 @@ var withValueAdapter = function withValueAdapter(WrappedComponent) {
|
|
|
658
653
|
};
|
|
659
654
|
|
|
660
655
|
var _Upload = function _Upload(_ref4) {
|
|
661
|
-
var
|
|
662
|
-
list = _ref4.value,
|
|
656
|
+
var list = _ref4.value,
|
|
663
657
|
setList = _ref4.onChange,
|
|
664
658
|
onUploadComplete = _ref4.onUploadComplete,
|
|
665
659
|
onBeforeUpload = _ref4.beforeUpload,
|
|
@@ -671,7 +665,7 @@ var _Upload = function _Upload(_ref4) {
|
|
|
671
665
|
size = _ref4.fileSize,
|
|
672
666
|
children = _ref4.children,
|
|
673
667
|
onError = _ref4.onError,
|
|
674
|
-
props =
|
|
668
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded2$1);
|
|
675
669
|
|
|
676
670
|
var beforeUpload = function beforeUpload(file) {
|
|
677
671
|
if (maxLength === 1) {
|
|
@@ -690,7 +684,7 @@ var _Upload = function _Upload(_ref4) {
|
|
|
690
684
|
var isLt = file.size / 1024 / 1024 < size;
|
|
691
685
|
|
|
692
686
|
if (!isLt) {
|
|
693
|
-
onError("\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7"
|
|
687
|
+
onError("\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7" + size + "MB!", 'sizeError', {
|
|
694
688
|
size: size,
|
|
695
689
|
fileSize: file.size
|
|
696
690
|
});
|
|
@@ -706,7 +700,7 @@ var _Upload = function _Upload(_ref4) {
|
|
|
706
700
|
}
|
|
707
701
|
|
|
708
702
|
if (info.fileList.length > maxLength) {
|
|
709
|
-
onError("\u4E0A\u4F20\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7\u6700\u5927\u5141\u8BB8\u6570\u91CF"
|
|
703
|
+
onError("\u4E0A\u4F20\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7\u6700\u5927\u5141\u8BB8\u6570\u91CF" + maxLength, 'xhrError', maxLength);
|
|
710
704
|
return;
|
|
711
705
|
}
|
|
712
706
|
|
|
@@ -737,7 +731,7 @@ var _Upload = function _Upload(_ref4) {
|
|
|
737
731
|
};
|
|
738
732
|
|
|
739
733
|
var UploadComponent = drag ? Dragger : antd.Upload;
|
|
740
|
-
return /*#__PURE__*/React__default.createElement(UploadComponent, _extends({}, props, {
|
|
734
|
+
return /*#__PURE__*/React__default["default"].createElement(UploadComponent, _extends({}, props, {
|
|
741
735
|
action: action || uploadParams.action,
|
|
742
736
|
fileList: list,
|
|
743
737
|
accept: accept.join(','),
|
|
@@ -751,7 +745,7 @@ _Upload.defaultProps = {
|
|
|
751
745
|
accept: [],
|
|
752
746
|
fileSize: 2,
|
|
753
747
|
maxLength: 1,
|
|
754
|
-
children: /*#__PURE__*/React__default.createElement(antd.Button, null, /*#__PURE__*/React__default.createElement(icons.UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
|
|
748
|
+
children: /*#__PURE__*/React__default["default"].createElement(antd.Button, null, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
|
|
755
749
|
onError: function onError(info) {
|
|
756
750
|
return antd.message.error(info);
|
|
757
751
|
},
|
|
@@ -760,31 +754,31 @@ _Upload.defaultProps = {
|
|
|
760
754
|
var AdapterUpload = withValueAdapter(_Upload);
|
|
761
755
|
|
|
762
756
|
var UploadInput = function UploadInput(props) {
|
|
763
|
-
var render = useOnChange
|
|
757
|
+
var render = useOnChange(props);
|
|
764
758
|
return render(AdapterUpload);
|
|
765
759
|
};
|
|
766
760
|
|
|
767
761
|
UploadInput.field = _Upload;
|
|
768
762
|
|
|
763
|
+
var _excluded$1 = ["isPass", "isLoading"];
|
|
764
|
+
|
|
769
765
|
var SubmitButton = function SubmitButton(props) {
|
|
770
766
|
var _useSubmit = ReactForm.useSubmit(props),
|
|
771
|
-
isPass = _useSubmit.isPass,
|
|
772
767
|
isLoading = _useSubmit.isLoading,
|
|
773
|
-
submitProps =
|
|
768
|
+
submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded$1);
|
|
774
769
|
|
|
775
|
-
return /*#__PURE__*/React__default.createElement(antd.Button, _extends({
|
|
770
|
+
return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({
|
|
776
771
|
loading: isLoading
|
|
777
772
|
}, submitProps, props));
|
|
778
773
|
};
|
|
779
774
|
|
|
780
775
|
var ResetButton = function ResetButton(props) {
|
|
781
776
|
var resetProps = ReactForm.useReset();
|
|
782
|
-
return /*#__PURE__*/React__default.createElement(antd.Button, _extends({}, resetProps, props));
|
|
777
|
+
return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, resetProps, props));
|
|
783
778
|
};
|
|
784
779
|
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
780
|
+
var _excluded = ["className", "formProps", "footer", "children"],
|
|
781
|
+
_excluded2 = ["className", "title", "formProps", "footer", "content"];
|
|
788
782
|
var FetchForm = reactFetch.withFetch(Form);
|
|
789
783
|
|
|
790
784
|
var CommonModal = function CommonModal(_ref) {
|
|
@@ -792,11 +786,11 @@ var CommonModal = function CommonModal(_ref) {
|
|
|
792
786
|
footer = _ref.footer,
|
|
793
787
|
children = _ref.children;
|
|
794
788
|
var TargetForm = formProps.hasOwnProperty('url') ? FetchForm : Form;
|
|
795
|
-
return /*#__PURE__*/React__default.createElement(TargetForm, formProps, /*#__PURE__*/React__default.createElement("div", {
|
|
789
|
+
return /*#__PURE__*/React__default["default"].createElement(TargetForm, formProps, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
796
790
|
className: "ant-modal-body"
|
|
797
|
-
}, children), /*#__PURE__*/React__default.createElement("div", {
|
|
791
|
+
}, children), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
798
792
|
className: "ant-modal-footer"
|
|
799
|
-
}, footer ? footer : /*#__PURE__*/React__default.createElement(Space, null, /*#__PURE__*/React__default.createElement(ResetButton, null, "\u91CD\u7F6E"), /*#__PURE__*/React__default.createElement(SubmitButton, {
|
|
793
|
+
}, footer ? footer : /*#__PURE__*/React__default["default"].createElement(antd.Space, null, /*#__PURE__*/React__default["default"].createElement(ResetButton, null, "\u91CD\u7F6E"), /*#__PURE__*/React__default["default"].createElement(SubmitButton, {
|
|
800
794
|
type: "primary"
|
|
801
795
|
}, "\u786E\u5B9A"))));
|
|
802
796
|
};
|
|
@@ -807,12 +801,12 @@ var FormModal = function FormModal(_ref2) {
|
|
|
807
801
|
formProps = _ref2$formProps === void 0 ? {} : _ref2$formProps,
|
|
808
802
|
footer = _ref2.footer,
|
|
809
803
|
children = _ref2.children,
|
|
810
|
-
props =
|
|
804
|
+
props = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
811
805
|
|
|
812
|
-
return /*#__PURE__*/React__default.createElement(antd.Modal, _extends({}, props, {
|
|
813
|
-
className:
|
|
806
|
+
return /*#__PURE__*/React__default["default"].createElement(antd.Modal, _extends({}, props, {
|
|
807
|
+
className: classnames__default["default"](className, 'react-form-modal'),
|
|
814
808
|
footer: null
|
|
815
|
-
}), /*#__PURE__*/React__default.createElement(CommonModal, {
|
|
809
|
+
}), /*#__PURE__*/React__default["default"].createElement(CommonModal, {
|
|
816
810
|
formProps: formProps,
|
|
817
811
|
footer: footer
|
|
818
812
|
}, children));
|
|
@@ -825,16 +819,16 @@ FormModal.modal = function (_ref3) {
|
|
|
825
819
|
formProps = _ref3$formProps === void 0 ? {} : _ref3$formProps,
|
|
826
820
|
footer = _ref3.footer,
|
|
827
821
|
content = _ref3.content,
|
|
828
|
-
props =
|
|
822
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
|
|
829
823
|
|
|
830
|
-
return antd.Modal.info(
|
|
831
|
-
title: title ? /*#__PURE__*/React__default.createElement("div", {
|
|
824
|
+
return antd.Modal.info(_extends({}, props, {
|
|
825
|
+
title: title ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
832
826
|
className: "ant-modal-header"
|
|
833
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
827
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
834
828
|
className: "ant-modal-title"
|
|
835
829
|
}, title)) : null,
|
|
836
|
-
className:
|
|
837
|
-
content: /*#__PURE__*/React__default.createElement(CommonModal, {
|
|
830
|
+
className: classnames__default["default"](className, 'react-form-modal'),
|
|
831
|
+
content: /*#__PURE__*/React__default["default"].createElement(CommonModal, {
|
|
838
832
|
formProps: formProps,
|
|
839
833
|
footer: footer
|
|
840
834
|
}, content),
|
|
@@ -844,77 +838,71 @@ FormModal.modal = function (_ref3) {
|
|
|
844
838
|
};
|
|
845
839
|
|
|
846
840
|
var Avatar = AvatarInput;
|
|
847
|
-
var Cascader
|
|
848
|
-
var Checkbox
|
|
849
|
-
var CheckboxGroup
|
|
841
|
+
var Cascader = Cascader$1;
|
|
842
|
+
var Checkbox = Checkbox$1;
|
|
843
|
+
var CheckboxGroup = CheckboxGroup$1;
|
|
850
844
|
var DatePicker = _DatePicker;
|
|
851
845
|
var Input = InputField;
|
|
852
846
|
var InputNumber = InputNumberField;
|
|
853
|
-
var RadioGroup
|
|
847
|
+
var RadioGroup = _RadioGroup;
|
|
854
848
|
var Select = _Select;
|
|
855
|
-
var SelectFetch
|
|
856
|
-
var Switch
|
|
857
|
-
var TextArea
|
|
849
|
+
var SelectFetch = SelectFetch$1;
|
|
850
|
+
var Switch = Switch$1;
|
|
851
|
+
var TextArea = TextArea$1;
|
|
858
852
|
var TimePicker = _TimePicker;
|
|
859
853
|
var TreeSelect = _TreeSelect;
|
|
860
854
|
var Upload = UploadInput;
|
|
861
855
|
var fields = {
|
|
862
856
|
Avatar: Avatar,
|
|
863
|
-
Cascader: Cascader
|
|
864
|
-
Checkbox: Checkbox
|
|
865
|
-
CheckboxGroup: CheckboxGroup
|
|
857
|
+
Cascader: Cascader,
|
|
858
|
+
Checkbox: Checkbox,
|
|
859
|
+
CheckboxGroup: CheckboxGroup,
|
|
866
860
|
DatePicker: DatePicker,
|
|
867
861
|
Input: Input,
|
|
868
862
|
InputNumber: InputNumber,
|
|
869
|
-
RadioGroup: RadioGroup
|
|
863
|
+
RadioGroup: RadioGroup,
|
|
870
864
|
Select: Select,
|
|
871
|
-
SelectFetch: SelectFetch
|
|
872
|
-
Switch: Switch
|
|
873
|
-
TextArea: TextArea
|
|
865
|
+
SelectFetch: SelectFetch,
|
|
866
|
+
Switch: Switch,
|
|
867
|
+
TextArea: TextArea,
|
|
874
868
|
TimePicker: TimePicker,
|
|
875
869
|
TreeSelect: TreeSelect,
|
|
876
870
|
Upload: Upload
|
|
877
871
|
};
|
|
878
872
|
|
|
879
|
-
Object.keys(ReactForm).forEach(function (k) {
|
|
880
|
-
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
881
|
-
enumerable: true,
|
|
882
|
-
get: function () {
|
|
883
|
-
return ReactForm[k];
|
|
884
|
-
}
|
|
885
|
-
});
|
|
886
|
-
});
|
|
887
873
|
Object.defineProperty(exports, 'hooks', {
|
|
888
874
|
enumerable: true,
|
|
889
|
-
get: function () {
|
|
890
|
-
return reactFormHelper.hooks;
|
|
891
|
-
}
|
|
875
|
+
get: function () { return reactFormHelper.hooks; }
|
|
892
876
|
});
|
|
893
877
|
Object.defineProperty(exports, 'utils', {
|
|
894
878
|
enumerable: true,
|
|
895
|
-
get: function () {
|
|
896
|
-
return reactFormHelper.utils;
|
|
897
|
-
}
|
|
879
|
+
get: function () { return reactFormHelper.utils; }
|
|
898
880
|
});
|
|
899
881
|
exports.Avatar = Avatar;
|
|
900
|
-
exports.Cascader = Cascader
|
|
901
|
-
exports.Checkbox = Checkbox
|
|
902
|
-
exports.CheckboxGroup = CheckboxGroup
|
|
882
|
+
exports.Cascader = Cascader;
|
|
883
|
+
exports.Checkbox = Checkbox;
|
|
884
|
+
exports.CheckboxGroup = CheckboxGroup;
|
|
903
885
|
exports.DatePicker = DatePicker;
|
|
904
886
|
exports.FormModal = FormModal;
|
|
905
887
|
exports.Input = Input;
|
|
906
888
|
exports.InputNumber = InputNumber;
|
|
907
|
-
exports.RadioGroup = RadioGroup
|
|
889
|
+
exports.RadioGroup = RadioGroup;
|
|
908
890
|
exports.ResetButton = ResetButton;
|
|
909
891
|
exports.Select = Select;
|
|
910
|
-
exports.SelectFetch = SelectFetch
|
|
892
|
+
exports.SelectFetch = SelectFetch;
|
|
911
893
|
exports.SubmitButton = SubmitButton;
|
|
912
|
-
exports.Switch = Switch
|
|
913
|
-
exports.TextArea = TextArea
|
|
894
|
+
exports.Switch = Switch;
|
|
895
|
+
exports.TextArea = TextArea;
|
|
914
896
|
exports.TimePicker = TimePicker;
|
|
915
897
|
exports.TreeSelect = TreeSelect;
|
|
916
898
|
exports.Upload = Upload;
|
|
917
|
-
exports
|
|
899
|
+
exports["default"] = Form;
|
|
918
900
|
exports.fields = fields;
|
|
919
901
|
exports.preset = preset;
|
|
902
|
+
Object.keys(ReactForm).forEach(function (k) {
|
|
903
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
904
|
+
enumerable: true,
|
|
905
|
+
get: function () { return ReactForm[k]; }
|
|
906
|
+
});
|
|
907
|
+
});
|
|
920
908
|
//# sourceMappingURL=index.js.map
|