@arco-design/mobile-react 2.38.3 → 2.39.0

package/cjs/form/linked-container.js

@@ -1,32 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.DefaultDatePickerLinkedContainer = DefaultDatePickerLinkedContainer;
 exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _helper = require("../date-picker/helper");
-
 var _contextProvider = require("../context-provider");
-
 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
@@ -34,33 +23,26 @@ function DefaultPickerLinkedContainer(_ref) {
     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) {
@@ -71,7 +53,6 @@ function DefaultDatePickerLinkedContainer(_ref2) {
     }).join(':');
     return dateStr + " " + timeStr;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
   }, ts ? dateTimeStr : /*#__PURE__*/_react.default.createElement("span", {

package/cjs/form/style/css/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");

package/cjs/form/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("./index.less");

package/cjs/form/type.d.ts

@@ -1,6 +1,5 @@
-import { IRules } from '@arco-design/mobile-utils';
-import { ReactElement, ReactNode } from 'react';
-import { Promise } from 'es6-promise';
+import type { IRules } from '@arco-design/mobile-utils';
+import type { ReactElement, ReactNode } from 'react';
 export declare type FieldValue = any;
 export declare type FieldItem = Record<string, FieldValue>;
 export declare type ILayout = 'horizontal' | 'vertical' | 'inline';
@@ -246,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
@@ -333,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

package/cjs/form/type.js

@@ -6,7 +6,6 @@ exports.ValueChangeType = exports.ValidateStatus = exports.FormInternalComponent
 // Notice: Automatically identify the basis of the associated component of the form, DO NOT change the code structure.
 var FormInternalComponentType;
 exports.FormInternalComponentType = FormInternalComponentType;
-
 (function (FormInternalComponentType) {
   FormInternalComponentType["Input"] = "Input";
   FormInternalComponentType["Textarea"] = "Textarea";
@@ -22,10 +21,8 @@ exports.FormInternalComponentType = FormInternalComponentType;
   FormInternalComponentType["Rate"] = "Rate";
   FormInternalComponentType["Stepper"] = "Stepper";
 })(FormInternalComponentType || (exports.FormInternalComponentType = FormInternalComponentType = {}));
-
 var ValidateStatus;
 exports.ValidateStatus = ValidateStatus;
-
 (function (ValidateStatus) {
   ValidateStatus["Init"] = "init";
   ValidateStatus["Error"] = "error";
@@ -33,10 +30,8 @@ exports.ValidateStatus = ValidateStatus;
   ValidateStatus["Validating"] = "validating";
   ValidateStatus["Success"] = "success";
 })(ValidateStatus || (exports.ValidateStatus = ValidateStatus = {}));
-
 var ValueChangeType;
 exports.ValueChangeType = ValueChangeType;
-
 (function (ValueChangeType) {
   ValueChangeType[ValueChangeType["Update"] = 0] = "Update";
   ValueChangeType[ValueChangeType["Reset"] = 1] = "Reset";

package/cjs/form/useForm.d.ts

@@ -1,3 +1,3 @@
-import { IFormInstance, InternalFormInstance } from './type';
+import type { IFormInstance, InternalFormInstance } from './type';
 export declare const defaultFormDataMethods: InternalFormInstance;
 export default function useForm(form?: IFormInstance): IFormInstance[];

package/cjs/form/useForm.js

@@ -1,24 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = useForm;
 exports.defaultFormDataMethods = void 0;
-
 var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("react");
-
 var _es6Promise = require("es6-promise");
-
 var _type = require("./type");
-
 var _utils = require("./utils");
-
 /* eslint-disable no-console */
-var defaultFunc = function defaultFunc() {};
 
+var defaultFunc = function defaultFunc() {};
 var defaultFormDataMethods = {
   getFieldValue: function getFieldValue(name) {
     return name;
@@ -52,90 +45,72 @@ var defaultFormDataMethods = {
       innerSetFieldValue: defaultFunc
     };
   }
-}; // 在field的静态的状态下设置
+};
 
+// 在field的静态的状态下设置
 exports.defaultFormDataMethods = defaultFormDataMethods;
-
 var FormData = function FormData() {
   var _this = this;
-
   this._formData = {};
+  // 数据源
   this._fieldsList = {};
+  // 字段列表
   this._initialValues = {};
+  // 初始值
   this._callbacks = {};
-
   this.commonSetFieldsValue = function (values, changeType) {
     var oldValues = Object.keys(values).reduce(function (acc, key) {
       var _extends2;
-
       return (0, _extends6.default)({}, acc, (_extends2 = {}, _extends2[key] = _this.getFieldValue(key), _extends2));
     }, {});
     _this._formData = (0, _extends6.default)({}, _this._formData, values);
-
     _this.notifyField(values, oldValues, changeType);
   };
-
   this.setFieldsValue = function (values) {
     _this.commonSetFieldsValue(values);
-
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange == null ? void 0 : onValuesChange(values, _this._formData);
     return true;
   };
-
   this.innerSetFieldsValue = function (values, changeType) {
     _this.commonSetFieldsValue(values, changeType);
-
     var _this$_callbacks = _this._callbacks,
-        onValuesChange = _this$_callbacks.onValuesChange,
-        onChange = _this$_callbacks.onChange;
+      onValuesChange = _this$_callbacks.onValuesChange,
+      onChange = _this$_callbacks.onChange;
     onValuesChange == null ? void 0 : onValuesChange(values, _this._formData);
     onChange == null ? void 0 : onChange(values, _this._formData);
     return true;
   };
-
   this.commonSetFieldValue = function (name, value, changeType) {
     var _oldValues, _extends3, _this$notifyField;
-
     var oldValues = (_oldValues = {}, _oldValues[name] = _this.getFieldValue(name), _oldValues);
     _this._formData = (0, _extends6.default)({}, _this._formData, (_extends3 = {}, _extends3[name] = value, _extends3));
-
     _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField), oldValues, changeType);
   };
-
   this.setFieldValue = function (name, value) {
     var _onValuesChange;
-
     _this.commonSetFieldValue(name, value);
-
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange && onValuesChange((_onValuesChange = {}, _onValuesChange[name] = value, _onValuesChange), _this.getFieldsValue());
     return true;
   };
-
   this.innerSetFieldValue = function (name, value, changeType) {
     var _onValuesChange2, _onChange;
-
     _this.commonSetFieldValue(name, value, changeType);
-
     var _this$_callbacks2 = _this._callbacks,
-        onValuesChange = _this$_callbacks2.onValuesChange,
-        onChange = _this$_callbacks2.onChange;
+      onValuesChange = _this$_callbacks2.onValuesChange,
+      onChange = _this$_callbacks2.onChange;
     onValuesChange && onValuesChange((_onValuesChange2 = {}, _onValuesChange2[name] = value, _onValuesChange2), _this._formData);
     onChange && onChange((_onChange = {}, _onChange[name] = value, _onChange), _this._formData);
     return true;
   };
-
   this.notifyField = function (values, oldValues, changeType) {
     if (changeType === void 0) {
       changeType = _type.ValueChangeType.Update;
     }
-
     Object.keys(values).map(function (fieldName) {
       var _this$_fieldsList;
-
       var fieldObj = ((_this$_fieldsList = _this._fieldsList) == null ? void 0 : _this$_fieldsList[fieldName]) || null;
-
       if (fieldObj) {
         fieldObj.onValueChange(values[fieldName], oldValues[fieldName], {
           changeType: changeType
@@ -143,74 +118,53 @@ var FormData = function FormData() {
       }
     });
   };
-
   this.getFieldsValue = function (names) {
     if (names) {
       return names.map(function (name) {
         return _this.getFieldValue(name);
       });
     }
-
     return (0, _utils.deepClone)(_this._formData);
   };
-
   this.getFieldValue = function (name) {
     var _this$_formData;
-
     return (0, _utils.deepClone)((_this$_formData = _this._formData) == null ? void 0 : _this$_formData[name]);
   };
-
   this.getFieldError = function (name) {
     var _this$_fieldsList2;
-
     var field = ((_this$_fieldsList2 = _this._fieldsList) == null ? void 0 : _this$_fieldsList2[name]) || null;
-
     if (field) {
       return field.getFieldError();
     }
-
     return [];
   };
-
   this.getFieldsError = function (names) {
     var fields = names || Object.keys(_this._fieldsList);
     return fields.reduce(function (pre, name) {
       var _this$_fieldsList3;
-
       var theField = (_this$_fieldsList3 = _this._fieldsList) == null ? void 0 : _this$_fieldsList3[name];
-
       if (theField) {
         pre[name] = theField == null ? void 0 : theField.getFieldError();
       }
-
       return pre;
     }, {});
   };
-
   this.isFieldTouched = function (name) {
     var _this$_fieldsList4;
-
     var field = ((_this$_fieldsList4 = _this._fieldsList) == null ? void 0 : _this$_fieldsList4[name]) || null;
-
     if (field) {
       return field.isFieldTouched();
     }
-
     return false;
   };
-
   this.registerField = function (name, self) {
     _this._fieldsList[name] = self;
     var initialValue = self.props.initialValue;
-
     if (initialValue !== undefined && name) {
       var _extends4, _extends5;
-
       _this._initialValues = (0, _extends6.default)({}, _this._initialValues, (_extends4 = {}, _extends4[name] = initialValue, _extends4));
-
       _this.setFieldsValue((0, _extends6.default)({}, _this._formData, (_extends5 = {}, _extends5[name] = initialValue, _extends5)));
     }
-
     return function () {
       if (name in _this._fieldsList) {
         delete _this._fieldsList[name];
@@ -218,35 +172,26 @@ var FormData = function FormData() {
       }
     };
   };
-
   this.setInitialValues = function (initVal) {
     _this._initialValues = (0, _utils.deepClone)(initVal || {});
-
     _this.setFieldsValue(initVal);
   };
-
   this.setInitialValue = function (fieldName, value) {
     if (!fieldName) {
       return;
     }
-
     _this._initialValues[fieldName] = value;
-
     _this.setFieldValue(fieldName, value);
   };
-
   this.getInitialValue = function (fieldName) {
     return _this._initialValues[fieldName];
   };
-
   this.resetFields = function () {
     var oldValues = (0, _extends6.default)({}, _this._formData);
     var initialValues = {};
     Object.keys(_this._formData).forEach(function (fieldName) {
       var _this$_fieldsList5;
-
       var fieldObj = ((_this$_fieldsList5 = _this._fieldsList) == null ? void 0 : _this$_fieldsList5[fieldName]) || null;
-
       if (fieldObj) {
         initialValues[fieldName] = fieldObj.getInitialValue();
       }
@@ -254,10 +199,8 @@ var FormData = function FormData() {
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange && onValuesChange(initialValues, _this._formData);
     _this._formData = initialValues;
-
     _this.notifyField(initialValues, oldValues, _type.ValueChangeType.Reset);
   };
-
   this.validateFields = function () {
     var promiseList = [];
     Object.values(_this._fieldsList).forEach(function (entity) {
@@ -270,10 +213,8 @@ var FormData = function FormData() {
       _es6Promise.Promise.all(promiseList).then(function (res) {
         var errorResults = res.filter(function (item) {
           var _item$errors;
-
           return item == null ? void 0 : (_item$errors = item.errors) == null ? void 0 : _item$errors.length;
         });
-
         if (errorResults.length) {
           reject(errorResults);
         } else {
@@ -283,26 +224,21 @@ var FormData = function FormData() {
     });
     return summaryPromise;
   };
-
   this.submit = function () {
     _this.validateFields().then(function (result) {
       var onSubmit = _this._callbacks.onSubmit;
       onSubmit == null ? void 0 : onSubmit(_this.getFieldsValue(), result);
     }).catch(function (e) {
       var onSubmitFailed = _this._callbacks.onSubmitFailed;
-
       if (!onSubmitFailed) {
         return;
       }
-
       onSubmitFailed(_this.getFieldsValue(), e);
     });
   };
-
   this.setCallbacks = function (callbacks) {
     _this._callbacks = callbacks;
   };
-
   this.getMethods = function () {
     return {
       setFieldsValue: _this.setFieldsValue,
@@ -319,7 +255,6 @@ var FormData = function FormData() {
       validateFields: _this.validateFields
     };
   };
-
   this.getInternalHooks = function () {
     return {
       registerField: _this.registerField,
@@ -332,11 +267,9 @@ var FormData = function FormData() {
     };
   };
 };
-
 function useForm(form) {
   var formInstanceRef = (0, _react.useRef)(defaultFormDataMethods);
   var isSingletonRef = (0, _react.useRef)(false);
-
   if (!isSingletonRef.current) {
     if (form) {
       formInstanceRef.current = form;
@@ -344,9 +277,7 @@ function useForm(form) {
       var formIns = new FormData();
       formInstanceRef.current = formIns.getMethods();
     }
-
     isSingletonRef.current = true;
   }
-
   return [formInstanceRef.current];
 }

package/cjs/form/utils.js

@@ -1,44 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.deepClone = deepClone;
 exports.isFieldRequired = exports.getErrorAndWarnings = exports.getDefaultValueForInterComponent = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _cloneDeepWith = _interopRequireDefault(require("lodash/cloneDeepWith"));
-
 var _type = require("./type");
-
 var isFieldRequired = function isFieldRequired(rules) {
   if (rules === void 0) {
     rules = [];
   }
-
   return (rules || []).some(function (rule) {
     return rule == null ? void 0 : rule.required;
   });
 };
-
 exports.isFieldRequired = isFieldRequired;
-
 var getErrorAndWarnings = function getErrorAndWarnings(result) {
   var errors = [];
   var warnings = [];
   var errorTypes = [];
   result.map(function (_ref) {
     var _ref$message = _ref.message,
-        message = _ref$message === void 0 ? [] : _ref$message,
-        _ref$validateLevel = _ref.validateLevel,
-        validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel,
-        resultErrorTypes = _ref.errorTypes;
-
+      message = _ref$message === void 0 ? [] : _ref$message,
+      _ref$validateLevel = _ref.validateLevel,
+      validateLevel = _ref$validateLevel === void 0 ? 'error' : _ref$validateLevel,
+      resultErrorTypes = _ref.errorTypes;
     if (!(message != null && message.length)) {
       return;
     }
-
     if (validateLevel === 'warning') {
       warnings = [].concat(warnings, message);
     } else {
@@ -52,32 +42,24 @@ var getErrorAndWarnings = function getErrorAndWarnings(result) {
     errorTypes: errorTypes
   };
 };
-
 exports.getErrorAndWarnings = getErrorAndWarnings;
-
 var getDefaultValueForInterComponent = function getDefaultValueForInterComponent(componentType) {
   switch (componentType) {
     case _type.FormInternalComponentType.Input:
     case _type.FormInternalComponentType.Textarea:
       return undefined;
-
     case _type.FormInternalComponentType.CheckboxGroup:
       return [];
-
     case _type.FormInternalComponentType.RadioGroup:
       return null;
-
     case _type.FormInternalComponentType.Slider:
     case _type.FormInternalComponentType.Rate:
       return 0;
-
     default:
       return undefined;
   }
 };
-
 exports.getDefaultValueForInterComponent = getDefaultValueForInterComponent;
-
 function deepClone(value) {
   return (0, _cloneDeepWith.default)(value, function (val) {
     if (!(0, _mobileUtils.isObject)(val) && !(0, _mobileUtils.isArray)(val)) {