@arco-design/mobile-react 2.38.4 → 2.39.1

package/cjs/form/form-item.js

@@ -1,55 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.FormItemInner = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _es6Promise = require("es6-promise");
-
 var _formItemContext = require("./form-item-context");
-
 var _contextProvider = require("../context-provider");
-
 var _type = require("./type");
-
 var _utils = require("./utils");
-
 var _linkedContainer = require("./linked-container");
-
-var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requiredIcon", "rules", "className"];
-
+var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requiredIcon", "rules", "className", "labelName"];
+/* eslint-disable react/no-unused-class-component-methods */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   (0, _inheritsLoose2.default)(FormItemInner, _PureComponent);
-
-  // eslint-disable-next-line react/static-property-placement
   function FormItemInner(props, context) {
     var _this;
-
     _this = _PureComponent.call(this, props) || this;
+    // eslint-disable-next-line react/static-property-placement
     _this.context = void 0;
     _this.destroyField = void 0;
     _this._errors = [];
     _this._touched = false;
-
     _this.onValueChange = function (curValue, preValue, info) {
       _this._touched = true;
       var shouldUpdate = _this.props.shouldUpdate;
-
       if (typeof shouldUpdate === 'function') {
         shouldUpdate({
           preValue: preValue,
@@ -57,85 +38,70 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
         }) && _this.forceUpdate();
         return;
       }
-
       if ((info == null ? void 0 : info.changeType) === _type.ValueChangeType.Reset) {
         _this.props.onValidateStatusChange({
           errors: [],
           warnings: [],
           errorTypes: []
         });
-
         _this._errors = [];
       }
-
       _this.forceUpdate();
     };
-
     _this.getInitialValue = function () {
       var _children$type, _getInitialValue;
-
       var _this$props = _this.props,
-          children = _this$props.children,
-          displayType = _this$props.displayType;
-
+        children = _this$props.children,
+        displayType = _this$props.displayType;
       var _this$context$form$ge = _this.context.form.getInternalHooks(),
-          getInitialValue = _this$context$form$ge.getInitialValue;
-
-      var childrenType = displayType || ((_children$type = children.type) == null ? void 0 : _children$type.displayName); // get user-defined initialValue or if not defined
-
+        getInitialValue = _this$context$form$ge.getInitialValue;
+      var childrenType = displayType || ((_children$type = children.type) == null ? void 0 : _children$type.displayName);
+      // get user-defined initialValue or if not defined
       return (_getInitialValue = getInitialValue(_this.props.field)) != null ? _getInitialValue : (0, _utils.getDefaultValueForInterComponent)(childrenType);
     };
-
     _this.getFieldError = function () {
       return _this._errors;
     };
-
     _this.isFieldTouched = function () {
       return _this._touched;
     };
-
     _this.getAllRuleValidateTriggers = function () {
       var _this$props$rules;
-
       return ((_this$props$rules = _this.props.rules) == null ? void 0 : _this$props$rules.map(function (rule) {
         return rule.validateTrigger;
       }).flat().filter(function (v) {
         return !!v;
       })) || [];
     };
-
     _this.validateField = function (validateTrigger) {
       var validateMessages = _this.context.validateMessages;
       var getFieldValue = _this.context.form.getFieldValue;
       var _this$props2 = _this.props,
-          field = _this$props2.field,
-          rules = _this$props2.rules,
-          onValidateStatusChange = _this$props2.onValidateStatusChange;
-      var value = getFieldValue(field); // rules: if validateTrigger is not defined, all rules will be validated
+        field = _this$props2.field,
+        rules = _this$props2.rules,
+        onValidateStatusChange = _this$props2.onValidateStatusChange,
+        labelName = _this$props2.labelName;
+      var value = getFieldValue(field);
+      // rules: if validateTrigger is not defined, all rules will be validated
       // if validateTrigger is defined, only rules  with validateTrigger  or  without rule.validateTrigger  will be validated
-
       var curRules = validateTrigger ? rules == null ? void 0 : rules.filter(function (rule) {
         var triggerList = [].concat(rule.validateTrigger || validateTrigger);
         return triggerList.includes(validateTrigger);
       }) : rules;
-
       if (curRules != null && curRules.length && field) {
         var _Validator;
-
         var fieldDom = _this.props.getFormItemRef();
-
-        var fieldValidator = new _mobileUtils.Validator((_Validator = {}, _Validator[field] = curRules, _Validator), {
+        var validateFieldName = labelName || field;
+        var fieldValidator = new _mobileUtils.Validator((_Validator = {}, _Validator[validateFieldName] = curRules, _Validator), {
           validateMessages: validateMessages
         });
         return new _es6Promise.Promise(function (resolve) {
           var _fieldValidator$valid;
-
-          fieldValidator.validate((_fieldValidator$valid = {}, _fieldValidator$valid[field] = value, _fieldValidator$valid), function (errorsMap) {
-            var _getErrorAndWarnings = (0, _utils.getErrorAndWarnings)((errorsMap == null ? void 0 : errorsMap[field]) || []),
-                errors = _getErrorAndWarnings.errors,
-                warnings = _getErrorAndWarnings.warnings,
-                errorTypes = _getErrorAndWarnings.errorTypes;
-
+          fieldValidator.validate((_fieldValidator$valid = {}, _fieldValidator$valid[validateFieldName] = value, _fieldValidator$valid), function (errorsMap) {
+            var _getErrorAndWarnings = (0, _utils.getErrorAndWarnings)((errorsMap == null ? void 0 : errorsMap[validateFieldName]) || []),
+              errors = _getErrorAndWarnings.errors,
+              warnings = _getErrorAndWarnings.warnings,
+              errorTypes = _getErrorAndWarnings.errorTypes;
             _this._errors = errors;
             onValidateStatusChange({
               errors: _this._errors,
@@ -152,7 +118,6 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           });
         });
       }
-
       return _es6Promise.Promise.resolve({
         errors: [],
         warnings: [],
@@ -161,130 +126,96 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
         dom: null
       });
     };
-
     _this.setFieldData = function (value) {
       var _this$props3 = _this.props,
-          field = _this$props3.field,
-          _this$props3$trigger = _this$props3.trigger,
-          trigger = _this$props3$trigger === void 0 ? 'onChange' : _this$props3$trigger;
-
+        field = _this$props3.field,
+        _this$props3$trigger = _this$props3.trigger,
+        trigger = _this$props3$trigger === void 0 ? 'onChange' : _this$props3$trigger;
       var _this$context$form$ge2 = _this.context.form.getInternalHooks(),
-          innerSetFieldValue = _this$context$form$ge2.innerSetFieldValue;
-
+        innerSetFieldValue = _this$context$form$ge2.innerSetFieldValue;
       innerSetFieldValue(field, value);
-
       _this.validateField(trigger);
     };
-
     _this.innerTriggerFunctionWithValueFirst = function (value) {
       var _children$props;
-
       _this.setFieldData(value);
-
       var _this$props4 = _this.props,
-          children = _this$props4.children,
-          _this$props4$trigger = _this$props4.trigger,
-          trigger = _this$props4$trigger === void 0 ? 'onChange' : _this$props4$trigger;
-
+        children = _this$props4.children,
+        _this$props4$trigger = _this$props4.trigger,
+        trigger = _this$props4$trigger === void 0 ? 'onChange' : _this$props4$trigger;
       if (trigger && (_children$props = children.props) != null && _children$props[trigger]) {
         var _children$props2;
-
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         (_children$props2 = children.props) == null ? void 0 : _children$props2[trigger].apply(_children$props2, [value].concat(args));
       }
     };
-
     _this.innerOnInputFunction = function (_, value) {
       var _children$props3;
-
       _this.setFieldData(value);
-
       var children = _this.props.children;
-
       for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
         args[_key2 - 2] = arguments[_key2];
       }
-
       (_children$props3 = children.props) == null ? void 0 : _children$props3.onInput == null ? void 0 : _children$props3.onInput.apply(_children$props3, [_, value].concat(args));
     };
-
     _this.innerClearFunction = function () {
       var _children$props4;
-
       var children = _this.props.children;
-
       _this.setFieldData('');
-
       if ((_children$props4 = children.props) != null && _children$props4.onClear) {
         var _children$props5;
-
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
-
         (_children$props5 = children.props) == null ? void 0 : _children$props5.onClear.apply(_children$props5, args);
       }
     };
-
     _this.destroyField = function () {};
-
     if (props != null && props.initialValue && props.field) {
       var _context$form$getInte = context.form.getInternalHooks(),
-          setInitialValue = _context$form$getInte.setInitialValue;
-
+        setInitialValue = _context$form$getInte.setInitialValue;
       setInitialValue(props.field, props.initialValue);
     }
-
     return _this;
   }
-
   var _proto = FormItemInner.prototype;
-
   _proto.componentDidMount = function componentDidMount() {
     var _this$context$form$ge3 = this.context.form.getInternalHooks(),
-        registerField = _this$context$form$ge3.registerField;
-
+      registerField = _this$context$form$ge3.registerField;
     this.destroyField = registerField(this.props.field, this);
   };
-
   _proto.componentWillUnmount = function componentWillUnmount() {
     this.destroyField();
   };
-
   _proto.renderChildren = function renderChildren() {
     var _this2 = this,
-        _children$type2,
-        _children$props7,
-        _children$props8;
-
+      _children$type2,
+      _children$props7,
+      _children$props8;
     var _this$props5 = this.props,
-        children = _this$props5.children,
-        field = _this$props5.field,
-        _this$props5$trigger = _this$props5.trigger,
-        trigger = _this$props5$trigger === void 0 ? 'onChange' : _this$props5$trigger,
-        _this$props5$triggerP = _this$props5.triggerPropsField,
-        triggerPropsField = _this$props5$triggerP === void 0 ? 'value' : _this$props5$triggerP,
-        displayType = _this$props5.displayType,
-        disabled = _this$props5.disabled;
+      children = _this$props5.children,
+      field = _this$props5.field,
+      _this$props5$trigger = _this$props5.trigger,
+      trigger = _this$props5$trigger === void 0 ? 'onChange' : _this$props5$trigger,
+      _this$props5$triggerP = _this$props5.triggerPropsField,
+      triggerPropsField = _this$props5$triggerP === void 0 ? 'value' : _this$props5$triggerP,
+      displayType = _this$props5.displayType,
+      disabled = _this$props5.disabled;
     var getFieldValue = this.context.form.getFieldValue;
     var childrenProps = {
       disabled: disabled
-    }; // inject validateTriggers of rules
-
+    };
+    // inject validateTriggers of rules
     this.getAllRuleValidateTriggers().forEach(function (triggerName) {
       childrenProps[triggerName] = function (e) {
         var _children$props6, _children$props6$trig;
-
         _this2.validateField(triggerName);
-
         children == null ? void 0 : (_children$props6 = children.props) == null ? void 0 : (_children$props6$trig = _children$props6[triggerName]) == null ? void 0 : _children$props6$trig.call(_children$props6, e);
       };
     });
     var childrenType = displayType || ((_children$type2 = children.type) == null ? void 0 : _children$type2.displayName);
-
     switch (childrenType) {
       case _type.FormInternalComponentType.Input:
       case _type.FormInternalComponentType.Textarea:
@@ -292,115 +223,95 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
         childrenProps.onInput = this.innerOnInputFunction;
         childrenProps.onClear = this.innerClearFunction;
         break;
-
       case _type.FormInternalComponentType.DatePicker:
         childrenProps.currentTs = getFieldValue(field);
         childrenProps.onChange = this.innerTriggerFunctionWithValueFirst;
-
         childrenProps.renderLinkedContainer = ((_children$props7 = children.props) == null ? void 0 : _children$props7.renderLinkedContainer) || function (ts, types) {
           return /*#__PURE__*/_react.default.createElement(_linkedContainer.DefaultDatePickerLinkedContainer, {
             ts: ts,
             types: types
           });
         };
-
         break;
-
       case _type.FormInternalComponentType.Picker:
         childrenProps.value = getFieldValue(field) || '';
         childrenProps.onChange = this.innerTriggerFunctionWithValueFirst;
-
         childrenProps.renderLinkedContainer = ((_children$props8 = children.props) == null ? void 0 : _children$props8.renderLinkedContainer) || function (val) {
           return /*#__PURE__*/_react.default.createElement(_linkedContainer.DefaultPickerLinkedContainer, {
             value: val
           });
         };
-
         break;
-
       case _type.FormInternalComponentType.Switch:
         childrenProps.checked = Boolean(getFieldValue(field));
         childrenProps.onChange = this.innerTriggerFunctionWithValueFirst;
         break;
-
       case _type.FormInternalComponentType.ImagePicker:
         childrenProps.images = getFieldValue(field);
         childrenProps.onChange = this.innerTriggerFunctionWithValueFirst;
         break;
-
       default:
         if (triggerPropsField) {
           childrenProps[triggerPropsField] = getFieldValue(field);
-        } // inject the validated result
-
-
+        }
+        // inject the validated result
         childrenProps.error = this._errors;
         childrenProps[trigger] = this.innerTriggerFunctionWithValueFirst;
     }
-
     return /*#__PURE__*/_react.default.cloneElement(children, childrenProps);
   };
-
   _proto.render = function render() {
     return this.renderChildren();
   };
-
   return FormItemInner;
 }(_react.PureComponent);
-
 exports.FormItemInner = FormItemInner;
 FormItemInner.contextType = _formItemContext.FormItemContext;
-
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _cls;
-
   var label = props.label,
-      field = props.field,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      itemLayout = props.layout,
-      style = props.style,
-      extra = props.extra,
-      requiredIcon = props.requiredIcon,
-      rules = props.rules,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-
+    field = props.field,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    itemLayout = props.layout,
+    style = props.style,
+    extra = props.extra,
+    requiredIcon = props.requiredIcon,
+    rules = props.rules,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    labelName = props.labelName,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var _useContext2 = (0, _react.useContext)(_formItemContext.FormItemContext),
-      layout = _useContext2.layout,
-      propsDisabled = _useContext2.disabled;
-
+    layout = _useContext2.layout,
+    propsDisabled = _useContext2.disabled;
   var _useState = (0, _react.useState)(null),
-      errors = _useState[0],
-      setErrors = _useState[1];
-
+    errors = _useState[0],
+    setErrors = _useState[1];
   var _useState2 = (0, _react.useState)(null),
-      errorTypes = _useState2[0],
-      setErrorTypes = _useState2[1];
-
+    errorTypes = _useState2[0],
+    setErrorTypes = _useState2[1];
   var _useState3 = (0, _react.useState)([]),
-      warnings = _useState3[0],
-      setWarnings = _useState3[1];
-
+    warnings = _useState3[0],
+    setWarnings = _useState3[1];
   var formItemRef = (0, _react.useRef)(null);
-
+  // Prioritize user provided label (if exists and valid string).
+  // Only use labelName as substitute when label is invalid (not a string) or not provided.
+  var labelStr = labelName || (typeof label === 'string' ? label : undefined);
+  var renderedLabel = label !== undefined ? label : labelName;
   var onValidateStatusChange = function onValidateStatusChange(validateResult) {
     var _errors = validateResult.errors,
-        _warnings = validateResult.warnings,
-        _errorTypes = validateResult.errorTypes;
+      _warnings = validateResult.warnings,
+      _errorTypes = validateResult.errorTypes;
     setErrors(_errors.length ? _errors[0] : null);
     setErrorTypes(_errorTypes.length ? _errorTypes[0] : null);
     setWarnings(_warnings);
   };
-
   var getFormItemRef = function getFormItemRef() {
     return formItemRef.current;
   };
-
   var fieldDisabled = disabled || propsDisabled;
   var fieldRules = rest != null && rest.required ? [{
     type: _mobileUtils.ValidatorType.String,
@@ -422,7 +333,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: (0, _mobileUtils.cls)(prefixCls + "-form-label-item")
   }, isRequired ? requiredIcon || /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _mobileUtils.cls)(prefixCls + "-form-label-item-required-asterisk")
-  }, "*") : null, label), /*#__PURE__*/_react.default.createElement("div", {
+  }, "*") : null, renderedLabel), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-form-item-control-wrapper")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-form-item-control")
@@ -430,6 +341,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     rules: fieldRules,
     disabled: fieldDisabled,
     field: field,
+    labelName: labelStr,
     onValidateStatusChange: onValidateStatusChange,
     getFormItemRef: getFormItemRef
   }))), errors && /*#__PURE__*/_react.default.createElement("div", {
@@ -441,5 +353,4 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, node) : node;
   })), extra);
 });
-
 exports.default = _default;

package/cjs/form/index.js

@@ -1,78 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   useForm: true
 };
 exports.useForm = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _contextProvider = require("../context-provider");
-
 var _formItem = _interopRequireDefault(require("./form-item"));
-
 var _formItemContext = require("./form-item-context");
-
 var _useForm2 = _interopRequireDefault(require("./useForm"));
-
 exports.useForm = _useForm2.default;
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-      initialValues = props.initialValues,
-      formInstance = props.form,
-      children = props.children,
-      onValuesChange = props.onValuesChange,
-      onChange = props.onChange,
-      onSubmit = props.onSubmit,
-      onSubmitFailed = props.onSubmitFailed,
-      disabled = props.disabled;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+    initialValues = props.initialValues,
+    formInstance = props.form,
+    children = props.children,
+    onValuesChange = props.onValuesChange,
+    onChange = props.onChange,
+    onSubmit = props.onSubmit,
+    onSubmitFailed = props.onSubmitFailed,
+    disabled = props.disabled;
   var domRef = (0, _react.useRef)(null);
   var initRef = (0, _react.useRef)(false);
-
   var _useForm = (0, _useForm2.default)(formInstance),
-      form = _useForm[0];
-
+    form = _useForm[0];
   var _getInternalHooks = form.getInternalHooks(),
-      setCallbacks = _getInternalHooks.setCallbacks,
-      setInitialValues = _getInternalHooks.setInitialValues;
-
+    setCallbacks = _getInternalHooks.setCallbacks,
+    setInitialValues = _getInternalHooks.setInitialValues;
   setCallbacks({
     onValuesChange: onValuesChange,
     onSubmit: onSubmit,
     onSubmitFailed: onSubmitFailed,
     onChange: onChange
   });
-
   if (!initRef.current) {
     setInitialValues(initialValues || {});
     initRef.current = true;
   }
-
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
@@ -86,8 +67,8 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls,
-        _ref$locale = _ref.locale,
-        locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
     return /*#__PURE__*/_react.default.createElement("form", {
       className: prefixCls + "-form " + className,
       style: style,
@@ -104,6 +85,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, children));
   });
 });
+
 /**
  * 表单组件用于集合数据录入
  * @en Form, Form for collecting data input
@@ -112,9 +94,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name 表单
  * @name_en Form
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Form, {
   Item: _formItem.default
 });
-
 exports.default = _default;