@arco-design/mobile-react 2.26.0 → 2.27.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.27.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.26.0...@arco-design/mobile-react@2.27.0) (2023-04-25)
+
+
+### Bug Fixes
+
+* `PickerView` support the complete data currently selected in "onPickerChange" & code optimization ([#60](https://github.com/arco-design/arco-design-mobile/issues/60)) ([b90bbd2](https://github.com/arco-design/arco-design-mobile/commit/b90bbd24bd1fee554ef095144b25b6f36132fa0f))
+* import style from dependent components ([8d6e0b0](https://github.com/arco-design/arco-design-mobile/commit/8d6e0b0a892b9cbd4ab521c5ef1b91439825ae18))
+
+
+### Features
+
+* add new component `IndexBar` ([#63](https://github.com/arco-design/arco-design-mobile/issues/63)) ([a76e57a](https://github.com/arco-design/arco-design-mobile/commit/a76e57a6fdeeb10255fe99ae37689f186d6ce471))
+* add new component `Keyboard` ([#79](https://github.com/arco-design/arco-design-mobile/issues/79)) ([44cea7f](https://github.com/arco-design/arco-design-mobile/commit/44cea7fe8e4febde454a83edfda9a546409213ed))
+
+
+
+
+
 # [2.26.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.25.4...@arco-design/mobile-react@2.26.0) (2023-04-11)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.25.4/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.25.4/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.26.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.26.0/dist/index.min.js"></script>
 ```
 
 ## Full import

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.25.4/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.25.4/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.26.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.26.0/dist/index.min.js"></script>
 ```
 
 ## 引入全部

package/cjs/form/form-item.js

@@ -49,7 +49,8 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
 
       var _this$props = _this.props,
           children = _this$props.children,
-          trigger = _this$props.trigger;
+          _this$props$trigger = _this$props.trigger,
+          trigger = _this$props$trigger === void 0 ? 'onChange' : _this$props$trigger;
 
       if (trigger && (_children$props = children.props) != null && _children$props[trigger]) {
         var _children$props2;
@@ -69,7 +70,8 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
 
       var _this$props2 = _this.props,
           children = _this$props2.children,
-          trigger = _this$props2.trigger;
+          _this$props2$trigger = _this$props2.trigger,
+          trigger = _this$props2$trigger === void 0 ? 'onChange' : _this$props2$trigger;
 
       if (trigger && (_children$props3 = children.props) != null && _children$props3[trigger]) {
         var _children$props4;

package/cjs/icon/IconHeart/index.js

@@ -32,7 +32,7 @@ function IconHeart(props) {
       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: "M691.2 128c135.314 0 245.029 124.343 245.029 277.943 0 91.428-40.229 153.6-73.143 204.8C771.657 760.686 548.57 921.6 537.6 928.914c-10.971 7.315-21.943 10.972-32.914 10.972-10.972 0-21.943-3.657-32.915-10.972-10.971-7.314-230.4-168.228-321.828-318.171-32.914-51.2-73.143-113.372-73.143-204.8C76.8 252.343 186.514 128 321.829 128c47.542 0 84.114 14.629 120.685 40.229 21.943 14.628 40.229 36.571 58.515 62.171 18.285-25.6 36.571-47.543 58.514-62.171C607.086 142.629 647.314 128 691.2 128zm0 84.114c-51.2 0-109.714 47.543-179.2 138.972-69.486-91.429-131.657-138.972-179.2-138.972-87.771 0-160.914 84.115-160.914 190.172 0 47.543 14.628 84.114 43.885 135.314l3.658 7.314c3.657 3.657 7.314 10.972 10.971 18.286 3.657 7.314 10.971 18.286 18.286 25.6 25.6 36.571 65.828 80.457 109.714 124.343 36.571 32.914 76.8 69.486 117.029 98.743 10.971 7.314 25.6 21.943 36.571 29.257 10.971-10.972 25.6-18.286 40.229-29.257 40.228-32.915 80.457-65.829 117.028-102.4C713.143 665.6 753.371 625.37 778.971 588.8c7.315-10.971 14.629-18.286 18.286-29.257 7.314-10.972 10.972-18.286 14.629-25.6 29.257-51.2 43.885-87.772 43.885-135.314-3.657-102.4-76.8-186.515-164.571-186.515z"
     }));
   });

package/cjs/icon/IconKeyboard/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 IconKeyboard(props: IconProps): JSX.Element;

package/cjs/icon/IconKeyboard/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = IconKeyboard;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contextProvider = require("../../context-provider");
+
+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/cjs/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/cjs/icon/IconKeyboardDelete/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = IconKeyboardDelete;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contextProvider = require("../../context-provider");
+
+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/cjs/icon/IconMinus/index.js

@@ -32,7 +32,7 @@ function IconMinus(props) {
       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/cjs/icon/IconMore/index.js

@@ -33,7 +33,7 @@ function IconMore(props) {
       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/cjs/icon/IconNotice/index.js

@@ -32,7 +32,7 @@ function IconNotice(props) {
       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/cjs/icon/IconNoticeOff/index.js

@@ -32,7 +32,7 @@ function IconNoticeOff(props) {
       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/cjs/icon/IconPlay/index.js

@@ -32,7 +32,7 @@ function IconPlay(props) {
       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/cjs/icon/IconSetting/index.js

@@ -32,8 +32,8 @@ function IconSetting(props) {
       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/cjs/icon/IconSound/index.js

@@ -31,7 +31,7 @@ function IconSound(props) {
       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/cjs/icon/IconStar/index.js

@@ -33,7 +33,7 @@ function IconStar(props) {
       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/cjs/icon/IconStarFill/index.js

@@ -32,7 +32,7 @@ function IconStarFill(props) {
       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/cjs/icon/IconTriDown/index.js

@@ -32,7 +32,7 @@ function IconTriDown(props) {
       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/cjs/icon/IconTriUp/index.js

@@ -32,7 +32,7 @@ function IconTriUp(props) {
       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/cjs/icon/IconUpload/index.js

@@ -32,7 +32,7 @@ function IconUpload(props) {
       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/cjs/icon/IconWarnCircle/index.js

@@ -35,7 +35,7 @@ function IconWarnCircle(props) {
     }, 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/cjs/icon/IconWarnCircleFill/index.js

@@ -32,7 +32,7 @@ function IconWarnCircleFill(props) {
       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/cjs/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/cjs/icon/index.js

@@ -57,9 +57,11 @@ var _exportNames = {
   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;
 
 var _IconUpload = _interopRequireDefault(require("./IconUpload"));
 
@@ -277,6 +279,14 @@ var _IconStarHalf = _interopRequireDefault(require("./IconStarHalf"));
 
 exports.IconStarHalf = _IconStarHalf.default;
 
+var _IconKeyboard = _interopRequireDefault(require("./IconKeyboard"));
+
+exports.IconKeyboard = _IconKeyboard.default;
+
+var _IconKeyboardDelete = _interopRequireDefault(require("./IconKeyboardDelete"));
+
+exports.IconKeyboardDelete = _IconKeyboardDelete.default;
+
 var _type = require("./type");
 
 Object.keys(_type).forEach(function (key) {

package/cjs/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/cjs/image-picker/style/css/index.js

@@ -4,4 +4,6 @@ require("../../../../style/css/public.css");
 
 require("../../../grid/style/css");
 
+require("../../../image/style/css");
+
 require("./index.css");

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

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

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

@@ -4,4 +4,6 @@ require("../../../style/public.less");
 
 require("../../grid/style");
 
+require("../../image/style");
+
 require("./index.less");

package/cjs/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/cjs/index-bar/context.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.IndexBarContext = void 0;
+
+var _react = require("react");
+
+var IndexBarContext = /*#__PURE__*/(0, _react.createContext)({
+  sticky: true,
+  getScrollContainer: function getScrollContainer() {
+    return null;
+  },
+  updateRef: function updateRef() {}
+});
+exports.IndexBarContext = IndexBarContext;

package/cjs/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/cjs/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/cjs/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/cjs/index-bar/group.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.IndexBarGroup = void 0;
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _contextProvider = require("../context-provider");
+
+var _sticky = _interopRequireDefault(require("../sticky"));
+
+var _context = require("./context");
+
+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;

package/cjs/index-bar/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { IndexBarBaseData, IndexBarProps, IndexBarRef } from './type';
+export type { IndexBarProps, IndexBarRef, IndexBarGroupProps, IndexBarGroupRef, IndexBarChangeTrigger, IndexBarIndexType, IndexBarTipType, } from './type';
+declare const _default: React.ForwardRefExoticComponent<IndexBarProps<IndexBarBaseData> & React.RefAttributes<IndexBarRef>> & {
+    Group: React.ForwardRefExoticComponent<import("./type").IndexBarGroupProps<IndexBarBaseData> & React.RefAttributes<import("./type").IndexBarGroupRef>>;
+};
+/**
+ * 索引栏组件
+ * @en IndexBar component
+ * @type 导航
+ * @type_en Navigation
+ * @name 索引栏
+ * @name_en SearchBar
+ */
+export default _default;