@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/README.md +8 -12
- package/dist/index.css +0 -40
- package/dist/index.css.map +1 -1
- package/dist/index.js +106 -776
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +122 -736
- package/dist/index.modern.js.map +1 -1
- package/package.json +19 -33
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
|
|
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
|
|
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.
|
|
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
|
-
|
|
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$
|
|
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
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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$
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 = ["
|
|
460
|
+
var _excluded$1 = ["type", "realtime", "disabled"],
|
|
1122
461
|
_excluded2 = ["isPass", "isLoading"];
|
|
1123
462
|
var SubmitButton = function SubmitButton(_ref) {
|
|
1124
|
-
var
|
|
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 || (
|
|
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;
|