@arco-design/mobile-react 2.25.4 → 2.26.0

package/umd/form/form-item.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
@@ -21,68 +22,95 @@
   _inheritsLoose2 = _interopRequireDefault(_inheritsLoose2);
   _react = _interopRequireWildcard(_react);
   var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requiredIcon", "rules", "className"];
+
   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
 
+    // eslint-disable-next-line react/static-property-placement
     function FormItemInner(props, context) {
       var _this;
+
       _this = _PureComponent.call(this, props) || this;
       _this.context = void 0;
       _this.destroyField = void 0;
       _this._errors = [];
       _this._touched = false;
+
       _this.innerTriggerFunction = function (_, value) {
         var _children$props;
+
         _this.setFieldData(value);
+
         var _this$props = _this.props,
-          children = _this$props.children,
-          trigger = _this$props.trigger;
+            children = _this$props.children,
+            trigger = _this$props.trigger;
+
         if (trigger && (_children$props = children.props) != null && _children$props[trigger]) {
           var _children$props2;
+
           for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
             args[_key - 2] = arguments[_key];
           }
+
           (_children$props2 = children.props) == null ? void 0 : _children$props2[trigger].apply(_children$props2, [_, value].concat(args));
         }
       };
+
       _this.innerTriggerFunctionWithValueFirst = function (value) {
         var _children$props3;
+
         _this.setFieldData(value);
+
         var _this$props2 = _this.props,
-          children = _this$props2.children,
-          trigger = _this$props2.trigger;
+            children = _this$props2.children,
+            trigger = _this$props2.trigger;
+
         if (trigger && (_children$props3 = children.props) != null && _children$props3[trigger]) {
           var _children$props4;
+
           for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
             args[_key2 - 1] = arguments[_key2];
           }
+
           (_children$props4 = children.props) == null ? void 0 : _children$props4[trigger].apply(_children$props4, [value].concat(args));
         }
       };
+
       _this.destroyField = function () {};
+
       if (props != null && props.initialValue && props.field) {
         var _setInitialValues;
+
         var _context$form$getInte = context.form.getInternalHooks(),
-          setInitialValues = _context$form$getInte.setInitialValues;
+            setInitialValues = _context$form$getInte.setInitialValues;
+
         setInitialValues((_setInitialValues = {}, _setInitialValues[props.field] = props.initialValue, _setInitialValues));
       }
+
       return _this;
     }
+
     var _proto = FormItemInner.prototype;
+
     _proto.componentDidMount = function componentDidMount() {
       var _this$context$form$ge = this.context.form.getInternalHooks(),
-        registerField = _this$context$form$ge.registerField;
+          registerField = _this$context$form$ge.registerField;
+
       this.destroyField = registerField(this.props.field, this);
     };
+
     _proto.componentWillUnmount = function componentWillUnmount() {
       this.destroyField();
     };
+
     _proto.onValueChange = function onValueChange(preStore, curStore) {
       this._touched = true;
       var shouldUpdate = this.props.shouldUpdate;
+
       if (typeof shouldUpdate === 'function') {
         shouldUpdate({
           preStore: preStore,
@@ -90,35 +118,44 @@
         }) && this.forceUpdate();
         return;
       }
+
       this.forceUpdate();
     };
+
     _proto.getFieldError = function getFieldError() {
       return this._errors;
     };
+
     _proto.isFieldTouched = function isFieldTouched() {
       return this._touched;
     };
+
     _proto.validateField = function validateField() {
       var _this2 = this;
+
       var validateMessages = this.context.validateMessages;
       var getFieldValue = this.context.form.getFieldValue;
       var _this$props3 = this.props,
-        field = _this$props3.field,
-        rules = _this$props3.rules,
-        onValidateStatusChange = _this$props3.onValidateStatusChange;
+          field = _this$props3.field,
+          rules = _this$props3.rules,
+          onValidateStatusChange = _this$props3.onValidateStatusChange;
       var value = getFieldValue(field);
+
       if (rules != null && rules.length && field) {
         var _Validator;
+
         var fieldDom = this.props.getFormItemRef();
         var fieldValidator = new _mobileUtils.Validator((_Validator = {}, _Validator[field] = rules, _Validator), {
           validateMessages: validateMessages
         });
         return new 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;
+                errors = _getErrorAndWarnings.errors,
+                warnings = _getErrorAndWarnings.warnings;
+
             _this2._errors = errors;
             onValidateStatusChange({
               errors: _this2._errors,
@@ -134,6 +171,7 @@
           });
         });
       }
+
       return Promise.resolve({
         errors: [],
         warnings: [],
@@ -142,39 +180,48 @@
         dom: null
       });
     };
+
     _proto.setFieldData = function setFieldData(value) {
       var field = this.props.field;
       var setFieldValue = this.context.form.setFieldValue;
       setFieldValue(field, value);
       this.validateField();
     };
+
     _proto.innerClearFunction = function innerClearFunction() {
       var _children$props5;
+
       var children = this.props.children;
       this.setFieldData('');
+
       if ((_children$props5 = children.props) != null && _children$props5.onClear) {
         var _children$props6;
+
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
+
         (_children$props6 = children.props) == null ? void 0 : _children$props6.onClear.apply(_children$props6, args);
       }
     };
+
     _proto.renderChildren = function renderChildren() {
       var _props,
-        _children$type,
-        _this3 = this;
+          _children$type,
+          _this3 = this;
+
       var _this$props4 = this.props,
-        children = _this$props4.children,
-        field = _this$props4.field,
-        _this$props4$trigger = _this$props4.trigger,
-        trigger = _this$props4$trigger === void 0 ? 'onChange' : _this$props4$trigger,
-        _this$props4$triggerP = _this$props4.triggerPropsField,
-        triggerPropsField = _this$props4$triggerP === void 0 ? 'value' : _this$props4$triggerP,
-        displayType = _this$props4.displayType;
+          children = _this$props4.children,
+          field = _this$props4.field,
+          _this$props4$trigger = _this$props4.trigger,
+          trigger = _this$props4$trigger === void 0 ? 'onChange' : _this$props4$trigger,
+          _this$props4$triggerP = _this$props4.triggerPropsField,
+          triggerPropsField = _this$props4$triggerP === void 0 ? 'value' : _this$props4$triggerP,
+          displayType = _this$props4.displayType;
       var getFieldValue = this.context.form.getFieldValue;
       var props = (_props = {}, _props[triggerPropsField] = getFieldValue(field), _props.disabled = this.props.disabled, _props);
       var childrenType = displayType || ((_children$type = children.type) == null ? void 0 : _children$type.displayName);
+
       switch (childrenType) {
         case _type.FormInternalComponentType.Input:
         case _type.FormInternalComponentType.Textarea:
@@ -185,6 +232,7 @@
             disabled: this.props.disabled
           };
           break;
+
         case _type.FormInternalComponentType.Checkbox:
         case _type.FormInternalComponentType.Radio:
         case _type.FormInternalComponentType.Slider:
@@ -196,6 +244,7 @@
             disabled: this.props.disabled
           };
           break;
+
         case _type.FormInternalComponentType.DatePicker:
           props = {
             currentTs: getFieldValue(field),
@@ -203,6 +252,7 @@
             disabled: this.props.disabled
           };
           break;
+
         case _type.FormInternalComponentType.Picker:
           props = {
             data: getFieldValue(field),
@@ -210,6 +260,7 @@
             disabled: this.props.disabled
           };
           break;
+
         case _type.FormInternalComponentType.Switch:
           props = {
             checked: Boolean(getFieldValue(field)),
@@ -217,6 +268,7 @@
             disabled: this.props.disabled
           };
           break;
+
         case _type.FormInternalComponentType.ImagePicker:
           props = {
             images: getFieldValue(field),
@@ -224,61 +276,80 @@
             disabled: this.props.disabled
           };
           break;
+
         default:
-          var originTrigger = children.props[trigger];
-          // inject the validated result
+          var originTrigger = children.props[trigger]; // inject the validated result
+
           props.error = this._errors;
+
           props[trigger] = function (newValue) {
             _this3.setFieldData(newValue);
+
             for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
               args[_key4 - 1] = arguments[_key4];
             }
+
             originTrigger && originTrigger.apply(void 0, [newValue].concat(args));
           };
+
       }
+
       return /*#__PURE__*/_react.default.cloneElement(children, props);
     };
+
     _proto.render = function render() {
       return this.renderChildren();
     };
+
     return FormItemInner;
   }(_react.PureComponent);
+
   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,
+        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)([]),
-      warnings = _useState2[0],
-      setWarnings = _useState2[1];
+        warnings = _useState2[0],
+        setWarnings = _useState2[1];
+
     var formItemRef = (0, _react.useRef)(null);
+
     var onValidateStatusChange = function onValidateStatusChange(validateResult) {
       var _errors = validateResult.errors,
-        _warnings = validateResult.warnings;
+          _warnings = validateResult.warnings;
       setErrors(_errors.length ? _errors[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,
@@ -319,5 +390,6 @@
       }, node) : node;
     })), extra);
   });
+
   _exports.default = _default;
 });

package/umd/form/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     useForm: true
@@ -30,27 +31,33 @@
     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,
-      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,
+        onSubmit = props.onSubmit,
+        onSubmitFailed = props.onSubmitFailed,
+        disabled = props.disabled;
     var domRef = (0, _react.useRef)(null);
+
     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,
@@ -72,8 +79,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,
@@ -90,7 +97,6 @@
       }, children));
     });
   });
-
   /**
    * 表单组件用于集合数据录入
    * @en Form, Form for collecting data input
@@ -99,8 +105,10 @@
    * @name 表单
    * @name_en Form
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Form, {
     Item: _formItem.default
   });
+
   _exports.default = _default;
 });

package/umd/form/type.js

@@ -17,6 +17,7 @@
   _exports.ValidateStatus = _exports.FormInternalComponentType = void 0;
   var FormInternalComponentType;
   _exports.FormInternalComponentType = FormInternalComponentType;
+
   (function (FormInternalComponentType) {
     FormInternalComponentType["Input"] = "Input";
     FormInternalComponentType["Textarea"] = "Textarea";
@@ -32,8 +33,10 @@
     FormInternalComponentType["Rate"] = "Rate";
     FormInternalComponentType["Stepper"] = "Stepper";
   })(FormInternalComponentType || (_exports.FormInternalComponentType = FormInternalComponentType = {}));
+
   var ValidateStatus;
   _exports.ValidateStatus = ValidateStatus;
+
   (function (ValidateStatus) {
     ValidateStatus["Init"] = "init";
     ValidateStatus["Error"] = "error";