@kne/react-form-antd 3.0.0 → 3.0.1

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 kne-union
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 kne-union
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,35 +1,35 @@
-# react-form
-用于表单验证的react组件
-
-### demo
-``
-
-            <Avatar editor={{open: true, width: 250, height: 250, borderRadius: 1}}
-                    beforeUpload={(file) => {}}/>
-
-            <Input realtime debounce={1000} name="name" label="姓名" rule="REQ TEL EXIT"/>
-            {isShow ? <Input name="rname" label="姓名哈哈哈" rule="REQ TEL EXIT"/> : null}
-            <Select name="select" label="选项" rule="REQ">
-                <Select.Option value="1">选项一</Select.Option>
-                <Select.Option value="2">选项二</Select.Option>
-                <Select.Option value="3">选项三</Select.Option>
-            </Select>
-            <DatePicker name="date" label="日期" rule="REQ" format="" YYYY-MM-DD/>
-            <RadioGroup name="radio" label="单选" rule="REQ">
-                <RadioGroup.Radio value="1">选项一</RadioGroup.Radio>
-                <RadioGroup.Radio value="2">选项二</RadioGroup.Radio>
-                <RadioGroup.Radio value="3">选项三</RadioGroup.Radio>
-            </RadioGroup>
-      
-``
-
-# Change Log
-
-20200430 v0.1.13 添加了SelectFetch和SelectSearch控件
-20200430 v0.1.14 修改Select组件样式的默认宽度为100%
-20200508 v0.1.16 删除field last-child 样式 margin-bottom 为0
-20200509 v0.1.17 修改导出文件结构，增加fields导出所有field组件
-20200522 v0.1.20 添加头像上传组件
-20200525 v0.1.22 更新@kne/react-fetch以支持setData方法
-20200529 v0.1.23 添加头像上传组件field Avatar
-20200603 v0.1.24 修正Switch的值转换bug
+# react-form
+用于表单验证的react组件
+
+### demo
+``
+
+            <Avatar editor={{open: true, width: 250, height: 250, borderRadius: 1}}
+                    beforeUpload={(file) => {}}/>
+
+            <Input realtime debounce={1000} name="name" label="姓名" rule="REQ TEL EXIT"/>
+            {isShow ? <Input name="rname" label="姓名哈哈哈" rule="REQ TEL EXIT"/> : null}
+            <Select name="select" label="选项" rule="REQ">
+                <Select.Option value="1">选项一</Select.Option>
+                <Select.Option value="2">选项二</Select.Option>
+                <Select.Option value="3">选项三</Select.Option>
+            </Select>
+            <DatePicker name="date" label="日期" rule="REQ" format="" YYYY-MM-DD/>
+            <RadioGroup name="radio" label="单选" rule="REQ">
+                <RadioGroup.Radio value="1">选项一</RadioGroup.Radio>
+                <RadioGroup.Radio value="2">选项二</RadioGroup.Radio>
+                <RadioGroup.Radio value="3">选项三</RadioGroup.Radio>
+            </RadioGroup>
+      
+``
+
+# Change Log
+
+20200430 v0.1.13 添加了SelectFetch和SelectSearch控件
+20200430 v0.1.14 修改Select组件样式的默认宽度为100%
+20200508 v0.1.16 删除field last-child 样式 margin-bottom 为0
+20200509 v0.1.17 修改导出文件结构，增加fields导出所有field组件
+20200522 v0.1.20 添加头像上传组件
+20200525 v0.1.22 更新@kne/react-fetch以支持setData方法
+20200529 v0.1.23 添加头像上传组件field Avatar
+20200603 v0.1.24 修正Switch的值转换bug

package/dist/index.js

@@ -10,7 +10,7 @@ var withLayer = require('@kne/with-layer');
 var icons = require('@ant-design/icons');
 var AvatarEditor = require('react-avatar-editor');
 var omit = require('lodash/omit');
-var moment = require('moment');
+var dayjs = require('dayjs');
 var useControlValue = require('@kne/use-control-value');
 var useEvent = require('@kne/use-event');
 var reactFetch = require('@kne/react-fetch');
@@ -47,7 +47,7 @@ var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 var withLayer__default = /*#__PURE__*/_interopDefaultLegacy(withLayer);
 var AvatarEditor__default = /*#__PURE__*/_interopDefaultLegacy(AvatarEditor);
 var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var useControlValue__default = /*#__PURE__*/_interopDefaultLegacy(useControlValue);
 var useEvent__default = /*#__PURE__*/_interopDefaultLegacy(useEvent);
 var groupBy__default = /*#__PURE__*/_interopDefaultLegacy(groupBy);
@@ -90,7 +90,7 @@ var globalParams = {
   field: {
     upload: {
       displayFilename: 'filename',
-      action: '/upload',
+      action: '/open-api/upload_static_file/interview-manager',
       transformResponse: function transformResponse(response) {
         var targetPath = get__default["default"](response, 'results[0].targetPath');
         var filename = get__default["default"](response, 'results[0].filename');
@@ -125,7 +125,7 @@ var preset = (function (props) {
   ReactForm.preset(globalParams.rules);
 });
 
-var _excluded$8 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+var _excluded$9 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
 var ScrollToError = reactFormHelper.widget.ScrollToError,
   EnterSubmit = reactFormHelper.widget.EnterSubmit,
   FormStore = reactFormHelper.widget.FormStore,
@@ -138,7 +138,7 @@ var Form = React.forwardRef(function (originProps, ref) {
     scrollToError = originProps.scrollToError,
     scrollProps = originProps.scrollProps,
     children = originProps.children,
-    props = _objectWithoutPropertiesLoose(originProps, _excluded$8);
+    props = _objectWithoutPropertiesLoose(originProps, _excluded$9);
   var baseClass = 'react-form';
   var computedClass = baseClass;
   var _Object$assign = Object.assign({
@@ -262,15 +262,15 @@ var getPopupContainer = function getPopupContainer(triggerNode) {
   return findAntdPopupContainer(triggerNode);
 };
 
-var _excluded$7 = ["close", "file", "editor", "onComplete"];
-var useOnChange$c = reactFormHelper.hooks.useOnChange;
+var _excluded$8 = ["close", "file", "editor", "onComplete"];
+var useOnChange$d = reactFormHelper.hooks.useOnChange;
 var avatarParams = globalParams.field.avatar;
 var createAvatarEditor = withLayer__default["default"](function (_ref) {
   var close = _ref.close,
     file = _ref.file,
     editor = _ref.editor,
     onComplete = _ref.onComplete,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var editorRef = React.useRef(null);
   var _useState = React.useState(0),
     rotate = _useState[0],
@@ -518,7 +518,7 @@ _Avatar.defaultProps = {
   openEditor: false
 };
 var AvatarInput = function AvatarInput(props) {
-  var render = useOnChange$c(props);
+  var render = useOnChange$d(props);
   return render(_Avatar);
 };
 AvatarInput.defaultProps = {
@@ -526,32 +526,32 @@ AvatarInput.defaultProps = {
 };
 AvatarInput.field = _Avatar;
 
-var useOnChange$b = reactFormHelper.hooks.useOnChange;
+var useOnChange$c = reactFormHelper.hooks.useOnChange;
 var Cascader$1 = function Cascader(props) {
-  var render = useOnChange$b(props);
+  var render = useOnChange$c(props);
   return render(antd.Cascader);
 };
 Cascader$1.defaultProps = {
   fieldName: 'cascader'
 };
 
-var useOnChange$a = reactFormHelper.hooks.useOnChange,
+var useOnChange$b = reactFormHelper.hooks.useOnChange,
   useCheckedToValue$1 = reactFormHelper.hooks.useCheckedToValue;
 var withChecked$1 = reactFormHelper.hoc.withChecked;
 var WithCheckbox = withChecked$1(antd.Checkbox);
 var Checkbox$1 = function Checkbox(props) {
   var checkedProps = useCheckedToValue$1(props);
-  var render = useOnChange$a(checkedProps);
+  var render = useOnChange$b(checkedProps);
   return render(WithCheckbox);
 };
 Checkbox$1.defaultProps = {
   fieldName: 'checkbox'
 };
 
-var useOnChange$9 = reactFormHelper.hooks.useOnChange;
+var useOnChange$a = reactFormHelper.hooks.useOnChange;
 var _CheckboxGroup = antd.Checkbox.Group;
 var CheckboxGroup$1 = function CheckboxGroup(props) {
-  var render = useOnChange$9(props);
+  var render = useOnChange$a(props);
   return render(_CheckboxGroup);
 };
 CheckboxGroup$1.Checkbox = antd.Checkbox;
@@ -559,55 +559,59 @@ CheckboxGroup$1.defaultProps = {
   fieldName: 'checkboxGroup'
 };
 
-var useOnChange$8 = reactFormHelper.hooks.useOnChange;
+var useOnChange$9 = reactFormHelper.hooks.useOnChange;
 var MonthPicker = antd.DatePicker.MonthPicker,
   RangePicker$1 = antd.DatePicker.RangePicker,
   WeekPicker = antd.DatePicker.WeekPicker;
 var _DatePicker = function _DatePicker(props) {
-  var render = useOnChange$8(Object.assign({
+  var render = useOnChange$9(Object.assign({
     placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
   }, props));
   return render(antd.DatePicker);
 };
 _DatePicker.defaultProps = {
-  fieldName: 'datePicker'
+  fieldName: 'datePicker',
+  getPopupContainer: getPopupContainer
 };
 var _MonthPicker = function _MonthPicker(props) {
-  var render = useOnChange$8(Object.assign({
+  var render = useOnChange$9(Object.assign({
     placeholder: ['开始时间', '结束时间']
   }, props));
   return render(MonthPicker);
 };
 _MonthPicker.defaultProps = {
-  fieldName: 'monthDatePicker'
+  fieldName: 'monthDatePicker',
+  getPopupContainer: getPopupContainer
 };
 var _RangePicker$1 = function _RangePicker(props) {
-  var render = useOnChange$8(Object.assign({
+  var render = useOnChange$9(Object.assign({
     placeholder: ['开始时间', '结束时间']
   }, props));
   return render(RangePicker$1);
 };
 _RangePicker$1.defaultProps = {
-  fieldName: 'rangeDatePicker'
+  fieldName: 'rangeDatePicker',
+  getPopupContainer: getPopupContainer
 };
 var _WeekPicker = function _WeekPicker(props) {
-  var render = useOnChange$8(Object.assign({
+  var render = useOnChange$9(Object.assign({
     placeholder: ['开始时间', '结束时间']
   }, props));
   return render(WeekPicker);
 };
 _WeekPicker.defaultProps = {
-  fieldName: 'weekDatePicker'
+  fieldName: 'weekDatePicker',
+  getPopupContainer: getPopupContainer
 };
 _DatePicker.MonthPicker = _MonthPicker;
 _DatePicker.RangePicker = _RangePicker$1;
 _DatePicker.WeekPicker = _WeekPicker;
 
-var _excluded$6 = ["soFarText"];
-var useOnChange$7 = reactFormHelper.hooks.useOnChange;
+var _excluded$7 = ["soFarText"];
+var useOnChange$8 = reactFormHelper.hooks.useOnChange;
 var PickerToday = function PickerToday(_ref) {
   var soFarText = _ref.soFarText,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var _useControlValue = useControlValue__default["default"](props),
     data = _useControlValue[0],
     onChange = _useControlValue[1];
@@ -618,8 +622,8 @@ var PickerToday = function PickerToday(_ref) {
     var d = get__default["default"](data, 1, '');
     var p = get__default["default"](props, ['placeholder'], ['开始日期', '结束日期']);
     return {
-      start: s ? moment__default["default"](s) : '',
-      end: d === '至今' ? null : d ? moment__default["default"](d) : '',
+      start: s ? dayjs__default["default"](s) : '',
+      end: d === '至今' ? null : d ? dayjs__default["default"](d) : '',
       showZj: d === '至今',
       placeholder: p
     };
@@ -687,7 +691,7 @@ var PickerToday = function PickerToday(_ref) {
   }))));
 };
 var RangePickerToday = function RangePickerToday(props) {
-  var render = useOnChange$7(props);
+  var render = useOnChange$8(props);
   return render(PickerToday);
 };
 RangePickerToday.defaultProps = {
@@ -729,11 +733,11 @@ InputNumberField.defaultProps = {
   autoComplete: 'off'
 };
 
-var _excluded$5 = ["onChange"];
-var useOnChange$6 = reactFormHelper.hooks.useOnChange;
+var _excluded$6 = ["onChange"];
+var useOnChange$7 = reactFormHelper.hooks.useOnChange;
 var RadioGroup$1 = function RadioGroup(_ref) {
   var onChange = _ref.onChange,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var handler = React.useCallback(function (e) {
     onChange && onChange(e.target.value);
   }, [onChange]);
@@ -742,7 +746,7 @@ var RadioGroup$1 = function RadioGroup(_ref) {
   }));
 };
 var _RadioGroup = function _RadioGroup(props) {
-  var render = useOnChange$6(props);
+  var render = useOnChange$7(props);
   return render(RadioGroup$1);
 };
 _RadioGroup.defaultProps = {
@@ -750,8 +754,8 @@ _RadioGroup.defaultProps = {
 };
 _RadioGroup.Radio = antd.Radio;
 
-var _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
-var useOnChange$5 = reactFormHelper.hooks.useOnChange;
+var _excluded$5 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
+var useOnChange$6 = reactFormHelper.hooks.useOnChange;
 var withFetch = function withFetch(WrappedComponent) {
   var FieldInner = reactFetch.withFetch(function (_ref) {
     var data = _ref.data,
@@ -766,7 +770,7 @@ var withFetch = function withFetch(WrappedComponent) {
       children = _ref.children,
       onLoaded = _ref.onLoaded,
       fetchProps = _ref.fetchProps,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
     var refreshRef = React.useRef(refresh);
     refreshRef.current = refresh;
     var reloadRef = React.useRef(reload);
@@ -824,7 +828,7 @@ var withFetch = function withFetch(WrappedComponent) {
   };
   var Fetch = React.forwardRef(function (props, ref) {
     var emitter = useFetchEmitter(ref);
-    var render = useOnChange$5(Object.assign({
+    var render = useOnChange$6(Object.assign({
       placeholder: "\u8BF7\u9009\u62E9" + props.label
     }, props, {
       fetchEmitter: emitter
@@ -840,9 +844,9 @@ var withFetch = function withFetch(WrappedComponent) {
   return Fetch;
 };
 
-var useOnChange$4 = reactFormHelper.hooks.useOnChange;
+var useOnChange$5 = reactFormHelper.hooks.useOnChange;
 var _Select = function _Select(props) {
-  var render = useOnChange$4(Object.assign({
+  var render = useOnChange$5(Object.assign({
     placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
   }, props));
   return render(antd.Select);
@@ -851,8 +855,103 @@ _Select.Fetch = withFetch(antd.Select);
 _Select.Option = antd.Select.Option;
 _Select.OptGroup = antd.Select.OptGroup;
 _Select.defaultProps = _Select.Fetch.defaultProps = {
-  fieldName: 'select'
+  fieldName: 'select',
+  getPopupContainer: getPopupContainer
+};
+
+var _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps", "requestParams"];
+var useOnChange$4 = reactFormHelper.hooks.useOnChange;
+var _SelectFetch = reactFetch.withFetch(function (_ref) {
+  var data = _ref.data,
+    setData = _ref.setData,
+    refresh = _ref.refresh,
+    reload = _ref.reload,
+    emitter = _ref.emitter,
+    isLoading = _ref.isLoading,
+    children = _ref.children,
+    onLoaded = _ref.onLoaded,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  var refreshRef = React.useRef(refresh);
+  refreshRef.current = refresh;
+  var reloadRef = React.useRef(reload);
+  reloadRef.current = reload;
+  var setDataRef = React.useRef(setData);
+  setDataRef.current = setData;
+  var dataRef = React.useRef(data);
+  React.useEffect(function () {
+    console.warn('请使用Select.Fetch替代该组件，该组件会在未来某个版本被移除');
+    var token1 = emitter.addListener('select-fetch-refresh', function () {
+      return refreshRef.current();
+    });
+    var token2 = emitter.addListener('select-fetch-reload', function () {
+      return reloadRef.current();
+    });
+    var token3 = emitter.addListener('select-fetch-set-data', function () {
+      return setDataRef.current();
+    });
+    return function () {
+      token1 && token1.remove();
+      token2 && token2.remove();
+      token3 && token3.remove();
+    };
+  }, [emitter]);
+  React.useEffect(function () {
+    onLoaded && onLoaded(dataRef.current);
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(antd.Select, props, children({
+    data: data,
+    refresh: refresh,
+    isLoading: isLoading,
+    setData: setData
+  }));
+});
+var SelectFetch$1 = React.forwardRef(function (props, ref) {
+  var emitter = useEvent__default["default"]();
+  React.useImperativeHandle(ref, function () {
+    return {
+      refresh: function refresh() {
+        return emitter.emit('select-fetch-refresh');
+      },
+      reload: function reload() {
+        return emitter.emit('select-fetch-reload');
+      },
+      setData: function setData(data) {
+        return emitter.emit('select-fetch-set-data', data);
+      }
+    };
+  }, [emitter]);
+  var render = useOnChange$4(Object.assign({
+    placeholder: "\u8BF7\u9009\u62E9" + props.label
+  }, props, {
+    emitter: emitter
+  }));
+  return render(_SelectFetch);
+});
+SelectFetch$1.field = React.forwardRef(function (props, ref) {
+  var emitter = useEvent__default["default"]();
+  React.useImperativeHandle(ref, function () {
+    return {
+      refresh: function refresh() {
+        return emitter.emit('select-fetch-refresh');
+      },
+      reload: function reload() {
+        return emitter.emit('select-fetch-reload');
+      },
+      setData: function setData(data) {
+        return emitter.emit('select-fetch-set-data', data);
+      }
+    };
+  }, [emitter]);
+  return /*#__PURE__*/React__default["default"].createElement(_SelectFetch, _extends({}, props, {
+    emitter: emitter
+  }));
+});
+SelectFetch$1.defaultProps = {
+  fieldName: 'selectFetch',
+  getPopupContainer: getPopupContainer
 };
+SelectFetch$1.Option = antd.Select.Option;
+SelectFetch$1.OptGroup = antd.Select.OptGroup;
 
 var useOnChange$3 = reactFormHelper.hooks.useOnChange,
   useCheckedToValue = reactFormHelper.hooks.useCheckedToValue;
@@ -887,7 +986,8 @@ var _TimePicker = function _TimePicker(props) {
   return render(antd.TimePicker);
 };
 _TimePicker.defaultProps = {
-  fieldName: 'timePicker'
+  fieldName: 'timePicker',
+  getPopupContainer: getPopupContainer
 };
 var _RangePicker = function _RangePicker(props) {
   var render = useOnChange$2(Object.assign({
@@ -896,7 +996,8 @@ var _RangePicker = function _RangePicker(props) {
   return render(RangePicker);
 };
 _RangePicker.defaultProps = {
-  fieldName: 'rangeTimePicker'
+  fieldName: 'rangeTimePicker',
+  getPopupContainer: getPopupContainer
 };
 _TimePicker.RangePicker = _RangePicker;
 
@@ -909,7 +1010,8 @@ var _TreeSelect = function _TreeSelect(props) {
 };
 _TreeSelect.Fetch = withFetch(antd.TreeSelect);
 _TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
-  fieldName: 'treeSelect'
+  fieldName: 'treeSelect',
+  getPopupContainer: getPopupContainer
 };
 _TreeSelect.TreeNode = antd.TreeSelect.TreeNode;
 
@@ -1038,7 +1140,7 @@ var _Upload = function _Upload(_ref3) {
     Object.assign(headers, uploadParams.getHeaders());
   }
   var UploadComponent = drag ? Dragger : antd.Upload;
-  return /*#__PURE__*/React__default["default"].createElement(UploadComponent, _extends({}, omit__default["default"](uploadParams, ['action', 'transformResponse']), {
+  return /*#__PURE__*/React__default["default"].createElement(UploadComponent, _extends({}, omit__default["default"](uploadParams, ['action', 'transformResponse']), props, {
     headers: headers,
     action: action || uploadParams.action,
     fileList: valueList,
@@ -1193,6 +1295,7 @@ var Input = InputField;
 var InputNumber = InputNumberField;
 var RadioGroup = _RadioGroup;
 var Select = _Select;
+var SelectFetch = SelectFetch$1;
 var Switch = Switch$1;
 var TextArea = TextArea$1;
 var TimePicker = _TimePicker;
@@ -1209,6 +1312,7 @@ var fields = {
   InputNumber: InputNumber,
   RadioGroup: RadioGroup,
   Select: Select,
+  SelectFetch: SelectFetch,
   Switch: Switch,
   TextArea: TextArea,
   TimePicker: TimePicker,
@@ -1241,6 +1345,7 @@ exports.InputNumber = InputNumber;
 exports.RadioGroup = RadioGroup;
 exports.ResetButton = ResetButton;
 exports.Select = Select;
+exports.SelectFetch = SelectFetch;
 exports.SubmitButton = SubmitButton;
 exports.Switch = Switch;
 exports.TextArea = TextArea;