@arco-design/mobile-react 2.26.0 → 2.27.1

package/dist/index.js

@@ -997,6 +997,9 @@
         minusButtonName: '减少',
         addButtonName: '增加'
       },
+      Keyboard: {
+        confirm: '完成'
+      },
       Form: {
         required: '%s 为必填项',
         type: {
@@ -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;
@@ -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,
@@ -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));
@@ -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');
 
     /**
      * 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。
@@ -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,10 +17400,10 @@
      * @displayName ImagePicker
      */
 
-    var index$a = componentWrapper(ImagePicker, 'ImagePicker');
+    var index$b = componentWrapper(ImagePicker, 'ImagePicker');
 
     /*!
-    * @arco-design/transformable v1.0.1
+    * @arco-design/transformable v1.0.2
     * (c) 2022 ludan.kibbon
     */
     function _defineProperty(obj, key, value) {
@@ -20575,111 +20596,1006 @@
      * @name_en ImagePreview
      */
 
-    var index$9 = componentWrapper(ImagePreview, methodsGenerator$3(ImagePreviewWithGlobalContext));
+    var index$a = componentWrapper(ImagePreview, methodsGenerator$3(ImagePreviewWithGlobalContext));
+
+    var IndexBarContext = /*#__PURE__*/React.createContext({
+      sticky: true,
+      getScrollContainer: function getScrollContainer() {
+        return null;
+      },
+      updateRef: function updateRef() {}
+    });
 
     /**
-     * 上拉加载组件，支持`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
+     * 粘性布局组件，元素相对于窗口或指定容器的吸顶效果。
+     * @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 LoadMore = /*#__PURE__*/React.forwardRef(function (props, ref) {
-      var _a = props.className,
-          className = _a === void 0 ? '' : _a,
+    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,
-          beforeReadyArea = props.beforeReadyArea,
-          loadingArea = props.loadingArea,
-          noMoreArea = props.noMoreArea,
-          prepareArea = props.prepareArea,
-          retryArea = props.retryArea,
-          _b = props.defaultStatus,
-          defaultStatus = _b === void 0 ? 'prepare' : _b,
-          status = props.status,
+          _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,
-          _c = props.trigger,
-          trigger = _c === void 0 ? 'scroll' : _c,
-          _d = props.threshold,
-          threshold = _d === void 0 ? 200 : _d,
-          _e = props.throttle,
-          throttle = _e === void 0 ? 0 : _e,
-          _f = props.getDataAtFirst,
-          getDataAtFirst = _f === void 0 ? true : _f,
-          getData = props.getData,
-          _g = props.blockWhenLoading,
-          blockWhenLoading = _g === void 0 ? true : _g,
-          onStatusChange = props.onStatusChange,
-          onClick = props.onClick,
-          onEndReached = props.onEndReached;
-      var domRef = React.useRef(null);
-      var requestAtFirst = trigger === 'scroll' ? getDataAtFirst : false;
+          onStickyStateChange = props.onStickyStateChange,
+          onTopChange = props.onTopChange;
 
-      var _h = React.useState(defaultStatus),
-          innerStatus = _h[0],
-          setInnerStatus = _h[1];
+      var _h = useRefState(false),
+          isSticky = _h[0],
+          isStickyRef = _h[1],
+          setIsSticky = _h[2];
 
-      var lastScrollEndRef = React.useRef(false);
-      var nowStatus = status || innerStatus;
-      var statusRef = React.useRef(nowStatus);
-      var changeStatus = React.useCallback(function (st, scene) {
-        setInnerStatus(st);
-        onStatusChange && onStatusChange(st, scene);
-      }, [onStatusChange]);
-      var triggerGetData = React.useCallback(function (scene) {
-        if (blockWhenLoading && statusRef.current === 'loading') {
-          return;
-        }
+      var _j = useRefState(false),
+          wasSticky = _j[0],
+          wasStickyRef = _j[1],
+          setWasSticky = _j[2];
 
-        changeStatus('loading', scene);
-        getData === null || getData === void 0 ? void 0 : getData(function (st) {
-          lastScrollEndRef.current = false;
-          changeStatus(st, 'manual');
-        });
-      }, [blockWhenLoading, changeStatus, getData]);
-      React.useEffect(function () {
-        statusRef.current = nowStatus;
-      }, [nowStatus]);
-      useUpdateEffect(function () {
-        // 当状态被设置为 prepare ，且页面总长度不足一屏时，再触发一次 getData
-        // @en When the state is set to prepare and the total page length is less than one screen, trigger getData again
-        if (trigger === 'scroll' && nowStatus === 'prepare' && checkNeedTrigger(0, threshold)) {
-          triggerGetData('pageEnd');
-        }
-      }, [nowStatus]);
-      React.useEffect(function () {
-        if (requestAtFirst) {
-          if (statusRef.current === 'prepare') {
-            triggerGetData('requestAtFirst');
-          }
-        }
-      }, [trigger]);
-      var handleContainerScroll = React.useCallback(function () {
-        var scrollTop = getScrollContainerAttribute('scrollTop', getScrollContainer);
+      var _k = React.useState({}),
+          stickyStateStyle = _k[0],
+          setStickyStateStyle = _k[1];
 
-        if (checkNeedTrigger(scrollTop, threshold + 1)) {
-          if (!lastScrollEndRef.current) {
-            lastScrollEndRef.current = true;
-            onEndReached && onEndReached();
+      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 (!['nomore', 'retry', 'before-ready'].includes(statusRef.current)) {
-              triggerGetData('scrollEnd');
-            }
-          }
-        } else {
-          lastScrollEndRef.current = false;
+        if (!contentRef.current) {
+          return;
         }
-      }, [getScrollContainer, threshold, triggerGetData, onEndReached]);
-      React.useEffect(function () {
-        var binded = null;
-        var scrollFunc = throttle ? lodash_throttle(handleContainerScroll, throttle) : handleContainerScroll;
-
-        if (trigger === 'scroll') {
-          var container = getValidScrollContainer(getScrollContainer);
 
-          if (container) {
-            container.addEventListener('scroll', scrollFunc);
+        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(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) {
+      var _a = props.className,
+          className = _a === void 0 ? '' : _a,
+          style = props.style,
+          beforeReadyArea = props.beforeReadyArea,
+          loadingArea = props.loadingArea,
+          noMoreArea = props.noMoreArea,
+          prepareArea = props.prepareArea,
+          retryArea = props.retryArea,
+          _b = props.defaultStatus,
+          defaultStatus = _b === void 0 ? 'prepare' : _b,
+          status = props.status,
+          getScrollContainer = props.getScrollContainer,
+          _c = props.trigger,
+          trigger = _c === void 0 ? 'scroll' : _c,
+          _d = props.threshold,
+          threshold = _d === void 0 ? 200 : _d,
+          _e = props.throttle,
+          throttle = _e === void 0 ? 0 : _e,
+          _f = props.getDataAtFirst,
+          getDataAtFirst = _f === void 0 ? true : _f,
+          getData = props.getData,
+          _g = props.blockWhenLoading,
+          blockWhenLoading = _g === void 0 ? true : _g,
+          onStatusChange = props.onStatusChange,
+          onClick = props.onClick,
+          onEndReached = props.onEndReached;
+      var domRef = React.useRef(null);
+      var requestAtFirst = trigger === 'scroll' ? getDataAtFirst : false;
+
+      var _h = React.useState(defaultStatus),
+          innerStatus = _h[0],
+          setInnerStatus = _h[1];
+
+      var lastScrollEndRef = React.useRef(false);
+      var nowStatus = status || innerStatus;
+      var statusRef = React.useRef(nowStatus);
+      var changeStatus = React.useCallback(function (st, scene) {
+        setInnerStatus(st);
+        onStatusChange && onStatusChange(st, scene);
+      }, [onStatusChange]);
+      var triggerGetData = React.useCallback(function (scene) {
+        if (blockWhenLoading && statusRef.current === 'loading') {
+          return;
+        }
+
+        changeStatus('loading', scene);
+        getData === null || getData === void 0 ? void 0 : getData(function (st) {
+          lastScrollEndRef.current = false;
+          changeStatus(st, 'manual');
+        });
+      }, [blockWhenLoading, changeStatus, getData]);
+      React.useEffect(function () {
+        statusRef.current = nowStatus;
+      }, [nowStatus]);
+      useUpdateEffect(function () {
+        // 当状态被设置为 prepare ，且页面总长度不足一屏时，再触发一次 getData
+        // @en When the state is set to prepare and the total page length is less than one screen, trigger getData again
+        if (trigger === 'scroll' && nowStatus === 'prepare' && checkNeedTrigger(0, threshold)) {
+          triggerGetData('pageEnd');
+        }
+      }, [nowStatus]);
+      React.useEffect(function () {
+        if (requestAtFirst) {
+          if (statusRef.current === 'prepare') {
+            triggerGetData('requestAtFirst');
+          }
+        }
+      }, [trigger]);
+      var handleContainerScroll = React.useCallback(function () {
+        var scrollTop = getScrollContainerAttribute('scrollTop', getScrollContainer);
+
+        if (checkNeedTrigger(scrollTop, threshold + 1)) {
+          if (!lastScrollEndRef.current) {
+            lastScrollEndRef.current = true;
+            onEndReached && onEndReached();
+
+            if (!['nomore', 'retry', 'before-ready'].includes(statusRef.current)) {
+              triggerGetData('scrollEnd');
+            }
+          }
+        } else {
+          lastScrollEndRef.current = false;
+        }
+      }, [getScrollContainer, threshold, triggerGetData, onEndReached]);
+      React.useEffect(function () {
+        var binded = null;
+        var scrollFunc = throttle ? lodash_throttle(handleContainerScroll, throttle) : handleContainerScroll;
+
+        if (trigger === 'scroll') {
+          var container = getValidScrollContainer(getScrollContainer);
+
+          if (container) {
+            container.addEventListener('scroll', scrollFunc);
             binded = container;
           }
         }
@@ -24584,196 +25500,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,
@@ -27489,29 +28215,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 +28255,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 +28269,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;