@hi-ui/form 4.1.1 → 4.1.3

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @hi-ui/form
 
+## 4.1.3
+
+### Patch Changes
+
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-latest@4.0.2
+  - @hi-ui/button@4.0.7
+  - @hi-ui/array-utils@4.0.2
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/dom-utils@4.0.5
+  - @hi-ui/env@4.0.2
+  - @hi-ui/func-utils@4.0.2
+  - @hi-ui/object-utils@4.0.2
+  - @hi-ui/type-assertion@4.0.2
+
+## 4.1.2
+
+### Patch Changes
+
+- [#2374](https://github.com/XiaoMi/hiui/pull/2374) [`4e7308002`](https://github.com/XiaoMi/hiui/commit/4e7308002165b63b43491cfcfd0bc0586666cb85) Thanks [@zyprepare](https://github.com/zyprepare)! - 在 labelPlacement="top" 下，formMessage 显示异常
+
 ## 4.1.1
 
 ### Patch Changes

package/lib/cjs/Form.js

@@ -9,66 +9,42 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var context = require('./context.js');
-
 var useForm = require('./use-form.js');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _role = 'form';
-
-var _prefix = classname.getPrefixCls(_role); // form 注册表
-
-
+var _prefix = classname.getPrefixCls(_role);
+// form 注册表
 var FORM_REGISTER_TABLE = {};
 /**
- * TODO: What is Form
+ * 表单
  */
-
 var Form = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      children = _a.children,
-      innerRef = _a.innerRef,
-      labelWidth = _a.labelWidth,
-      _a$labelPlacement = _a.labelPlacement,
-      labelPlacement = _a$labelPlacement === void 0 ? 'right' : _a$labelPlacement,
-      _a$placement = _a.placement,
-      placement = _a$placement === void 0 ? 'vertical' : _a$placement,
-      _a$contentPosition = _a.contentPosition,
-      contentPosition = _a$contentPosition === void 0 ? 'center' : _a$contentPosition,
-      _a$showRequiredOnVali = _a.showRequiredOnValidateRequired,
-      showRequiredOnValidateRequired = _a$showRequiredOnVali === void 0 ? false : _a$showRequiredOnVali,
-      _a$showColon = _a.showColon,
-      showColon = _a$showColon === void 0 ? true : _a$showColon,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    children = _a.children,
+    innerRef = _a.innerRef,
+    labelWidth = _a.labelWidth,
+    _a$labelPlacement = _a.labelPlacement,
+    labelPlacement = _a$labelPlacement === void 0 ? 'right' : _a$labelPlacement,
+    _a$placement = _a.placement,
+    placement = _a$placement === void 0 ? 'vertical' : _a$placement,
+    _a$contentPosition = _a.contentPosition,
+    contentPosition = _a$contentPosition === void 0 ? 'center' : _a$contentPosition,
+    _a$showRequiredOnVali = _a.showRequiredOnValidateRequired,
+    showRequiredOnValidateRequired = _a$showRequiredOnVali === void 0 ? false : _a$showRequiredOnVali,
+    _a$showColon = _a.showColon,
+    showColon = _a$showColon === void 0 ? true : _a$showColon,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon"]);
   var formContext = useForm.useForm(rest);
-  var getRootProps = formContext.getRootProps; // @ts-ignore
-
+  var getRootProps = formContext.getRootProps;
+  // @ts-ignore
   React.useImperativeHandle(innerRef, function () {
     return {
       validate: formContext.submitForm,
@@ -96,23 +72,20 @@ var Form = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     });
   }, [labelWidth, formContext, labelPlacement, showColon, prefixCls, contentPosition, showRequiredOnValidateRequired]);
   var cls = classname.cx(prefixCls, className, placement && prefixCls + "--placement-" + placement);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/(
     // @ts-ignore
-    React__default["default"].createElement(context.FormProvider, {
+    React.createElement(context.FormProvider, {
       value: providedValue
-    }, /*#__PURE__*/React__default["default"].createElement("form", Object.assign({
+    }, /*#__PURE__*/React.createElement("form", Object.assign({
       ref: ref,
       role: role,
       className: cls
     }, getRootProps()), children))
   );
 });
-
 if (env.__DEV__) {
   Form.displayName = 'Form';
 }
-
 var formExtends = function formExtends(model) {
   // @ts-ignore
   if (typeof model.name === 'string') {
@@ -122,7 +95,6 @@ var formExtends = function formExtends(model) {
     env.invariant(false, 'The name should be unique string and not empty.');
   }
 };
-
 Object.assign(Form, {
   "extends": formExtends
 });

package/lib/cjs/FormField.js

@@ -9,45 +9,26 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var env = require('@hi-ui/env');
-
 var useFormField = require('./use-form-field.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-/**
- * TODO: What is FormField
- */
-
-
 var FormField = function FormField(props) {
   var _a;
-
   var fieldProps = useFormField.useFormField(props);
-
   if (typeAssertion.isFunction(props.render)) {
     return props.render(fieldProps);
   }
-
   if (typeAssertion.isFunction(props.children)) {
     return props.children(fieldProps);
   }
-
   if (! /*#__PURE__*/React.isValidElement(props.children)) {
     console.warn('FormField must pass a valid element as children.');
     return (_a = props.children) !== null && _a !== void 0 ? _a : null;
   }
-
   return /*#__PURE__*/React.cloneElement(props.children, Object.assign({}, fieldProps));
 };
-
 if (env.__DEV__) {
   FormField.displayName = 'FormField';
 }
-
 exports.FormField = FormField;

package/lib/cjs/FormItem.js

@@ -9,60 +9,31 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var env = require('@hi-ui/env');
-
 var useFormField = require('./use-form-field.js');
-
 var FormLabel = require('./FormLabel.js');
-
 var FormMessage = require('./FormMessage.js');
-
 var FormField = require('./FormField.js');
-
 var context = require('./context.js');
-
 var classname = require('@hi-ui/classname');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-/**
- * TODO: What is FormItem
- */
-
-
 var FormItem = function FormItem(_a) {
   var className = _a.className,
-      children = _a.children,
-      field = _a.field,
-      valueType = _a.valueType,
-      rules = _a.rules,
-      valuePropName = _a.valuePropName,
-      valueChangeFuncPropName = _a.valueChangeFuncPropName,
-      valueDispatchTransform = _a.valueDispatchTransform,
-      valueConnectTransform = _a.valueConnectTransform,
-      validateTrigger = _a.validateTrigger,
-      render = _a.render,
-      rest = tslib.__rest(_a, ["className", "children", "field", "valueType", "rules", "valuePropName", "valueChangeFuncPropName", "valueDispatchTransform", "valueConnectTransform", "validateTrigger", "render"]);
-
+    children = _a.children,
+    field = _a.field,
+    valueType = _a.valueType,
+    rules = _a.rules,
+    valuePropName = _a.valuePropName,
+    valueChangeFuncPropName = _a.valueChangeFuncPropName,
+    valueDispatchTransform = _a.valueDispatchTransform,
+    valueConnectTransform = _a.valueConnectTransform,
+    validateTrigger = _a.validateTrigger,
+    render = _a.render,
+    rest = tslib.__rest(_a, ["className", "children", "field", "valueType", "rules", "valuePropName", "valueChangeFuncPropName", "valueDispatchTransform", "valueConnectTransform", "validateTrigger", "render"]);
   var _useFormContext = context.useFormContext(),
-      prefixCls = _useFormContext.prefixCls,
-      showRequiredOnValidateRequired = _useFormContext.showRequiredOnValidateRequired;
-
+    prefixCls = _useFormContext.prefixCls,
+    showRequiredOnValidateRequired = _useFormContext.showRequiredOnValidateRequired;
   var fieldRules = useFormField.useFiledRules({
     field: field,
     rules: rules,
@@ -75,18 +46,17 @@ var FormItem = function FormItem(_a) {
         return item.required;
       });
     }
-
     return required;
   }, [required, showRequiredOnValidateRequired, fieldRules]);
-  return /*#__PURE__*/React__default["default"].createElement(FormLabel.FormLabel, Object.assign({}, rest, {
+  return /*#__PURE__*/React.createElement(FormLabel.FormLabel, Object.assign({}, rest, {
     required: showRequired,
     // @ts-ignore
-    formMessage: /*#__PURE__*/React__default["default"].createElement(FormMessage.FormMessage, {
+    formMessage: /*#__PURE__*/React.createElement(FormMessage.FormMessage, {
       field: field,
       className: prefixCls + "-item__message"
     }),
     className: classname.cx(prefixCls + "-item", className)
-  }), /*#__PURE__*/React__default["default"].createElement(FormField.FormField, {
+  }), /*#__PURE__*/React.createElement(FormField.FormField, {
     field: field,
     valueType: valueType,
     rules: rules,
@@ -98,9 +68,7 @@ var FormItem = function FormItem(_a) {
     render: render
   }, children));
 };
-
 if (env.__DEV__) {
   FormItem.displayName = 'FormItem';
 }
-
 exports.FormItem = FormItem;

package/lib/cjs/FormLabel.js

@@ -9,138 +9,105 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var context = require('./context.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var core = require('@hi-ui/core');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _role = 'form-label';
-
 var _prefix = classname.getPrefixCls(_role);
-/**
- * TODO: What is FormLabel
- */
-
-
 var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var i18n = core.useLocaleContext();
-
   var _useFormContext = context.useFormContext(),
-      labelWidthContext = _useFormContext.labelWidth,
-      labelPlacementContext = _useFormContext.labelPlacement,
-      showColonContext = _useFormContext.showColon,
-      contentPositionContext = _useFormContext.contentPosition;
-
+    labelWidthContext = _useFormContext.labelWidth,
+    labelPlacementContext = _useFormContext.labelPlacement,
+    showColonContext = _useFormContext.showColon,
+    contentPositionContext = _useFormContext.contentPosition;
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
-      _props$role = props.role,
-      role = _props$role === void 0 ? _role : _props$role,
-      className = props.className,
-      styleProp = props.style,
-      children = props.children,
-      label = props.label,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      _props$labelWidth = props.labelWidth,
-      labelWidthProp = _props$labelWidth === void 0 ? labelWidthContext : _props$labelWidth,
-      _props$showColon = props.showColon,
-      showColon = _props$showColon === void 0 ? showColonContext : _props$showColon,
-      _props$contentPositio = props.contentPosition,
-      contentPosition = _props$contentPositio === void 0 ? contentPositionContext : _props$contentPositio,
-      _props$labelPlacement = props.labelPlacement,
-      labelPlacement = _props$labelPlacement === void 0 ? labelPlacementContext : _props$labelPlacement,
-      formMessage = props.formMessage,
-      rest = tslib.__rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage"]);
-
+    prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
+    _props$role = props.role,
+    role = _props$role === void 0 ? _role : _props$role,
+    className = props.className,
+    styleProp = props.style,
+    children = props.children,
+    label = props.label,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    _props$labelWidth = props.labelWidth,
+    labelWidthProp = _props$labelWidth === void 0 ? labelWidthContext : _props$labelWidth,
+    _props$showColon = props.showColon,
+    showColon = _props$showColon === void 0 ? showColonContext : _props$showColon,
+    _props$contentPositio = props.contentPosition,
+    contentPosition = _props$contentPositio === void 0 ? contentPositionContext : _props$contentPositio,
+    _props$labelPlacement = props.labelPlacement,
+    labelPlacement = _props$labelPlacement === void 0 ? labelPlacementContext : _props$labelPlacement,
+    formMessage = props.formMessage,
+    rest = tslib.__rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage"]);
   var _useMemo = React.useMemo(function () {
-    if (labelPlacement === 'top') return {
-      labelWidth: '100%',
-      controlWidth: '100%'
-    };
-    var labelWidth = typeAssertion.isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
-    return {
-      labelWidth: labelWidth,
-      controlWidth: "calc(100% - " + labelWidth + "px)"
-    };
-  }, [labelPlacement, labelWidthProp]),
-      labelWidth = _useMemo.labelWidth,
-      controlWidth = _useMemo.controlWidth; // 指定子元素位置
-
-
+      if (labelPlacement === 'top') return {
+        labelWidth: '100%',
+        controlWidth: '100%'
+      };
+      var labelWidth = typeAssertion.isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
+      return {
+        labelWidth: labelWidth,
+        controlWidth: "calc(100% - " + labelWidth + "px)"
+      };
+    }, [labelPlacement, labelWidthProp]),
+    labelWidth = _useMemo.labelWidth,
+    controlWidth = _useMemo.controlWidth;
+  // 指定子元素位置
   var contentPositionMemo = React.useMemo(function () {
     switch (contentPosition) {
       case 'top':
         return 'flex-start';
-
       case 'bottom':
         return 'flex-end';
-
       default:
         return 'center';
     }
   }, [contentPosition]);
   var colon = showColon ? i18n.get('form.colon') : null;
-  var cls = classname.cx(prefixCls, className, required && prefixCls + "--required", labelPlacement && prefixCls + "--placement-" + labelPlacement // error && `${prefixCls}--error`,
+  var cls = classname.cx(prefixCls, className, required && prefixCls + "--required", labelPlacement && prefixCls + "--placement-" + labelPlacement
+  // error && `${prefixCls}--error`,
   // validating && `${prefixCls}--validating`
   );
+
   var style = Object.assign({}, styleProp);
-  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls,
     style: style
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content",
     style: {
       alignItems: contentPositionMemo
     }
-  }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
+  }, label ? /*#__PURE__*/React.createElement("label", {
     className: prefixCls + "__content__text",
     style: {
       width: labelWidth
     }
-  }, label, colon) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }, label, colon) : /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__content__indent",
     style: {
       width: labelWidth
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content__control",
     style: {
       width: controlWidth
     }
-  }, children)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children)), /*#__PURE__*/React.createElement("div", {
     style: {
-      paddingLeft: labelWidth
+      paddingLeft: "calc(100% - " + controlWidth + ")"
     }
   }, formMessage));
 });
-
 if (env.__DEV__) {
   FormLabel.displayName = 'FormLabel';
 }
-
 exports.FormLabel = FormLabel;

package/lib/cjs/FormList.js

@@ -9,68 +9,39 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var env = require('@hi-ui/env');
-
 var context = require('./context.js');
-
 var objectUtils = require('@hi-ui/object-utils');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var fieldListSymbol = Symbol('field-list');
-/**
- * TODO: What is FormList
- */
-
 var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      nameProp = _ref.name,
-      innerRef = _ref.innerRef;
-
+    nameProp = _ref.name,
+    innerRef = _ref.innerRef;
   var _useFormContext = context.useFormContext(),
-      values = _useFormContext.values,
-      setFormState = _useFormContext.setFormState; // 唯一 id 生成器
+    values = _useFormContext.values,
+    setFormState = _useFormContext.setFormState;
+  // 唯一 id 生成器
   // const listCountRef = React.useRef(0)
   // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
   var name = typeAssertion.isArray(nameProp) ? nameProp : [nameProp];
   /**
    * form List 动态字段更新器
    */
-
-  var updateFormList = React__default["default"].useCallback(function (stateFunc, alterTouched, alterErrors) {
+  var updateFormList = React.useCallback(function (stateFunc, alterTouched, alterErrors) {
     setFormState(function (prev) {
       var values = objectUtils.setNested(prev.values, name, stateFunc(objectUtils.getNested(prev.values, name)));
       var updateErrors = typeof alterErrors === 'function' ? alterErrors : stateFunc;
       var updateTouched = typeof alterTouched === 'function' ? alterTouched : stateFunc;
       var fieldError = alterErrors ? updateErrors(objectUtils.getNested(prev.errors, name)) : undefined;
       var fieldTouched = alterTouched ? updateTouched(objectUtils.getNested(prev.touched, name)) : undefined;
-
       if (!typeAssertion.isArrayNonEmpty(fieldError)) {
         fieldError = undefined;
       }
-
       if (!typeAssertion.isArrayNonEmpty(fieldTouched)) {
         fieldTouched = undefined;
       }
-
       return {
         values: values,
         errors: alterErrors ? objectUtils.setNested(prev.errors, name, fieldError) : prev.errors,
@@ -78,20 +49,20 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       };
     });
   }, [name, setFormState]);
-  var add = React__default["default"].useCallback(function (value) {
+  var add = React.useCallback(function (value) {
     // 维护的 动态 field list
     updateFormList(function (prev) {
       return [].concat(asArray(prev), [value]);
     }, false, false);
   }, [updateFormList]);
-  var remove = React__default["default"].useCallback(function (index) {
+  var remove = React.useCallback(function (index) {
     updateFormList(function (prev) {
       return asArray(prev).filter(function (_, idx) {
         return idx !== index;
       });
     }, true, true);
   }, [updateFormList]);
-  var insertBefore = React__default["default"].useCallback(function (index, value) {
+  var insertBefore = React.useCallback(function (index, value) {
     updateFormList(function (prev) {
       return insert(asArray(prev), index, value);
     }, function (prev) {
@@ -100,7 +71,7 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return insert(asArray(prev), index, null);
     });
   }, [updateFormList]);
-  var swap = React__default["default"].useCallback(function (aIndex, bIndex) {
+  var swap = React.useCallback(function (aIndex, bIndex) {
     updateFormList(function (prev) {
       var copy = [].concat(asArray(prev));
       var temp = copy[aIndex];
@@ -109,7 +80,7 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return copy;
     }, true, true);
   }, [updateFormList]);
-  var move = React__default["default"].useCallback(function (fromIndex, toIndex) {
+  var move = React.useCallback(function (fromIndex, toIndex) {
     updateFormList(function (prev) {
       var copy = [].concat(asArray(prev));
       var temp = copy[fromIndex];
@@ -118,9 +89,9 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return copy;
     }, true, true);
   }, [updateFormList]);
-  var listFields = React__default["default"].useMemo(function () {
-    var list = objectUtils.getNested(values, name) || []; // @ts-ignore
-
+  var listFields = React.useMemo(function () {
+    var list = objectUtils.getNested(values, name) || [];
+    // @ts-ignore
     return list.map(function (value, index) {
       return {
         name: '' + index,
@@ -129,8 +100,8 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         value: value
       };
     });
-  }, [values, name]); // @ts-ignore
-
+  }, [values, name]);
+  // @ts-ignore
   React.useImperativeHandle(innerRef, function () {
     return {
       add: add,
@@ -140,15 +111,12 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       move: move
     };
   });
-
   if (typeof children !== 'function') {
     if (env.__DEV__) {
       console.warn(false, 'FormList only accepts a render function as children.');
     }
-
     return null;
   }
-
   return children(listFields, {
     add: add,
     remove: remove,
@@ -157,19 +125,15 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     move: move
   });
 });
-
 if (env.__DEV__) {
   FormList.displayName = 'FormList';
 }
-
 var insert = function insert(arr, index, value) {
   arr = [].concat(arr);
   arr.splice(index, 0, value);
   return arr;
 };
-
 var asArray = function asArray(arr) {
   return typeAssertion.isArray(arr) ? arr : [];
 };
-
 exports.FormList = FormList;