@arco-design/mobile-react 2.38.4 → 2.39.1

package/umd/form/form-item.js

@@ -14,36 +14,29 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = _exports.FormItemInner = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _inheritsLoose2 = _interopRequireDefault(_inheritsLoose2);
   _react = _interopRequireWildcard(_react);
-  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,
@@ -51,85 +44,70 @@
           }) && _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,
@@ -146,7 +124,6 @@
             });
           });
         }
-
         return _es6Promise.Promise.resolve({
           errors: [],
           warnings: [],
@@ -155,130 +132,96 @@
           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:
@@ -286,115 +229,95 @@
           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,
@@ -416,7 +339,7 @@
       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")
@@ -424,6 +347,7 @@
       rules: fieldRules,
       disabled: fieldDisabled,
       field: field,
+      labelName: labelStr,
       onValidateStatusChange: onValidateStatusChange,
       getFormItemRef: getFormItemRef
     }))), errors && /*#__PURE__*/_react.default.createElement("div", {
@@ -435,6 +359,5 @@
       }, node) : node;
     })), extra);
   });
-
   _exports.default = _default;
 });

package/umd/form/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     useForm: true
@@ -31,47 +30,39 @@
     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,
@@ -85,8 +76,8 @@
     };
     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,
@@ -103,6 +94,7 @@
       }, children));
     });
   });
+
   /**
    * 表单组件用于集合数据录入
    * @en Form, Form for collecting data input
@@ -111,10 +103,8 @@
    * @name 表单
    * @name_en Form
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Form, {
     Item: _formItem.default
   });
-
   _exports.default = _default;
 });

package/umd/form/linked-container.js

@@ -14,24 +14,18 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.DefaultDatePickerLinkedContainer = DefaultDatePickerLinkedContainer;
   _exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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; }
-
   function DefaultPickerLinkedContainer(_ref) {
     var value = _ref.value;
-
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-        prefixCls = _useContext.prefixCls,
-        locale = _useContext.locale;
-
+      prefixCls = _useContext.prefixCls,
+      locale = _useContext.locale;
     var className = prefixCls + "-form-picker-link-container";
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className
@@ -39,33 +33,26 @@
       className: className + "-placeholder"
     }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
   }
-
   function DefaultDatePickerLinkedContainer(_ref2) {
     var ts = _ref2.ts,
-        types = _ref2.types;
-
+      types = _ref2.types;
     var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
-        prefixCls = _useContext2.prefixCls,
-        locale = _useContext2.locale;
-
+      prefixCls = _useContext2.prefixCls,
+      locale = _useContext2.locale;
     var className = prefixCls + "-form-picker-link-container";
     var dateTimeStr = (0, _react.useMemo)(function () {
       if (ts === undefined) {
         return '';
       }
-
       if (typeof ts === 'number') {
         return formatDateTimeStr(ts, types);
       }
-
       return formatDateTimeStr(ts[0], types) + " ~ " + formatDateTimeStr(ts[1], types);
     }, [ts, types]);
-
     function formatDateTimeStr(timestamp, itemTypes) {
       var dateObj = (0, _helper.convertTsToDateObj)(timestamp);
       var validDateObj = Object.keys(dateObj).reduce(function (acc, key) {
         var _ref3;
-
         return (0, _extends2.default)({}, acc, itemTypes.includes(key) ? (_ref3 = {}, _ref3[key] = (0, _mobileUtils.formatDateNumber)(dateObj[key]), _ref3) : {});
       }, {});
       var dateStr = [validDateObj.year, validDateObj.month, validDateObj.date].filter(function (v) {
@@ -76,7 +63,6 @@
       }).join(':');
       return dateStr + " " + timeStr;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className
     }, ts ? dateTimeStr : /*#__PURE__*/_react.default.createElement("span", {

package/umd/form/type.d.ts

@@ -245,7 +245,12 @@ export interface FormItemProps {
      * 表单项名
      * @en The form item name
      */
-    label: ReactNode;
+    label?: ReactNode;
+    /**
+     * 校验提示中的字段名（当 label 为复杂节点时推荐设置）
+     * @en The field name in the validation message (recommended when label is a complex node)
+     */
+    labelName?: string;
     /**
      * 表单项Stylesheet
      * @en The form item stylesheet
@@ -332,6 +337,11 @@ export interface IFormItemInnerProps {
      * @en Form item field
      */
     field: string;
+    /**
+     * 校验提示中的字段名
+     * @en The field name in the validation message
+     */
+    labelName?: string;
     /**
      * 表单项子节点
      * @en Form item children