@arco-design/mobile-react 2.26.0 → 2.27.0

package/dist/index.js

@@ -110,34 +110,34 @@
         return r;
     }
 
-    var opt = Object.prototype.toString;
-    function isArray(obj) {
-      return opt.call(obj) === '[object Array]';
+    var opt$1 = Object.prototype.toString;
+    function isArray$1(obj) {
+      return opt$1.call(obj) === '[object Array]';
     }
-    function isObject$2(obj) {
-      return opt.call(obj) === '[object Object]';
+    function isObject$3(obj) {
+      return opt$1.call(obj) === '[object Object]';
     }
     function isString(obj) {
-      return opt.call(obj) === '[object String]';
+      return opt$1.call(obj) === '[object String]';
     }
     function isOneOf(value, validList) {
       return validList.indexOf(value) !== -1;
     }
-    function isEmptyValue(obj) {
+    function isEmptyValue$1(obj) {
       return obj === undefined || obj === null || obj === '';
     }
-    function isFunction(obj) {
+    function isFunction$1(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);
+    function isEmptyArray$1(obj) {
+      return isArray$1(obj) && !(obj === null || obj === void 0 ? void 0 : obj.length);
     }
-    var isDeepEqual = function isDeepEqual(obj, sub) {
+    var isDeepEqual$1 = function isDeepEqual(obj, sub) {
       if (typeof obj !== 'object' || typeof sub !== 'object' || obj === null || sub === null) {
         return obj === sub;
       }
 
-      if (isFunction(obj) && isFunction(sub)) {
+      if (isFunction$1(obj) && isFunction$1(sub)) {
         return obj === sub || obj.toString() === sub.toString();
       }
 
@@ -171,9 +171,9 @@
 
         if (isString(v)) {
           classNames.push(v);
-        } else if (isArray(v)) {
+        } else if (isArray$1(v)) {
           classNames = classNames.concat(v);
-        } else if (isObject$2(v)) {
+        } else if (isObject$3(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 = 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) {
+    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) {
       return 1.0 - 3.0 * aA2 + 3.0 * aA1;
     }
 
-    function B(aA1, aA2) {
+    function B$1(aA1, aA2) {
       return 3.0 * aA2 - 6.0 * aA1;
     }
 
-    function C(aA1) {
+    function C$1(aA1) {
       return 3.0 * aA1;
     } // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
 
 
-    function calcBezier(aT, aA1, aA2) {
-      return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
+    function calcBezier$1(aT, aA1, aA2) {
+      return ((A$1(aA1, aA2) * aT + B$1(aA1, aA2)) * aT + C$1(aA1)) * aT;
     } // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
 
 
-    function getSlope(aT, aA1, aA2) {
-      return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+    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 binarySubdivide(aX, aA, aB, mX1, mX2) {
+    function binarySubdivide$1(aX, aA, aB, mX1, mX2) {
       var currentX, currentT;
       var i = 0;
 
       do {
         currentT = aA + (aB - aA) / 2.0;
-        currentX = calcBezier(currentT, mX1, mX2) - aX;
+        currentX = calcBezier$1(currentT, mX1, mX2) - aX;
 
         if (currentX > 0.0) {
           aB = currentT;
         } else {
           aA = currentT;
         }
-      } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+      } while (Math.abs(currentX) > SUBDIVISION_PRECISION$1 && ++i < SUBDIVISION_MAX_ITERATIONS$1);
 
       return currentT;
     }
 
-    function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {
-      for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
-        var currentSlope = getSlope(aGuessT, mX1, mX2);
+    function newtonRaphsonIterate$1(aX, aGuessT, mX1, mX2) {
+      for (var i = 0; i < NEWTON_ITERATIONS$1; ++i) {
+        var currentSlope = getSlope$1(aGuessT, mX1, mX2);
 
         if (currentSlope === 0.0) {
           return aGuessT;
         }
 
-        var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+        var currentX = calcBezier$1(aGuessT, mX1, mX2) - aX;
         aGuessT -= currentX / currentSlope;
       }
 
       return aGuessT;
     }
 
-    function LinearEasing(x) {
+    function LinearEasing$1(x) {
       return x;
     }
 
-    function bezier(mX1, mY1, mX2, mY2) {
+    function bezier$1(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;
+        return LinearEasing$1;
       } // Precompute samples table
 
 
-      var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+      var sampleValues = float32ArraySupported$1 ? new Float32Array(kSplineTableSize$1) : new Array(kSplineTableSize$1);
 
-      for (var i = 0; i < kSplineTableSize; ++i) {
-        sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+      for (var i = 0; i < kSplineTableSize$1; ++i) {
+        sampleValues[i] = calcBezier$1(i * kSampleStepSize$1, mX1, mX2);
       }
 
       function getTForX(aX) {
         var intervalStart = 0.0;
         var currentSample = 1;
-        var lastSample = kSplineTableSize - 1;
+        var lastSample = kSplineTableSize$1 - 1;
 
         for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
-          intervalStart += kSampleStepSize;
+          intervalStart += kSampleStepSize$1;
         }
 
         --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);
+        var guessForT = intervalStart + dist * kSampleStepSize$1;
+        var initialSlope = getSlope$1(guessForT, mX1, mX2);
 
-        if (initialSlope >= NEWTON_MIN_SLOPE) {
-          return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+        if (initialSlope >= NEWTON_MIN_SLOPE$1) {
+          return newtonRaphsonIterate$1(aX, guessForT, mX1, mX2);
         }
 
         if (initialSlope === 0.0) {
           return guessForT;
         }
 
-        return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
+        return binarySubdivide$1(aX, intervalStart, intervalStart + kSampleStepSize$1, mX1, mX2);
       }
 
       return function BezierEasing(x) {
@@ -312,7 +312,7 @@
           return x;
         }
 
-        return calcBezier(getTForX(x), mY1, mY2);
+        return calcBezier$1(getTForX(x), mY1, mY2);
       };
     }
 
@@ -386,20 +386,20 @@
 
       return false;
     };
-    function execRAF(fn) {
+    function execRAF$1(fn) {
       try {
         return requestAnimationFrame(fn);
       } catch (e) {
         return setTimeout(fn, 17);
       }
     }
-    function scrollWithAnimation(initTop, target, scrollTo, duration, bezier$1, type) {
+    function scrollWithAnimation$1(initTop, target, scrollTo, duration, bezier, type) {
       if (duration === void 0) {
         duration = 300;
       }
 
-      if (bezier$1 === void 0) {
-        bezier$1 = [0.34, 0.69, 0.1, 1];
+      if (bezier === void 0) {
+        bezier = [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.apply(void 0, bezier$1)(p);
+          var newTop = initTop + (targetTop - initTop) * bezier$1.apply(void 0, bezier)(p);
           scrollTo(newTop);
-          execRAF(fn);
+          execRAF$1(fn);
         }
       };
 
-      execRAF(fn);
+      execRAF$1(fn);
     }
     /**
      * 返回节点的 document 对象属性
@@ -943,7 +943,7 @@
       }
     }
 
-    var defaultMessageTemplate$1 = '%s 不是 %s 类型';
+    var defaultMessageTemplate$2 = '%s 不是 %s 类型';
     var localeConfig = {
       locale: 'zh-CN',
       LoadMore: {
@@ -997,16 +997,19 @@
         minusButtonName: '减少',
         addButtonName: '增加'
       },
+      Keyboard: {
+        confirm: '完成'
+      },
       Form: {
         required: '%s 为必填项',
         type: {
-          email: defaultMessageTemplate$1,
-          url: defaultMessageTemplate$1,
-          string: defaultMessageTemplate$1,
-          number: defaultMessageTemplate$1,
-          array: defaultMessageTemplate$1,
-          object: defaultMessageTemplate$1,
-          boolean: defaultMessageTemplate$1
+          email: defaultMessageTemplate$2,
+          url: defaultMessageTemplate$2,
+          string: defaultMessageTemplate$2,
+          number: defaultMessageTemplate$2,
+          array: defaultMessageTemplate$2,
+          object: defaultMessageTemplate$2,
+          boolean: defaultMessageTemplate$2
         },
         number: {
           min: '`%s` 小于 `%s`',
@@ -1155,7 +1158,7 @@
       return DateWithUTC;
     }();
 
-    var ValidatorType;
+    var ValidatorType$1;
 
     (function (ValidatorType) {
       ValidatorType["Number"] = "number";
@@ -1164,7 +1167,7 @@
       ValidatorType["Boolean"] = "boolean";
       ValidatorType["Object"] = "object";
       ValidatorType["Custom"] = "custom";
-    })(ValidatorType || (ValidatorType = {}));
+    })(ValidatorType$1 || (ValidatorType$1 = {}));
 
     var __assign$1 = undefined && undefined.__assign || function () {
       __assign$1 = Object.assign || function (t) {
@@ -1181,17 +1184,17 @@
 
       return __assign$1.apply(this, arguments);
     };
-    var defaultMessageTemplate = '%s is not a %s type';
-    var messageTemplate = {
+    var defaultMessageTemplate$1 = '%s is not a %s type';
+    var messageTemplate$1 = {
       required: '%s is required',
       type: {
-        email: defaultMessageTemplate,
-        url: defaultMessageTemplate,
-        string: defaultMessageTemplate,
-        number: defaultMessageTemplate,
-        array: defaultMessageTemplate,
-        object: defaultMessageTemplate,
-        boolean: defaultMessageTemplate
+        email: defaultMessageTemplate$1,
+        url: defaultMessageTemplate$1,
+        string: defaultMessageTemplate$1,
+        number: defaultMessageTemplate$1,
+        array: defaultMessageTemplate$1,
+        object: defaultMessageTemplate$1,
+        boolean: defaultMessageTemplate$1
       },
       number: {
         min: '`%s` is not greater than `%s`',
@@ -1225,9 +1228,9 @@
         equal: '%s is not equal to `%s`'
       }
     };
-    var getMsgTemplate = function getMsgTemplate(templates, temName, values) {
+    var getMsgTemplate$1 = function getMsgTemplate(templates, temName, values) {
       var temNameArr = temName.split('.');
-      var theTemplate = defaultMessageTemplate;
+      var theTemplate = defaultMessageTemplate$1;
 
       if (temNameArr[0] in templates) {
         var firstTemplate = templates[temNameArr[0]];
@@ -1244,14 +1247,14 @@
         return cur < values.length ? values[cur++] : curVal;
       });
     };
-    var mergeMsgTemplate = function mergeMsgTemplate(originMT, newMT) {
+    var mergeMsgTemplate$1 = 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$2(originValue) ? __assign$1(__assign$1({}, originValue), curValue) : curValue || originValue;
+          targetMT[key] = isObject$3(originValue) ? __assign$1(__assign$1({}, originValue), curValue) : curValue || originValue;
         });
       }
 
@@ -1297,7 +1300,7 @@
       return t;
     }; // eslint-disable-next-line max-classes-per-file
 
-    var BaseValidator =
+    var BaseValidator$1 =
     /** @class */
     function () {
       function BaseValidator(value, rule, options) {
@@ -1308,7 +1311,7 @@
             rest = __rest(rule, ["message"]);
 
         this.message = message || '';
-        this.type = rule.type || ValidatorType.String;
+        this.type = rule.type || ValidatorType$1.String;
         this.error = {
           value: value,
           message: [],
@@ -1317,13 +1320,13 @@
         this.field = options.field || '';
         this.rule = rest;
         this.validateRules = [];
-        this.curValidMsgTemplate = mergeMsgTemplate(messageTemplate, options.validateMessage);
+        this.curValidMsgTemplate = mergeMsgTemplate$1(messageTemplate$1, options.validateMessage);
       }
 
       BaseValidator.prototype.isRequired = function () {
         // 优先级最高
-        if (isEmptyValue(this.value) || isEmptyArray(this.value)) {
-          this.error.message = [this.message || getMsgTemplate(this.curValidMsgTemplate, 'required', [this.field])];
+        if (isEmptyValue$1(this.value) || isEmptyArray$1(this.value)) {
+          this.error.message = [this.message || getMsgTemplate$1(this.curValidMsgTemplate, 'required', [this.field])];
           this.error.errorTypes = ['required'];
           return false;
         }
@@ -1347,7 +1350,7 @@
             values = _a.values;
 
         if (isError) {
-          var theMessage = this.message || getMsgTemplate(this.curValidMsgTemplate, errTemplate, values);
+          var theMessage = this.message || getMsgTemplate$1(this.curValidMsgTemplate, errTemplate, values);
           this.error.errorTypes.push(errTemplate);
           (_b = this.error.message) === null || _b === void 0 ? void 0 : _b.push(theMessage);
           return theMessage;
@@ -1376,42 +1379,42 @@
       }
 
       NumberValidator.prototype.min = function (num) {
-        this.dealError(!isEmptyValue(this.value) && this.value < num, {
+        this.dealError(!isEmptyValue$1(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, {
+        this.dealError(!isEmptyValue$1(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, {
+        return this.dealError(!isEmptyValue$1(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, {
+        return this.dealError(!isEmptyValue$1(this.value) && this.value < 0, {
           errTemplate: 'number.positive',
           values: [this.field]
         });
       };
 
       NumberValidator.prototype.negative = function () {
-        return this.dealError(!isEmptyValue(this.value) && this.value > 0, {
+        return this.dealError(!isEmptyValue$1(this.value) && this.value > 0, {
           errTemplate: 'number.negative',
           values: [this.field]
         });
       };
 
       return NumberValidator;
-    }(BaseValidator);
+    }(BaseValidator$1);
 
     var StringValidator =
     /** @class */
@@ -1426,21 +1429,21 @@
       }
 
       StringValidator.prototype.min = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value.length < num, {
+        return this.dealError(!isEmptyValue$1(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, {
+        return this.dealError(!isEmptyValue$1(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, {
+        return this.dealError(!isEmptyValue$1(this.value) && this.value !== num, {
           errTemplate: 'string.equal',
           values: [this.field, "" + num]
         });
@@ -1448,7 +1451,7 @@
 
       StringValidator.prototype.match = function (regStr) {
         var reg = new RegExp(regStr);
-        return this.dealError(!isEmptyValue(this.value) && !reg.test(this.value), {
+        return this.dealError(!isEmptyValue$1(this.value) && !reg.test(this.value), {
           errTemplate: 'string.match',
           values: [this.field, regStr]
         });
@@ -1456,7 +1459,7 @@
 
       StringValidator.prototype.uppercase = function (isValue) {
         var isUppercase = (this.value || '').toLocaleUpperCase() === this.value;
-        return this.dealError(!isEmptyValue(this.value) && isUppercase !== isValue, {
+        return this.dealError(!isEmptyValue$1(this.value) && isUppercase !== isValue, {
           errTemplate: 'string.uppercase',
           values: [this.field]
         });
@@ -1464,21 +1467,21 @@
 
       StringValidator.prototype.lowercase = function (isValue) {
         var isLowercase = (this.value || '').toLocaleLowerCase() === this.value;
-        return this.dealError(!isEmptyValue(this.value) && isLowercase !== isValue, {
+        return this.dealError(!isEmptyValue$1(this.value) && isLowercase !== isValue, {
           errTemplate: 'string.lowercase',
           values: [this.field]
         });
       };
 
       StringValidator.prototype.whitespace = function () {
-        return this.dealError(!isEmptyValue(this.value) && isEmptyValue(this.value.trim()), {
+        return this.dealError(!isEmptyValue$1(this.value) && isEmptyValue$1(this.value.trim()), {
           errTemplate: 'string.whitespace',
           values: [this.field]
         });
       };
 
       return StringValidator;
-    }(BaseValidator);
+    }(BaseValidator$1);
 
     var ArrayValidator =
     /** @class */
@@ -1493,21 +1496,21 @@
       }
 
       ArrayValidator.prototype.min = function (num) {
-        return this.dealError(!isEmptyValue(this.value) && this.value.length < num, {
+        return this.dealError(!isEmptyValue$1(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, {
+        return this.dealError(!isEmptyValue$1(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), {
+        return this.dealError(!isDeepEqual$1(this.value, sub), {
           errTemplate: 'array.equal',
           values: [this.field, "" + JSON.stringify(sub)]
         });
@@ -1525,7 +1528,7 @@
       };
 
       return ArrayValidator;
-    }(BaseValidator);
+    }(BaseValidator$1);
 
     var ObjectValidator =
     /** @class */
@@ -1540,15 +1543,15 @@
       }
 
       ObjectValidator.prototype.deepEqual = function (sub) {
-        return this.dealError(!isDeepEqual(this.value, sub), {
+        return this.dealError(!isDeepEqual$1(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) {
+        var allKeys = isEmptyValue$1(this.value) ? [] : Object.keys(this.value);
+        return this.dealError(!isEmptyValue$1(this.value) && keys.some(function (theKey) {
           return !allKeys.includes(theKey);
         }), {
           errTemplate: 'object.hasKeys',
@@ -1557,7 +1560,7 @@
       };
 
       return ObjectValidator;
-    }(BaseValidator);
+    }(BaseValidator$1);
 
     var CustomValidator =
     /** @class */
@@ -1595,7 +1598,7 @@
       };
 
       return CustomValidator;
-    }(BaseValidator);
+    }(BaseValidator$1);
 
     var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2920,7 +2923,7 @@
           Object.keys(this.rules).forEach(function (key) {
             var spPromiseGroup = [];
 
-            if (isArray(_this.rules[key])) {
+            if (isArray$1(_this.rules[key])) {
               for (var i = 0; i < _this.rules[key].length; i++) {
                 var rule = _this.rules[key][i];
 
@@ -2969,9 +2972,13 @@
       var level = 0;
 
       do {
-        var foundItem = children.filter(function (item) {
+        var foundItem = children.find(function (item) {
           return filterFn(item, level);
-        })[0];
+        });
+
+        if (!foundItem && options.fallbackChildIndex !== undefined) {
+          foundItem = children[options.fallbackChildIndex];
+        }
 
         if (!foundItem) {
           break;
@@ -3522,7 +3529,7 @@
 
       var latestPercentage = React.useRef(percentage);
       React.useEffect(function () {
-        mountedTransition ? scrollWithAnimation(0, percentage, function (progress) {
+        mountedTransition ? scrollWithAnimation$1(0, percentage, function (progress) {
           var targetProgress = progress / percentage * latestPercentage.current;
           setCurrentPercentage(Math.floor(targetProgress));
         }, duration, mountedBezier) : setCurrentPercentage(percentage);
@@ -3587,7 +3594,7 @@
 
     var _a;
 
-    function isObject$1(obj) {
+    function isObject$2(obj) {
       return Object.prototype.toString.call(obj) === '[object Object]';
     }
 
@@ -3599,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$1(CopyReactDOM[__SECRET_INTERNALS__])) {
+      if (isObject$2(CopyReactDOM[__SECRET_INTERNALS__])) {
         CopyReactDOM[__SECRET_INTERNALS__].usingClientEntryPoint = skipWarning;
       }
     };
@@ -5409,7 +5416,7 @@
      * @name_en ActionSheet
      */
 
-    var index$n = componentWrapper(ActionSheet, methodsGenerator$5(ActionSheetWithGlobalContext));
+    var index$o = componentWrapper(ActionSheet, methodsGenerator$5(ActionSheetWithGlobalContext));
 
     /**
      * 增强版的 img 标签，提供多种图片填充模式，支持图片加载中提示、加载失败提示。
@@ -5939,7 +5946,7 @@
      * @name_en Avatar
      */
 
-    var index$m = componentWrapper(Avatar, {
+    var index$n = componentWrapper(Avatar, {
       Group: Group$4
     });
 
@@ -7171,7 +7178,7 @@
      * @name_en Cell
      */
 
-    var index$l = componentWrapper(Cell, {
+    var index$m = componentWrapper(Cell, {
       Group: Group$3
     });
 
@@ -8146,7 +8153,7 @@
      * @name_en Collapse
      */
 
-    var index$k = componentWrapper(Collapse, {
+    var index$l = componentWrapper(Collapse, {
       Group: Group$1
     });
 
@@ -8528,59 +8535,56 @@
     function MultiPicker(props) {
       var prefixCls = props.prefixCls,
           onValueChange = props.onValueChange,
-          onPickerChange = props.onPickerChange,
           children = props.children,
           itemHeight = props.itemHeight,
           selectedValue = props.selectedValue,
           data = props.data;
 
-      function getValue() {
-        if (selectedValue && selectedValue.length) {
-          return selectedValue;
-        }
-
-        if (data) {
-          return data.map(function (item) {
-            return item && item[0] && item[0].value;
-          });
-        }
-
-        if (!children) {
-          return [];
-        }
-
-        return React__default["default"].Children.map(children, function (child) {
-          var childrenArray = React__default["default"].Children.toArray(child.children || child.props.children);
-          return childrenArray && childrenArray[0] && childrenArray[0].props.value;
+      function getCurrentData() {
+        return (data || []).map(function (item, itemIndex) {
+          var curSelected = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue[itemIndex];
+          var cur = curSelected ? (item || []).find(function (i) {
+            return i.value === curSelected;
+          }) : undefined;
+          return cur || (item === null || item === void 0 ? void 0 : item[0]);
         });
       }
 
-      function onChange(index, value, callback) {
-        var newValue = getValue().concat();
+      function onChange(_a) {
+        var index = _a.index,
+            value = _a.value,
+            changedData = _a.changedData,
+            callback = _a.callback;
+        var newData = getCurrentData().concat();
+        newData[index] = changedData;
+        var newValue = newData.map(function (d) {
+          return d === null || d === void 0 ? void 0 : d.value;
+        });
         newValue[index] = value;
 
         if (callback) {
-          callback(newValue, index);
+          callback(newValue, index, newData);
         }
       }
 
-      function _onValueChange(value, index) {
-        onChange(index, value, onValueChange);
-      }
-
-      function _onScrollChange(value, index) {
-        onChange(index, value, onPickerChange);
+      function _onValueChange(value, index, changedData) {
+        onChange({
+          index: index,
+          value: value,
+          callback: onValueChange,
+          changedData: changedData
+        });
       }
 
       function renderChild() {
-        var value = getValue();
+        var curData = getCurrentData();
+        var value = curData.map(function (d) {
+          return d === null || d === void 0 ? void 0 : d.value;
+        });
         return React__default["default"].Children.map(children, function (col, index) {
           return /*#__PURE__*/React__default["default"].cloneElement(col, {
-            onScrollChange: function onScrollChange(val) {
-              return _onScrollChange(val, index);
-            },
-            onValueChange: function onValueChange(val) {
-              return _onValueChange(val, index);
+            onValueChange: function onValueChange(val, changedData) {
+              return _onValueChange(val, index, changedData);
             },
             selectedValue: value[index]
           });
@@ -8663,17 +8667,15 @@
         // index有改变时再抛出
         // @en Throws again when index changes
         if (currentIndex !== nowItemIndex) {
-          setCurrentIndex(nowItemIndex);
-          var newValue = data[nowItemIndex] && data[nowItemIndex].value;
+          setCurrentIndex(Math.max(nowItemIndex, 0));
+          var newData = data[nowItemIndex];
+          var newValue = newData === null || newData === void 0 ? void 0 : newData.value;
 
           if (newValue !== currentValue) {
-            // if (!('selectedValue' in props)) {
-            //     setCurrentValue(newValue);
-            // }
             setCurrentValue(newValue);
 
             if (onValueChange) {
-              onValueChange(newValue);
+              onValueChange(newValue, newData);
             }
           }
         }
@@ -8918,7 +8920,7 @@
           var curIndex = data.findIndex(function (item) {
             return item.value === selectedValue;
           });
-          setCurrentIndex(curIndex);
+          setCurrentIndex(Math.max(curIndex, 0));
 
           if (curIndex >= 0) {
             _scrollToIndexWithChange(curIndex);
@@ -8970,7 +8972,6 @@
           wrapperHeight = props.wrapperHeight,
           rows = props.rows,
           hideEmptyCols = props.hideEmptyCols,
-          onPickerChange = props.onPickerChange,
           onValueChange = props.onValueChange,
           _a = props.selectedValue,
           selectedValue = _a === void 0 ? [] : _a,
@@ -8995,7 +8996,7 @@
         });
       }
 
-      function _onValueChange(value, index) {
+      function _onValueChange(value, index, newData) {
         var children = arrayTreeFilter(data, function (item, level) {
           return level <= index && item.value === value[level];
         });
@@ -9005,15 +9006,19 @@
         for (i = index + 1; i < cols && child && child.children; i++) {
           child = child.children[0];
           value[i] = child.value;
+          newData[i] = child;
         }
 
         value.length = i;
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value, index);
+        newData.length = i;
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value, index, newData);
       }
 
       function _formatData() {
         var childrenTree = arrayTreeFilter(data, function (item, level) {
-          return item.value === selectedValue[level];
+          return item.value === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue[level]);
+        }, {
+          fallbackChildIndex: 0
         }).map(function (item) {
           return item.children;
         });
@@ -9038,8 +9043,7 @@
         data: formatData,
         selectedValue: selectedValue,
         itemHeight: itemHeight,
-        onValueChange: _onValueChange,
-        onPickerChange: onPickerChange
+        onValueChange: _onValueChange
       }, formatData.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement(PickerCell, {
           key: index + "_picker_cell_cascader",
@@ -9097,7 +9101,7 @@
       var wrapperRef = React.useRef(null);
       var domRef = React.useRef(null);
       var barRef = React.useRef(null);
-      var scrollValueRef = React.useRef(value);
+      var scrollValueRef = useLatestRef(scrollValue);
       var pickerCellsRef = React.useRef([]);
       var cascaderRef = React.useRef(null);
       var innerData = React.useMemo(function () {
@@ -9130,20 +9134,19 @@
 
         return newData;
       }, [data]);
-      React.useEffect(function () {
-        scrollValueRef.current = scrollValue;
-      }, [scrollValue]);
 
       var getAllColumnValues = function getAllColumnValues() {
-        return scrollValueRef.current;
+        return scrollValueRef.current || [];
       };
 
       function getColumnValue(index) {
+        var _a;
+
         if (index === void 0) {
           index = 0;
         }
 
-        return scrollValueRef.current[index];
+        return (_a = scrollValueRef.current) === null || _a === void 0 ? void 0 : _a[index];
       }
 
       function getCellMovingStatus() {
@@ -9179,25 +9182,17 @@
         };
       });
 
-      function _onPickerChange(val, index) {
-        setScrollValue(val);
-
-        if (onPickerChange) {
-          onPickerChange(val, index);
-        }
-      }
-
-      function _onValueChange(val, index) {
+      function _onValueChange(val, index, newData) {
         setScrollValue(val);
 
         if (onPickerChange) {
-          onPickerChange(val, index);
+          onPickerChange(val, index, newData);
         }
       }
 
       React.useEffect(function () {
         setScrollValue(value);
-      }, [value, setScrollValue]);
+      }, [value]);
       var updateWrapperHeight = React.useCallback(function () {
         if (wrapperRef && wrapperRef.current) {
           setWrapperHeight(wrapperRef.current.offsetHeight);
@@ -9242,7 +9237,6 @@
           data: data,
           selectedValue: scrollValue,
           onValueChange: _onValueChange,
-          onPickerChange: _onPickerChange,
           clickable: clickable,
           itemHeight: itemHeight,
           wrapperHeight: wrapperHeight,
@@ -9256,8 +9250,7 @@
           data: innerData,
           itemHeight: itemHeight,
           selectedValue: scrollValue,
-          onValueChange: _onValueChange,
-          onPickerChange: _onPickerChange
+          onValueChange: _onValueChange
         }, innerData.map(function (item, index) {
           return /*#__PURE__*/React__default["default"].createElement(PickerCell, {
             key: index + "_picker_cell_normal",
@@ -9299,42 +9292,6 @@
 
     var PickerView$1 = componentWrapper(PickerView, 'PickerView');
 
-    var getInitialValue = function getInitialValue(value, data, cascade) {
-      var _a;
-
-      if (value && value.length) {
-        return value;
-      }
-
-      var computedValue = [];
-
-      if (!cascade) {
-        if (!(data[0] instanceof Array)) {
-          return ((_a = data[0]) === null || _a === void 0 ? void 0 : _a.value) ? [data[0].value] : [];
-        }
-
-        data.map(function (column) {
-          computedValue.push(typeof column[0] === 'object' ? column[0].value : column[0]);
-        });
-      } else {
-        var cascadePickerData = data;
-
-        if (!cascadePickerData || !cascadePickerData.length) {
-          return computedValue;
-        }
-
-        computedValue.push(cascadePickerData[0].value);
-        var traverse = cascadePickerData[0].children;
-
-        while (traverse) {
-          computedValue.push(traverse[0].value);
-          traverse = traverse[0].children;
-        }
-      }
-
-      return computedValue;
-    };
-
     var Picker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var className = props.className,
           itemStyle = props.itemStyle,
@@ -9372,7 +9329,7 @@
           gestureOutOfControl = _l === void 0 ? true : _l,
           otherProps = __rest$1(props, ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"]);
 
-      var _m = React.useState(getInitialValue(value, data, cascade)),
+      var _m = React.useState(value),
           scrollValue = _m[0],
           setScrollValue = _m[1];
 
@@ -9426,7 +9383,7 @@
         nextTick(function () {
           var _a;
 
-          var val = ((_a = pickerViewRef.current) === null || _a === void 0 ? void 0 : _a.getAllColumnValues()) || scrollValue;
+          var val = ((_a = pickerViewRef.current) === null || _a === void 0 ? void 0 : _a.getAllColumnValues()) || scrollValue || [];
 
           if (onOk) {
             onOk(val);
@@ -9489,7 +9446,7 @@
           cols: cols,
           rows: rows,
           disabled: disabled,
-          value: getInitialValue(value, data, cascade),
+          value: value,
           onPickerChange: onPickerChange,
           itemStyle: itemStyle,
           clickable: clickable,
@@ -9865,7 +9822,7 @@
      * @displayName DatePicker
      */
 
-    var index$j = componentWrapper(DatePicker, 'DatePicker');
+    var index$k = componentWrapper(DatePicker, 'DatePicker');
 
     /**
      * 划分内容的装饰线
@@ -10104,7 +10061,7 @@
      * @name_en Dialog
      */
 
-    var index$i = componentWrapper(Dialog, methodsGenerator$4(DialogWithGlobalContext));
+    var index$j = componentWrapper(Dialog, methodsGenerator$4(DialogWithGlobalContext));
 
     function IconCheck(props) {
       var _a = props.className,
@@ -10561,7 +10518,7 @@
      * */
 
     function isCascadeArray(options) {
-      return typeof options[0] === 'object' && !isArray(options[0]);
+      return typeof options[0] === 'object' && !isArray$1(options[0]);
     }
     /**
      * 格式化传入的数组
@@ -10675,7 +10632,7 @@
           fill: useCurrentColor ? 'currentColor' : '#000',
           viewBox: "0 0 1024 1024",
           xmlns: "http://www.w3.org/2000/svg"
-        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("style", null)), /*#__PURE__*/React__default["default"].createElement("path", {
+        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null), /*#__PURE__*/React__default["default"].createElement("path", {
           d: "M195.456 341.333h633.088a21.333 21.333 0 0116.235 35.158L528.256 748.885a21.333 21.333 0 01-32.512 0L179.221 376.491a21.333 21.333 0 0116.235-35.158z"
         }));
       });
@@ -11875,7 +11832,7 @@
         };
     });
 
-    var index$h = (function () {
+    var index$i = (function () {
         // Export existing implementation if available.
         if (typeof global$1.ResizeObserver !== 'undefined') {
             return global$1.ResizeObserver;
@@ -12106,7 +12063,7 @@
       React.useEffect(function () {
         if (domRef.current && reflowOnResize) {
           if (!observerRef.current && ellipsis) {
-            observerRef.current = new index$h(reflow);
+            observerRef.current = new index$i(reflow);
             observerRef.current.observe(domRef.current);
           }
         }
@@ -12631,7 +12588,8 @@
 
           var _c = _this.props,
               children = _c.children,
-              trigger = _c.trigger;
+              _d = _c.trigger,
+              trigger = _d === void 0 ? 'onChange' : _d;
 
           if (trigger && ((_a = children.props) === null || _a === void 0 ? void 0 : _a[trigger])) {
             (_b = children.props) === null || _b === void 0 ? void 0 : _b[trigger].apply(_b, __spreadArrays$1([_, value], args));
@@ -12651,7 +12609,8 @@
 
           var _c = _this.props,
               children = _c.children,
-              trigger = _c.trigger;
+              _d = _c.trigger,
+              trigger = _d === void 0 ? 'onChange' : _d;
 
           if (trigger && ((_a = children.props) === null || _a === void 0 ? void 0 : _a[trigger])) {
             (_b = children.props) === null || _b === void 0 ? void 0 : _b[trigger].apply(_b, __spreadArrays$1([value], args));
@@ -12924,7 +12883,7 @@
 
       var fieldDisabled = disabled || propsDisabled;
       var fieldRules = (rest === null || rest === void 0 ? void 0 : rest.required) ? __spreadArrays$1([{
-        type: ValidatorType.String,
+        type: ValidatorType$1.String,
         required: true
       }], rules || []) : rules;
       var isRequired = isFieldRequired(rules) || (rest === null || rest === void 0 ? void 0 : rest.required);
@@ -13031,7 +12990,7 @@
      * @name_en Form
      */
 
-    var index$g = componentWrapper(Form, {
+    var index$h = componentWrapper(Form, {
       Item: Item$1
     });
 
@@ -13404,7 +13363,7 @@
      * @displayName Input
      */
 
-    var index$f = componentWrapper(Input, 'Input');
+    var index$g = componentWrapper(Input, 'Input');
 
     var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var id = props.id,
@@ -13551,7 +13510,7 @@
      * @displayName Textarea
      */
 
-    var index$e = componentWrapper(Textarea, 'Textarea');
+    var index$f = componentWrapper(Textarea, 'Textarea');
 
     var RadioGroupContext = /*#__PURE__*/React__default["default"].createContext({
       isGroup: false,
@@ -13669,7 +13628,7 @@
      * @displayName Radio
      */
 
-    var index$d = componentWrapper(Radio, 'Radio', {
+    var index$e = componentWrapper(Radio, 'Radio', {
       Group: Group
     });
 
@@ -13691,7 +13650,7 @@
           fill: useCurrentColor ? 'currentColor' : '#000',
           viewBox: "0 0 1024 1024",
           xmlns: "http://www.w3.org/2000/svg"
-        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("style", null)), /*#__PURE__*/React__default["default"].createElement("path", {
+        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null), /*#__PURE__*/React__default["default"].createElement("path", {
           d: "M497.371 826.514L270.63 936.23c-18.286 7.314-40.229 0-47.543-18.286-3.657-3.657-7.315-10.972-3.657-18.286l25.6-248.686c0-10.971-3.658-18.285-7.315-29.257L69.486 435.2c-14.629-14.629-10.972-36.571 3.657-51.2 3.657-3.657 10.971-7.314 14.628-7.314l245.029-51.2c10.971-3.657 18.286-7.315 21.943-18.286l128-219.429C490.057 73.143 512 65.83 530.286 76.8c3.657 3.657 10.971 7.314 14.628 14.629l128 219.428c3.657 7.314 14.629 14.629 21.943 18.286l245.029 51.2c18.285 3.657 32.914 21.943 25.6 43.886 0 7.314-3.657 10.971-7.315 14.628L789.943 621.714c-7.314 7.315-10.972 18.286-7.314 29.257l25.6 248.686c3.657 18.286-10.972 36.572-32.915 40.229-7.314 0-14.628 0-18.285-3.657L530.286 826.514c-10.972-7.314-25.6-7.314-32.915 0z"
         }));
       });
@@ -13897,7 +13856,7 @@
      * @displayName Rate
      */
 
-    var index$c = componentWrapper(Rate, 'Rate');
+    var index$d = componentWrapper(Rate, 'Rate');
 
     var useSliderIcon = function useSliderIcon(_a) {
       var valueGroup = _a.valueGroup;
@@ -14254,30 +14213,30 @@
           return function (realTimeValue) {
             setValueGroup(realTimeValue);
           };
-        } else {
-          var index_1 = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
+        }
 
-          var handleValue = function handleValue(realTimeValue) {
-            setValueGroup(function (passValueGroup) {
-              if (typeof passValueGroup === 'number') {
-                return [passValueGroup, realTimeValue];
-              }
+        var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
 
-              var newValueGroup = __spreadArrays$1(passValueGroup);
+        var handleValue = function handleValue(realTimeValue) {
+          setValueGroup(function (passValueGroup) {
+            if (typeof passValueGroup === 'number') {
+              return [passValueGroup, realTimeValue];
+            }
 
-              newValueGroup[index_1] = realTimeValue;
-              return newValueGroup;
-            });
-          };
+            var newValueGroup = __spreadArrays$1(passValueGroup);
 
-          if (isTouching) {
-            setCommonIsTouching(index_1);
-            handleValue(start);
-            setIsTouching(IsTouchingStatus.Moving);
-          }
+            newValueGroup[index] = realTimeValue;
+            return newValueGroup;
+          });
+        };
 
-          return handleValue;
+        if (isTouching) {
+          setCommonIsTouching(index);
+          handleValue(start);
+          setIsTouching(IsTouchingStatus.Moving);
         }
+
+        return handleValue;
       }, [touchStartPosition, getValueFromPosition]);
       React.useEffect(function () {
         var _a;
@@ -14663,7 +14622,7 @@
      * @displayName Slider
      */
 
-    var index$b = componentWrapper(SliderWrapper, 'Slider');
+    var index$c = componentWrapper(SliderWrapper, 'Slider');
 
     /**
      * 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。
@@ -14938,7 +14897,7 @@
         throw new TypeError(FUNC_ERROR_TEXT);
       }
       wait = toNumber(wait) || 0;
-      if (isObject(options)) {
+      if (isObject$1(options)) {
         leading = !!options.leading;
         maxing = 'maxWait' in options;
         maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -15095,7 +15054,7 @@
       if (typeof func != 'function') {
         throw new TypeError(FUNC_ERROR_TEXT);
       }
-      if (isObject(options)) {
+      if (isObject$1(options)) {
         leading = 'leading' in options ? !!options.leading : leading;
         trailing = 'trailing' in options ? !!options.trailing : trailing;
       }
@@ -15131,7 +15090,7 @@
      * _.isObject(null);
      * // => false
      */
-    function isObject(value) {
+    function isObject$1(value) {
       var type = typeof value;
       return !!value && (type == 'object' || type == 'function');
     }
@@ -15216,9 +15175,9 @@
       if (isSymbol(value)) {
         return NAN;
       }
-      if (isObject(value)) {
+      if (isObject$1(value)) {
         var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-        value = isObject(other) ? (other + '') : other;
+        value = isObject$1(other) ? (other + '') : other;
       }
       if (typeof value != 'string') {
         return value === 0 ? value : +value;
@@ -16856,7 +16815,7 @@
           fill: useCurrentColor ? 'currentColor' : '#000',
           viewBox: "0 0 1024 1024",
           xmlns: "http://www.w3.org/2000/svg"
-        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("style", null)), /*#__PURE__*/React__default["default"].createElement("path", {
+        }, other), /*#__PURE__*/React__default["default"].createElement("defs", null), /*#__PURE__*/React__default["default"].createElement("path", {
           d: "M115.2 467.2h819.2c6.4 0 6.4 6.4 6.4 6.4V544c0 6.4-6.4 6.4-6.4 6.4H96c-6.4 0-6.4-6.4-6.4-6.4v-64c0-6.4 6.4-6.4 6.4-6.4 6.4-6.4 6.4-6.4 19.2-6.4z"
         }));
       });
@@ -16981,7 +16940,7 @@
         }, other), /*#__PURE__*/React__default["default"].createElement("path", {
           d: "M12 24C5.4 24 0 18.6 0 12S5.4 0 12 0s12 5.4 12 12-5.4 12-12 12zm0-22.5C6.2 1.5 1.5 6.2 1.5 12S6.2 22.5 12 22.5 22.5 17.8 22.5 12 17.8 1.5 12 1.5z"
         }), /*#__PURE__*/React__default["default"].createElement("path", {
-          d: "M11.8 15.2h.3c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7h-.3c-.4 0-.7.3-.7.7v7.3c0 .4.3.7.7.7zm.4 1.3h-.3c-.4 0-.7.3-.7.7v.3c0 .4.3.7.7.7h.3c.4 0 .7-.3.7-.7v-.3c0-.4-.3-.7-.7-.7z"
+          d: "M11.8 15.2h.3c.4 0 .7-.3.7-.7V7.2c0-.4-.3-.7-.7-.7h-.3c-.4 0-.7.3-.7.7v7.3c0 .4.3.7.7.7zM12.2 16.5h-.3c-.4 0-.7.3-.7.7v.3c0 .4.3.7.7.7h.3c.4 0 .7-.3.7-.7v-.3c0-.4-.3-.7-.7-.7z"
         }));
       });
     }
@@ -17068,6 +17027,68 @@
       });
     }
 
+    function IconKeyboard(props) {
+      var _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          _b = props.useCurrentColor,
+          useCurrentColor = _b === void 0 ? true : _b,
+          style = props.style,
+          other = __rest$1(props, ["className", "useCurrentColor", "style"]);
+
+      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
+        var prefixCls = _a.prefixCls;
+        return /*#__PURE__*/React__default["default"].createElement("svg", __assign$2({
+          className: prefixCls + "-icon " + prefixCls + "-icon-keyboard " + className,
+          width: "1em",
+          height: "1em",
+          style: style,
+          version: "1.1",
+          xmlns: "http://www.w3.org/2000/svg",
+          x: "0",
+          y: "0",
+          viewBox: "0 0 26 26",
+          xmlSpace: "preserve"
+        }, other), /*#__PURE__*/React__default["default"].createElement("path", {
+          d: "M15.9 21.7l-2.5 2.5c-.2.2-.5.2-.7 0l-2.5-2.5c-.3-.3-.1-.9.4-.9h5C16 20.9 16.2 21.4 15.9 21.7zM23.1 19.5H2.9c-1.1 0-2-.9-2-2V4.8c0-1.1.9-2 2-2h20.1c1.1 0 2 .9 2 2v12.7C25.1 18.6 24.2 19.5 23.1 19.5zM2.9 4.8L2.9 4.8v12.7h20.1V4.8H2.9z",
+          fill: useCurrentColor ? 'currentColor' : '#1d2129'
+        }), /*#__PURE__*/React__default["default"].createElement("path", {
+          d: "M10.6,6.6H8.2V9h2.4V6.6z M4.5,6.6H7V9H4.5V6.6z M8.8,10.2H6.4v2.4h2.4V10.2z M16,10.2h-2.4v2.4H16V10.2z M10,10.2h2.4v2.4H10V10.2z M19.6,10.2h-2.4v2.4h2.4V10.2z M11.8,6.6h2.4V9h-2.4V6.6z M17.8,6.6h-2.4V9h2.4V6.6z M19,6.6h2.4V9H19\tV6.6z M17.8,13.8H8.2v1.8h9.7V13.8z",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          fill: useCurrentColor ? 'currentColor' : '#1d2129'
+        }));
+      });
+    }
+
+    function IconKeyboardDelete(props) {
+      var _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          _b = props.useCurrentColor,
+          useCurrentColor = _b === void 0 ? true : _b,
+          style = props.style,
+          other = __rest$1(props, ["className", "useCurrentColor", "style"]);
+
+      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
+        var prefixCls = _a.prefixCls;
+        return /*#__PURE__*/React__default["default"].createElement("svg", __assign$2({
+          className: prefixCls + "-icon " + prefixCls + "-icon-keyboard-delete " + className,
+          width: "1em",
+          height: "1em",
+          style: style,
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 26 26"
+        }, other), /*#__PURE__*/React__default["default"].createElement("path", {
+          d: "M23.1,21.4H8.3c-0.6,0-1.2-0.3-1.6-0.8l-4.9-6.4c-0.5-0.7-0.5-1.7,0-2.4l4.9-6.4c0.4-0.5,1-0.8,1.6-0.8h14.8\tc1.1,0,2,0.9,2,2v12.7C25.1,20.5,24.2,21.4,23.1,21.4z M8.3,6.6L3.4,13l4.9,6.4h14.8V6.6H8.3z",
+          fill: useCurrentColor ? 'currentColor' : '#1d2129'
+        }), /*#__PURE__*/React__default["default"].createElement("path", {
+          d: "M11.3,9.4c0.4-0.4,1-0.4,1.3,0l2.5,2.5l2.5-2.5c0.4-0.4,1-0.4,1.3,0c0.4,0.4,0.4,1,0,1.3l-2.5,2.5l2.3,2.3\tc0.4,0.4,0.4,1,0,1.3c-0.4,0.4-1,0.4-1.3,0l-2.3-2.3L12.7,17c-0.4,0.4-1,0.4-1.3,0c-0.4-0.4-0.4-1,0-1.3l2.4-2.4l-2.5-2.5\tC10.9,10.4,10.9,9.8,11.3,9.4z",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          fill: useCurrentColor ? 'currentColor' : '#1d2129'
+        }));
+      });
+    }
+
     function AddIcon() {
       return /*#__PURE__*/React__default["default"].createElement("svg", {
         width: "30",
@@ -17379,7 +17400,7 @@
      * @displayName ImagePicker
      */
 
-    var index$a = componentWrapper(ImagePicker, 'ImagePicker');
+    var index$b = componentWrapper(ImagePicker, 'ImagePicker');
 
     /*!
     * @arco-design/transformable v1.0.1
@@ -20575,15 +20596,1492 @@
      * @name_en ImagePreview
      */
 
-    var index$9 = componentWrapper(ImagePreview, methodsGenerator$3(ImagePreviewWithGlobalContext));
+    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;
+    };
 
     /**
-     * 上拉加载组件，支持`scroll`和`click`两种触发加载方式，支持滚动监听。支持受控与不受控两种形式。<br>如果引入组件后发现仅触发了初始的`getData`，请确认是否在`getData`方法内没有调用`callback`移除 loading 状态，且未设置`blockWhenLoading`属性为 false。
-     * @en Pull-up loading component, supports `scroll` and `click` two trigger loading methods, supports scroll monitoring. Both controlled and uncontrolled forms are supported. <br>If only the initial `getData` is triggered after the component is introduced, please make sure that the `callback` is not called in the `getData` method to remove the loading state, and the `blockWhenLoading` property is not set to false.
-     * @type 反馈
-     * @type_en Feedback
-     * @name 加载更多
-     * @name_en LoadMore
+     * https://github.com/gre/bezier-easing
+     * BezierEasing - use bezier curve for transition easing function
+     * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+     */
+    // 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.
+
+
+    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(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 contentRef = React.useRef(null);
+      var placeholderRef = React.useRef(null);
+      var contentCalculateHeightRef = React.useRef(0);
+      var containerRef = React.useRef(null);
+      var scrollContainerRef = React.useRef(null);
+      var framePendingRef = React.useRef(false);
+      var containerEventHandler = React.useCallback(function (_a) {
+        var followTop = _a.followTop,
+            followBottom = _a.followBottom;
+
+        if (!contentRef.current) {
+          return;
+        }
+
+        var needTop = position === 'top' || position === 'both';
+        var needBottom = position === 'bottom' || position === 'both';
+        var placeholderClientRect = placeholderRef.current.getBoundingClientRect();
+        var contentClientRect = contentRef.current.getBoundingClientRect();
+        var calculatedHeight = contentClientRect.height;
+        contentCalculateHeightRef.current = contentClientRect.height;
+        var containerRect = getScrollContainerRect(scrollContainerRef.current).containerRect;
+        var containerTop = containerRect.top,
+            containerBottom = containerRect.bottom,
+            containerHeight = containerRect.height;
+        var disFromTop = Math.round(placeholderClientRect.top - containerTop);
+        var disFromBottom = Math.round(placeholderClientRect.top + calculatedHeight - containerBottom);
+        var topFollowDifference = followBottom - followOffset - calculatedHeight - topOffset - containerTop;
+        var bottomFollowDifference = containerHeight - followTop - followOffset - calculatedHeight - bottomOffset;
+        setWasSticky(Boolean(isStickyRef.current));
+        var isTopSticky = needTop ? disFromTop <= topOffset && followBottom > containerTop + followOffset : false;
+        var isBottomSticky = needBottom ? disFromBottom >= -bottomOffset && followTop < containerBottom - followOffset : false;
+        var newStickyState = isTopSticky || isBottomSticky;
+        var cssTop = (stickyStyle === 'absolute' ? 0 : containerTop) + topOffset;
+        var cssBottom = (stickyStyle === 'absolute' ? 0 : window.innerHeight - containerBottom) + bottomOffset;
+        var stickyCssStyle = {};
+
+        if (newStickyState) {
+          stickyCssStyle = __assign$2(__assign$2(__assign$2(__assign$2({
+            transform: 'translateZ(0)',
+            WebkitTransform: 'translateZ(0)',
+            position: stickyStyle === 'absolute' ? 'absolute' : 'fixed',
+            zIndex: zIndex
+          }, isTopSticky ? {
+            top: topFollowDifference > 0 ? cssTop : cssTop + topFollowDifference
+          } : {}), isBottomSticky ? {
+            bottom: bottomFollowDifference > 0 ? cssBottom : cssBottom + bottomFollowDifference
+          } : {}), {
+            left: placeholderClientRect.left,
+            width: placeholderClientRect.width
+          }), userSetStickyCssStyle || {});
+        }
+
+        onTopChange === null || onTopChange === void 0 ? void 0 : onTopChange(Math.max(0, contentClientRect.top - containerTop - topOffset));
+        setIsSticky(newStickyState);
+        setStickyStateStyle(stickyCssStyle);
+
+        if (newStickyState !== wasStickyRef.current) {
+          onStickyStateChange && onStickyStateChange({
+            isTopSticky: isTopSticky,
+            isBottomSticky: isBottomSticky,
+            isSticky: newStickyState,
+            wasSticky: wasStickyRef.current
+          });
+        }
+      }, [position, topOffset, bottomOffset, followOffset, zIndex, stickyStyle, onStickyStateChange, onTopChange, userSetStickyCssStyle]);
+      var recalculatePosition = React.useCallback(function () {
+        if (framePendingRef.current) {
+          return;
+        }
+
+        execRAF$1(function () {
+          framePendingRef.current = false;
+
+          if (containerRef.current) {
+            var _a = containerRef.current.getBoundingClientRect(),
+                top_1 = _a.top,
+                bottom = _a.bottom;
+
+            containerEventHandler({
+              followTop: top_1,
+              followBottom: bottom
+            });
+          }
+        });
+        framePendingRef.current = true;
+      }, [containerEventHandler]);
+      React.useEffect(function () {
+        var containerEle = getActualContainer(getContainer);
+        containerRef.current = containerEle || document.body;
+        var eventTarget = getScrollContainer ? getActualContainer(getScrollContainer) : window;
+        if (!eventTarget) return;
+        scrollContainerRef.current = eventTarget;
+
+        var attachEventListeners = function attachEventListeners(target) {
+          target.addEventListener('scroll', recalculatePosition);
+        };
+
+        var removeEventListeners = function removeEventListeners(target) {
+          target.removeEventListener('scroll', recalculatePosition);
+        };
+
+        attachEventListeners(eventTarget);
+        recalculatePosition();
+        return function () {
+          removeEventListeners(eventTarget);
+        };
+      }, [getContainer, getScrollContainer, recalculatePosition]);
+      React.useEffect(function () {
+        if (placeholderRef.current) {
+          // 当元素吸顶时，默认有一个占位的元素占住该元素的位置，避免布局产生抖动
+          // @en When an element is sticky to the top, a placeholder element occupies the element's position by default to avoid jitter in the layout
+          placeholderRef.current.style.height = (isStickyRef.current ? contentCalculateHeightRef.current : 0) + "px";
+        }
+      }, [isSticky, wasSticky]);
+      React.useImperativeHandle(ref, function () {
+        return {
+          dom: contentRef.current,
+          recalculatePosition: recalculatePosition
+        };
+      }, [recalculatePosition]);
+      var computedStyle = React.useMemo(function () {
+        return __assign$2(__assign$2({}, style || {}), stickyStateStyle);
+      }, [stickyStateStyle, style]);
+
+      function renderSticky(prefixCls) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-sticky", className),
+          ref: contentRef,
+          style: computedStyle
+        }, children);
+      }
+
+      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
+        var prefixCls = _a.prefixCls;
+        return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+          ref: placeholderRef
+        }), portalWhenSticky && isSticky ? /*#__PURE__*/React__default["default"].createElement(Portal, {
+          getContainer: getPortalContainer
+        }, renderSticky(prefixCls)) : renderSticky(prefixCls));
+      });
+    });
+
+    var IndexBarGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+      var groupIndex = props.index,
+          list = props.list,
+          className = props.className,
+          style = props.style,
+          children = props.children,
+          listKey = props.listKey,
+          onGroupItemClick = props.onGroupItemClick,
+          renderGroupItem = props.renderGroupItem,
+          renderStickyItem = props.renderStickyItem;
+      var prefixCls = React.useContext(GlobalContext).prefixCls; // 有可能是IndexBar.Group的写法，因此sticky从context中获得
+
+      var _a = React.useContext(IndexBarContext),
+          sticky = _a.sticky,
+          getScrollContainer = _a.getScrollContainer,
+          activeIndex = _a.activeIndex,
+          updateRef = _a.updateRef;
+
+      var domRef = React.useRef(null);
+      React.useImperativeHandle(ref, function () {
+        return {
+          dom: domRef.current
+        };
+      }); // 用户自定义列表元素vnode的key
+
+      var formatGetListKey = function formatGetListKey(data, index) {
+        var _a;
+
+        return (_a = listKey === null || listKey === void 0 ? void 0 : listKey(data, index)) !== null && _a !== void 0 ? _a : index;
+      };
+
+      var renderChildren = function renderChildren() {
+        var _a;
+
+        return (_a = children !== null && children !== void 0 ? children : list === null || list === void 0 ? void 0 : list.map(function (data, index) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: prefixCls + "-index-bar-group-item",
+            key: formatGetListKey(data, index),
+            onClick: function onClick() {
+              return onGroupItemClick === null || onGroupItemClick === void 0 ? void 0 : onGroupItemClick(groupIndex, data, index);
+            }
+          }, renderGroupItem ? renderGroupItem(groupIndex, data, index) : data.content);
+        })) !== null && _a !== void 0 ? _a : null;
+      };
+
+      var renderIndexTitle = function renderIndexTitle() {
+        var _a;
+
+        if (renderStickyItem) {
+          return renderStickyItem(groupIndex);
+        }
+
+        var titleDom = /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-index-bar-group-title", (_a = {}, _a[prefixCls + "-index-bar-group-active"] = activeIndex === groupIndex, _a))
+        }, groupIndex);
+        var groupDom = domRef.current;
+        return sticky ? /*#__PURE__*/React__default["default"].createElement(Sticky, {
+          getContainer: function getContainer() {
+            return groupDom;
+          },
+          stickyStyle: "absolute",
+          getScrollContainer: getScrollContainer,
+          ref: function ref(stickyRef) {
+            return stickyRef && updateRef(groupIndex, stickyRef);
+          }
+        }, titleDom) : titleDom;
+      };
+
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: cls(prefixCls + "-index-bar-group", className),
+        style: style,
+        "data-index": groupIndex,
+        ref: domRef
+      }, renderIndexTitle(), renderChildren());
+    });
+
+    function IndexBarSideBar(props) {
+      var _a;
+
+      var indexes = props.indexes,
+          prefixCls = props.prefixCls,
+          onTouching = props.onTouching,
+          onClick = props.onClick,
+          activeIndex = props.activeIndex,
+          tipType = props.tipType,
+          renderSideBar = props.renderSideBar,
+          _b = props.renderSideBarItem,
+          renderSideBarItem = _b === void 0 ? function (index) {
+        return index;
+      } : _b,
+          propsRenderTip = props.renderTip;
+
+      var _c = React.useState(false),
+          isTouching = _c[0],
+          originSetIsTouching = _c[1];
+
+      var setIsTouching = function setIsTouching(touching) {
+        originSetIsTouching(touching);
+        onTouching(touching);
+      };
+
+      var handleTouchingStart = function handleTouchingStart() {
+        return setIsTouching(true);
+      };
+
+      var handleTouchingStop = function handleTouchingStop() {
+        return setIsTouching(false);
+      };
+
+      var handleTouchMove = function handleTouchMove(e) {
+        var _a, _b;
+
+        if (!isTouching || !((_a = e.touches) === null || _a === void 0 ? void 0 : _a.length)) {
+          return;
+        }
+
+        var _c = e.touches[0],
+            clientX = _c.clientX,
+            clientY = _c.clientY;
+        var target = document.elementFromPoint(clientX, clientY);
+
+        if (target && ((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.index)) {
+          onClick(target.dataset.index);
+        }
+      };
+
+      var renderSideBarTip = function renderSideBarTip(index, type) {
+        if (propsRenderTip) {
+          return propsRenderTip(index);
+        }
+
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: prefixCls + "-index-bar-sidebar-" + type
+        }, index);
+      };
+
+      var node = /*#__PURE__*/React__default["default"].createElement("div", {
+        className: cls(prefixCls + "-index-bar-sidebar", (_a = {}, _a[prefixCls + "-index-bar-sidebar-touching"] = isTouching, _a)),
+        onTouchStart: function onTouchStart() {
+          return handleTouchingStart();
+        },
+        onTouchEnd: function onTouchEnd() {
+          return handleTouchingStop();
+        },
+        onTouchCancel: function onTouchCancel() {
+          return handleTouchingStop();
+        },
+        onTouchMove: handleTouchMove
+      }, tipType === 'toast' && isTouching && activeIndex && renderSideBarTip(activeIndex, 'toast'), indexes.map(function (index) {
+        var _a;
+
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-index-bar-sidebar-item", (_a = {}, _a[prefixCls + "-index-bar-sidebar-active"] = activeIndex === index, _a)),
+          key: index,
+          onTouchStart: function onTouchStart() {
+            return onClick(index);
+          },
+          "data-index": index
+        }, tipType === 'sweat' && isTouching && activeIndex === index && renderSideBarTip(index, 'sweat'), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: prefixCls + "-index-bar-sidebar-item-wrapper"
+        }, renderSideBarItem(index)));
+      }));
+      return renderSideBar ? renderSideBar(node) : node;
+    }
+
+    function filterValidIndexBarChild(children) {
+      var validChildren = [];
+      React.Children.forEach(children, function (child) {
+        if (! /*#__PURE__*/React.isValidElement(child) || child.type !== IndexBarGroup) {
+          console.warn('<IndexBar /> only accept <IndexBar.Group /> as the children');
+          return;
+        }
+
+        validChildren.push(child);
+      });
+      return validChildren;
+    } // index有可能是number或者string，但是绑在data-index的attr上后
+    // 通过滑动事件得到的都是string，需要处理下
+
+    function getFormatIndex(index, activeIndex) {
+      var activeIndexType = typeof activeIndex;
+      var indexType = typeof index;
+
+      if (indexType === activeIndexType) {
+        return index;
+      }
+
+      if (activeIndexType === 'number') {
+        return Number(index);
+      }
+
+      return index.toString();
+    }
+    function isValidIndex(index) {
+      return typeof index === 'number' || typeof index === 'string';
+    }
+    function getGroupDomFromIndex(containerDom, activeIndex) {
+      var targetDom = null;
+      var containerChildren = containerDom.children;
+
+      for (var i = 0; i < containerChildren.length; i++) {
+        var dom = containerChildren[i];
+        var dataset = dom === null || dom === void 0 ? void 0 : dom.dataset;
+
+        if (dataset && dataset.index) {
+          var formatIndex = getFormatIndex(dataset.index, activeIndex);
+
+          if (formatIndex === activeIndex) {
+            targetDom = dom;
+            break;
+          }
+        }
+      }
+
+      return targetDom;
+    }
+
+    var IndexBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+      var _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          style = props.style,
+          children = props.children,
+          _b = props.sticky,
+          sticky = _b === void 0 ? true : _b,
+          _c = props.groups,
+          groups = _c === void 0 ? [] : _c,
+          _d = props.tipType,
+          tipType = _d === void 0 ? 'toast' : _d,
+          defaultIndex = props.defaultIndex,
+          scrollBezier = props.scrollBezier,
+          _e = props.scrollDuration,
+          scrollDuration = _e === void 0 ? 0 : _e,
+          _f = props.disableSidebar,
+          disableSidebar = _f === void 0 ? false : _f,
+          onChange = props.onChange,
+          onGroupItemClick = props.onGroupItemClick,
+          renderSideBar = props.renderSideBar,
+          renderSideBarItem = props.renderSideBarItem,
+          renderTip = props.renderTip,
+          renderStickyItem = props.renderStickyItem,
+          renderGroupItem = props.renderGroupItem; // 最外层dom元素的ref
+
+      var domRef = React.useRef(null); // 所有group的容器dom，domRef的内容就是contanerRef和sidebar的内容
+
+      var containerRef = React.useRef(null); // 过滤掉jsx写法中，奇怪的child
+
+      var formatChildren = filterValidIndexBarChild(children); // 所有的索引内容，优先从props.groups中获取，再从formatChildren中获取
+
+      var indexes = React.useMemo(function () {
+        if (groups.length) {
+          return groups.map(function (group) {
+            return group.index;
+          });
+        }
+
+        return formatChildren.map(function (child) {
+          return child.props.index;
+        });
+      }, [children, groups]);
+      var groupRefs = React.useRef({}); // 当前激活的Index
+
+      var _g = React.useState(function () {
+        return defaultIndex !== null && defaultIndex !== void 0 ? defaultIndex : indexes === null || indexes === void 0 ? void 0 : indexes[0];
+      }),
+          activeIndex = _g[0],
+          setActiveIndex = _g[1]; // 给IndexBarGroup用的上下文，主要是为了兼容jsx的写法
+
+
+      var contextValue = React.useMemo(function () {
+        return {
+          sticky: sticky,
+          getScrollContainer: function getScrollContainer() {
+            return containerRef.current;
+          },
+          activeIndex: activeIndex,
+          updateRef: function updateRef(groupIndex, stickyRef) {
+            groupRefs.current[groupIndex] = stickyRef;
+          }
+        };
+      }, [sticky, activeIndex]); // 用户是否正在触碰sidebar, 如果为true的话，禁用handleScroll的处理
+
+      var isScrollHandlerDisabledRef = React.useRef(false);
+
+      var handleChangeActiveIndex = function handleChangeActiveIndex(index, type) {
+        setActiveIndex(function (oldActiveIndex) {
+          var newActiveIndex = getFormatIndex(index, oldActiveIndex); // 和上一次激活的acitveIndex不同，再触发onChange事件
+
+          if (newActiveIndex !== oldActiveIndex) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(newActiveIndex, type);
+          }
+
+          return newActiveIndex;
+        });
+      }; // 要滚动到哪个指定的index
+
+
+      var handleScrollIntoIndex = function handleScrollIntoIndex(params) {
+        var index = params.index,
+            type = params.type,
+            _a = params.rightNow,
+            rightNow = _a === void 0 ? false : _a; // 不传index默认走第一个index
+
+        var formatIndex = index !== null && index !== void 0 ? index : indexes === null || indexes === void 0 ? void 0 : indexes[0];
+        var containerDom = containerRef.current;
+
+        if (!isValidIndex(index) || !containerDom) {
+          return;
+        } // 寻找Index对应的groupDom
+
+
+        var groupDom = getGroupDomFromIndex(containerDom, formatIndex);
+
+        if (groupDom) {
+          handleChangeActiveIndex(formatIndex, type);
+          var duration = rightNow ? 0 : scrollDuration;
+          var targetScrollTop = groupDom.offsetTop; // 将屏幕滚动到groupDom
+          // 手动触发需要禁用handleScroll事件
+
+          if (type === 'manual') {
+            isScrollHandlerDisabledRef.current = true;
+            setTimeout(function () {
+              isScrollHandlerDisabledRef.current = false;
+            }, duration);
+          }
+
+          if (duration > 0) {
+            scrollWithAnimation(containerDom.scrollTop, targetScrollTop, function (top) {
+              return containerDom.scrollTop = top;
+            }, duration, scrollBezier);
+          } else {
+            containerDom.scrollTop = targetScrollTop;
+          }
+        }
+      };
+
+      React.useImperativeHandle(ref, function () {
+        return {
+          dom: domRef.current,
+          scrollToIndex: function scrollToIndex(index, rightNow) {
+            if (isValidIndex(index)) {
+              handleScrollIntoIndex({
+                index: index,
+                rightNow: rightNow,
+                type: 'manual'
+              });
+            }
+          },
+          recalculatePosition: function recalculatePosition(targetIndex) {
+            var formatIndex = targetIndex !== null && targetIndex !== void 0 ? targetIndex : activeIndex;
+
+            if (formatIndex) {
+              var targetStickyRef = groupRefs.current[formatIndex];
+
+              if (targetStickyRef && targetStickyRef.recalculatePosition) {
+                targetStickyRef.recalculatePosition();
+              }
+            }
+          }
+        };
+      });
+
+      var renderChildren = function renderChildren() {
+        if (formatChildren.length) {
+          return formatChildren;
+        }
+
+        return groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+          return /*#__PURE__*/React__default["default"].createElement(IndexBarGroup, {
+            index: group.index,
+            key: group.index,
+            list: group.list,
+            onGroupItemClick: onGroupItemClick,
+            renderGroupItem: renderGroupItem,
+            renderStickyItem: renderStickyItem
+          });
+        });
+      };
+
+      React.useEffect(function () {
+        var _a;
+
+        var handleScroll = lodash_throttle(function () {
+          // 用户正在触碰sidebar和手动触发scroll时禁用滚动事件的处理
+          if (!containerRef.current || isScrollHandlerDisabledRef.current) {
+            return;
+          } // 根据滚动的距离，获取处于屏幕最顶部的group是哪个
+
+
+          var scrollTop = containerRef.current.scrollTop;
+
+          for (var i = 0; i < containerRef.current.children.length; i++) {
+            var child = containerRef.current.children[i];
+
+            if (!child || !child.dataset || typeof child.dataset.index === 'undefined') {
+              continue;
+            }
+
+            if (child.offsetTop + child.clientHeight >= scrollTop) {
+              handleChangeActiveIndex(child.dataset.index, 'swipe');
+              break;
+            }
+          }
+        }, 100); // 页面挂载时，如果是传入了defaultIndex，则滚动到对应位置
+
+        if (activeIndex) {
+          handleScrollIntoIndex({
+            index: activeIndex,
+            rightNow: true,
+            type: 'manual'
+          });
+        }
+
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScroll);
+        return function () {
+          var _a;
+
+          (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
+        };
+      }, []);
+      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
+        var prefixCls = _a.prefixCls;
+        return /*#__PURE__*/React__default["default"].createElement(IndexBarContext.Provider, {
+          value: contextValue
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: cls(prefixCls + "-index-bar", className),
+          style: style,
+          ref: domRef
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: prefixCls + "-index-bar-container",
+          ref: containerRef
+        }, renderChildren()), !disableSidebar && /*#__PURE__*/React__default["default"].createElement(IndexBarSideBar, {
+          tipType: tipType,
+          activeIndex: activeIndex,
+          prefixCls: prefixCls,
+          indexes: indexes,
+          onTouching: function onTouching(isTouching) {
+            return isScrollHandlerDisabledRef.current = isTouching;
+          },
+          onClick: function onClick(newIndex) {
+            return handleScrollIntoIndex({
+              index: newIndex,
+              type: 'sidebar'
+            });
+          },
+          renderSideBar: renderSideBar,
+          renderSideBarItem: renderSideBarItem,
+          renderTip: renderTip
+        })));
+      });
+    });
+    /**
+     * 索引栏组件
+     * @en IndexBar component
+     * @type 导航
+     * @type_en Navigation
+     * @name 索引栏
+     * @name_en SearchBar
+     */
+
+    var index$9 = componentWrapper(IndexBar, {
+      Group: IndexBarGroup
+    });
+
+    // @en let keyboard random
+
+    var makeArrayRandom = function makeArrayRandom(targetArray) {
+      var randomFn = function randomFn() {
+        return Math.random() - 0.5;
+      };
+
+      return targetArray.sort(randomFn);
+    };
+
+    var splitArray = function splitArray(target) {
+      return target.reduce(function (acc, cur) {
+        if (!acc[acc.length - 1] || acc[acc.length - 1].length >= 3) {
+          acc.push([]);
+        }
+
+        acc[acc.length - 1].push(cur);
+        return acc;
+      }, []);
+    }; // 纯数字类字符
+    // @en Pure numeric characters
+
+
+    var contentArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+    /**
+     * 数字键盘组件
+     * @en Keyboard component
+     * @type 数据录入
+     * @type_en Data Entry
+     * @name 数字键盘
+     * @name_en Keyboard
+     */
+
+    var Keyboard = /*#__PURE__*/React.forwardRef(function (props, ref) {
+      var normalKeyClass = props.normalKeyClass,
+          normalKeyStyle = props.normalKeyStyle,
+          _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          style = props.style,
+          _b = props.type,
+          type = _b === void 0 ? 'number' : _b,
+          _c = props.randomOrder,
+          randomOrder = _c === void 0 ? false : _c,
+          title = props.title,
+          rightColumns = props.rightColumns,
+          confirmClosable = props.confirmClosable,
+          confirmButton = props.confirmButton,
+          deleteButton = props.deleteButton,
+          keyboardButton = props.keyboardButton,
+          close = props.close,
+          onConfirm = props.onConfirm,
+          onDelete = props.onDelete,
+          onChange = props.onChange,
+          resetProps = __rest$1(props, ["normalKeyClass", "normalKeyStyle", "className", "style", "type", "randomOrder", "title", "rightColumns", "confirmClosable", "confirmButton", "deleteButton", "keyboardButton", "close", "onConfirm", "onDelete", "onChange"]);
+
+      var popupRef = React.useRef(null);
+      var keyboardRef = React.useRef(null);
+
+      var _d = React.useContext(GlobalContext),
+          prefixCls = _d.prefixCls,
+          _e = _d.locale,
+          locale = _e === void 0 ? defaultLocale : _e;
+
+      var prefix = prefixCls + "-keyboard"; // 3x4键盘的按键内容
+      // @en 3x4 Keyboard button content
+
+      var displayData = React.useMemo(function () {
+        var numberArr = randomOrder ? makeArrayRandom(contentArray) : contentArray;
+        var lastNum = numberArr.slice(-1)[0];
+        var finalData = splitArray(numberArr.slice(0, -1));
+
+        switch (type) {
+          case 'confirm':
+            finalData.push([lastNum, '.']);
+            break;
+
+          case 'tool':
+            finalData.push(['.', lastNum, {
+              type: 'delete'
+            }]);
+            break;
+
+          case 'number':
+          default:
+            finalData.push([{
+              type: 'keyboard'
+            }, lastNum, {
+              type: 'delete'
+            }]);
+            break;
+        }
+
+        return finalData;
+      }, [type]); // 右边一列
+      // @en Right column
+
+      var rightColumn = React.useMemo(function () {
+        switch (type) {
+          case 'number':
+            return [];
+
+          case 'confirm':
+            {
+              return [{
+                type: 'delete'
+              }];
+            }
+
+          case 'tool':
+            return ['+', '-', '×', '÷'];
+
+          default:
+            return [];
+        }
+      }, [type]); // 确认按钮需要在type为confirm时展示
+      // @en Display then confirm button when type is confirm
+
+      var getConfirmButton = React.useCallback(function () {
+        if (type !== 'confirm') {
+          return null;
+        }
+
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          onClick: function onClick() {
+            confirmClosable && close();
+            onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          },
+          className: cls(prefix + "-key", prefix + "-key-confirm")
+        }, confirmButton || locale.Keyboard.confirm);
+      }, [type]); // 点击空白处关闭键盘
+      // @en Close keyboard when clicked the blank space
+
+      React.useEffect(function () {
+        var handlerDocumentClick = function handlerDocumentClick(e) {
+          if (!keyboardRef.current) {
+            return;
+          }
+
+          if (!keyboardRef.current.contains(e.target) && e.target !== keyboardRef.current) {
+            close();
+          }
+        };
+
+        document.addEventListener('click', handlerDocumentClick);
+        return function () {
+          document.removeEventListener('click', handlerDocumentClick);
+        };
+      }, []);
+      React.useImperativeHandle(ref, function () {
+        return __assign$2({
+          keyboard: keyboardRef.current
+        }, popupRef.current);
+      });
+
+      var handleButtonClick = function handleButtonClick(ele) {
+        switch (ele.type) {
+          case 'delete':
+            onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+            break;
+
+          case 'keyboard':
+            close();
+            break;
+
+          default:
+            onChange === null || onChange === void 0 ? void 0 : onChange(ele.value);
+        }
+      };
+
+      var renderButtonContent = function renderButtonContent(ele) {
+        switch (ele.type) {
+          case 'delete':
+            return deleteButton || /*#__PURE__*/React__default["default"].createElement(IconKeyboardDelete, null);
+
+          case 'keyboard':
+            return keyboardButton || /*#__PURE__*/React__default["default"].createElement(IconKeyboard, null);
+
+          default:
+            return ele.content;
+        }
+      };
+
+      var renderButton = function renderButton(data, key, extraClass) {
+        var ele = typeof data === 'string' || typeof data === 'number' ? {
+          type: 'content',
+          content: data,
+          value: data
+        } : data;
+        return /*#__PURE__*/React__default["default"].createElement("button", {
+          onClick: function onClick() {
+            return handleButtonClick(ele);
+          },
+          className: cls(prefix + "-key", normalKeyClass, extraClass),
+          key: key,
+          style: normalKeyStyle
+        }, renderButtonContent(ele));
+      };
+
+      var renderKeyboardRightColumns = function renderKeyboardRightColumns() {
+        if (rightColumns) {
+          return rightColumns;
+        }
+
+        return rightColumn.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
+          className: prefix + "-col"
+        }, rightColumn.map(function (item, index) {
+          return renderButton(item, String(index));
+        }), getConfirmButton()) : null;
+      };
+
+      return /*#__PURE__*/React__default["default"].createElement(Popup$1, __assign$2({
+        ref: popupRef,
+        maskClass: prefix + "-popup",
+        close: close
+      }, resetProps), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: cls(prefix, "" + className),
+        style: style,
+        ref: keyboardRef
+      }, title, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: prefix + "-wrapper"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: prefix + "-key-wrapper"
+      }, displayData.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: prefix + "-row",
+          key: index
+        }, item.map(function (e, idx) {
+          var _a;
+
+          return renderButton(e, String(idx), (_a = {}, _a[prefix + "-key-special"] = type === 'confirm' && index === displayData.length - 1 && idx === 0, _a));
+        }));
+      })), renderKeyboardRightColumns())));
+    });
+
+    /**
+     * 上拉加载组件，支持`scroll`和`click`两种触发加载方式，支持滚动监听。支持受控与不受控两种形式。<br>如果引入组件后发现仅触发了初始的`getData`，请确认是否在`getData`方法内没有调用`callback`移除 loading 状态，且未设置`blockWhenLoading`属性为 false。
+     * @en Pull-up loading component, supports `scroll` and `click` two trigger loading methods, supports scroll monitoring. Both controlled and uncontrolled forms are supported. <br>If only the initial `getData` is triggered after the component is introduced, please make sure that the `callback` is not called in the `getData` method to remove the loading state, and the `blockWhenLoading` property is not set to false.
+     * @type 反馈
+     * @type_en Feedback
+     * @name 加载更多
+     * @name_en LoadMore
      */
 
     var LoadMore = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -21877,10 +23375,10 @@
           setDirectionState = _k[2];
 
       var getOffset = React.useCallback(function (dir) {
-        return getDefaultValue(isObject$2(edgeOffset) ? edgeOffset[dir] : edgeOffset, defaultEdgeOffset[dir]);
+        return getDefaultValue(isObject$3(edgeOffset) ? edgeOffset[dir] : edgeOffset, defaultEdgeOffset[dir]);
       }, [edgeOffset]);
       var getAutoDirection = React.useCallback(function (dir) {
-        return getDefaultValue(isObject$2(useAutoDirection) ? useAutoDirection[dir] : useAutoDirection, defaultAutoDirection);
+        return getDefaultValue(isObject$3(useAutoDirection) ? useAutoDirection[dir] : useAutoDirection, defaultAutoDirection);
       }, [useAutoDirection]);
       React.useEffect(function () {
         setDirectionState(direction);
@@ -22322,7 +23820,7 @@
       var closeTimer = React.useRef(0);
       /** 垂直方向自适应 */
 
-      var autoVerticalDirection = getDefaultValue(isObject$2(useAutoDirection) ? useAutoDirection.vertical : useAutoDirection, defaultAutoDirection);
+      var autoVerticalDirection = getDefaultValue(isObject$3(useAutoDirection) ? useAutoDirection.vertical : useAutoDirection, defaultAutoDirection);
 
       var popoverDisappear = function popoverDisappear() {
         onVisibleChange(false);
@@ -24584,196 +26082,6 @@
       Step: Step
     });
 
-    /**
-     * 粘性布局组件，元素相对于窗口或指定容器的吸顶效果。
-     * @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 contentRef = React.useRef(null);
-      var placeholderRef = React.useRef(null);
-      var contentCalculateHeightRef = React.useRef(0);
-      var containerRef = React.useRef(null);
-      var scrollContainerRef = React.useRef(null);
-      var framePendingRef = React.useRef(false);
-      var containerEventHandler = React.useCallback(function (_a) {
-        var followTop = _a.followTop,
-            followBottom = _a.followBottom;
-
-        if (!contentRef.current) {
-          return;
-        }
-
-        var needTop = position === 'top' || position === 'both';
-        var needBottom = position === 'bottom' || position === 'both';
-        var placeholderClientRect = placeholderRef.current.getBoundingClientRect();
-        var contentClientRect = contentRef.current.getBoundingClientRect();
-        var calculatedHeight = contentClientRect.height;
-        contentCalculateHeightRef.current = contentClientRect.height;
-        var containerRect = getScrollContainerRect(scrollContainerRef.current).containerRect;
-        var containerTop = containerRect.top,
-            containerBottom = containerRect.bottom,
-            containerHeight = containerRect.height;
-        var disFromTop = placeholderClientRect.top - containerTop;
-        var disFromBottom = placeholderClientRect.top + calculatedHeight - containerBottom;
-        var topFollowDifference = followBottom - followOffset - calculatedHeight - topOffset - containerTop;
-        var bottomFollowDifference = containerHeight - followTop - followOffset - calculatedHeight - bottomOffset;
-        setWasSticky(Boolean(isStickyRef.current));
-        var isTopSticky = needTop ? disFromTop <= topOffset && followBottom > containerTop + followOffset : false;
-        var isBottomSticky = needBottom ? disFromBottom >= -bottomOffset && followTop < containerBottom - followOffset : false;
-        var newStickyState = isTopSticky || isBottomSticky;
-        var cssTop = (stickyStyle === 'absolute' ? 0 : containerTop) + topOffset;
-        var cssBottom = (stickyStyle === 'absolute' ? 0 : window.innerHeight - containerBottom) + bottomOffset;
-        var stickyCssStyle = {};
-
-        if (newStickyState) {
-          stickyCssStyle = __assign$2(__assign$2(__assign$2(__assign$2({
-            transform: 'translateZ(0)',
-            WebkitTransform: 'translateZ(0)',
-            position: stickyStyle === 'absolute' ? 'absolute' : 'fixed',
-            zIndex: zIndex
-          }, isTopSticky ? {
-            top: topFollowDifference > 0 ? cssTop : cssTop + topFollowDifference
-          } : {}), isBottomSticky ? {
-            bottom: bottomFollowDifference > 0 ? cssBottom : cssBottom + bottomFollowDifference
-          } : {}), {
-            left: placeholderClientRect.left,
-            width: placeholderClientRect.width
-          }), userSetStickyCssStyle || {});
-        }
-
-        onTopChange === null || onTopChange === void 0 ? void 0 : onTopChange(Math.max(0, contentClientRect.top - containerTop - topOffset));
-        setIsSticky(newStickyState);
-        setStickyStateStyle(stickyCssStyle);
-
-        if (newStickyState !== wasStickyRef.current) {
-          onStickyStateChange && onStickyStateChange({
-            isTopSticky: isTopSticky,
-            isBottomSticky: isBottomSticky,
-            isSticky: newStickyState,
-            wasSticky: wasStickyRef.current
-          });
-        }
-      }, [position, topOffset, bottomOffset, followOffset, zIndex, stickyStyle, onStickyStateChange, onTopChange, userSetStickyCssStyle]);
-      var recalculatePosition = React.useCallback(function () {
-        if (framePendingRef.current) {
-          return;
-        }
-
-        execRAF(function () {
-          framePendingRef.current = false;
-
-          if (containerRef.current) {
-            var _a = containerRef.current.getBoundingClientRect(),
-                top_1 = _a.top,
-                bottom = _a.bottom;
-
-            containerEventHandler({
-              followTop: top_1,
-              followBottom: bottom
-            });
-          }
-        });
-        framePendingRef.current = true;
-      }, [containerEventHandler]);
-      React.useEffect(function () {
-        var containerEle = getActualContainer(getContainer);
-        containerRef.current = containerEle || document.body;
-        var eventTarget = getScrollContainer ? getActualContainer(getScrollContainer) : window;
-        if (!eventTarget) return;
-        scrollContainerRef.current = eventTarget;
-
-        var attachEventListeners = function attachEventListeners(target) {
-          target.addEventListener('scroll', recalculatePosition);
-        };
-
-        var removeEventListeners = function removeEventListeners(target) {
-          target.removeEventListener('scroll', recalculatePosition);
-        };
-
-        attachEventListeners(eventTarget);
-        recalculatePosition();
-        return function () {
-          removeEventListeners(eventTarget);
-        };
-      }, [getContainer, getScrollContainer, recalculatePosition]);
-      React.useEffect(function () {
-        if (placeholderRef.current) {
-          // 当元素吸顶时，默认有一个占位的元素占住该元素的位置，避免布局产生抖动
-          // @en When an element is sticky to the top, a placeholder element occupies the element's position by default to avoid jitter in the layout
-          placeholderRef.current.style.height = (isStickyRef.current ? contentCalculateHeightRef.current : 0) + "px";
-        }
-      }, [isSticky, wasSticky]);
-      React.useImperativeHandle(ref, function () {
-        return {
-          dom: contentRef.current,
-          recalculatePosition: recalculatePosition
-        };
-      }, [recalculatePosition]);
-      var computedStyle = React.useMemo(function () {
-        return __assign$2(__assign$2({}, style || {}), stickyStateStyle);
-      }, [stickyStateStyle, style]);
-
-      function renderSticky(prefixCls) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: cls(prefixCls + "-sticky", className),
-          ref: contentRef,
-          style: computedStyle
-        }, children);
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
-        var prefixCls = _a.prefixCls;
-        return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-          ref: placeholderRef
-        }), portalWhenSticky && isSticky ? /*#__PURE__*/React__default["default"].createElement(Portal, {
-          getContainer: getPortalContainer
-        }, renderSticky(prefixCls)) : renderSticky(prefixCls));
-      });
-    });
-
     function renderAction(_a) {
       var action = _a.action,
           prefixCls = _a.prefixCls,
@@ -26119,7 +27427,7 @@
         }
 
         if (needRafScroll) {
-          scrollWithAnimation(isVertical ? domRef.current.scrollLeft : domRef.current.scrollTop, position, function (top) {
+          scrollWithAnimation$1(isVertical ? domRef.current.scrollLeft : domRef.current.scrollTop, position, function (top) {
             if (domRef.current) {
               if (isVertical) {
                 domRef.current.scrollLeft = top;
@@ -26439,7 +27747,7 @@
         clearTimeout(timerRef.current);
         autoScrollingRef.current = true;
         var duration = rightNow ? 0 : transitionDuration || 0;
-        scrollWithAnimation(scrollTop, scrollTop + normalizedTopDis, function (top) {
+        scrollWithAnimation$1(scrollTop, scrollTop + normalizedTopDis, function (top) {
           if (isGlobal) {
             document.documentElement[scrollAttr] = top;
             document.body[scrollAttr] = top;
@@ -27489,29 +28797,31 @@
 
     var index = componentWrapper(Toast, methodsGenerator(ToastWithGlobalContext));
 
-    exports.ActionSheet = index$n;
-    exports.Avatar = index$m;
+    exports.ActionSheet = index$o;
+    exports.Avatar = index$n;
     exports.Badge = Badge;
     exports.Button = Button;
     exports.Carousel = Carousel;
-    exports.Cell = index$l;
+    exports.Cell = index$m;
     exports.Checkbox = Checkbox;
     exports.CircleProgress = CircleProgress;
-    exports.Collapse = index$k;
+    exports.Collapse = index$l;
     exports.ContextProvider = ContextProvider;
     exports.CountDown = CountDown;
-    exports.DatePicker = index$j;
-    exports.Dialog = index$i;
+    exports.DatePicker = index$k;
+    exports.Dialog = index$j;
     exports.Divider = Divider;
     exports.Dropdown = Dropdown$1;
     exports.DropdownMenu = DropdownMenu;
     exports.Ellipsis = Ellipsis;
-    exports.Form = index$g;
+    exports.Form = index$h;
     exports.Grid = Grid;
     exports.Image = BaseImage;
-    exports.ImagePicker = index$a;
-    exports.ImagePreview = index$9;
-    exports.Input = index$f;
+    exports.ImagePicker = index$b;
+    exports.ImagePreview = index$a;
+    exports.IndexBar = index$9;
+    exports.Input = index$g;
+    exports.Keyboard = Keyboard;
     exports.LoadMore = LoadMore;
     exports.Loading = Loading;
     exports.Masking = Masking$1;
@@ -27527,11 +28837,11 @@
     exports.Portal = Portal;
     exports.Progress = Progress;
     exports.PullRefresh = PullRefresh;
-    exports.Radio = index$d;
-    exports.Rate = index$c;
+    exports.Radio = index$e;
+    exports.Rate = index$d;
     exports.SearchBar = SearchBar;
     exports.ShowMonitor = ShowMonitor;
-    exports.Slider = index$b;
+    exports.Slider = index$c;
     exports.Stepper = index$5;
     exports.Steps = index$4;
     exports.Sticky = Sticky;
@@ -27541,7 +28851,7 @@
     exports.TabBar = index$2;
     exports.Tabs = Tabs;
     exports.Tag = index$1;
-    exports.Textarea = index$e;
+    exports.Textarea = index$f;
     exports.Toast = index;
     exports.Transition = Transition;