@arco-design/mobile-react 2.26.0 → 2.27.0

package/umd/icon/IconKeyboard/index.js

@@ -0,0 +1,56 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "react", "../../context-provider"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("react"), require("../../context-provider"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.react, global.contextProvider);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _react, _contextProvider) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+  _exports.__esModule = true;
+  _exports.default = IconKeyboard;
+  _extends2 = _interopRequireDefault(_extends2);
+  _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
+  _react = _interopRequireDefault(_react);
+  var _excluded = ["className", "useCurrentColor", "style"];
+
+  function IconKeyboard(props) {
+    var _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$useCurrentColo = props.useCurrentColor,
+        useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+        style = props.style,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+      var prefixCls = _ref.prefixCls;
+      return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+        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.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.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'
+      }));
+    });
+  }
+});

package/umd/icon/IconKeyboardDelete/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconKeyboardDelete(props: IconProps): JSX.Element;

package/umd/icon/IconKeyboardDelete/index.js

@@ -0,0 +1,52 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "react", "../../context-provider"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("react"), require("../../context-provider"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.react, global.contextProvider);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _react, _contextProvider) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+  _exports.__esModule = true;
+  _exports.default = IconKeyboardDelete;
+  _extends2 = _interopRequireDefault(_extends2);
+  _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
+  _react = _interopRequireDefault(_react);
+  var _excluded = ["className", "useCurrentColor", "style"];
+
+  function IconKeyboardDelete(props) {
+    var _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$useCurrentColo = props.useCurrentColor,
+        useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+        style = props.style,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+      var prefixCls = _ref.prefixCls;
+      return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+        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.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.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'
+      }));
+    });
+  }
+});

package/umd/icon/IconMinus/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.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"
       }));
     });

package/umd/icon/IconMore/index.js

@@ -40,7 +40,7 @@
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 48 48"
       }, other), /*#__PURE__*/_react.default.createElement("path", {
-        d: "M35 21h6v6h-6zM7 21h6v6H7zm14 0h6v6h-6z"
+        d: "M35 21h6v6h-6zM7 21h6v6H7zM21 21h6v6h-6z"
       }));
     });
   }

package/umd/icon/IconNotice/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M618.667 853.333A21.333 21.333 0 01640 874.667v42.666a21.333 21.333 0 01-21.333 21.334H405.333A21.333 21.333 0 01384 917.333v-42.666a21.333 21.333 0 0121.333-21.334h213.334zM576 64a21.333 21.333 0 0121.333 21.333v32.427c147.222 39.125 256 177.067 256 341.248V704h64a21.333 21.333 0 0121.334 21.333V768a21.333 21.333 0 01-21.334 21.333H106.667A21.333 21.333 0 0185.333 768v-42.667A21.333 21.333 0 01106.667 704h64V459.008c0-164.181 108.8-302.123 256-341.248V85.333A21.333 21.333 0 01448 64h128zm-64 128c-141.376 0-256 119.595-256 267.136V704h512V459.136C768 311.595 653.376 192 512 192z"
       }));
     });

package/umd/icon/IconNoticeOff/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M118.101 57.75L962.86 902.506a21.333 21.333 0 010 30.165l-30.187 30.187a21.333 21.333 0 01-30.165 0L57.749 118.1a21.333 21.333 0 010-30.186l30.166-30.166a21.333 21.333 0 0130.186 0zm500.566 795.583A21.333 21.333 0 01640 874.667v42.666a21.333 21.333 0 01-21.333 21.334H405.333A21.333 21.333 0 01384 917.333v-42.666a21.333 21.333 0 0121.333-21.334h213.334zM190.25 341.1l69.888 69.888A280.043 280.043 0 00256 459.136V704h297.152l85.333 85.333H106.667A21.333 21.333 0 0185.333 768v-42.155a21.333 21.333 0 0121.334-21.333h.512l63.488 1.515V459.008c0-41.365 6.912-81.067 19.584-117.91zM576 64a21.333 21.333 0 0121.333 21.333v32.427c147.222 39.125 256 177.067 256 341.248v243.499L768 617.173V459.157C768 311.595 653.376 192 512 192c-48.021 0-92.97 13.803-131.37 37.803l-61.526-61.526a334.763 334.763 0 01107.563-50.517V85.333A21.333 21.333 0 01448 64h128z"
       }));
     });

package/umd/icon/IconPlay/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M236.416 92.16l597.333 383.957a42.667 42.667 0 010 71.766L236.416 931.819c-28.416 18.261-65.75-2.112-65.75-35.883V128.064c0-33.77 37.334-54.144 65.75-35.904zM256 206.23v611.583L731.755 512 256 206.208z"
       }));
     });

package/umd/icon/IconSetting/index.js

@@ -39,8 +39,8 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
-        d: "M512 46.55c34.517 0 68.565 3.797 101.696 11.263l19.136 4.288L692.48 198.08l146.837-16.043 13.27 14.443a465.493 465.493 0 01101.802 176.939l5.76 18.602-11.456 15.723L872.747 512l87.402 119.979-5.76 18.602A465.493 465.493 0 01852.587 827.52l-13.27 14.443L692.48 825.92l-59.648 135.979-19.136 4.288c-33.13 7.466-67.2 11.264-101.696 11.264-34.517 0-68.587-3.798-101.717-11.264l-19.136-4.31-7.894-17.941L331.52 825.92l-146.837 16.043-13.27-14.443A465.493 465.493 0 0169.611 650.56l-5.76-18.603 11.456-15.722L151.253 512 63.851 392.043l5.76-18.603a465.493 465.493 0 01101.802-176.96l13.27-14.443L331.52 198.08l59.627-135.957 19.136-4.31c33.13-7.466 67.2-11.264 101.717-11.264zm0 77.567a387.58 387.58 0 00-65.792 5.611L398.421 238.72a63.488 63.488 0 01-65.066 37.61l-117.483-12.863a387.947 387.947 0 00-66.048 114.837l70.165 96.32c16.214 22.272 16.214 52.48 0 74.752l-70.186 96.32a387.947 387.947 0 0066.069 114.837l117.504-12.864a63.488 63.488 0 0165.045 37.632l47.787 108.971a387.393 387.393 0 0065.792 5.61 387.33 387.33 0 0065.77-5.61l47.81-108.992a63.488 63.488 0 0165.066-37.61l117.483 12.863a387.947 387.947 0 0066.048-114.816l-70.165-96.341a63.488 63.488 0 010-74.752l70.165-96.341a387.947 387.947 0 00-66.048-114.816L690.624 276.33a63.488 63.488 0 01-65.045-37.611l-47.787-108.992a386.325 386.325 0 00-65.792-5.61zm0 193.942c106.752 0 193.195 86.869 193.195 193.941S618.752 705.92 512 705.92 318.805 619.093 318.805 512 405.248 318.08 512 318.08zm0 77.568c-63.808 0-115.627 52.053-115.627 116.373 0 64.299 51.819 116.373 115.627 116.373S627.627 576.32 627.627 512c0-64.299-51.819-116.373-115.627-116.373z"
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
+        d: "M512 46.55c34.517 0 68.565 3.797 101.696 11.263l19.136 4.288L692.48 198.08l146.837-16.043 13.27 14.443a465.493 465.493 0 01101.802 176.939l5.76 18.602-11.456 15.723L872.747 512l87.402 119.979-5.76 18.602A465.493 465.493 0 01852.587 827.52l-13.27 14.443L692.48 825.92l-59.648 135.979-19.136 4.288c-33.13 7.466-67.2 11.264-101.696 11.264-34.517 0-68.587-3.798-101.717-11.264l-19.136-4.31-7.894-17.941L331.52 825.92l-146.837 16.043-13.27-14.443A465.493 465.493 0 0169.611 650.56l-5.76-18.603 11.456-15.722L151.253 512 63.851 392.043l5.76-18.603a465.493 465.493 0 01101.802-176.96l13.27-14.443L331.52 198.08l59.627-135.957 19.136-4.31c33.13-7.466 67.2-11.264 101.717-11.264zm0 77.567a387.58 387.58 0 00-65.792 5.611L398.421 238.72a63.488 63.488 0 01-65.066 37.61l-117.483-12.863a387.947 387.947 0 00-66.048 114.837l70.165 96.32c16.214 22.272 16.214 52.48 0 74.752l-70.186 96.32a387.947 387.947 0 0066.069 114.837l117.504-12.864a63.488 63.488 0 0165.045 37.632l47.787 108.971a387.393 387.393 0 0065.792 5.61 387.33 387.33 0 0065.77-5.61L625.58 785.28a63.488 63.488 0 0165.066-37.61l117.483 12.863a387.947 387.947 0 0066.048-114.816l-70.165-96.341a63.488 63.488 0 010-74.752l70.165-96.341a387.947 387.947 0 00-66.048-114.816L690.624 276.33a63.488 63.488 0 01-65.045-37.611l-47.787-108.992a386.325 386.325 0 00-65.792-5.61zm0 193.942c106.752 0 193.195 86.869 193.195 193.941S618.752 705.92 512 705.92 318.805 619.093 318.805 512 405.248 318.08 512 318.08zm0 77.568c-63.808 0-115.627 52.053-115.627 116.373 0 64.299 51.819 116.373 115.627 116.373S627.627 576.32 627.627 512c0-64.299-51.819-116.373-115.627-116.373z"
       }));
     });
   }

package/umd/icon/IconSound/index.js

@@ -38,7 +38,7 @@
         style: style,
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M512 235.67L320 383.36v257.28l192 147.69V235.67zM512 128h85.333v768H512L234.667 682.667V341.333L512 128zm280.79 674.73l-49.58-69.46c68.054-48.555 110.123-131.03 110.123-221.654 0-90.197-41.685-172.352-109.226-221.013l49.877-69.227c89.899 64.747 144.683 172.715 144.683 290.261 0 118.059-55.296 226.475-145.878 291.094zm-84.16-171.455l-51.691-67.883a64.32 64.32 0 0025.728-51.35c0-20.33-9.579-39.082-25.814-51.413l51.627-67.946A149.632 149.632 0 01768 512.043a149.632 149.632 0 01-59.37 119.253zM85.332 341.333h85.334v341.334H85.333V341.333z",
         fill: useCurrentColor ? 'currentColor' : '#000'
       }));

package/umd/icon/IconStar/index.js

@@ -40,7 +40,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, other), /*#__PURE__*/_react.default.createElement("path", {
         fill: useCurrentColor ? 'currentColor' : '#000',
-        d: "M268.437 941.29a35.563 35.563 0 01-50.773-35.733l25.899-248.49a35.563 35.563 0 00-8.896-27.456L66.176 442.155a35.563 35.563 0 0119.008-58.539l246.507-52.608a35.563 35.563 0 0023.36-16.96L481.237 95.872a35.563 35.563 0 0161.568 0l126.187 218.176a35.525 35.525 0 0023.36 16.96l246.507 52.608a35.563 35.563 0 0119.008 58.539L789.376 629.61a35.533 35.533 0 00-8.917 27.456l25.898 248.49a35.563 35.563 0 01-50.773 35.734l-228.16-109.739a35.563 35.563 0 00-30.805 0L268.459 941.29zm191.147-186.645a120.896 120.896 0 01104.81 0l147.84 71.104-16.682-159.829a120.896 120.896 0 0130.336-93.355L836.864 449.11l-162.347-34.645a120.896 120.896 0 01-79.402-57.685L512 213.099l-83.115 143.68a120.896 120.896 0 01-79.402 57.685l-162.347 34.645 110.976 123.456a120.896 120.896 0 0130.336 93.355l-16.683 159.83 147.84-71.105z"
+        d: "M268.437 941.29a35.563 35.563 0 01-50.773-35.733l25.899-248.49a35.563 35.563 0 00-8.896-27.456L66.176 442.155a35.563 35.563 0 0119.008-58.539l246.507-52.608a35.563 35.563 0 0023.36-16.96L481.237 95.872a35.563 35.563 0 0161.568 0l126.187 218.176a35.525 35.525 0 0023.36 16.96l246.507 52.608a35.563 35.563 0 0119.008 58.539L789.376 629.61a35.533 35.533 0 00-8.917 27.456l25.898 248.49a35.563 35.563 0 01-50.773 35.734l-228.16-109.739a35.563 35.563 0 00-30.805 0l-228.16 109.739zm191.147-186.645a120.896 120.896 0 01104.81 0l147.84 71.104-16.682-159.829a120.896 120.896 0 0130.336-93.355L836.864 449.11l-162.347-34.645a120.896 120.896 0 01-79.402-57.685L512 213.099l-83.115 143.68a120.896 120.896 0 01-79.402 57.685l-162.347 34.645 110.976 123.456a120.896 120.896 0 0130.336 93.355l-16.683 159.83 147.84-71.105z"
       }));
     });
   }

package/umd/icon/IconStarFill/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.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"
       }));
     });

package/umd/icon/IconTriDown/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.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"
       }));
     });

package/umd/icon/IconTriUp/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M195.456 682.667h633.088a21.333 21.333 0 0016.235-35.158L528.256 275.115a21.333 21.333 0 00-32.512 0L179.221 647.509a21.333 21.333 0 0016.235 35.158z"
       }));
     });

package/umd/icon/IconUpload/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M192 768c12.8 0 19.2 6.4 19.2 19.2v64h595.2v-64c0-12.8 6.4-19.2 19.2-19.2h44.8c12.8 0 19.2 6.4 19.2 19.2V896c0 25.6-19.2 44.8-44.8 44.8h-672c-25.6 0-44.8-19.2-44.8-44.8V787.2c0-12.8 6.4-19.2 19.2-19.2H192zM531.2 89.6l211.2 211.2c6.4 6.4 6.4 19.2 0 32l-32 32c-6.4 6.4-19.2 6.4-32 0l-128-128v473.6c0 12.8-6.4 19.2-19.2 19.2h-38.4c-12.8 0-19.2-6.4-19.2-19.2V249.6L352 364.8c-6.4 6.4-25.6 6.4-32 0l-32-32c-6.4-6.4-6.4-19.2 0-32L499.2 89.6c12.8-6.4 25.6-6.4 32 0z"
       }));
     });

package/umd/icon/IconWarnCircle/index.js

@@ -42,7 +42,7 @@
       }, other), /*#__PURE__*/_react.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.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"
       }));
     });
   }

package/umd/icon/IconWarnCircleFill/index.js

@@ -39,7 +39,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         viewBox: "0 0 1024 1024",
         xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
         d: "M0 512c0 281.6 230.4 512 512 512s512-230.4 512-512S793.6 0 512 0 0 230.4 0 512zm512 160h32c19.2 0 32 12.8 32 32v32c0 19.2-12.8 32-32 32h-32c-19.2 0-32-12.8-32-32v-32c0-19.2 12.8-32 32-32zm0-416h32c19.2 0 32 12.8 32 32v256c0 19.2-12.8 32-32 32h-32c-19.2 0-32-12.8-32-32V288c0-19.2 12.8-32 32-32z"
       }));
     });

package/umd/icon/index.d.ts

@@ -52,4 +52,6 @@ export { default as IconShopping } from './IconShopping';
 export { default as IconSubway } from './IconSubway';
 export { default as IconGift } from './IconGift';
 export { default as IconStarHalf } from './IconStarHalf';
+export { default as IconKeyboard } from './IconKeyboard';
+export { default as IconKeyboardDelete } from './IconKeyboardDelete';
 export * from './type';

package/umd/icon/index.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./IconUpload", "./IconSquareChecked", "./IconTriUp", "./IconMore", "./IconSound", "./IconEyeVisible", "./IconEyelashInvisible", "./IconWarnCircleFill", "./IconSquareDisabled", "./IconCircleChecked", "./IconSquareUnchecked", "./IconUser", "./IconEyeInvisible", "./IconCircleUnchecked", "./IconCircleDisabled", "./IconSetting", "./IconMinus", "./IconDelete", "./IconPlay", "./IconHeart", "./IconStarFill", "./IconSearch", "./IconEdit", "./IconSad", "./IconLikeCircle", "./IconNotice", "./IconHome", "./IconArrowIn", "./IconCheck", "./IconNoticeOff", "./IconSmileFill", "./IconStar", "./IconRefresh", "./IconScan", "./IconPicture", "./IconTriDown", "./IconClose", "./IconArrowUp", "./IconArrowBack", "./IconArrowDown", "./IconAdd", "./IconUserFill", "./IconClear", "./IconQuestionCircle", "./IconSuccessCircle", "./IconWarnCircle", "./IconErrorCircle", "./IconCheckBold", "./IconCloseBold", "./IconShop", "./IconShopping", "./IconSubway", "./IconGift", "./IconStarHalf", "./type"], factory);
+    define(["exports", "./IconUpload", "./IconSquareChecked", "./IconTriUp", "./IconMore", "./IconSound", "./IconEyeVisible", "./IconEyelashInvisible", "./IconWarnCircleFill", "./IconSquareDisabled", "./IconCircleChecked", "./IconSquareUnchecked", "./IconUser", "./IconEyeInvisible", "./IconCircleUnchecked", "./IconCircleDisabled", "./IconSetting", "./IconMinus", "./IconDelete", "./IconPlay", "./IconHeart", "./IconStarFill", "./IconSearch", "./IconEdit", "./IconSad", "./IconLikeCircle", "./IconNotice", "./IconHome", "./IconArrowIn", "./IconCheck", "./IconNoticeOff", "./IconSmileFill", "./IconStar", "./IconRefresh", "./IconScan", "./IconPicture", "./IconTriDown", "./IconClose", "./IconArrowUp", "./IconArrowBack", "./IconArrowDown", "./IconAdd", "./IconUserFill", "./IconClear", "./IconQuestionCircle", "./IconSuccessCircle", "./IconWarnCircle", "./IconErrorCircle", "./IconCheckBold", "./IconCloseBold", "./IconShop", "./IconShopping", "./IconSubway", "./IconGift", "./IconStarHalf", "./IconKeyboard", "./IconKeyboardDelete", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./IconUpload"), require("./IconSquareChecked"), require("./IconTriUp"), require("./IconMore"), require("./IconSound"), require("./IconEyeVisible"), require("./IconEyelashInvisible"), require("./IconWarnCircleFill"), require("./IconSquareDisabled"), require("./IconCircleChecked"), require("./IconSquareUnchecked"), require("./IconUser"), require("./IconEyeInvisible"), require("./IconCircleUnchecked"), require("./IconCircleDisabled"), require("./IconSetting"), require("./IconMinus"), require("./IconDelete"), require("./IconPlay"), require("./IconHeart"), require("./IconStarFill"), require("./IconSearch"), require("./IconEdit"), require("./IconSad"), require("./IconLikeCircle"), require("./IconNotice"), require("./IconHome"), require("./IconArrowIn"), require("./IconCheck"), require("./IconNoticeOff"), require("./IconSmileFill"), require("./IconStar"), require("./IconRefresh"), require("./IconScan"), require("./IconPicture"), require("./IconTriDown"), require("./IconClose"), require("./IconArrowUp"), require("./IconArrowBack"), require("./IconArrowDown"), require("./IconAdd"), require("./IconUserFill"), require("./IconClear"), require("./IconQuestionCircle"), require("./IconSuccessCircle"), require("./IconWarnCircle"), require("./IconErrorCircle"), require("./IconCheckBold"), require("./IconCloseBold"), require("./IconShop"), require("./IconShopping"), require("./IconSubway"), require("./IconGift"), require("./IconStarHalf"), require("./type"));
+    factory(exports, require("./IconUpload"), require("./IconSquareChecked"), require("./IconTriUp"), require("./IconMore"), require("./IconSound"), require("./IconEyeVisible"), require("./IconEyelashInvisible"), require("./IconWarnCircleFill"), require("./IconSquareDisabled"), require("./IconCircleChecked"), require("./IconSquareUnchecked"), require("./IconUser"), require("./IconEyeInvisible"), require("./IconCircleUnchecked"), require("./IconCircleDisabled"), require("./IconSetting"), require("./IconMinus"), require("./IconDelete"), require("./IconPlay"), require("./IconHeart"), require("./IconStarFill"), require("./IconSearch"), require("./IconEdit"), require("./IconSad"), require("./IconLikeCircle"), require("./IconNotice"), require("./IconHome"), require("./IconArrowIn"), require("./IconCheck"), require("./IconNoticeOff"), require("./IconSmileFill"), require("./IconStar"), require("./IconRefresh"), require("./IconScan"), require("./IconPicture"), require("./IconTriDown"), require("./IconClose"), require("./IconArrowUp"), require("./IconArrowBack"), require("./IconArrowDown"), require("./IconAdd"), require("./IconUserFill"), require("./IconClear"), require("./IconQuestionCircle"), require("./IconSuccessCircle"), require("./IconWarnCircle"), require("./IconErrorCircle"), require("./IconCheckBold"), require("./IconCloseBold"), require("./IconShop"), require("./IconShopping"), require("./IconSubway"), require("./IconGift"), require("./IconStarHalf"), require("./IconKeyboard"), require("./IconKeyboardDelete"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.IconUpload, global.IconSquareChecked, global.IconTriUp, global.IconMore, global.IconSound, global.IconEyeVisible, global.IconEyelashInvisible, global.IconWarnCircleFill, global.IconSquareDisabled, global.IconCircleChecked, global.IconSquareUnchecked, global.IconUser, global.IconEyeInvisible, global.IconCircleUnchecked, global.IconCircleDisabled, global.IconSetting, global.IconMinus, global.IconDelete, global.IconPlay, global.IconHeart, global.IconStarFill, global.IconSearch, global.IconEdit, global.IconSad, global.IconLikeCircle, global.IconNotice, global.IconHome, global.IconArrowIn, global.IconCheck, global.IconNoticeOff, global.IconSmileFill, global.IconStar, global.IconRefresh, global.IconScan, global.IconPicture, global.IconTriDown, global.IconClose, global.IconArrowUp, global.IconArrowBack, global.IconArrowDown, global.IconAdd, global.IconUserFill, global.IconClear, global.IconQuestionCircle, global.IconSuccessCircle, global.IconWarnCircle, global.IconErrorCircle, global.IconCheckBold, global.IconCloseBold, global.IconShop, global.IconShopping, global.IconSubway, global.IconGift, global.IconStarHalf, global.type);
+    factory(mod.exports, global.IconUpload, global.IconSquareChecked, global.IconTriUp, global.IconMore, global.IconSound, global.IconEyeVisible, global.IconEyelashInvisible, global.IconWarnCircleFill, global.IconSquareDisabled, global.IconCircleChecked, global.IconSquareUnchecked, global.IconUser, global.IconEyeInvisible, global.IconCircleUnchecked, global.IconCircleDisabled, global.IconSetting, global.IconMinus, global.IconDelete, global.IconPlay, global.IconHeart, global.IconStarFill, global.IconSearch, global.IconEdit, global.IconSad, global.IconLikeCircle, global.IconNotice, global.IconHome, global.IconArrowIn, global.IconCheck, global.IconNoticeOff, global.IconSmileFill, global.IconStar, global.IconRefresh, global.IconScan, global.IconPicture, global.IconTriDown, global.IconClose, global.IconArrowUp, global.IconArrowBack, global.IconArrowDown, global.IconAdd, global.IconUserFill, global.IconClear, global.IconQuestionCircle, global.IconSuccessCircle, global.IconWarnCircle, global.IconErrorCircle, global.IconCheckBold, global.IconCloseBold, global.IconShop, global.IconShopping, global.IconSubway, global.IconGift, global.IconStarHalf, global.IconKeyboard, global.IconKeyboardDelete, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _IconUpload, _IconSquareChecked, _IconTriUp, _IconMore, _IconSound, _IconEyeVisible, _IconEyelashInvisible, _IconWarnCircleFill, _IconSquareDisabled, _IconCircleChecked, _IconSquareUnchecked, _IconUser, _IconEyeInvisible, _IconCircleUnchecked, _IconCircleDisabled, _IconSetting, _IconMinus, _IconDelete, _IconPlay, _IconHeart, _IconStarFill, _IconSearch, _IconEdit, _IconSad, _IconLikeCircle, _IconNotice, _IconHome, _IconArrowIn, _IconCheck, _IconNoticeOff, _IconSmileFill, _IconStar, _IconRefresh, _IconScan, _IconPicture, _IconTriDown, _IconClose, _IconArrowUp, _IconArrowBack, _IconArrowDown, _IconAdd, _IconUserFill, _IconClear, _IconQuestionCircle, _IconSuccessCircle, _IconWarnCircle, _IconErrorCircle, _IconCheckBold, _IconCloseBold, _IconShop, _IconShopping, _IconSubway, _IconGift, _IconStarHalf, _type) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _IconUpload, _IconSquareChecked, _IconTriUp, _IconMore, _IconSound, _IconEyeVisible, _IconEyelashInvisible, _IconWarnCircleFill, _IconSquareDisabled, _IconCircleChecked, _IconSquareUnchecked, _IconUser, _IconEyeInvisible, _IconCircleUnchecked, _IconCircleDisabled, _IconSetting, _IconMinus, _IconDelete, _IconPlay, _IconHeart, _IconStarFill, _IconSearch, _IconEdit, _IconSad, _IconLikeCircle, _IconNotice, _IconHome, _IconArrowIn, _IconCheck, _IconNoticeOff, _IconSmileFill, _IconStar, _IconRefresh, _IconScan, _IconPicture, _IconTriDown, _IconClose, _IconArrowUp, _IconArrowBack, _IconArrowDown, _IconAdd, _IconUserFill, _IconClear, _IconQuestionCircle, _IconSuccessCircle, _IconWarnCircle, _IconErrorCircle, _IconCheckBold, _IconCloseBold, _IconShop, _IconShopping, _IconSubway, _IconGift, _IconStarHalf, _IconKeyboard, _IconKeyboardDelete, _type) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -70,9 +70,11 @@
     IconShopping: true,
     IconSubway: true,
     IconGift: true,
-    IconStarHalf: true
+    IconStarHalf: true,
+    IconKeyboard: true,
+    IconKeyboardDelete: true
   };
-  _exports.IconWarnCircleFill = _exports.IconWarnCircle = _exports.IconUserFill = _exports.IconUser = _exports.IconUpload = _exports.IconTriUp = _exports.IconTriDown = _exports.IconSuccessCircle = _exports.IconSubway = _exports.IconStarHalf = _exports.IconStarFill = _exports.IconStar = _exports.IconSquareUnchecked = _exports.IconSquareDisabled = _exports.IconSquareChecked = _exports.IconSound = _exports.IconSmileFill = _exports.IconShopping = _exports.IconShop = _exports.IconSetting = _exports.IconSearch = _exports.IconScan = _exports.IconSad = _exports.IconRefresh = _exports.IconQuestionCircle = _exports.IconPlay = _exports.IconPicture = _exports.IconNoticeOff = _exports.IconNotice = _exports.IconMore = _exports.IconMinus = _exports.IconLikeCircle = _exports.IconHome = _exports.IconHeart = _exports.IconGift = _exports.IconEyelashInvisible = _exports.IconEyeVisible = _exports.IconEyeInvisible = _exports.IconErrorCircle = _exports.IconEdit = _exports.IconDelete = _exports.IconCloseBold = _exports.IconClose = _exports.IconClear = _exports.IconCircleUnchecked = _exports.IconCircleDisabled = _exports.IconCircleChecked = _exports.IconCheckBold = _exports.IconCheck = _exports.IconArrowUp = _exports.IconArrowIn = _exports.IconArrowDown = _exports.IconArrowBack = _exports.IconAdd = void 0;
+  _exports.IconWarnCircleFill = _exports.IconWarnCircle = _exports.IconUserFill = _exports.IconUser = _exports.IconUpload = _exports.IconTriUp = _exports.IconTriDown = _exports.IconSuccessCircle = _exports.IconSubway = _exports.IconStarHalf = _exports.IconStarFill = _exports.IconStar = _exports.IconSquareUnchecked = _exports.IconSquareDisabled = _exports.IconSquareChecked = _exports.IconSound = _exports.IconSmileFill = _exports.IconShopping = _exports.IconShop = _exports.IconSetting = _exports.IconSearch = _exports.IconScan = _exports.IconSad = _exports.IconRefresh = _exports.IconQuestionCircle = _exports.IconPlay = _exports.IconPicture = _exports.IconNoticeOff = _exports.IconNotice = _exports.IconMore = _exports.IconMinus = _exports.IconLikeCircle = _exports.IconKeyboardDelete = _exports.IconKeyboard = _exports.IconHome = _exports.IconHeart = _exports.IconGift = _exports.IconEyelashInvisible = _exports.IconEyeVisible = _exports.IconEyeInvisible = _exports.IconErrorCircle = _exports.IconEdit = _exports.IconDelete = _exports.IconCloseBold = _exports.IconClose = _exports.IconClear = _exports.IconCircleUnchecked = _exports.IconCircleDisabled = _exports.IconCircleChecked = _exports.IconCheckBold = _exports.IconCheck = _exports.IconArrowUp = _exports.IconArrowIn = _exports.IconArrowDown = _exports.IconArrowBack = _exports.IconAdd = void 0;
   _IconUpload = _interopRequireDefault(_IconUpload);
   _exports.IconUpload = _IconUpload.default;
   _IconSquareChecked = _interopRequireDefault(_IconSquareChecked);
@@ -181,6 +183,10 @@
   _exports.IconGift = _IconGift.default;
   _IconStarHalf = _interopRequireDefault(_IconStarHalf);
   _exports.IconStarHalf = _IconStarHalf.default;
+  _IconKeyboard = _interopRequireDefault(_IconKeyboard);
+  _exports.IconKeyboard = _IconKeyboard.default;
+  _IconKeyboardDelete = _interopRequireDefault(_IconKeyboardDelete);
+  _exports.IconKeyboardDelete = _IconKeyboardDelete.default;
   Object.keys(_type).forEach(function (key) {
     if (key === "default" || key === "__esModule") return;
     if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/umd/image-picker/style/css/index.d.ts

@@ -1,3 +1,4 @@
 import '../../../../style/css/public.css';
 import '../../../grid/style/css';
+import '../../../image/style/css';
 import './index.css';

package/umd/image-picker/style/css/index.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["../../../../style/css/public.css", "../../../grid/style/css", "./index.css"], factory);
+    define(["../../../../style/css/public.css", "../../../grid/style/css", "../../../image/style/css", "./index.css"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(require("../../../../style/css/public.css"), require("../../../grid/style/css"), require("./index.css"));
+    factory(require("../../../../style/css/public.css"), require("../../../grid/style/css"), require("../../../image/style/css"), require("./index.css"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(global._public, global.style, global.index);
+    factory(global._public, global.style, global.style, global.index);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _index) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _index) {
   "use strict";
 });

package/umd/image-picker/style/index.d.ts

@@ -1,3 +1,4 @@
 import '../../../style/public.less';
 import '../../grid/style';
+import '../../image/style';
 import './index.less';

package/umd/image-picker/style/index.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["../../../style/public.less", "../../grid/style", "./index.less"], factory);
+    define(["../../../style/public.less", "../../grid/style", "../../image/style", "./index.less"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(require("../../../style/public.less"), require("../../grid/style"), require("./index.less"));
+    factory(require("../../../style/public.less"), require("../../grid/style"), require("../../image/style"), require("./index.less"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(global._public, global.style, global.index);
+    factory(global._public, global.style, global.style, global.index);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _index) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _index) {
   "use strict";
 });

package/umd/index-bar/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IndexBarContext as IndexBarContextType } from './type';
+export declare const IndexBarContext: import("react").Context<IndexBarContextType>;

package/umd/index-bar/context.js

@@ -0,0 +1,26 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react);
+    global.context = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
+  "use strict";
+
+  _exports.__esModule = true;
+  _exports.IndexBarContext = void 0;
+  var IndexBarContext = /*#__PURE__*/(0, _react.createContext)({
+    sticky: true,
+    getScrollContainer: function getScrollContainer() {
+      return null;
+    },
+    updateRef: function updateRef() {}
+  });
+  _exports.IndexBarContext = IndexBarContext;
+});

package/umd/index-bar/demo/style/css/mobile.css

@@ -0,0 +1,23 @@
+#demo-index-bar {
+  padding-bottom: 0px;
+}
+#demo-index-bar .arcodesign-mobile-title {
+  display: none;
+}
+#demo-index-bar .arcodesign-mobile-demo-content {
+  padding: 0;
+  background: transparent;
+  font-size: 0.32rem;
+}
+#demo-index-bar .arcodesign-mobile-demo-nav-inner::after {
+  border-bottom-color: transparent;
+}
+#demo-index-bar .custom-index-bar-height {
+  height: 480px;
+}
+#demo-index-bar .arco-tab-cell.vertical.line {
+  font-size: 0.32rem;
+}
+#demo-index-bar .arco-tab-cell.vertical.line:not(.last) {
+  margin-right: 2.78rem;
+}

package/umd/index-bar/demo/style/mobile.less

@@ -0,0 +1,26 @@
+@import '../../../../style/mixin.less';
+
+#demo-index-bar {
+    padding-bottom: 0px;
+    .arcodesign-mobile-title {
+        display: none;
+    }
+    .arcodesign-mobile-demo-content {
+        padding: 0;
+        background: transparent;
+        .rem(font-size, 16);
+    }
+    .arcodesign-mobile-demo-nav-inner::after {
+        border-bottom-color: transparent;
+    }
+
+    .custom-index-bar-height {
+        height: 480px;
+    }
+    .arco-tab-cell.vertical.line {
+        .rem(font-size, 16);
+        &:not(.last) {
+            .rem(margin-right, 139);
+        }
+    }
+}

package/umd/index-bar/group.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IndexBarBaseData, IndexBarGroupProps, IndexBarGroupRef } from './type';
+export declare const IndexBarGroup: React.ForwardRefExoticComponent<IndexBarGroupProps<IndexBarBaseData> & React.RefAttributes<IndexBarGroupRef>>;

package/umd/index-bar/group.js

@@ -0,0 +1,107 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "@arco-design/mobile-utils", "react", "../context-provider", "../sticky", "./context"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("@arco-design/mobile-utils"), require("react"), require("../context-provider"), require("../sticky"), require("./context"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.mobileUtils, global.react, global.contextProvider, global.sticky, global.context);
+    global.group = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _mobileUtils, _react, _contextProvider, _sticky, _context) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+  _exports.__esModule = true;
+  _exports.IndexBarGroup = void 0;
+  _react = _interopRequireWildcard(_react);
+  _sticky = _interopRequireDefault(_sticky);
+
+  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+  var IndexBarGroup = /*#__PURE__*/(0, _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 _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+        prefixCls = _useContext.prefixCls; // 有可能是IndexBar.Group的写法，因此sticky从context中获得
+
+
+    var _useContext2 = (0, _react.useContext)(_context.IndexBarContext),
+        sticky = _useContext2.sticky,
+        getScrollContainer = _useContext2.getScrollContainer,
+        activeIndex = _useContext2.activeIndex,
+        updateRef = _useContext2.updateRef;
+
+    var domRef = (0, _react.useRef)(null);
+    (0, _react.useImperativeHandle)(ref, function () {
+      return {
+        dom: domRef.current
+      };
+    }); // 用户自定义列表元素vnode的key
+
+    var formatGetListKey = function formatGetListKey(data, index) {
+      var _listKey;
+
+      return (_listKey = listKey == null ? void 0 : listKey(data, index)) != null ? _listKey : index;
+    };
+
+    var renderChildren = function renderChildren() {
+      var _ref;
+
+      return (_ref = children != null ? children : list == null ? void 0 : list.map(function (data, index) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: prefixCls + "-index-bar-group-item",
+          key: formatGetListKey(data, index),
+          onClick: function onClick() {
+            return onGroupItemClick == null ? void 0 : onGroupItemClick(groupIndex, data, index);
+          }
+        }, renderGroupItem ? renderGroupItem(groupIndex, data, index) : data.content);
+      })) != null ? _ref : null;
+    };
+
+    var renderIndexTitle = function renderIndexTitle() {
+      var _cls;
+
+      if (renderStickyItem) {
+        return renderStickyItem(groupIndex);
+      }
+
+      var titleDom = /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-index-bar-group-title", (_cls = {}, _cls[prefixCls + "-index-bar-group-active"] = activeIndex === groupIndex, _cls))
+      }, groupIndex);
+
+      var groupDom = domRef.current;
+      return sticky ? /*#__PURE__*/_react.default.createElement(_sticky.default, {
+        getContainer: function getContainer() {
+          return groupDom;
+        },
+        stickyStyle: "absolute",
+        getScrollContainer: getScrollContainer,
+        ref: function ref(stickyRef) {
+          return stickyRef && updateRef(groupIndex, stickyRef);
+        }
+      }, titleDom) : titleDom;
+    };
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-index-bar-group", className),
+      style: style,
+      "data-index": groupIndex,
+      ref: domRef
+    }, renderIndexTitle(), renderChildren());
+  });
+  _exports.IndexBarGroup = IndexBarGroup;
+});