@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 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 (_ref, ref) {
75
- var className = _ref.className,
76
- cache = _ref.cache,
77
- enterSubmit = _ref.enterSubmit,
78
- scrollToError = _ref.scrollToError,
79
- scrollProps = _ref.scrollProps,
80
- type = _ref.type,
81
- size = _ref.size,
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: /*#__PURE__*/React__default["default"].createElement(antd.Button, null, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
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, formProps, /*#__PURE__*/React__default["default"].createElement("div", {
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,