@arco-design/mobile-react 2.28.0 → 2.28.2

package/dist/index.js

@@ -132,7 +132,7 @@
     function isEmptyArray(obj) {
       return isArray(obj) && !(obj === null || obj === void 0 ? void 0 : obj.length);
     }
-    var isDeepEqual = function isDeepEqual(obj, sub) {
+    function isDeepEqual(obj, sub) {
       if (typeof obj !== 'object' || typeof sub !== 'object' || obj === null || sub === null) {
         return obj === sub;
       }
@@ -150,7 +150,7 @@
       }
 
       return true;
-    };
+    }
 
     function cls () {
       var args = [];
@@ -367,7 +367,7 @@
      * @param childrenEl 子节点
      */
 
-    var isContains = function isContains(parentEl, childrenEl) {
+    function isContains(parentEl, childrenEl) {
       if (!parentEl || !childrenEl) return false;
 
       if (parentEl.contains) {
@@ -385,7 +385,7 @@
       }
 
       return false;
-    };
+    }
     function execRAF(fn) {
       try {
         return requestAnimationFrame(fn);
@@ -3142,6 +3142,12 @@
      * @desc {en} Tips: Use in scenarios where asynchronous processing is not completed after unmount. It is not recommended to replace useState without brains
      * @param initialState 初始状态
      * @param initialState {en} Initial State
+     * @example
+     * ```
+     * import { useMountedState } from '@arco-design/mobile-react/esm/_helpers/hooks';
+     *
+     * const [scrollValue, setScrollValue] = useMountedState(value);
+     * ```
      */
 
     function useMountedState(initialState) {
@@ -3535,7 +3541,7 @@
         };
       }, [visible]);
     }
-    var useProgress = function useProgress(mountedTransition, percentage, duration, mountedBezier, step) {
+    function useProgress(mountedTransition, percentage, duration, mountedBezier, step) {
       var _a = React.useState(0),
           currentPercentage = _a[0],
           setCurrentPercentage = _a[1];
@@ -3569,7 +3575,7 @@
         percentage === 100 ? setCurrentPercentage(100) : setCurrentPercentage(count * step);
       }, [count, percentage, step]);
       return [currentPercentage, transitionControl];
-    };
+    }
     function useSingleAndDoubleClick(onClick, onDoubleClick, delay) {
       if (delay === void 0) {
         delay = 200;
@@ -5468,9 +5474,15 @@
       }
 
       function updateLayout() {
+        var _a, _b;
+
+        var _c = getOffset(domRef.current),
+            width = _c.width,
+            height = _c.height;
+
         cellRef.current && cellRef.current.resetUnderlineStyle();
-        setWrapWidth(domRef.current ? domRef.current.offsetWidth : 0);
-        setWrapHeight(domRef.current ? domRef.current.offsetHeight : 0);
+        setWrapWidth(width || ((_a = domRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
+        setWrapHeight(height || ((_b = domRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0);
         paneRef.current && paneRef.current.setCurrentHeight();
       }
 
@@ -10964,6 +10976,7 @@
       var rowCount = Math.max(rows % 2 === 0 ? rows + 1 : rows, 3);
       var isTouchMoveRef = React.useRef(false);
       var isTouchStopped = React.useRef(false);
+      var unmountCallbackRef = React.useRef();
       var timeRef = React.useRef(null);
       var colStyle = React.useMemo(function () {
         return getStyleWithVendor(__assign$2(__assign$2({
@@ -11005,20 +11018,24 @@
         }
 
         setTransitionDuration(transDuration ? transDuration + "ms" : '');
-        setTransformY(transY); // 处理连续滑动的情况：
-        // @en handle the case of continuous sliding:
-        // 如果上一次callback还未执行，先cancel掉上一次回调，只执行最近的一次回调
-        // @en If the last callback has not been executed, cancel the last callback first, and only execute the latest callback
+        setTransformY(transY); // 处理连续滑动的情况：如果上一次callback还未执行，先cancel掉上一次回调
+        // @en handle the case of continuous sliding: If the last callback has not been executed, cancel the last callback first
 
         if (latestCallbackTimer.current) {
           clearTimeout(latestCallbackTimer.current);
         }
 
-        latestCallbackTimer.current = window.setTimeout(function () {
+        var setNormalStatus = function setNormalStatus() {
+          // 如果timer顺利执行，则在unmount时不再重复执行
+          // @en If the timer is successfully executed, it will not be repeated when unmounting
+          unmountCallbackRef.current = undefined;
           movingStatusRef.current = 'normal';
           setTransitionDuration('');
           callback();
-        }, transDuration);
+        };
+
+        unmountCallbackRef.current = setNormalStatus;
+        latestCallbackTimer.current = window.setTimeout(setNormalStatus, transDuration);
       }
 
       function _scrollToIndex(itemIndex, transDuration, callback) {
@@ -11216,6 +11233,17 @@
         _scrollToIndexWithChange(itemIndex, 200);
       }
 
+      React.useEffect(function () {
+        return function () {
+          var _a; // 卸载组件时，如果timer中还有未执行的onchange操作，则立刻执行该操作并移除timer
+          // @en When unloading the component, if there is an unexecuted onchange operation in the timer, execute it immediately and remove the timer
+
+
+          var timerId = latestCallbackTimer.current;
+          (_a = unmountCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(unmountCallbackRef);
+          timerId && clearTimeout(timerId);
+        };
+      }, []);
       React.useEffect(function () {
         if (wrapRef.current) {
           wrapRef.current.addEventListener('touchstart', _handleColumnTouchStart);
@@ -14891,6 +14919,87 @@
         _this._errors = [];
         _this._touched = false;
 
+        _this.onValueChange = function (preStore, curStore) {
+          _this._touched = true;
+          var shouldUpdate = _this.props.shouldUpdate;
+
+          if (typeof shouldUpdate === 'function') {
+            shouldUpdate({
+              preStore: preStore,
+              curStore: curStore
+            }) && _this.forceUpdate();
+            return;
+          }
+
+          _this.forceUpdate();
+        };
+
+        _this.getFieldError = function () {
+          return _this._errors;
+        };
+
+        _this.isFieldTouched = function () {
+          return _this._touched;
+        };
+
+        _this.validateField = function () {
+          var _a;
+
+          var validateMessages = _this.context.validateMessages;
+          var getFieldValue = _this.context.form.getFieldValue;
+          var _b = _this.props,
+              field = _b.field,
+              rules = _b.rules,
+              onValidateStatusChange = _b.onValidateStatusChange;
+          var value = getFieldValue(field);
+
+          if ((rules === null || rules === void 0 ? void 0 : rules.length) && field) {
+            var fieldDom_1 = _this.props.getFormItemRef();
+
+            var fieldValidator_1 = new Validator((_a = {}, _a[field] = rules, _a), {
+              validateMessages: validateMessages
+            });
+            return new Promise(function (resolve) {
+              var _a;
+
+              fieldValidator_1.validate((_a = {}, _a[field] = value, _a), function (errorsMap) {
+                var _a = getErrorAndWarnings((errorsMap === null || errorsMap === void 0 ? void 0 : errorsMap[field]) || []),
+                    errors = _a.errors,
+                    warnings = _a.warnings;
+
+                _this._errors = errors;
+                onValidateStatusChange({
+                  errors: _this._errors,
+                  warnings: warnings
+                });
+                return resolve({
+                  errors: _this._errors,
+                  warnings: warnings,
+                  value: value,
+                  field: field,
+                  dom: fieldDom_1
+                });
+              });
+            });
+          }
+
+          return Promise.resolve({
+            errors: [],
+            warnings: [],
+            value: value,
+            field: field,
+            dom: null
+          });
+        };
+
+        _this.setFieldData = function (value) {
+          var field = _this.props.field;
+          var setFieldValue = _this.context.form.setFieldValue;
+          setFieldValue(field, value);
+
+          _this.validateField();
+        };
+
         _this.innerTriggerFunction = function (_, value) {
           var _a, _b;
 
@@ -14933,6 +15042,24 @@
           }
         };
 
+        _this.innerClearFunction = function () {
+          var _a, _b;
+
+          var args = [];
+
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+
+          var children = _this.props.children;
+
+          _this.setFieldData('');
+
+          if ((_a = children.props) === null || _a === void 0 ? void 0 : _a.onClear) {
+            (_b = children.props) === null || _b === void 0 ? void 0 : _b.onClear.apply(_b, args);
+          }
+        };
+
         _this.destroyField = function () {};
 
         if ((props === null || props === void 0 ? void 0 : props.initialValue) && props.field) {
@@ -14952,104 +15079,6 @@
         this.destroyField();
       };
 
-      FormItemInner.prototype.onValueChange = function (preStore, curStore) {
-        this._touched = true;
-        var shouldUpdate = this.props.shouldUpdate;
-
-        if (typeof shouldUpdate === 'function') {
-          shouldUpdate({
-            preStore: preStore,
-            curStore: curStore
-          }) && this.forceUpdate();
-          return;
-        }
-
-        this.forceUpdate();
-      };
-
-      FormItemInner.prototype.getFieldError = function () {
-        return this._errors;
-      };
-
-      FormItemInner.prototype.isFieldTouched = function () {
-        return this._touched;
-      };
-
-      FormItemInner.prototype.validateField = function () {
-        var _a;
-
-        var _this = this;
-
-        var validateMessages = this.context.validateMessages;
-        var getFieldValue = this.context.form.getFieldValue;
-        var _b = this.props,
-            field = _b.field,
-            rules = _b.rules,
-            onValidateStatusChange = _b.onValidateStatusChange;
-        var value = getFieldValue(field);
-
-        if ((rules === null || rules === void 0 ? void 0 : rules.length) && field) {
-          var fieldDom_1 = this.props.getFormItemRef();
-          var fieldValidator_1 = new Validator((_a = {}, _a[field] = rules, _a), {
-            validateMessages: validateMessages
-          });
-          return new Promise(function (resolve) {
-            var _a;
-
-            fieldValidator_1.validate((_a = {}, _a[field] = value, _a), function (errorsMap) {
-              var _a = getErrorAndWarnings((errorsMap === null || errorsMap === void 0 ? void 0 : errorsMap[field]) || []),
-                  errors = _a.errors,
-                  warnings = _a.warnings;
-
-              _this._errors = errors;
-              onValidateStatusChange({
-                errors: _this._errors,
-                warnings: warnings
-              });
-              return resolve({
-                errors: _this._errors,
-                warnings: warnings,
-                value: value,
-                field: field,
-                dom: fieldDom_1
-              });
-            });
-          });
-        }
-
-        return Promise.resolve({
-          errors: [],
-          warnings: [],
-          value: value,
-          field: field,
-          dom: null
-        });
-      };
-
-      FormItemInner.prototype.setFieldData = function (value) {
-        var field = this.props.field;
-        var setFieldValue = this.context.form.setFieldValue;
-        setFieldValue(field, value);
-        this.validateField();
-      };
-
-      FormItemInner.prototype.innerClearFunction = function () {
-        var _a, _b;
-
-        var args = [];
-
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
-
-        var children = this.props.children;
-        this.setFieldData('');
-
-        if ((_a = children.props) === null || _a === void 0 ? void 0 : _a.onClear) {
-          (_b = children.props) === null || _b === void 0 ? void 0 : _b.onClear.apply(_b, args);
-        }
-      };
-
       FormItemInner.prototype.renderChildren = function () {
         var _a;
 
@@ -17287,7 +17316,7 @@
     var index$g = componentWrapper(ImagePicker, 'ImagePicker');
 
     /*!
-    * @arco-design/transformable v1.0.1
+    * @arco-design/transformable v1.0.2
     * (c) 2022 ludan.kibbon
     */
     function _defineProperty(obj, key, value) {