@arco-design/mobile-react 2.27.0 → 2.27.2

package/dist/index.js

@@ -110,34 +110,34 @@
         return r;
     }
 
-    var opt$1 = Object.prototype.toString;
-    function isArray$1(obj) {
-      return opt$1.call(obj) === '[object Array]';
+    var opt = Object.prototype.toString;
+    function isArray(obj) {
+      return opt.call(obj) === '[object Array]';
     }
-    function isObject$3(obj) {
-      return opt$1.call(obj) === '[object Object]';
+    function isObject$2(obj) {
+      return opt.call(obj) === '[object Object]';
     }
     function isString(obj) {
-      return opt$1.call(obj) === '[object String]';
+      return opt.call(obj) === '[object String]';
     }
     function isOneOf(value, validList) {
       return validList.indexOf(value) !== -1;
     }
-    function isEmptyValue$1(obj) {
+    function isEmptyValue(obj) {
       return obj === undefined || obj === null || obj === '';
     }
-    function isFunction$1(obj) {
+    function isFunction(obj) {
       return Object.prototype.toString.call(obj).toLowerCase() === '[object function]';
     }
-    function isEmptyArray$1(obj) {
-      return isArray$1(obj) && !(obj === null || obj === void 0 ? void 0 : obj.length);
+    function isEmptyArray(obj) {
+      return isArray(obj) && !(obj === null || obj === void 0 ? void 0 : obj.length);
     }
-    var isDeepEqual$1 = function isDeepEqual(obj, sub) {
+    var isDeepEqual = function isDeepEqual(obj, sub) {
       if (typeof obj !== 'object' || typeof sub !== 'object' || obj === null || sub === null) {
         return obj === sub;
       }
 
-      if (isFunction$1(obj) && isFunction$1(sub)) {
+      if (isFunction(obj) && isFunction(sub)) {
         return obj === sub || obj.toString() === sub.toString();
       }
 
@@ -171,9 +171,9 @@
 
         if (isString(v)) {
           classNames.push(v);
-        } else if (isArray$1(v)) {
+        } else if (isArray(v)) {
           classNames = classNames.concat(v);
-        } else if (isObject$3(v)) {
+        } else if (isObject$2(v)) {
           Object.keys(v).forEach(function (k) {
             if (v[k]) {
               classNames.push(k);
@@ -197,113 +197,113 @@
      * by Gaëtan Renaudeau 2014 - 2015 – MIT License
      */
     // These values are established by empiricism with tests (tradeoff: performance VS precision)
-    var NEWTON_ITERATIONS$1 = 4;
-    var NEWTON_MIN_SLOPE$1 = 0.001;
-    var SUBDIVISION_PRECISION$1 = 0.0000001;
-    var SUBDIVISION_MAX_ITERATIONS$1 = 10;
-    var kSplineTableSize$1 = 11;
-    var kSampleStepSize$1 = 1.0 / (kSplineTableSize$1 - 1.0);
-    var float32ArraySupported$1 = typeof Float32Array === 'function';
-
-    function A$1(aA1, aA2) {
+    var NEWTON_ITERATIONS = 4;
+    var NEWTON_MIN_SLOPE = 0.001;
+    var SUBDIVISION_PRECISION = 0.0000001;
+    var SUBDIVISION_MAX_ITERATIONS = 10;
+    var kSplineTableSize = 11;
+    var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+    var float32ArraySupported = typeof Float32Array === 'function';
+
+    function A(aA1, aA2) {
       return 1.0 - 3.0 * aA2 + 3.0 * aA1;
     }
 
-    function B$1(aA1, aA2) {
+    function B(aA1, aA2) {
       return 3.0 * aA2 - 6.0 * aA1;
     }
 
-    function C$1(aA1) {
+    function C(aA1) {
       return 3.0 * aA1;
     } // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
 
 
-    function calcBezier$1(aT, aA1, aA2) {
-      return ((A$1(aA1, aA2) * aT + B$1(aA1, aA2)) * aT + C$1(aA1)) * aT;
+    function calcBezier(aT, aA1, aA2) {
+      return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
     } // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
 
 
-    function getSlope$1(aT, aA1, aA2) {
-      return 3.0 * A$1(aA1, aA2) * aT * aT + 2.0 * B$1(aA1, aA2) * aT + C$1(aA1);
+    function getSlope(aT, aA1, aA2) {
+      return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
     }
 
-    function binarySubdivide$1(aX, aA, aB, mX1, mX2) {
+    function binarySubdivide(aX, aA, aB, mX1, mX2) {
       var currentX, currentT;
       var i = 0;
 
       do {
         currentT = aA + (aB - aA) / 2.0;
-        currentX = calcBezier$1(currentT, mX1, mX2) - aX;
+        currentX = calcBezier(currentT, mX1, mX2) - aX;
 
         if (currentX > 0.0) {
           aB = currentT;
         } else {
           aA = currentT;
         }
-      } while (Math.abs(currentX) > SUBDIVISION_PRECISION$1 && ++i < SUBDIVISION_MAX_ITERATIONS$1);
+      } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
 
       return currentT;
     }
 
-    function newtonRaphsonIterate$1(aX, aGuessT, mX1, mX2) {
-      for (var i = 0; i < NEWTON_ITERATIONS$1; ++i) {
-        var currentSlope = getSlope$1(aGuessT, mX1, mX2);
+    function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {
+      for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
+        var currentSlope = getSlope(aGuessT, mX1, mX2);
 
         if (currentSlope === 0.0) {
           return aGuessT;
         }
 
-        var currentX = calcBezier$1(aGuessT, mX1, mX2) - aX;
+        var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
         aGuessT -= currentX / currentSlope;
       }
 
       return aGuessT;
     }
 
-    function LinearEasing$1(x) {
+    function LinearEasing(x) {
       return x;
     }
 
-    function bezier$1(mX1, mY1, mX2, mY2) {
+    function bezier(mX1, mY1, mX2, mY2) {
       if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
         throw new Error('bezier x values must be in [0, 1] range');
       }
 
       if (mX1 === mY1 && mX2 === mY2) {
-        return LinearEasing$1;
+        return LinearEasing;
       } // Precompute samples table
 
 
-      var sampleValues = float32ArraySupported$1 ? new Float32Array(kSplineTableSize$1) : new Array(kSplineTableSize$1);
+      var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
 
-      for (var i = 0; i < kSplineTableSize$1; ++i) {
-        sampleValues[i] = calcBezier$1(i * kSampleStepSize$1, mX1, mX2);
+      for (var i = 0; i < kSplineTableSize; ++i) {
+        sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
       }
 
       function getTForX(aX) {
         var intervalStart = 0.0;
         var currentSample = 1;
-        var lastSample = kSplineTableSize$1 - 1;
+        var lastSample = kSplineTableSize - 1;
 
         for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
-          intervalStart += kSampleStepSize$1;
+          intervalStart += kSampleStepSize;
         }
 
         --currentSample; // Interpolate to provide an initial guess for t
 
         var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
-        var guessForT = intervalStart + dist * kSampleStepSize$1;
-        var initialSlope = getSlope$1(guessForT, mX1, mX2);
+        var guessForT = intervalStart + dist * kSampleStepSize;
+        var initialSlope = getSlope(guessForT, mX1, mX2);
 
-        if (initialSlope >= NEWTON_MIN_SLOPE$1) {
-          return newtonRaphsonIterate$1(aX, guessForT, mX1, mX2);
+        if (initialSlope >= NEWTON_MIN_SLOPE) {
+          return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
         }
 
         if (initialSlope === 0.0) {
           return guessForT;
         }
 
-        return binarySubdivide$1(aX, intervalStart, intervalStart + kSampleStepSize$1, mX1, mX2);
+        return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
       }
 
       return function BezierEasing(x) {
@@ -312,7 +312,7 @@
           return x;
         }
 
-        return calcBezier$1(getTForX(x), mY1, mY2);
+        return calcBezier(getTForX(x), mY1, mY2);
       };
     }
 
@@ -386,20 +386,20 @@
 
       return false;
     };
-    function execRAF$1(fn) {
+    function execRAF(fn) {
       try {
         return requestAnimationFrame(fn);
       } catch (e) {
         return setTimeout(fn, 17);
       }
     }
-    function scrollWithAnimation$1(initTop, target, scrollTo, duration, bezier, type) {
+    function scrollWithAnimation(initTop, target, scrollTo, duration, bezier$1, type) {
       if (duration === void 0) {
         duration = 300;
       }
 
-      if (bezier === void 0) {
-        bezier = [0.34, 0.69, 0.1, 1];
+      if (bezier$1 === void 0) {
+        bezier$1 = [0.34, 0.69, 0.1, 1];
       }
 
       if (type === void 0) {
@@ -415,13 +415,13 @@
         if (p > 1) {
           scrollTo(targetTop);
         } else {
-          var newTop = initTop + (targetTop - initTop) * bezier$1.apply(void 0, bezier)(p);
+          var newTop = initTop + (targetTop - initTop) * bezier.apply(void 0, bezier$1)(p);
           scrollTo(newTop);
-          execRAF$1(fn);
+          execRAF(fn);
         }
       };
 
-      execRAF$1(fn);
+      execRAF(fn);
     }
     /**
      * 返回节点的 document 对象属性
@@ -943,7 +943,7 @@
       }
     }
 
-    var defaultMessageTemplate$2 = '%s 不是 %s 类型';
+    var defaultMessageTemplate$1 = '%s 不是 %s 类型';
     var localeConfig = {
       locale: 'zh-CN',
       LoadMore: {
@@ -1003,13 +1003,13 @@
       Form: {
         required: '%s 为必填项',
         type: {
-          email: defaultMessageTemplate$2,
-          url: defaultMessageTemplate$2,
-          string: defaultMessageTemplate$2,
-          number: defaultMessageTemplate$2,
-          array: defaultMessageTemplate$2,
-          object: defaultMessageTemplate$2,
-          boolean: defaultMessageTemplate$2
+          email: defaultMessageTemplate$1,
+          url: defaultMessageTemplate$1,
+          string: defaultMessageTemplate$1,
+          number: defaultMessageTemplate$1,
+          array: defaultMessageTemplate$1,
+          object: defaultMessageTemplate$1,
+          boolean: defaultMessageTemplate$1
         },
         number: {
           min: '`%s` 小于 `%s`',
@@ -1158,7 +1158,7 @@
       return DateWithUTC;
     }();
 
-    var ValidatorType$1;
+    var ValidatorType;
 
     (function (ValidatorType) {
       ValidatorType["Number"] = "number";
@@ -1167,7 +1167,7 @@
       ValidatorType["Boolean"] = "boolean";
       ValidatorType["Object"] = "object";
       ValidatorType["Custom"] = "custom";
-    })(ValidatorType$1 || (ValidatorType$1 = {}));
+    })(ValidatorType || (ValidatorType = {}));
 
     var __assign$1 = undefined && undefined.__assign || function () {
       __assign$1 = Object.assign || function (t) {
@@ -1184,17 +1184,17 @@
 
       return __assign$1.apply(this, arguments);
     };
-    var defaultMessageTemplate$1 = '%s is not a %s type';
-    var messageTemplate$1 = {
+    var defaultMessageTemplate = '%s is not a %s type';
+    var messageTemplate = {
       required: '%s is required',
       type: {
-        email: defaultMessageTemplate$1,
-        url: defaultMessageTemplate$1,
-        string: defaultMessageTemplate$1,
-        number: defaultMessageTemplate$1,
-        array: defaultMessageTemplate$1,
-        object: defaultMessageTemplate$1,
-        boolean: defaultMessageTemplate$1
+        email: defaultMessageTemplate,
+        url: defaultMessageTemplate,
+        string: defaultMessageTemplate,
+        number: defaultMessageTemplate,
+        array: defaultMessageTemplate,
+        object: defaultMessageTemplate,
+        boolean: defaultMessageTemplate
       },
       number: {
         min: '`%s` is not greater than `%s`',
@@ -1228,9 +1228,9 @@
         equal: '%s is not equal to `%s`'
       }
     };
-    var getMsgTemplate$1 = function getMsgTemplate(templates, temName, values) {
+    var getMsgTemplate = function getMsgTemplate(templates, temName, values) {
       var temNameArr = temName.split('.');
-      var theTemplate = defaultMessageTemplate$1;
+      var theTemplate = defaultMessageTemplate;
 
       if (temNameArr[0] in templates) {
         var firstTemplate = templates[temNameArr[0]];
@@ -1247,14 +1247,14 @@
         return cur < values.length ? values[cur++] : curVal;
       });
     };
-    var mergeMsgTemplate$1 = function mergeMsgTemplate(originMT, newMT) {
+    var mergeMsgTemplate = function mergeMsgTemplate(originMT, newMT) {
       var targetMT = originMT;
 
       if (newMT) {
         Object.keys(originMT).forEach(function (key) {
           var originValue = originMT[key];
           var curValue = newMT === null || newMT === void 0 ? void 0 : newMT[key];
-          targetMT[key] = isObject$3(originValue) ? __assign$1(__assign$1({}, originValue), curValue) : curValue || originValue;
+          targetMT[key] = isObject$2(originValue) ? __assign$1(__assign$1({}, originValue), curValue) : curValue || originValue;
         });
       }
 
@@ -1300,7 +1300,7 @@
       return t;
     }; // eslint-disable-next-line max-classes-per-file
 
-    var BaseValidator$1 =
+    var BaseValidator =
     /** @class */
     function () {
       function BaseValidator(value, rule, options) {
@@ -1311,7 +1311,7 @@
             rest = __rest(rule, ["message"]);
 
         this.message = message || '';
-        this.type = rule.type || ValidatorType$1.String;
+        this.type = rule.type || ValidatorType.String;
         this.error = {
           value: value,
           message: [],
@@ -1320,13 +1320,13 @@
         this.field = options.field || '';
         this.rule = rest;
         this.validateRules = [];
-        this.curValidMsgTemplate = mergeMsgTemplate$1(messageTemplate$1, options.validateMessage);
+        this.curValidMsgTemplate = mergeMsgTemplate(messageTemplate, options.validateMessage);
       }
 
       BaseValidator.prototype.isRequired = function () {
         // 优先级最高
-        if (isEmptyValue$1(this.value) || isEmptyArray$1(this.value)) {
-          this.error.message = [this.message || getMsgTemplate$1(this.curValidMsgTemplate, 'required', [this.field])];
+        if (isEmptyValue(this.value) || isEmptyArray(this.value)) {
+          this.error.message = [this.message || getMsgTemplate(this.curValidMsgTemplate, 'required', [this.field])];
           this.error.errorTypes = ['required'];
           return false;
         }
@@ -1350,7 +1350,7 @@
             values = _a.values;
 
         if (isError) {
-          var theMessage = this.message || getMsgTemplate$1(this.curValidMsgTemplate, errTemplate, values);
+          var theMessage = this.message || getMsgTemplate(this.curValidMsgTemplate, errTemplate, values);
           this.error.errorTypes.push(errTemplate);
           (_b = this.error.message) === null || _b === void 0 ? void 0 : _b.push(theMessage);
           return theMessage;
@@ -1379,42 +1379,42 @@
       }
 
       NumberValidator.prototype.min = function (num) {
-        this.dealError(!isEmptyValue$1(this.value) && this.value < num, {
+        this.dealError(!isEmptyValue(this.value) && this.value < num, {
           errTemplate: 'number.min',
           values: [this.field, "" + num]
         });
       };
 
       NumberValidator.prototype.max = function (num) {
-        this.dealError(!isEmptyValue$1(this.value) && this.value > num, {
+        this.dealError(!isEmptyValue(this.value) && this.value > num, {
           errTemplate: 'number.max',
           values: [this.field, "" + num]
         });
       };
 
       NumberValidator.prototype.equal = function (num) {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value !== num, {
+        return this.dealError(!isEmptyValue(this.value) && this.value !== num, {
           errTemplate: 'number.equal',
           values: [this.field, "" + num]
         });
       };
 
       NumberValidator.prototype.positive = function () {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value < 0, {
+        return this.dealError(!isEmptyValue(this.value) && this.value < 0, {
           errTemplate: 'number.positive',
           values: [this.field]
         });
       };
 
       NumberValidator.prototype.negative = function () {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value > 0, {
+        return this.dealError(!isEmptyValue(this.value) && this.value > 0, {
           errTemplate: 'number.negative',
           values: [this.field]
         });
       };
 
       return NumberValidator;
-    }(BaseValidator$1);
+    }(BaseValidator);
 
     var StringValidator =
     /** @class */
@@ -1429,21 +1429,21 @@
       }
 
       StringValidator.prototype.min = function (num) {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value.length < num, {
+        return this.dealError(!isEmptyValue(this.value) && this.value.length < num, {
           errTemplate: 'string.min',
           values: [this.field, "" + num]
         });
       };
 
       StringValidator.prototype.max = function (num) {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value.length > num, {
+        return this.dealError(!isEmptyValue(this.value) && this.value.length > num, {
           errTemplate: 'string.max',
           values: [this.field, "" + num]
         });
       };
 
       StringValidator.prototype.len = function (num) {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value !== num, {
+        return this.dealError(!isEmptyValue(this.value) && this.value !== num, {
           errTemplate: 'string.equal',
           values: [this.field, "" + num]
         });
@@ -1451,7 +1451,7 @@
 
       StringValidator.prototype.match = function (regStr) {
         var reg = new RegExp(regStr);
-        return this.dealError(!isEmptyValue$1(this.value) && !reg.test(this.value), {
+        return this.dealError(!isEmptyValue(this.value) && !reg.test(this.value), {
           errTemplate: 'string.match',
           values: [this.field, regStr]
         });
@@ -1459,7 +1459,7 @@
 
       StringValidator.prototype.uppercase = function (isValue) {
         var isUppercase = (this.value || '').toLocaleUpperCase() === this.value;
-        return this.dealError(!isEmptyValue$1(this.value) && isUppercase !== isValue, {
+        return this.dealError(!isEmptyValue(this.value) && isUppercase !== isValue, {
           errTemplate: 'string.uppercase',
           values: [this.field]
         });
@@ -1467,21 +1467,21 @@
 
       StringValidator.prototype.lowercase = function (isValue) {
         var isLowercase = (this.value || '').toLocaleLowerCase() === this.value;
-        return this.dealError(!isEmptyValue$1(this.value) && isLowercase !== isValue, {
+        return this.dealError(!isEmptyValue(this.value) && isLowercase !== isValue, {
           errTemplate: 'string.lowercase',
           values: [this.field]
         });
       };
 
       StringValidator.prototype.whitespace = function () {
-        return this.dealError(!isEmptyValue$1(this.value) && isEmptyValue$1(this.value.trim()), {
+        return this.dealError(!isEmptyValue(this.value) && isEmptyValue(this.value.trim()), {
           errTemplate: 'string.whitespace',
           values: [this.field]
         });
       };
 
       return StringValidator;
-    }(BaseValidator$1);
+    }(BaseValidator);
 
     var ArrayValidator =
     /** @class */
@@ -1496,21 +1496,21 @@
       }
 
       ArrayValidator.prototype.min = function (num) {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value.length < num, {
+        return this.dealError(!isEmptyValue(this.value) && this.value.length < num, {
           errTemplate: 'array.min',
           values: [this.field, "" + num]
         });
       };
 
       ArrayValidator.prototype.max = function (num) {
-        return this.dealError(!isEmptyValue$1(this.value) && this.value.length > num, {
+        return this.dealError(!isEmptyValue(this.value) && this.value.length > num, {
           errTemplate: 'array.max',
           values: [this.field, "" + num]
         });
       };
 
       ArrayValidator.prototype.deepEqual = function (sub) {
-        return this.dealError(!isDeepEqual$1(this.value, sub), {
+        return this.dealError(!isDeepEqual(this.value, sub), {
           errTemplate: 'array.equal',
           values: [this.field, "" + JSON.stringify(sub)]
         });
@@ -1528,7 +1528,7 @@
       };
 
       return ArrayValidator;
-    }(BaseValidator$1);
+    }(BaseValidator);
 
     var ObjectValidator =
     /** @class */
@@ -1543,15 +1543,15 @@
       }
 
       ObjectValidator.prototype.deepEqual = function (sub) {
-        return this.dealError(!isDeepEqual$1(this.value, sub), {
+        return this.dealError(!isDeepEqual(this.value, sub), {
           errTemplate: 'object.deepEqual',
           values: [this.field, "" + JSON.stringify(sub)]
         });
       };
 
       ObjectValidator.prototype.hasKeys = function (keys) {
-        var allKeys = isEmptyValue$1(this.value) ? [] : Object.keys(this.value);
-        return this.dealError(!isEmptyValue$1(this.value) && keys.some(function (theKey) {
+        var allKeys = isEmptyValue(this.value) ? [] : Object.keys(this.value);
+        return this.dealError(!isEmptyValue(this.value) && keys.some(function (theKey) {
           return !allKeys.includes(theKey);
         }), {
           errTemplate: 'object.hasKeys',
@@ -1560,7 +1560,7 @@
       };
 
       return ObjectValidator;
-    }(BaseValidator$1);
+    }(BaseValidator);
 
     var CustomValidator =
     /** @class */
@@ -1598,7 +1598,7 @@
       };
 
       return CustomValidator;
-    }(BaseValidator$1);
+    }(BaseValidator);
 
     var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2923,7 +2923,7 @@
           Object.keys(this.rules).forEach(function (key) {
             var spPromiseGroup = [];
 
-            if (isArray$1(_this.rules[key])) {
+            if (isArray(_this.rules[key])) {
               for (var i = 0; i < _this.rules[key].length; i++) {
                 var rule = _this.rules[key][i];
 
@@ -3529,7 +3529,7 @@
 
       var latestPercentage = React.useRef(percentage);
       React.useEffect(function () {
-        mountedTransition ? scrollWithAnimation$1(0, percentage, function (progress) {
+        mountedTransition ? scrollWithAnimation(0, percentage, function (progress) {
           var targetProgress = progress / percentage * latestPercentage.current;
           setCurrentPercentage(Math.floor(targetProgress));
         }, duration, mountedBezier) : setCurrentPercentage(percentage);
@@ -3594,7 +3594,7 @@
 
     var _a;
 
-    function isObject$2(obj) {
+    function isObject$1(obj) {
       return Object.prototype.toString.call(obj) === '[object Object]';
     }
 
@@ -3606,7 +3606,7 @@
     var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
       // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
       // Avoid console warning
-      if (isObject$2(CopyReactDOM[__SECRET_INTERNALS__])) {
+      if (isObject$1(CopyReactDOM[__SECRET_INTERNALS__])) {
         CopyReactDOM[__SECRET_INTERNALS__].usingClientEntryPoint = skipWarning;
       }
     };
@@ -3662,6 +3662,13 @@
       }, {});
       return newStyle;
     }
+    function setStyleWithVendor(dom, style) {
+      var vendorStyle = getStyleWithVendor(style);
+
+      for (var key in vendorStyle) {
+        dom.style[key] = vendorStyle[key];
+      }
+    }
     /**
      * 计算默认值，仅未定义时使用默认值
      * @desc {en} Calculate the default value, use default value only if undefined
@@ -10518,7 +10525,7 @@
      * */
 
     function isCascadeArray(options) {
-      return typeof options[0] === 'object' && !isArray$1(options[0]);
+      return typeof options[0] === 'object' && !isArray(options[0]);
     }
     /**
      * 格式化传入的数组
@@ -12883,7 +12890,7 @@
 
       var fieldDisabled = disabled || propsDisabled;
       var fieldRules = (rest === null || rest === void 0 ? void 0 : rest.required) ? __spreadArrays$1([{
-        type: ValidatorType$1.String,
+        type: ValidatorType.String,
         required: true
       }], rules || []) : rules;
       var isRequired = isFieldRequired(rules) || (rest === null || rest === void 0 ? void 0 : rest.required);
@@ -14897,7 +14904,7 @@
         throw new TypeError(FUNC_ERROR_TEXT);
       }
       wait = toNumber(wait) || 0;
-      if (isObject$1(options)) {
+      if (isObject(options)) {
         leading = !!options.leading;
         maxing = 'maxWait' in options;
         maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -15054,7 +15061,7 @@
       if (typeof func != 'function') {
         throw new TypeError(FUNC_ERROR_TEXT);
       }
-      if (isObject$1(options)) {
+      if (isObject(options)) {
         leading = 'leading' in options ? !!options.leading : leading;
         trailing = 'trailing' in options ? !!options.trailing : trailing;
       }
@@ -15090,7 +15097,7 @@
      * _.isObject(null);
      * // => false
      */
-    function isObject$1(value) {
+    function isObject(value) {
       var type = typeof value;
       return !!value && (type == 'object' || type == 'function');
     }
@@ -15175,9 +15182,9 @@
       if (isSymbol(value)) {
         return NAN;
       }
-      if (isObject$1(value)) {
+      if (isObject(value)) {
         var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-        value = isObject$1(other) ? (other + '') : other;
+        value = isObject(other) ? (other + '') : other;
       }
       if (typeof value != 'string') {
         return value === 0 ? value : +value;
@@ -15205,6 +15212,18 @@
 
     var listeners = {};
     var onOnceEmittedListeners = {};
+    /**
+     * Intersection Observer 同一 root 节点下的监听队列
+     * @en Intersection Observer Listening queue under the same root node
+     */
+
+    var ioListeners = [];
+    /**
+     * Intersection Observer 监听 visible 状态队列
+     * @en Intersection Observer listens to the visible status queue
+     */
+
+    var ioVisibleList = [];
     var throttlingVisibleChange;
     /**
      * 通过滚动事件监测 children 是否进入视口或离开视口。
@@ -15252,12 +15271,6 @@
        */
 
       var domRefParent = React.useRef(null);
-      /**
-       * 当前元素是否在可视区域内
-       * @en Whether the current element is in the visible area
-       */
-
-      var isVisible = React.useRef(false);
       /**
        * 保存当前节点信息，类似于 class component 中 this
        * @en Save current node information, similar to this in class component
@@ -15304,10 +15317,8 @@
            * @en Reset the initial visible state of the element to false, and re-detect the visibility of the element, the priority is lower than 'disabled'(Usually used to re-listen when elements inside ShowMonitor change)
            */
           flushVisibleStatus: function flushVisibleStatus() {
-            isVisible.current = false;
-
-            if (isSupportNativeApi && io.current && domRef.current) {
-              disabled ? io.current.unobserve(domRef.current) : io.current.observe(domRef.current);
+            if (isSupportNativeApi) {
+              disabled ? ioUnobserve() : ioObserve();
             } else if (listener.current) {
               var key = wrapperKey.current;
 
@@ -15371,7 +15382,7 @@
          */
 
 
-        curVisible !== preVisible.current && handleCheckChildrenExist() && onCompVisibleChange(curVisible, node);
+        curVisible !== preVisible && handleCheckChildrenExist() && onCompVisibleChange(curVisible, node);
         var key = wrapperKey.current;
         /**
          * 监听一次后加入 pendingList 队列，随后被 listeners 过滤掉
@@ -15387,8 +15398,7 @@
          */
 
 
-        curVisible && !preVisible.current && compOnce && onOnceEmittedListeners[key].push(component);
-        preVisible.current = curVisible;
+        curVisible && !preVisible && compOnce && onOnceEmittedListeners[key].push(component);
       }
 
       var checkVisibleHandler = React.useCallback(function () {
@@ -15408,22 +15418,98 @@
       }
 
       function handleObserverStatusChange(entries) {
-        var _a;
+        entries.forEach(function (entry) {
+          var isIntersecting = entry.isIntersecting,
+              target = entry.target;
+          var visibleItem = ioVisibleList.find(function (item) {
+            return item.node === target;
+          });
 
-        var isIntersecting = entries[0].isIntersecting;
-        /**
-         * 当前元素 visible 对比之前发生改变，触发回调函数
-         * @en Callback when the visible status of current element changes before the comparison
-         */
+          if (visibleItem) {
+            var curVisible = visibleItem.isVisible,
+                onCompVisibleChange = visibleItem.onVisibleChange,
+                onceEmit = visibleItem.once;
+            /**
+             * 当前元素 visible 对比之前发生改变，触发回调函数
+             * @en Callback when the visible status of current element changes before the comparison
+             */
 
-        isIntersecting !== isVisible.current && handleCheckChildrenExist() && onVisibleChange(isIntersecting, domRef.current);
-        /**
-         * 当前元素不可见 -> 可见，且 once, 触发回调函数
-         * @en The current element is invisible -> visible, and once, triggers the callback
-         */
+            isIntersecting !== curVisible && handleCheckChildrenExist() && onCompVisibleChange(isIntersecting, target);
+            /**
+             * 当前元素状态由不可见变为可见，且只触发一次
+             * @en The current element is invisible -> visible, and once, triggers the callback
+             */
+
+            isIntersecting && !curVisible && onceEmit && target && ioUnobserve(target);
+            visibleItem.isVisible = isIntersecting;
+          }
+        });
+      }
+      /**
+       * 获取 io 单例
+       * @en Get the io singleton
+       */
+
+
+      function getIOSingleton(ioOptions) {
+        var root = ioOptions.root,
+            rootMargin = ioOptions.rootMargin,
+            ioThreshold = ioOptions.threshold;
+        var ioKey = JSON.stringify({
+          rootMargin: rootMargin,
+          threshold: ioThreshold
+        });
+
+        var _ioListener = ioListeners.find(function (ioListener) {
+          return ioListener.root === root && ioListener.key === ioKey;
+        });
+
+        if (!_ioListener) {
+          ioListeners.push({
+            root: root,
+            key: ioKey,
+            listener: io.current = new IntersectionObserver(handleObserverStatusChange, ioOptions)
+          });
+        } else {
+          io.current = _ioListener.listener;
+        }
+      }
+
+      function ioObserve() {
+        if (domRef.current && io.current) {
+          var curIdx = ioVisibleList.findIndex(function (ioVisibleItem) {
+            return ioVisibleItem.node === domRef.current;
+          });
+
+          if (curIdx !== -1) {
+            ioVisibleList[curIdx].isVisible = false;
+          } else {
+            ioVisibleList.push({
+              node: domRef.current,
+              isVisible: false,
+              once: once,
+              onVisibleChange: onVisibleChange
+            });
+          }
+
+          io.current.observe(domRef.current);
+        }
+      }
+
+      function ioUnobserve(target) {
+        var targetNode = target || domRef.current;
+
+        if (io.current && targetNode) {
+          var curIdx = ioVisibleList.findIndex(function (ioVisibleItem) {
+            return ioVisibleItem.node === targetNode;
+          });
+
+          if (curIdx !== -1) {
+            ioVisibleList.splice(curIdx, 1);
+          }
 
-        isIntersecting && !isVisible.current && once && domRef.current && ((_a = io.current) === null || _a === void 0 ? void 0 : _a.unobserve(domRef.current));
-        isVisible.current = isIntersecting;
+          io.current.unobserve(targetNode);
+        }
       }
       /**
        * 非首次下disabled变化时，重新监听元素
@@ -15433,14 +15519,11 @@
 
       React.useEffect(function () {
         if (isSupportNativeApi) {
-          // 非首次下
+          // 非首次 render 下
           // @en Not for the first time
-          if (io.current && domRef.current) {
-            // 禁用监听 || 监听
-            disabled ? io.current.unobserve(domRef.current) : io.current.observe(domRef.current);
-          }
+          disabled ? ioUnobserve() : ioObserve();
         } else {
-          // 非首次下
+          // 非首次 render 下
           // @en Not for the first time
           if (wrapperKey.current !== -1 && listener.current && listeners[wrapperKey.current]) {
             // 禁用监听，找到对应listener并删除
@@ -15504,12 +15587,12 @@
               rootMargin_1 = offset + "px";
             }
 
-            io.current = new IntersectionObserver(handleObserverStatusChange, {
+            getIOSingleton({
               root: root,
               rootMargin: rootMargin_1,
               threshold: threshold
             });
-            !disabled && io.current.observe(domRef.current);
+            !disabled && ioObserve();
           }
         } else {
           // 节流后回调函数
@@ -15553,7 +15636,7 @@
 
           listener.current = {
             node: domRef.current,
-            isVisible: isVisible,
+            isVisible: false,
             overflow: overflow,
             once: once,
             offset: offset,
@@ -15569,10 +15652,8 @@
       }, []);
       React.useEffect(function () {
         return function () {
-          var _a;
-
           if (isSupportNativeApi) {
-            domRef.current && ((_a = io.current) === null || _a === void 0 ? void 0 : _a.unobserve(domRef.current));
+            ioUnobserve();
           } else {
             if (overflow) {
               var parent_3 = domRefParent.current;
@@ -17403,7 +17484,7 @@
     var index$b = componentWrapper(ImagePicker, 'ImagePicker');
 
     /*!
-    * @arco-design/transformable v1.0.1
+    * @arco-design/transformable v1.0.2
     * (c) 2022 ludan.kibbon
     */
     function _defineProperty(obj, key, value) {
@@ -20598,643 +20679,61 @@
 
     var index$a = componentWrapper(ImagePreview, methodsGenerator$3(ImagePreviewWithGlobalContext));
 
-    var opt = Object.prototype.toString;
-    function isArray(obj) {
-      return opt.call(obj) === '[object Array]';
-    }
-    function isObject(obj) {
-      return opt.call(obj) === '[object Object]';
-    }
-    function isEmptyValue(obj) {
-      return obj === undefined || obj === null || obj === '';
-    }
-    function isFunction(obj) {
-      return Object.prototype.toString.call(obj).toLowerCase() === '[object function]';
-    }
-    function isEmptyArray(obj) {
-      return isArray(obj) && !(obj === null || obj === void 0 ? void 0 : obj.length);
-    }
-    var isDeepEqual = function isDeepEqual(obj, sub) {
-      if (typeof obj !== 'object' || typeof sub !== 'object' || obj === null || sub === null) {
-        return obj === sub;
-      }
-
-      if (isFunction(obj) && isFunction(sub)) {
-        return obj === sub || obj.toString() === sub.toString();
-      }
-
-      if (Object.keys(obj).length !== Object.keys(sub).length) {
-        return false;
-      }
-
-      for (var key in obj) {
-        if (!isDeepEqual(obj[key], sub[key])) return false;
-      }
-
-      return true;
-    };
+    var IndexBarContext = /*#__PURE__*/React.createContext({
+      sticky: true,
+      getScrollContainer: function getScrollContainer() {
+        return null;
+      },
+      updateRef: function updateRef() {}
+    });
 
     /**
-     * https://github.com/gre/bezier-easing
-     * BezierEasing - use bezier curve for transition easing function
-     * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+     * 粘性布局组件，元素相对于窗口或指定容器的吸顶效果。
+     * @en Sticky layout component, The sticky-to-top effect of the element relative to the window or specified container
+     * @type 布局
+     * @type_en Layout
+     * @name 粘性布局
+     * @name_en Sticky
      */
-    // These values are established by empiricism with tests (tradeoff: performance VS precision)
-    var NEWTON_ITERATIONS = 4;
-    var NEWTON_MIN_SLOPE = 0.001;
-    var SUBDIVISION_PRECISION = 0.0000001;
-    var SUBDIVISION_MAX_ITERATIONS = 10;
-    var kSplineTableSize = 11;
-    var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
-    var float32ArraySupported = typeof Float32Array === 'function';
-
-    function A(aA1, aA2) {
-      return 1.0 - 3.0 * aA2 + 3.0 * aA1;
-    }
-
-    function B(aA1, aA2) {
-      return 3.0 * aA2 - 6.0 * aA1;
-    }
 
-    function C(aA1) {
-      return 3.0 * aA1;
-    } // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+    var Sticky = /*#__PURE__*/React.forwardRef(function (props, ref) {
+      var _a = props.position,
+          position = _a === void 0 ? 'top' : _a,
+          _b = props.topOffset,
+          topOffset = _b === void 0 ? 0 : _b,
+          _c = props.bottomOffset,
+          bottomOffset = _c === void 0 ? 0 : _c,
+          _d = props.followOffset,
+          followOffset = _d === void 0 ? 0 : _d,
+          children = props.children,
+          className = props.className,
+          style = props.style,
+          _e = props.zIndex,
+          zIndex = _e === void 0 ? 100 : _e,
+          _f = props.portalWhenSticky,
+          portalWhenSticky = _f === void 0 ? false : _f,
+          _g = props.stickyStyle,
+          stickyStyle = _g === void 0 ? 'fixed' : _g,
+          userSetStickyCssStyle = props.stickyCssStyle,
+          getPortalContainer = props.getPortalContainer,
+          getContainer = props.getContainer,
+          getScrollContainer = props.getScrollContainer,
+          onStickyStateChange = props.onStickyStateChange,
+          onTopChange = props.onTopChange;
 
+      var _h = useRefState(false),
+          isSticky = _h[0],
+          isStickyRef = _h[1],
+          setIsSticky = _h[2];
 
-    function calcBezier(aT, aA1, aA2) {
-      return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
-    } // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+      var _j = useRefState(false),
+          wasSticky = _j[0],
+          wasStickyRef = _j[1],
+          setWasSticky = _j[2];
 
-
-    function getSlope(aT, aA1, aA2) {
-      return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
-    }
-
-    function binarySubdivide(aX, aA, aB, mX1, mX2) {
-      var currentX, currentT;
-      var i = 0;
-
-      do {
-        currentT = aA + (aB - aA) / 2.0;
-        currentX = calcBezier(currentT, mX1, mX2) - aX;
-
-        if (currentX > 0.0) {
-          aB = currentT;
-        } else {
-          aA = currentT;
-        }
-      } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
-
-      return currentT;
-    }
-
-    function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {
-      for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
-        var currentSlope = getSlope(aGuessT, mX1, mX2);
-
-        if (currentSlope === 0.0) {
-          return aGuessT;
-        }
-
-        var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
-        aGuessT -= currentX / currentSlope;
-      }
-
-      return aGuessT;
-    }
-
-    function LinearEasing(x) {
-      return x;
-    }
-
-    function bezier(mX1, mY1, mX2, mY2) {
-      if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
-        throw new Error('bezier x values must be in [0, 1] range');
-      }
-
-      if (mX1 === mY1 && mX2 === mY2) {
-        return LinearEasing;
-      } // Precompute samples table
-
-
-      var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
-
-      for (var i = 0; i < kSplineTableSize; ++i) {
-        sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
-      }
-
-      function getTForX(aX) {
-        var intervalStart = 0.0;
-        var currentSample = 1;
-        var lastSample = kSplineTableSize - 1;
-
-        for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
-          intervalStart += kSampleStepSize;
-        }
-
-        --currentSample; // Interpolate to provide an initial guess for t
-
-        var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
-        var guessForT = intervalStart + dist * kSampleStepSize;
-        var initialSlope = getSlope(guessForT, mX1, mX2);
-
-        if (initialSlope >= NEWTON_MIN_SLOPE) {
-          return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
-        }
-
-        if (initialSlope === 0.0) {
-          return guessForT;
-        }
-
-        return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
-      }
-
-      return function BezierEasing(x) {
-        // Because JavaScript number are imprecise, we should guarantee the extremes are right.
-        if (x === 0 || x === 1) {
-          return x;
-        }
-
-        return calcBezier(getTForX(x), mY1, mY2);
-      };
-    }
-
-    function execRAF(fn) {
-      try {
-        return requestAnimationFrame(fn);
-      } catch (e) {
-        return setTimeout(fn, 17);
-      }
-    }
-    function scrollWithAnimation(initTop, target, scrollTo, duration, bezier$1, type) {
-      if (duration === void 0) {
-        duration = 300;
-      }
-
-      if (bezier$1 === void 0) {
-        bezier$1 = [0.34, 0.69, 0.1, 1];
-      }
-
-      if (type === void 0) {
-        type = 'to';
-      }
-
-      var targetTop = Math.max(0, type === 'by' ? initTop + target : target);
-      var start = Date.now();
-
-      var fn = function fn() {
-        var p = (Date.now() - start) / duration;
-
-        if (p > 1) {
-          scrollTo(targetTop);
-        } else {
-          var newTop = initTop + (targetTop - initTop) * bezier.apply(void 0, bezier$1)(p);
-          scrollTo(newTop);
-          execRAF(fn);
-        }
-      };
-
-      execRAF(fn);
-    }
-
-    var ValidatorType;
-
-    (function (ValidatorType) {
-      ValidatorType["Number"] = "number";
-      ValidatorType["String"] = "string";
-      ValidatorType["Array"] = "array";
-      ValidatorType["Boolean"] = "boolean";
-      ValidatorType["Object"] = "object";
-      ValidatorType["Custom"] = "custom";
-    })(ValidatorType || (ValidatorType = {}));
-
-    var defaultMessageTemplate = '%s is not a %s type';
-    var messageTemplate = {
-      required: '%s is required',
-      type: {
-        email: defaultMessageTemplate,
-        url: defaultMessageTemplate,
-        string: defaultMessageTemplate,
-        number: defaultMessageTemplate,
-        array: defaultMessageTemplate,
-        object: defaultMessageTemplate,
-        boolean: defaultMessageTemplate
-      },
-      number: {
-        min: '`%s` is not greater than `%s`',
-        max: '`%s` is not less than `%s`',
-        equal: '`%s` is not equal to `%s`',
-        range: '`%s` is not in range `%s ~ %s`',
-        positive: '`%s` is not a positive number',
-        negative: '`%s` is not a negative number'
-      },
-      string: {
-        max: '%s cannot be longer than %s characters',
-        min: '%s must be at least %s characters',
-        len: '%s must be exactly %s characters',
-        match: '`%s` does not match the pattern %s',
-        uppercase: '%s must be all uppercased',
-        lowercase: '%s must be all lowercased',
-        whitespace: '%s cannot be string of whitespace'
-      },
-      array: {
-        max: '%s cannot be greater than %s in length',
-        min: '%s cannot be less than %s in length',
-        len: '%s must be exactly %s in length',
-        includes: '%s is not includes %s',
-        deepEqual: '%s is not deep equal with%s'
-      },
-      object: {
-        deepEqual: '%s is not deep equal with %s',
-        hasKeys: '%s does not contain required fields %s'
-      },
-      boolean: {
-        equal: '%s is not equal to `%s`'
-      }
-    };
-    var getMsgTemplate = function getMsgTemplate(templates, temName, values) {
-      var temNameArr = temName.split('.');
-      var theTemplate = defaultMessageTemplate;
-
-      if (temNameArr[0] in templates) {
-        var firstTemplate = templates[temNameArr[0]];
-
-        if (Object.prototype.toString.call(firstTemplate).toLowerCase() === '[object object]' && temNameArr.length > 1 && temNameArr[1] in templates[temNameArr[0]]) {
-          theTemplate = firstTemplate[temNameArr[1]];
-        } else {
-          theTemplate = firstTemplate;
-        }
-      }
-
-      var cur = 0;
-      return theTemplate.replace(/%s/g, function (curVal) {
-        return cur < values.length ? values[cur++] : curVal;
-      });
-    };
-    var mergeMsgTemplate = function mergeMsgTemplate(originMT, newMT) {
-      var targetMT = originMT;
-
-      if (newMT) {
-        Object.keys(originMT).forEach(function (key) {
-          var originValue = originMT[key];
-          var curValue = newMT === null || newMT === void 0 ? void 0 : newMT[key];
-          targetMT[key] = isObject(originValue) ? __assign$2(__assign$2({}, originValue), curValue) : curValue || originValue;
-        });
-      }
-
-      return targetMT;
-    };
-
-    var BaseValidator =
-    /** @class */
-    function () {
-      function BaseValidator(value, rule, options) {
-        this.value = value;
-
-        var _a = rule.message,
-            message = _a === void 0 ? '' : _a,
-            rest = __rest$1(rule, ["message"]);
-
-        this.message = message || '';
-        this.type = rule.type || ValidatorType.String;
-        this.error = {
-          value: value,
-          message: [],
-          errorTypes: []
-        };
-        this.field = options.field || '';
-        this.rule = rest;
-        this.validateRules = [];
-        this.curValidMsgTemplate = mergeMsgTemplate(messageTemplate, options.validateMessage);
-      }
-
-      BaseValidator.prototype.isRequired = function () {
-        // 优先级最高
-        if (isEmptyValue(this.value) || isEmptyArray(this.value)) {
-          this.error.message = [this.message || getMsgTemplate(this.curValidMsgTemplate, 'required', [this.field])];
-          this.error.errorTypes = ['required'];
-          return false;
-        }
-
-        return true;
-      };
-
-      BaseValidator.prototype.addError = function (errorType, message) {
-        var _a;
-
-        if (message) {
-          this.error.errorTypes.push(errorType);
-          (_a = this.error.message) === null || _a === void 0 ? void 0 : _a.push(message);
-        }
-      };
-
-      BaseValidator.prototype.dealError = function (isError, _a) {
-        var _b;
-
-        var errTemplate = _a.errTemplate,
-            values = _a.values;
-
-        if (isError) {
-          var theMessage = this.message || getMsgTemplate(this.curValidMsgTemplate, errTemplate, values);
-          this.error.errorTypes.push(errTemplate);
-          (_b = this.error.message) === null || _b === void 0 ? void 0 : _b.push(theMessage);
-          return theMessage;
-        }
-
-        return '';
-      };
-
-      BaseValidator.prototype.getErrors = function () {
-        return this.error;
-      };
-
-      return BaseValidator;
-    }();
-
-    /** @class */
-    (function (_super) {
-      __extends$1(NumberValidator, _super);
-
-      function NumberValidator(value, rules, options) {
-        var _this = _super.call(this, value, rules, options) || this;
-
-        _this.validateRules = ['min', 'max', 'equal', 'positive', 'negative'];
-        return _this;
-      }
-
-      NumberValidator.prototype.min = function (num) {
-        this.dealError(!isEmptyValue(this.value) && this.value < num, {
-          errTemplate: 'number.min',
-          values: [this.field, "" + num]
-        });
-      };
-
-      NumberValidator.prototype.max = function (num) {
-        this.dealError(!isEmptyValue(this.value) && this.value > num, {
-          errTemplate: 'number.max',
-          values: [this.field, "" + num]
-        });
-      };
-
-      NumberValidator.prototype.equal = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value !== num, {
-          errTemplate: 'number.equal',
-          values: [this.field, "" + num]
-        });
-      };
-
-      NumberValidator.prototype.positive = function () {
-        return this.dealError(!isEmptyValue(this.value) && this.value < 0, {
-          errTemplate: 'number.positive',
-          values: [this.field]
-        });
-      };
-
-      NumberValidator.prototype.negative = function () {
-        return this.dealError(!isEmptyValue(this.value) && this.value > 0, {
-          errTemplate: 'number.negative',
-          values: [this.field]
-        });
-      };
-
-      return NumberValidator;
-    })(BaseValidator);
-
-    /** @class */
-    (function (_super) {
-      __extends$1(StringValidator, _super);
-
-      function StringValidator(value, rules, options) {
-        var _this = _super.call(this, value, rules, options) || this;
-
-        _this.validateRules = ['min', 'max', 'len', 'match', 'uppercase', 'lowercase', 'whitespace'];
-        return _this;
-      }
-
-      StringValidator.prototype.min = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value.length < num, {
-          errTemplate: 'string.min',
-          values: [this.field, "" + num]
-        });
-      };
-
-      StringValidator.prototype.max = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value.length > num, {
-          errTemplate: 'string.max',
-          values: [this.field, "" + num]
-        });
-      };
-
-      StringValidator.prototype.len = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value !== num, {
-          errTemplate: 'string.equal',
-          values: [this.field, "" + num]
-        });
-      };
-
-      StringValidator.prototype.match = function (regStr) {
-        var reg = new RegExp(regStr);
-        return this.dealError(!isEmptyValue(this.value) && !reg.test(this.value), {
-          errTemplate: 'string.match',
-          values: [this.field, regStr]
-        });
-      };
-
-      StringValidator.prototype.uppercase = function (isValue) {
-        var isUppercase = (this.value || '').toLocaleUpperCase() === this.value;
-        return this.dealError(!isEmptyValue(this.value) && isUppercase !== isValue, {
-          errTemplate: 'string.uppercase',
-          values: [this.field]
-        });
-      };
-
-      StringValidator.prototype.lowercase = function (isValue) {
-        var isLowercase = (this.value || '').toLocaleLowerCase() === this.value;
-        return this.dealError(!isEmptyValue(this.value) && isLowercase !== isValue, {
-          errTemplate: 'string.lowercase',
-          values: [this.field]
-        });
-      };
-
-      StringValidator.prototype.whitespace = function () {
-        return this.dealError(!isEmptyValue(this.value) && isEmptyValue(this.value.trim()), {
-          errTemplate: 'string.whitespace',
-          values: [this.field]
-        });
-      };
-
-      return StringValidator;
-    })(BaseValidator);
-
-    /** @class */
-    (function (_super) {
-      __extends$1(ArrayValidator, _super);
-
-      function ArrayValidator(value, rules, options) {
-        var _this = _super.call(this, value, rules, options) || this;
-
-        _this.validateRules = ['min', 'max', 'deepEqual', 'includes'];
-        return _this;
-      }
-
-      ArrayValidator.prototype.min = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value.length < num, {
-          errTemplate: 'array.min',
-          values: [this.field, "" + num]
-        });
-      };
-
-      ArrayValidator.prototype.max = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value.length > num, {
-          errTemplate: 'array.max',
-          values: [this.field, "" + num]
-        });
-      };
-
-      ArrayValidator.prototype.deepEqual = function (sub) {
-        return this.dealError(!isDeepEqual(this.value, sub), {
-          errTemplate: 'array.equal',
-          values: [this.field, "" + JSON.stringify(sub)]
-        });
-      };
-
-      ArrayValidator.prototype.includes = function (sub) {
-        var _this = this;
-
-        return this.dealError(sub.some(function (el) {
-          return !_this.value.includes(el);
-        }), {
-          errTemplate: 'array.includes',
-          values: [this.field, "" + JSON.stringify(sub)]
-        });
-      };
-
-      return ArrayValidator;
-    })(BaseValidator);
-
-    /** @class */
-    (function (_super) {
-      __extends$1(ObjectValidator, _super);
-
-      function ObjectValidator(value, rules, options) {
-        var _this = _super.call(this, value, rules, options) || this;
-
-        _this.validateRules = ['deepEqual', 'hasKeys'];
-        return _this;
-      }
-
-      ObjectValidator.prototype.deepEqual = function (sub) {
-        return this.dealError(!isDeepEqual(this.value, sub), {
-          errTemplate: 'object.deepEqual',
-          values: [this.field, "" + JSON.stringify(sub)]
-        });
-      };
-
-      ObjectValidator.prototype.hasKeys = function (keys) {
-        var allKeys = isEmptyValue(this.value) ? [] : Object.keys(this.value);
-        return this.dealError(!isEmptyValue(this.value) && keys.some(function (theKey) {
-          return !allKeys.includes(theKey);
-        }), {
-          errTemplate: 'object.hasKeys',
-          values: [this.field, "" + JSON.stringify(keys)]
-        });
-      };
-
-      return ObjectValidator;
-    })(BaseValidator);
-
-    /** @class */
-    (function (_super) {
-      __extends$1(CustomValidator, _super);
-
-      function CustomValidator(value, rules, options) {
-        return _super.call(this, value, rules, options) || this;
-      }
-
-      CustomValidator.prototype.validator = function (validatorTool) {
-        var _this = this;
-
-        if (validatorTool) {
-          return new Promise(function (resolve) {
-            var ret = validatorTool(_this.value, function (message) {
-              if (message === void 0) {
-                message = '';
-              }
-
-              return _this.addError('custom', message || '');
-            });
-
-            if (ret && (ret === null || ret === void 0 ? void 0 : ret.then)) {
-              ret.then(function () {
-                return resolve(_this.getErrors());
-              });
-            } else {
-              resolve(_this.getErrors());
-            }
-          });
-        }
-
-        return null;
-      };
-
-      return CustomValidator;
-    })(BaseValidator);
-
-    var IndexBarContext = /*#__PURE__*/React.createContext({
-      sticky: true,
-      getScrollContainer: function getScrollContainer() {
-        return null;
-      },
-      updateRef: function updateRef() {}
-    });
-
-    /**
-     * 粘性布局组件，元素相对于窗口或指定容器的吸顶效果。
-     * @en Sticky layout component, The sticky-to-top effect of the element relative to the window or specified container
-     * @type 布局
-     * @type_en Layout
-     * @name 粘性布局
-     * @name_en Sticky
-     */
-
-    var Sticky = /*#__PURE__*/React.forwardRef(function (props, ref) {
-      var _a = props.position,
-          position = _a === void 0 ? 'top' : _a,
-          _b = props.topOffset,
-          topOffset = _b === void 0 ? 0 : _b,
-          _c = props.bottomOffset,
-          bottomOffset = _c === void 0 ? 0 : _c,
-          _d = props.followOffset,
-          followOffset = _d === void 0 ? 0 : _d,
-          children = props.children,
-          className = props.className,
-          style = props.style,
-          _e = props.zIndex,
-          zIndex = _e === void 0 ? 100 : _e,
-          _f = props.portalWhenSticky,
-          portalWhenSticky = _f === void 0 ? false : _f,
-          _g = props.stickyStyle,
-          stickyStyle = _g === void 0 ? 'fixed' : _g,
-          userSetStickyCssStyle = props.stickyCssStyle,
-          getPortalContainer = props.getPortalContainer,
-          getContainer = props.getContainer,
-          getScrollContainer = props.getScrollContainer,
-          onStickyStateChange = props.onStickyStateChange,
-          onTopChange = props.onTopChange;
-
-      var _h = useRefState(false),
-          isSticky = _h[0],
-          isStickyRef = _h[1],
-          setIsSticky = _h[2];
-
-      var _j = useRefState(false),
-          wasSticky = _j[0],
-          wasStickyRef = _j[1],
-          setWasSticky = _j[2];
-
-      var _k = React.useState({}),
-          stickyStateStyle = _k[0],
-          setStickyStateStyle = _k[1];
+      var _k = React.useState({}),
+          stickyStateStyle = _k[0],
+          setStickyStateStyle = _k[1];
 
       var contentRef = React.useRef(null);
       var placeholderRef = React.useRef(null);
@@ -21306,7 +20805,7 @@
           return;
         }
 
-        execRAF$1(function () {
+        execRAF(function () {
           framePendingRef.current = false;
 
           if (containerRef.current) {
@@ -22132,11 +21631,14 @@
 
         changeStatus('loading', scene);
         getData === null || getData === void 0 ? void 0 : getData(function (st) {
-          lastScrollEndRef.current = false;
           changeStatus(st, 'manual');
         });
       }, [blockWhenLoading, changeStatus, getData]);
       React.useEffect(function () {
+        if (!blockWhenLoading || nowStatus !== 'loading') {
+          lastScrollEndRef.current = false;
+        }
+
         statusRef.current = nowStatus;
       }, [nowStatus]);
       useUpdateEffect(function () {
@@ -22393,7 +21895,7 @@
           ref: navBarRef,
           className: cls(wrapClass, prefixCls + "-nav-bar", (_b = {}, _b[prefixCls + "-nav-bar-fixed"] = fixed, _b[prefixCls + "-nav-bar-float"] = !placeholder, _b[prefixCls + "-nav-bar-hide"] = scrollToggleHide, _b)),
           style: __assign$2(__assign$2({
-            paddingTop: fixed && statusBarHeight ? statusBarHeight + "px" : ''
+            paddingTop: fixed && statusBarHeight ? statusBarHeight + "px" : '0px'
           }, style || {}), relBackground ? {
             background: relBackground
           } : {}),
@@ -22402,7 +21904,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: cls(className, system, prefixCls + "-nav-bar-wrapper", (_c = {}, _c[prefixCls + "-nav-bar-wrapper-fixed"] = fixed, _c[prefixCls + "-nav-bar-wrapper-border"] = hasBottomLine, _c)),
           style: __assign$2({
-            paddingTop: statusBarHeight ? statusBarHeight + "px" : ''
+            paddingTop: statusBarHeight ? statusBarHeight + "px" : '0px'
           }, customStyle)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-nav-bar-inner all-border-box"
@@ -23375,10 +22877,10 @@
           setDirectionState = _k[2];
 
       var getOffset = React.useCallback(function (dir) {
-        return getDefaultValue(isObject$3(edgeOffset) ? edgeOffset[dir] : edgeOffset, defaultEdgeOffset[dir]);
+        return getDefaultValue(isObject$2(edgeOffset) ? edgeOffset[dir] : edgeOffset, defaultEdgeOffset[dir]);
       }, [edgeOffset]);
       var getAutoDirection = React.useCallback(function (dir) {
-        return getDefaultValue(isObject$3(useAutoDirection) ? useAutoDirection[dir] : useAutoDirection, defaultAutoDirection);
+        return getDefaultValue(isObject$2(useAutoDirection) ? useAutoDirection[dir] : useAutoDirection, defaultAutoDirection);
       }, [useAutoDirection]);
       React.useEffect(function () {
         setDirectionState(direction);
@@ -23820,7 +23322,7 @@
       var closeTimer = React.useRef(0);
       /** 垂直方向自适应 */
 
-      var autoVerticalDirection = getDefaultValue(isObject$3(useAutoDirection) ? useAutoDirection.vertical : useAutoDirection, defaultAutoDirection);
+      var autoVerticalDirection = getDefaultValue(isObject$2(useAutoDirection) ? useAutoDirection.vertical : useAutoDirection, defaultAutoDirection);
 
       var popoverDisappear = function popoverDisappear() {
         onVisibleChange(false);
@@ -26485,31 +25987,49 @@
           _k = props.activeText,
           activeText = _k === void 0 ? '' : _k,
           _l = props.initPos,
-          initPos = _l === void 0 ? 0 : _l;
-      var _m = React.useContext(GlobalContext).locale,
-          locale = _m === void 0 ? defaultLocale : _m;
+          initPos = _l === void 0 ? 0 : _l,
+          _m = props.bounceWhenBumpBoundary,
+          bounceWhenBumpBoundary = _m === void 0 ? false : _m,
+          _o = props.bounceDampRate,
+          bounceDampRate = _o === void 0 ? 3 : _o,
+          _p = props.bounceAnimateDuration,
+          bounceAnimateDuration = _p === void 0 ? 300 : _p,
+          damping = props.damping,
+          bounceDistanceProcessor = props.bounceDistanceProcessor,
+          getScrollContainer = props.getScrollContainer,
+          getBounceContainer = props.getBounceContainer,
+          onTouchStart = props.onTouchStart,
+          onTouchEnd = props.onTouchEnd,
+          onTouchCancel = props.onTouchCancel,
+          onTouchMove = props.onTouchMove,
+          renderLabel = props.renderLabel;
+      var _q = React.useContext(GlobalContext).locale,
+          locale = _q === void 0 ? defaultLocale : _q;
 
-      var _o = React.useState(disabled),
-          disableState = _o[0],
-          setDisableState = _o[1];
+      var _r = React.useState(disabled),
+          disableState = _r[0],
+          setDisableState = _r[1];
 
-      var _p = React.useState(0),
-          labelOffsetState = _p[0],
-          setLabelOffsetState = _p[1];
+      var _s = React.useState(0),
+          labelOffsetState = _s[0],
+          setLabelOffsetState = _s[1];
 
       var containerRef = React.useRef(null);
       var loadingRef = React.useRef(null);
       var loadingLabelRef = React.useRef(null);
       var showLoadMoreRef = React.useRef(false);
       var ifToRightRef = React.useRef(false);
+      var bouncingRef = React.useRef(false);
       var offsetRef = React.useRef(0);
       var domRef = React.useRef(null);
       var wrapperEl = domRef.current;
-      useAddListener(wrapperEl, 'touchstart', props.onTouchStart);
-      useAddListener(wrapperEl, 'touchend', props.onTouchEnd);
-      useAddListener(wrapperEl, 'touchcancel', props.onTouchCancel);
-      useAddListener(wrapperEl, 'touchmove', props.onTouchMove);
+      useAddListener(wrapperEl, 'touchstart', onTouchStart);
+      useAddListener(wrapperEl, 'touchend', onTouchEnd);
+      useAddListener(wrapperEl, 'touchcancel', onTouchCancel);
+      useAddListener(wrapperEl, 'touchmove', onTouchMove);
       React.useEffect(function () {
+        var _a;
+
         if (disabled || !containerRef.current || disableState) {
           return;
         }
@@ -26524,11 +26044,7 @@
         } else if (containerRef.current.childNodes.length === 1) {
           // 传入一个子元素 滑动单个元素
           // @en Pass in a child element swipe the single element
-          if (props.getScrollContainer) {
-            scrollContainer = props.getScrollContainer();
-          } else {
-            scrollContainer = containerRef.current.firstChild;
-          }
+          scrollContainer = (_a = getScrollContainer === null || getScrollContainer === void 0 ? void 0 : getScrollContainer()) !== null && _a !== void 0 ? _a : containerRef.current.firstChild;
         } else {
           // 传入多个子元素(列表元素为例) 组件控制自行滑动 不推荐
           // @en Pass in multiple sub-elements (list elements as an example) Component control slides by itself which is not recommended
@@ -26548,17 +26064,20 @@
 
         if (!loadingCurrent) {
           return;
-        } // 初始不显示标签
-        // @en Initially no labels are displayed
+        }
 
+        var bounceScrollContainer = (getBounceContainer === null || getBounceContainer === void 0 ? void 0 : getBounceContainer()) || scrollContainer; // 初始不显示标签
+        // @en Initially no labels are displayed
 
         loadingCurrent.style.display = 'none';
         var startX = 0;
-        var endX = 0; // 触摸页面确定X起始坐标
+        var endX = 0;
+        var bounceDistance = 0; // 触摸页面确定X起始坐标
         // @en Determine the X starting coordinate on touchstart
 
         var touchstart = function touchstart(e) {
-          startX = e.touches[0].pageX;
+          var evt = e.touches[0];
+          startX = evt.clientX || 0;
         }; // 页面滑动确定X终止坐标，更新手指的X坐标，改变loading中的文字和大小
         // @en Determine the X end coordinate, update the X coordinate of the finger, change the text and size in the loading on touchmove
 
@@ -26570,12 +26089,30 @@
             scrollContainer.scrollLeft = 1;
           }
 
-          endX = e.touches[0].pageX;
+          endX = e.touches[0].clientX || 0;
           var diff = endX - startX;
           offsetRef.current = diff;
-          var labelDiff = fingerDisToLabelDis(Math.abs(diff), props.damping); // 向左滑动到尽头 '更多'标签加载 根据scrollLeft判断 滚动容器到达边缘触发 非滚动容器不判断
+          var labelDiff = fingerDisToLabelDis(Math.abs(diff), damping); // 滑动到最左侧，处理回弹效果
+          // @en Swipe to the far left to handle the rebound effect
+
+          if (diff > 0 && scrollContainer.scrollLeft <= 1 && bounceWhenBumpBoundary) {
+            e.stopPropagation();
+            e.cancelBubble && e.preventDefault();
+            bouncingRef.current = true;
+
+            var processor = bounceDistanceProcessor || function (dis) {
+              return Math.min(dis, bounceScrollContainer.offsetWidth) / bounceDampRate;
+            };
+
+            bounceDistance = processor(diff);
+            setStyleWithVendor(bounceScrollContainer, {
+              transition: 'none',
+              transform: "translateX(" + bounceDistance + "px) translateZ(0)"
+            });
+          } // 向左滑动到尽头 '更多'标签加载 根据scrollLeft判断 滚动容器到达边缘触发 非滚动容器不判断
           // @en Swipe left to the end and the 'more' label is loaded. Judging by scrollLeft, the scroll container reaches the edge and the non-scroll container does not judge
 
+
           if (diff < 0 && (scrollContainer.scrollLeft + scrollContainer.clientWidth >= scrollContainer.scrollWidth - 1 || !scrollContainer.scrollLeft) && !ifToRightRef.current) {
             showLoadMoreRef.current = true;
             loadingCurrent.style.display = 'flex';
@@ -26601,12 +26138,14 @@
               loadingLabelCurrent.innerHTML = labelDiff >= minConfirmOffset ? activeText || locale.SwipeLoad.activeText : normalText || locale.SwipeLoad.normalText;
             }
 
-            loadingCurrent.style.transition = 'all 0.02s';
-            loadingCurrent.style.webkitTransform = "translateX(-" + labelRightMargin + "px)";
-            loadingCurrent.style.transform = "translateX(-" + labelRightMargin + "px)";
-            scrollContainer.style.transition = 'all 0.03s';
-            scrollContainer.style.webkitTransform = "translateX(-" + listRightMargin + "px)";
-            scrollContainer.style.transform = "translateX(-" + listRightMargin + "px)";
+            setStyleWithVendor(loadingCurrent, {
+              transition: 'none',
+              transform: "translateX(-" + labelRightMargin + "px) translateZ(0)"
+            });
+            setStyleWithVendor(scrollContainer, {
+              transition: 'none',
+              transform: "translateX(-" + listRightMargin + "px) translateZ(0)"
+            });
           }
 
           if (diff > 0 && scrollContainer.scrollLeft + scrollContainer.clientWidth <= scrollContainer.scrollWidth - 1) {
@@ -26631,13 +26170,28 @@
           var labelDiff = fingerDisToLabelDis(Math.abs(diff));
 
           var resumeAnimation = function resumeAnimation() {
-            scrollContainer.style.transition = "all " + labelAnimationDuration + "ms " + labelAnimationFunction;
-            scrollContainer.style.webkitTransform = 'translateX(0px)';
-            scrollContainer.style.transform = 'translateX(0px)';
-            loadingCurrent.style.transition = "all " + labelAnimationDuration + "ms " + labelAnimationFunction;
-            loadingCurrent.style.webkitTransform = 'translateX(0px)';
-            loadingCurrent.style.transform = 'translateX(0px)';
-            showLoadMoreRef.current = false;
+            if (showLoadMoreRef.current) {
+              showLoadMoreRef.current = false;
+              var scrollTransitionCssStyle = "all " + labelAnimationDuration + "ms " + labelAnimationFunction;
+              var scrollTransformCssStyle = 'translateX(0px) translateZ(0)';
+              setStyleWithVendor(scrollContainer, {
+                transition: scrollTransitionCssStyle,
+                transform: scrollTransformCssStyle
+              });
+              setStyleWithVendor(loadingCurrent, {
+                transition: scrollTransitionCssStyle,
+                transform: scrollTransformCssStyle
+              });
+            }
+
+            if (bouncingRef.current) {
+              bouncingRef.current = false;
+              setStyleWithVendor(bounceScrollContainer, {
+                transition: "all " + bounceAnimateDuration + "ms",
+                transform: 'translateX(0px) translateZ(0)'
+              });
+            }
+
             ifToRightRef.current = false;
             setTimeout(function () {
               loadingCurrent.style.display = 'none';
@@ -26667,7 +26221,7 @@
           scrollContainer.removeEventListener('touchmove', touchmove);
           scrollContainer.removeEventListener('touchend', touchend);
         };
-      }, [disabled]);
+      }, [disabled, getScrollContainer, getBounceContainer, bounceWhenBumpBoundary, bounceDampRate, bounceAnimateDuration]);
       React.useImperativeHandle(ref, function () {
         return {
           dom: domRef.current
@@ -26681,14 +26235,14 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: cls(prefixCls + "-list-area"),
           ref: containerRef
-        }, children), props.renderLabel ? /*#__PURE__*/React__default["default"].createElement("div", {
+        }, children), renderLabel ? /*#__PURE__*/React__default["default"].createElement("div", {
           className: cls(prefixCls + "-custom-loading-area"),
           ref: loadingRef,
           style: {
             position: 'absolute',
             right: initPos + "px"
           }
-        }, props.renderLabel.length ? props.renderLabel(labelOffsetState) : props.renderLabel()) : /*#__PURE__*/React__default["default"].createElement("div", {
+        }, renderLabel.length ? renderLabel(labelOffsetState) : renderLabel()) : /*#__PURE__*/React__default["default"].createElement("div", {
           className: cls(prefixCls + "-loading-area"),
           ref: loadingRef,
           style: {
@@ -27427,7 +26981,7 @@
         }
 
         if (needRafScroll) {
-          scrollWithAnimation$1(isVertical ? domRef.current.scrollLeft : domRef.current.scrollTop, position, function (top) {
+          scrollWithAnimation(isVertical ? domRef.current.scrollLeft : domRef.current.scrollTop, position, function (top) {
             if (domRef.current) {
               if (isVertical) {
                 domRef.current.scrollLeft = top;
@@ -27747,7 +27301,7 @@
         clearTimeout(timerRef.current);
         autoScrollingRef.current = true;
         var duration = rightNow ? 0 : transitionDuration || 0;
-        scrollWithAnimation$1(scrollTop, scrollTop + normalizedTopDis, function (top) {
+        scrollWithAnimation(scrollTop, scrollTop + normalizedTopDis, function (top) {
           if (isGlobal) {
             document.documentElement[scrollAttr] = top;
             document.body[scrollAttr] = top;
@@ -28083,6 +27637,7 @@
         // 利用受控手动更改index时，给cell line加上动画
         // @en Animate the cell line when changeing the index
         setCellTrans(true);
+        changeFromRef.current = 'manual';
       }, [activeTab]);
       useUpdateEffect(function () {
         onDistanceChange && onDistanceChange(distance, wrapWidth, activeIndex);