@hi-ui/form 4.1.2 → 4.1.4

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @hi-ui/form
 
+## 4.1.4
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-latest@4.0.3
+  - @hi-ui/button@4.0.8
+  - @hi-ui/array-utils@4.0.3
+  - @hi-ui/classname@4.0.3
+  - @hi-ui/dom-utils@4.0.6
+  - @hi-ui/func-utils@4.0.3
+  - @hi-ui/object-utils@4.0.3
+  - @hi-ui/type-assertion@4.0.3
+
+## 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

package/lib/cjs/Form.js

@@ -10,65 +10,51 @@
 '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) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(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,8 +82,7 @@ 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, {
       value: providedValue
@@ -108,11 +93,9 @@ var Form = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }, getRootProps()), children))
   );
 });
-
 if (env.__DEV__) {
   Form.displayName = 'Form';
 }
-
 var formExtends = function formExtends(model) {
   // @ts-ignore
   if (typeof model.name === 'string') {
@@ -122,7 +105,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

@@ -12,42 +12,26 @@
 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

@@ -10,59 +10,40 @@
 '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) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-/**
- * TODO: What is FormItem
- */
-
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 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,7 +56,6 @@ var FormItem = function FormItem(_a) {
         return item.required;
       });
     }
-
     return required;
   }, [required, showRequiredOnValidateRequired, fieldRules]);
   return /*#__PURE__*/React__default["default"].createElement(FormLabel.FormLabel, Object.assign({}, rest, {
@@ -98,9 +78,7 @@ var FormItem = function FormItem(_a) {
     render: render
   }, children));
 };
-
 if (env.__DEV__) {
   FormItem.displayName = 'FormItem';
 }
-
 exports.FormItem = FormItem;

package/lib/cjs/FormLabel.js

@@ -10,102 +10,81 @@
 '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) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(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({
     ref: ref,
@@ -117,17 +96,17 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: {
       alignItems: contentPositionMemo
     }
-  }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
+  }, label ? ( /*#__PURE__*/React__default["default"].createElement("label", {
     className: prefixCls + "__content__text",
     style: {
       width: labelWidth
     }
-  }, label, colon) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }, label, colon)) : ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__content__indent",
     style: {
       width: labelWidth
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__content__control",
     style: {
       width: controlWidth
@@ -138,9 +117,7 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, formMessage));
 });
-
 if (env.__DEV__) {
   FormLabel.displayName = 'FormLabel';
 }
-
 exports.FormLabel = FormLabel;

package/lib/cjs/FormList.js

@@ -10,51 +10,35 @@
 '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) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(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) {
     setFormState(function (prev) {
       var values = objectUtils.setNested(prev.values, name, stateFunc(objectUtils.getNested(prev.values, name)));
@@ -62,15 +46,12 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       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,
@@ -119,8 +100,8 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }, true, true);
   }, [updateFormList]);
   var listFields = React__default["default"].useMemo(function () {
-    var list = objectUtils.getNested(values, name) || []; // @ts-ignore
-
+    var list = objectUtils.getNested(values, name) || [];
+    // @ts-ignore
     return list.map(function (value, index) {
       return {
         name: '' + index,
@@ -129,8 +110,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 +121,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 +135,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;

package/lib/cjs/FormMessage.js

@@ -10,51 +10,34 @@
 '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');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'form-message';
-
 var _prefix = classname.getPrefixCls(_role);
-/**
- * TODO: What is FormMessage
- */
-
-
 var FormMessage = /*#__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,
-      field = _a.field,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "field"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    field = _a.field,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "field"]);
   var _useFormContext = context.useFormContext(),
-      getFieldError = _useFormContext.getFieldError; // field 支持数组，递归去设置或者获取对象中的属性值
+    getFieldError = _useFormContext.getFieldError;
+  // field 支持数组，递归去设置或者获取对象中的属性值
   // 如何变成映射的 key，特殊处理化
-
-
   var message = field ? getFieldError(field) : null;
   var cls = classname.cx(prefixCls, className, message && prefixCls + "--show");
   return /*#__PURE__*/React__default["default"].createElement("span", Object.assign({
@@ -63,9 +46,7 @@ var FormMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     className: cls
   }, rest), message);
 });
-
 if (env.__DEV__) {
   FormMessage.displayName = 'FormMessage';
 }
-
 exports.FormMessage = FormMessage;