@kne/react-form-antd 2.0.35 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +72 -59
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +68 -56
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3,9 +3,9 @@ var PropTypes = require('prop-types');
|
|
|
3
3
|
var classnames = require('classnames');
|
|
4
4
|
var ReactForm = require('@kne/react-form');
|
|
5
5
|
var reactFormHelper = require('@kne/react-form-helper');
|
|
6
|
-
var antd = require('antd');
|
|
7
6
|
var merge = require('lodash/merge');
|
|
8
7
|
var get = require('lodash/get');
|
|
8
|
+
var antd = require('antd');
|
|
9
9
|
var icons = require('@ant-design/icons');
|
|
10
10
|
var AvatarEditor = require('react-avatar-editor');
|
|
11
11
|
var omit = require('lodash/omit');
|
|
@@ -65,25 +65,65 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
65
65
|
return target;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
+
var globalParams = {
|
|
69
|
+
type: 'default',
|
|
70
|
+
size: 'middle',
|
|
71
|
+
rules: {},
|
|
72
|
+
field: {
|
|
73
|
+
upload: {
|
|
74
|
+
displayFilename: 'filename',
|
|
75
|
+
action: '/open-api/upload_static_file/interview-manager',
|
|
76
|
+
transformResponse: function transformResponse(response) {
|
|
77
|
+
var targetPath = get__default["default"](response, 'results[0].targetPath');
|
|
78
|
+
var filename = get__default["default"](response, 'results[0].filename');
|
|
79
|
+
return {
|
|
80
|
+
code: response.code,
|
|
81
|
+
msg: response.msg,
|
|
82
|
+
results: targetPath + (filename ? "?" + globalParams.field.upload.displayFilename + "=" + encodeURIComponent(filename) : '')
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
avatar: {
|
|
87
|
+
transformResponse: function transformResponse(response) {
|
|
88
|
+
return {
|
|
89
|
+
code: response.code,
|
|
90
|
+
results: response.results,
|
|
91
|
+
msg: response.msg
|
|
92
|
+
};
|
|
93
|
+
},
|
|
94
|
+
action: '/upload'
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
var preset = (function (props) {
|
|
99
|
+
merge__default["default"](globalParams, props);
|
|
100
|
+
ReactForm.preset(globalParams.rules);
|
|
101
|
+
});
|
|
102
|
+
|
|
68
103
|
var _excluded$8 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
|
|
69
104
|
var ScrollToError = reactFormHelper.widget.ScrollToError,
|
|
70
105
|
EnterSubmit = reactFormHelper.widget.EnterSubmit,
|
|
71
106
|
FormStore = reactFormHelper.widget.FormStore,
|
|
72
107
|
MaxLabelProvider = reactFormHelper.widget.MaxLabelProvider,
|
|
73
108
|
SizeProvider = reactFormHelper.widget.SizeProvider;
|
|
74
|
-
var Form = React.forwardRef(function (
|
|
75
|
-
var className =
|
|
76
|
-
cache =
|
|
77
|
-
enterSubmit =
|
|
78
|
-
scrollToError =
|
|
79
|
-
scrollProps =
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
children = _ref.children,
|
|
83
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
|
|
109
|
+
var Form = React.forwardRef(function (originProps, ref) {
|
|
110
|
+
var className = originProps.className,
|
|
111
|
+
cache = originProps.cache,
|
|
112
|
+
enterSubmit = originProps.enterSubmit,
|
|
113
|
+
scrollToError = originProps.scrollToError,
|
|
114
|
+
scrollProps = originProps.scrollProps,
|
|
115
|
+
children = originProps.children,
|
|
116
|
+
props = _objectWithoutPropertiesLoose(originProps, _excluded$8);
|
|
84
117
|
|
|
85
118
|
var computedClass = 'react-form';
|
|
86
119
|
|
|
120
|
+
var _Object$assign = Object.assign({
|
|
121
|
+
type: 'default',
|
|
122
|
+
size: 'middle'
|
|
123
|
+
}, globalParams, originProps),
|
|
124
|
+
type = _Object$assign.type,
|
|
125
|
+
size = _Object$assign.size;
|
|
126
|
+
|
|
87
127
|
if (type !== 'default') {
|
|
88
128
|
computedClass += "--" + type;
|
|
89
129
|
}
|
|
@@ -112,8 +152,6 @@ var Form = React.forwardRef(function (_ref, ref) {
|
|
|
112
152
|
}) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel)));
|
|
113
153
|
});
|
|
114
154
|
Form.defaultProps = {
|
|
115
|
-
type: 'default',
|
|
116
|
-
size: 'middle',
|
|
117
155
|
scrollToError: true,
|
|
118
156
|
enterSubmit: false,
|
|
119
157
|
scrollProps: {
|
|
@@ -133,39 +171,6 @@ Form.propTypes = {
|
|
|
133
171
|
})
|
|
134
172
|
};
|
|
135
173
|
|
|
136
|
-
var globalParams = {
|
|
137
|
-
rules: {},
|
|
138
|
-
field: {
|
|
139
|
-
upload: {
|
|
140
|
-
displayFilename: 'filename',
|
|
141
|
-
action: '/open-api/upload_static_file/interview-manager',
|
|
142
|
-
transformResponse: function transformResponse(response) {
|
|
143
|
-
var targetPath = get__default["default"](response, 'results[0].targetPath');
|
|
144
|
-
var filename = get__default["default"](response, 'results[0].filename');
|
|
145
|
-
return {
|
|
146
|
-
code: response.code,
|
|
147
|
-
msg: response.msg,
|
|
148
|
-
results: targetPath + (filename ? "?" + globalParams.field.upload.displayFilename + "=" + encodeURIComponent(filename) : '')
|
|
149
|
-
};
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
avatar: {
|
|
153
|
-
transformResponse: function transformResponse(response) {
|
|
154
|
-
return {
|
|
155
|
-
code: response.code,
|
|
156
|
-
results: response.results,
|
|
157
|
-
msg: response.msg
|
|
158
|
-
};
|
|
159
|
-
},
|
|
160
|
-
action: '/upload'
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
var preset = (function (props) {
|
|
165
|
-
merge__default["default"](globalParams, props);
|
|
166
|
-
ReactForm.preset(globalParams.rules);
|
|
167
|
-
});
|
|
168
|
-
|
|
169
174
|
var useOnChange$d = reactFormHelper.hooks.useOnChange;
|
|
170
175
|
var avatarParams = globalParams.field.avatar;
|
|
171
176
|
|
|
@@ -669,7 +674,7 @@ var _RadioGroup = function _RadioGroup(props) {
|
|
|
669
674
|
|
|
670
675
|
_RadioGroup.Radio = antd.Radio;
|
|
671
676
|
|
|
672
|
-
var _excluded$5 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps"];
|
|
677
|
+
var _excluded$5 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
|
|
673
678
|
var useOnChange$6 = reactFormHelper.hooks.useOnChange;
|
|
674
679
|
|
|
675
680
|
var withFetch = function withFetch(WrappedComponent) {
|
|
@@ -780,7 +785,7 @@ _Select.defaultProps = _Select.Fetch.defaultProps = {
|
|
|
780
785
|
getPopupContainer: getPopupContainer
|
|
781
786
|
};
|
|
782
787
|
|
|
783
|
-
var _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps"];
|
|
788
|
+
var _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps", "requestParams"];
|
|
784
789
|
var useOnChange$4 = reactFormHelper.hooks.useOnChange;
|
|
785
790
|
|
|
786
791
|
var _SelectFetch = reactFetch.withFetch(function (_ref) {
|
|
@@ -1008,8 +1013,8 @@ var _Upload = function _Upload(_ref3) {
|
|
|
1008
1013
|
onUploadComplete = _ref3.onUploadComplete,
|
|
1009
1014
|
onBeforeUpload = _ref3.onBeforeUpload,
|
|
1010
1015
|
maxLength = _ref3.maxLength,
|
|
1011
|
-
transformResponse = _ref3.transformResponse
|
|
1012
|
-
_objectWithoutPropertiesLoose(_ref3, _excluded$3);
|
|
1016
|
+
transformResponse = _ref3.transformResponse,
|
|
1017
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded$3);
|
|
1013
1018
|
|
|
1014
1019
|
displayFilename = displayFilename || uploadParams.displayFilename;
|
|
1015
1020
|
value = value || [];
|
|
@@ -1086,7 +1091,9 @@ var _Upload = function _Upload(_ref3) {
|
|
|
1086
1091
|
accept: accept.join(','),
|
|
1087
1092
|
onChange: changeHandler,
|
|
1088
1093
|
beforeUpload: beforeUploadHandler
|
|
1089
|
-
}), children
|
|
1094
|
+
}), typeof children === 'function' ? children({
|
|
1095
|
+
size: props.size
|
|
1096
|
+
}) : children);
|
|
1090
1097
|
};
|
|
1091
1098
|
|
|
1092
1099
|
_Upload.defaultProps = {
|
|
@@ -1094,7 +1101,12 @@ _Upload.defaultProps = {
|
|
|
1094
1101
|
accept: [],
|
|
1095
1102
|
fileSize: 2,
|
|
1096
1103
|
maxLength: 1,
|
|
1097
|
-
children:
|
|
1104
|
+
children: function children(_ref4) {
|
|
1105
|
+
var size = _ref4.size;
|
|
1106
|
+
return /*#__PURE__*/React__default["default"].createElement(antd.Button, {
|
|
1107
|
+
size: size
|
|
1108
|
+
}, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20");
|
|
1109
|
+
},
|
|
1098
1110
|
onError: function onError(info) {
|
|
1099
1111
|
return antd.message.error(info);
|
|
1100
1112
|
},
|
|
@@ -1140,22 +1152,22 @@ var ResetButton = function ResetButton(props) {
|
|
|
1140
1152
|
var _excluded$1 = ["className", "formProps", "footer", "children"],
|
|
1141
1153
|
_excluded2 = ["className", "title", "formProps", "footer", "content"];
|
|
1142
1154
|
var FetchForm = reactFetch.withFetch(Form);
|
|
1143
|
-
|
|
1144
|
-
var CommonModal = function CommonModal(_ref) {
|
|
1155
|
+
var CommonModal = React.forwardRef(function (_ref, ref) {
|
|
1145
1156
|
var formProps = _ref.formProps,
|
|
1146
1157
|
footer = _ref.footer,
|
|
1147
1158
|
children = _ref.children;
|
|
1148
1159
|
var TargetForm = formProps.hasOwnProperty('url') ? FetchForm : Form;
|
|
1149
|
-
return /*#__PURE__*/React__default["default"].createElement(TargetForm,
|
|
1160
|
+
return /*#__PURE__*/React__default["default"].createElement(TargetForm, _extends({}, formProps, {
|
|
1161
|
+
ref: ref
|
|
1162
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1150
1163
|
className: "ant-modal-body"
|
|
1151
1164
|
}, children), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1152
1165
|
className: "ant-modal-footer"
|
|
1153
1166
|
}, 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, {
|
|
1154
1167
|
type: "primary"
|
|
1155
1168
|
}, "\u786E\u5B9A"))));
|
|
1156
|
-
};
|
|
1157
|
-
|
|
1158
|
-
var FormModal = function FormModal(_ref2) {
|
|
1169
|
+
});
|
|
1170
|
+
var FormModal = React.forwardRef(function (_ref2, ref) {
|
|
1159
1171
|
var className = _ref2.className,
|
|
1160
1172
|
_ref2$formProps = _ref2.formProps,
|
|
1161
1173
|
formProps = _ref2$formProps === void 0 ? {} : _ref2$formProps,
|
|
@@ -1167,10 +1179,11 @@ var FormModal = function FormModal(_ref2) {
|
|
|
1167
1179
|
className: classnames__default["default"](className, 'react-form-modal'),
|
|
1168
1180
|
footer: null
|
|
1169
1181
|
}), /*#__PURE__*/React__default["default"].createElement(CommonModal, {
|
|
1182
|
+
ref: ref,
|
|
1170
1183
|
formProps: formProps,
|
|
1171
1184
|
footer: footer
|
|
1172
1185
|
}, children));
|
|
1173
|
-
};
|
|
1186
|
+
});
|
|
1174
1187
|
|
|
1175
1188
|
FormModal.modal = function (_ref3) {
|
|
1176
1189
|
var className = _ref3.className,
|