@arco-design/mobile-react 2.26.0 → 2.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +2 -2
  4. package/cjs/form/form-item.js +4 -2
  5. package/cjs/icon/IconHeart/index.js +1 -1
  6. package/cjs/icon/IconKeyboard/index.d.ts +7 -0
  7. package/cjs/icon/IconKeyboard/index.js +48 -0
  8. package/cjs/icon/IconKeyboardDelete/index.d.ts +7 -0
  9. package/cjs/icon/IconKeyboardDelete/index.js +44 -0
  10. package/cjs/icon/IconMinus/index.js +1 -1
  11. package/cjs/icon/IconMore/index.js +1 -1
  12. package/cjs/icon/IconNotice/index.js +1 -1
  13. package/cjs/icon/IconNoticeOff/index.js +1 -1
  14. package/cjs/icon/IconPlay/index.js +1 -1
  15. package/cjs/icon/IconSetting/index.js +2 -2
  16. package/cjs/icon/IconSound/index.js +1 -1
  17. package/cjs/icon/IconStar/index.js +1 -1
  18. package/cjs/icon/IconStarFill/index.js +1 -1
  19. package/cjs/icon/IconTriDown/index.js +1 -1
  20. package/cjs/icon/IconTriUp/index.js +1 -1
  21. package/cjs/icon/IconUpload/index.js +1 -1
  22. package/cjs/icon/IconWarnCircle/index.js +1 -1
  23. package/cjs/icon/IconWarnCircleFill/index.js +1 -1
  24. package/cjs/icon/index.d.ts +2 -0
  25. package/cjs/icon/index.js +12 -2
  26. package/cjs/image-picker/style/css/index.d.ts +1 -0
  27. package/cjs/image-picker/style/css/index.js +2 -0
  28. package/cjs/image-picker/style/index.d.ts +1 -0
  29. package/cjs/image-picker/style/index.js +2 -0
  30. package/cjs/index-bar/context.d.ts +3 -0
  31. package/cjs/index-bar/context.js +15 -0
  32. package/cjs/index-bar/demo/style/css/mobile.css +23 -0
  33. package/cjs/index-bar/demo/style/mobile.less +26 -0
  34. package/cjs/index-bar/group.d.ts +3 -0
  35. package/cjs/index-bar/group.js +101 -0
  36. package/cjs/index-bar/index.d.ts +15 -0
  37. package/cjs/index-bar/index.js +276 -0
  38. package/cjs/index-bar/side-bar.d.ts +3 -0
  39. package/cjs/index-bar/side-bar.js +102 -0
  40. package/cjs/index-bar/style/css/index.css +164 -0
  41. package/cjs/index-bar/style/css/index.d.ts +3 -0
  42. package/cjs/index-bar/style/css/index.js +7 -0
  43. package/cjs/index-bar/style/index.d.ts +3 -0
  44. package/cjs/index-bar/style/index.js +7 -0
  45. package/cjs/index-bar/style/index.less +122 -0
  46. package/cjs/index-bar/type.d.ts +195 -0
  47. package/cjs/index-bar/type.js +3 -0
  48. package/cjs/index-bar/utils.d.ts +6 -0
  49. package/cjs/index-bar/utils.js +68 -0
  50. package/cjs/index.d.ts +2 -0
  51. package/cjs/index.js +9 -1
  52. package/cjs/keyboard/demo/style/css/mobile.css +4 -0
  53. package/cjs/keyboard/demo/style/mobile.less +8 -0
  54. package/cjs/keyboard/index.d.ts +13 -0
  55. package/cjs/keyboard/index.js +270 -0
  56. package/cjs/keyboard/style/css/index.css +93 -0
  57. package/cjs/keyboard/style/css/index.d.ts +3 -0
  58. package/cjs/keyboard/style/css/index.js +7 -0
  59. package/cjs/keyboard/style/index.d.ts +3 -0
  60. package/cjs/keyboard/style/index.js +7 -0
  61. package/cjs/keyboard/style/index.less +80 -0
  62. package/cjs/keyboard/type.d.ts +102 -0
  63. package/cjs/keyboard/type.js +3 -0
  64. package/cjs/picker/index.js +3 -39
  65. package/cjs/picker/type.d.ts +1 -1
  66. package/cjs/picker-view/components/cascader.d.ts +2 -3
  67. package/cjs/picker-view/components/cascader.js +8 -6
  68. package/cjs/picker-view/components/multi-picker.d.ts +2 -3
  69. package/cjs/picker-view/components/multi-picker.js +31 -35
  70. package/cjs/picker-view/components/picker-cell.d.ts +1 -1
  71. package/cjs/picker-view/components/picker-cell.js +5 -7
  72. package/cjs/picker-view/index.d.ts +1 -1
  73. package/cjs/picker-view/index.js +9 -20
  74. package/cjs/picker-view/type.d.ts +2 -2
  75. package/cjs/slider/hooks/useSliderEvents.js +20 -20
  76. package/cjs/sticky/index.js +2 -2
  77. package/cjs/style.d.ts +2 -0
  78. package/cjs/style.js +4 -0
  79. package/dist/index.js +1793 -483
  80. package/dist/index.min.js +4 -4
  81. package/dist/style.css +215 -1
  82. package/dist/style.min.css +1 -1
  83. package/esm/form/form-item.js +4 -2
  84. package/esm/icon/IconHeart/index.js +1 -1
  85. package/esm/icon/IconKeyboard/index.d.ts +7 -0
  86. package/esm/icon/IconKeyboard/index.js +37 -0
  87. package/esm/icon/IconKeyboardDelete/index.d.ts +7 -0
  88. package/esm/icon/IconKeyboardDelete/index.js +33 -0
  89. package/esm/icon/IconMinus/index.js +1 -1
  90. package/esm/icon/IconMore/index.js +1 -1
  91. package/esm/icon/IconNotice/index.js +1 -1
  92. package/esm/icon/IconNoticeOff/index.js +1 -1
  93. package/esm/icon/IconPlay/index.js +1 -1
  94. package/esm/icon/IconSetting/index.js +2 -2
  95. package/esm/icon/IconSound/index.js +1 -1
  96. package/esm/icon/IconStar/index.js +1 -1
  97. package/esm/icon/IconStarFill/index.js +1 -1
  98. package/esm/icon/IconTriDown/index.js +1 -1
  99. package/esm/icon/IconTriUp/index.js +1 -1
  100. package/esm/icon/IconUpload/index.js +1 -1
  101. package/esm/icon/IconWarnCircle/index.js +1 -1
  102. package/esm/icon/IconWarnCircleFill/index.js +1 -1
  103. package/esm/icon/index.d.ts +2 -0
  104. package/esm/icon/index.js +2 -0
  105. package/esm/image-picker/style/css/index.d.ts +1 -0
  106. package/esm/image-picker/style/css/index.js +1 -0
  107. package/esm/image-picker/style/index.d.ts +1 -0
  108. package/esm/image-picker/style/index.js +1 -0
  109. package/esm/index-bar/context.d.ts +3 -0
  110. package/esm/index-bar/context.js +8 -0
  111. package/esm/index-bar/demo/style/css/mobile.css +23 -0
  112. package/esm/index-bar/demo/style/mobile.less +26 -0
  113. package/esm/index-bar/group.d.ts +3 -0
  114. package/esm/index-bar/group.js +83 -0
  115. package/esm/index-bar/index.d.ts +15 -0
  116. package/esm/index-bar/index.js +254 -0
  117. package/esm/index-bar/side-bar.d.ts +3 -0
  118. package/esm/index-bar/side-bar.js +90 -0
  119. package/esm/index-bar/style/css/index.css +164 -0
  120. package/esm/index-bar/style/css/index.d.ts +3 -0
  121. package/esm/index-bar/style/css/index.js +3 -0
  122. package/esm/index-bar/style/index.d.ts +3 -0
  123. package/esm/index-bar/style/index.js +3 -0
  124. package/esm/index-bar/style/index.less +122 -0
  125. package/esm/index-bar/type.d.ts +195 -0
  126. package/esm/index-bar/type.js +1 -0
  127. package/esm/index-bar/utils.d.ts +6 -0
  128. package/esm/index-bar/utils.js +53 -0
  129. package/esm/index.d.ts +2 -0
  130. package/esm/index.js +2 -0
  131. package/esm/keyboard/demo/style/css/mobile.css +4 -0
  132. package/esm/keyboard/demo/style/mobile.less +8 -0
  133. package/esm/keyboard/index.d.ts +13 -0
  134. package/esm/keyboard/index.js +243 -0
  135. package/esm/keyboard/style/css/index.css +93 -0
  136. package/esm/keyboard/style/css/index.d.ts +3 -0
  137. package/esm/keyboard/style/css/index.js +3 -0
  138. package/esm/keyboard/style/index.d.ts +3 -0
  139. package/esm/keyboard/style/index.js +3 -0
  140. package/esm/keyboard/style/index.less +80 -0
  141. package/esm/keyboard/type.d.ts +102 -0
  142. package/esm/keyboard/type.js +1 -0
  143. package/esm/picker/index.js +3 -40
  144. package/esm/picker/type.d.ts +1 -1
  145. package/esm/picker-view/components/cascader.d.ts +2 -3
  146. package/esm/picker-view/components/cascader.js +8 -6
  147. package/esm/picker-view/components/multi-picker.d.ts +2 -3
  148. package/esm/picker-view/components/multi-picker.js +31 -34
  149. package/esm/picker-view/components/picker-cell.d.ts +1 -1
  150. package/esm/picker-view/components/picker-cell.js +5 -7
  151. package/esm/picker-view/index.d.ts +1 -1
  152. package/esm/picker-view/index.js +10 -21
  153. package/esm/picker-view/type.d.ts +2 -2
  154. package/esm/slider/hooks/useSliderEvents.js +20 -20
  155. package/esm/sticky/index.js +2 -2
  156. package/esm/style.d.ts +2 -0
  157. package/esm/style.js +2 -0
  158. package/package.json +3 -3
  159. package/tokens/app/arcodesign/default/css-variables.less +43 -0
  160. package/tokens/app/arcodesign/default/index.d.ts +43 -0
  161. package/tokens/app/arcodesign/default/index.js +43 -0
  162. package/tokens/app/arcodesign/default/index.json +516 -0
  163. package/tokens/app/arcodesign/default/index.less +43 -0
  164. package/umd/form/form-item.js +4 -2
  165. package/umd/icon/IconHeart/index.js +1 -1
  166. package/umd/icon/IconKeyboard/index.d.ts +7 -0
  167. package/umd/icon/IconKeyboard/index.js +56 -0
  168. package/umd/icon/IconKeyboardDelete/index.d.ts +7 -0
  169. package/umd/icon/IconKeyboardDelete/index.js +52 -0
  170. package/umd/icon/IconMinus/index.js +1 -1
  171. package/umd/icon/IconMore/index.js +1 -1
  172. package/umd/icon/IconNotice/index.js +1 -1
  173. package/umd/icon/IconNoticeOff/index.js +1 -1
  174. package/umd/icon/IconPlay/index.js +1 -1
  175. package/umd/icon/IconSetting/index.js +2 -2
  176. package/umd/icon/IconSound/index.js +1 -1
  177. package/umd/icon/IconStar/index.js +1 -1
  178. package/umd/icon/IconStarFill/index.js +1 -1
  179. package/umd/icon/IconTriDown/index.js +1 -1
  180. package/umd/icon/IconTriUp/index.js +1 -1
  181. package/umd/icon/IconUpload/index.js +1 -1
  182. package/umd/icon/IconWarnCircle/index.js +1 -1
  183. package/umd/icon/IconWarnCircleFill/index.js +1 -1
  184. package/umd/icon/index.d.ts +2 -0
  185. package/umd/icon/index.js +12 -6
  186. package/umd/image-picker/style/css/index.d.ts +1 -0
  187. package/umd/image-picker/style/css/index.js +4 -4
  188. package/umd/image-picker/style/index.d.ts +1 -0
  189. package/umd/image-picker/style/index.js +4 -4
  190. package/umd/index-bar/context.d.ts +3 -0
  191. package/umd/index-bar/context.js +26 -0
  192. package/umd/index-bar/demo/style/css/mobile.css +23 -0
  193. package/umd/index-bar/demo/style/mobile.less +26 -0
  194. package/umd/index-bar/group.d.ts +3 -0
  195. package/umd/index-bar/group.js +107 -0
  196. package/umd/index-bar/index.d.ts +15 -0
  197. package/umd/index-bar/index.js +274 -0
  198. package/umd/index-bar/side-bar.d.ts +3 -0
  199. package/umd/index-bar/side-bar.js +113 -0
  200. package/umd/index-bar/style/css/index.css +164 -0
  201. package/umd/index-bar/style/css/index.d.ts +3 -0
  202. package/umd/index-bar/style/css/index.js +15 -0
  203. package/umd/index-bar/style/index.d.ts +3 -0
  204. package/umd/index-bar/style/index.js +15 -0
  205. package/umd/index-bar/style/index.less +122 -0
  206. package/umd/index-bar/type.d.ts +195 -0
  207. package/umd/index-bar/type.js +17 -0
  208. package/umd/index-bar/utils.d.ts +6 -0
  209. package/umd/index-bar/utils.js +78 -0
  210. package/umd/index.d.ts +2 -0
  211. package/umd/index.js +9 -5
  212. package/umd/keyboard/demo/style/css/mobile.css +4 -0
  213. package/umd/keyboard/demo/style/mobile.less +8 -0
  214. package/umd/keyboard/index.d.ts +13 -0
  215. package/umd/keyboard/index.js +271 -0
  216. package/umd/keyboard/style/css/index.css +93 -0
  217. package/umd/keyboard/style/css/index.d.ts +3 -0
  218. package/umd/keyboard/style/css/index.js +15 -0
  219. package/umd/keyboard/style/index.d.ts +3 -0
  220. package/umd/keyboard/style/index.js +15 -0
  221. package/umd/keyboard/style/index.less +80 -0
  222. package/umd/keyboard/type.d.ts +102 -0
  223. package/umd/keyboard/type.js +17 -0
  224. package/umd/picker/index.js +3 -39
  225. package/umd/picker/type.d.ts +1 -1
  226. package/umd/picker-view/components/cascader.d.ts +2 -3
  227. package/umd/picker-view/components/cascader.js +8 -6
  228. package/umd/picker-view/components/multi-picker.d.ts +2 -3
  229. package/umd/picker-view/components/multi-picker.js +31 -35
  230. package/umd/picker-view/components/picker-cell.d.ts +1 -1
  231. package/umd/picker-view/components/picker-cell.js +5 -7
  232. package/umd/picker-view/index.d.ts +1 -1
  233. package/umd/picker-view/index.js +9 -20
  234. package/umd/picker-view/type.d.ts +2 -2
  235. package/umd/slider/hooks/useSliderEvents.js +20 -20
  236. package/umd/sticky/index.js +2 -2
  237. package/umd/style.d.ts +2 -0
  238. package/umd/style.js +4 -4
@@ -0,0 +1,33 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
+ var _excluded = ["className", "useCurrentColor", "style"];
4
+ import React from 'react';
5
+ import { ContextLayout } from '../../context-provider';
6
+ export default function IconKeyboardDelete(props) {
7
+ var _props$className = props.className,
8
+ className = _props$className === void 0 ? '' : _props$className,
9
+ _props$useCurrentColo = props.useCurrentColor,
10
+ useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
11
+ style = props.style,
12
+ other = _objectWithoutPropertiesLoose(props, _excluded);
13
+
14
+ return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
15
+ var prefixCls = _ref.prefixCls;
16
+ return /*#__PURE__*/React.createElement("svg", _extends({
17
+ className: prefixCls + "-icon " + prefixCls + "-icon-keyboard-delete " + className,
18
+ width: "1em",
19
+ height: "1em",
20
+ style: style,
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ viewBox: "0 0 26 26"
23
+ }, other), /*#__PURE__*/React.createElement("path", {
24
+ 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",
25
+ fill: useCurrentColor ? 'currentColor' : '#1d2129'
26
+ }), /*#__PURE__*/React.createElement("path", {
27
+ 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",
28
+ fillRule: "evenodd",
29
+ clipRule: "evenodd",
30
+ fill: useCurrentColor ? 'currentColor' : '#1d2129'
31
+ }));
32
+ });
33
+ }
@@ -21,7 +21,7 @@ export default function IconMinus(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -22,7 +22,7 @@ export default function IconMore(props) {
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  viewBox: "0 0 48 48"
24
24
  }, other), /*#__PURE__*/React.createElement("path", {
25
- d: "M35 21h6v6h-6zM7 21h6v6H7zm14 0h6v6h-6z"
25
+ d: "M35 21h6v6h-6zM7 21h6v6H7zM21 21h6v6h-6z"
26
26
  }));
27
27
  });
28
28
  }
@@ -21,7 +21,7 @@ export default function IconNotice(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -21,7 +21,7 @@ export default function IconNoticeOff(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -21,7 +21,7 @@ export default function IconPlay(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -21,8 +21,8 @@ export default function IconSetting(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
25
- 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"
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
+ 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"
26
26
  }));
27
27
  });
28
28
  }
@@ -20,7 +20,7 @@ export default function IconSound(props) {
20
20
  style: style,
21
21
  viewBox: "0 0 1024 1024",
22
22
  xmlns: "http://www.w3.org/2000/svg"
23
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
23
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
24
24
  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",
25
25
  fill: useCurrentColor ? 'currentColor' : '#000'
26
26
  }));
@@ -22,7 +22,7 @@ export default function IconStar(props) {
22
22
  xmlns: "http://www.w3.org/2000/svg"
23
23
  }, other), /*#__PURE__*/React.createElement("path", {
24
24
  fill: useCurrentColor ? 'currentColor' : '#000',
25
- 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"
25
+ 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"
26
26
  }));
27
27
  });
28
28
  }
@@ -21,7 +21,7 @@ export default function IconStarFill(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -21,7 +21,7 @@ export default function IconTriDown(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -21,7 +21,7 @@ export default function IconTriUp(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -21,7 +21,7 @@ export default function IconUpload(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -24,7 +24,7 @@ export default function IconWarnCircle(props) {
24
24
  }, other), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }), /*#__PURE__*/React.createElement("path", {
27
- 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"
27
+ 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"
28
28
  }));
29
29
  });
30
30
  }
@@ -21,7 +21,7 @@ export default function IconWarnCircleFill(props) {
21
21
  fill: useCurrentColor ? 'currentColor' : '#000',
22
22
  viewBox: "0 0 1024 1024",
23
23
  xmlns: "http://www.w3.org/2000/svg"
24
- }, other), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null)), /*#__PURE__*/React.createElement("path", {
24
+ }, other), /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("path", {
25
25
  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"
26
26
  }));
27
27
  });
@@ -52,4 +52,6 @@ export { default as IconShopping } from './IconShopping';
52
52
  export { default as IconSubway } from './IconSubway';
53
53
  export { default as IconGift } from './IconGift';
54
54
  export { default as IconStarHalf } from './IconStarHalf';
55
+ export { default as IconKeyboard } from './IconKeyboard';
56
+ export { default as IconKeyboardDelete } from './IconKeyboardDelete';
55
57
  export * from './type';
package/esm/icon/index.js CHANGED
@@ -52,4 +52,6 @@ export { default as IconShopping } from './IconShopping';
52
52
  export { default as IconSubway } from './IconSubway';
53
53
  export { default as IconGift } from './IconGift';
54
54
  export { default as IconStarHalf } from './IconStarHalf';
55
+ export { default as IconKeyboard } from './IconKeyboard';
56
+ export { default as IconKeyboardDelete } from './IconKeyboardDelete';
55
57
  export * from './type';
@@ -1,3 +1,4 @@
1
1
  import '../../../../style/css/public.css';
2
2
  import '../../../grid/style/css';
3
+ import '../../../image/style/css';
3
4
  import './index.css';
@@ -1,3 +1,4 @@
1
1
  import '../../../../style/css/public.css';
2
2
  import '../../../grid/style/css';
3
+ import '../../../image/style/css';
3
4
  import './index.css';
@@ -1,3 +1,4 @@
1
1
  import '../../../style/public.less';
2
2
  import '../../grid/style';
3
+ import '../../image/style';
3
4
  import './index.less';
@@ -1,3 +1,4 @@
1
1
  import '../../../style/public.less';
2
2
  import '../../grid/style';
3
+ import '../../image/style';
3
4
  import './index.less';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IndexBarContext as IndexBarContextType } from './type';
3
+ export declare const IndexBarContext: import("react").Context<IndexBarContextType>;
@@ -0,0 +1,8 @@
1
+ import { createContext } from 'react';
2
+ export var IndexBarContext = /*#__PURE__*/createContext({
3
+ sticky: true,
4
+ getScrollContainer: function getScrollContainer() {
5
+ return null;
6
+ },
7
+ updateRef: function updateRef() {}
8
+ });
@@ -0,0 +1,23 @@
1
+ #demo-index-bar {
2
+ padding-bottom: 0px;
3
+ }
4
+ #demo-index-bar .arcodesign-mobile-title {
5
+ display: none;
6
+ }
7
+ #demo-index-bar .arcodesign-mobile-demo-content {
8
+ padding: 0;
9
+ background: transparent;
10
+ font-size: 0.32rem;
11
+ }
12
+ #demo-index-bar .arcodesign-mobile-demo-nav-inner::after {
13
+ border-bottom-color: transparent;
14
+ }
15
+ #demo-index-bar .custom-index-bar-height {
16
+ height: 480px;
17
+ }
18
+ #demo-index-bar .arco-tab-cell.vertical.line {
19
+ font-size: 0.32rem;
20
+ }
21
+ #demo-index-bar .arco-tab-cell.vertical.line:not(.last) {
22
+ margin-right: 2.78rem;
23
+ }
@@ -0,0 +1,26 @@
1
+ @import '../../../../style/mixin.less';
2
+
3
+ #demo-index-bar {
4
+ padding-bottom: 0px;
5
+ .arcodesign-mobile-title {
6
+ display: none;
7
+ }
8
+ .arcodesign-mobile-demo-content {
9
+ padding: 0;
10
+ background: transparent;
11
+ .rem(font-size, 16);
12
+ }
13
+ .arcodesign-mobile-demo-nav-inner::after {
14
+ border-bottom-color: transparent;
15
+ }
16
+
17
+ .custom-index-bar-height {
18
+ height: 480px;
19
+ }
20
+ .arco-tab-cell.vertical.line {
21
+ .rem(font-size, 16);
22
+ &:not(.last) {
23
+ .rem(margin-right, 139);
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { IndexBarBaseData, IndexBarGroupProps, IndexBarGroupRef } from './type';
3
+ export declare const IndexBarGroup: React.ForwardRefExoticComponent<IndexBarGroupProps<IndexBarBaseData> & React.RefAttributes<IndexBarGroupRef>>;
@@ -0,0 +1,83 @@
1
+ import { cls } from '@arco-design/mobile-utils';
2
+ import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
3
+ import { GlobalContext } from '../context-provider';
4
+ import Sticky from '../sticky';
5
+ import { IndexBarContext } from './context';
6
+ export var IndexBarGroup = /*#__PURE__*/forwardRef(function (props, ref) {
7
+ var groupIndex = props.index,
8
+ list = props.list,
9
+ className = props.className,
10
+ style = props.style,
11
+ children = props.children,
12
+ listKey = props.listKey,
13
+ onGroupItemClick = props.onGroupItemClick,
14
+ renderGroupItem = props.renderGroupItem,
15
+ renderStickyItem = props.renderStickyItem;
16
+
17
+ var _useContext = useContext(GlobalContext),
18
+ prefixCls = _useContext.prefixCls; // 有可能是IndexBar.Group的写法,因此sticky从context中获得
19
+
20
+
21
+ var _useContext2 = useContext(IndexBarContext),
22
+ sticky = _useContext2.sticky,
23
+ getScrollContainer = _useContext2.getScrollContainer,
24
+ activeIndex = _useContext2.activeIndex,
25
+ updateRef = _useContext2.updateRef;
26
+
27
+ var domRef = useRef(null);
28
+ useImperativeHandle(ref, function () {
29
+ return {
30
+ dom: domRef.current
31
+ };
32
+ }); // 用户自定义列表元素vnode的key
33
+
34
+ var formatGetListKey = function formatGetListKey(data, index) {
35
+ var _listKey;
36
+
37
+ return (_listKey = listKey == null ? void 0 : listKey(data, index)) != null ? _listKey : index;
38
+ };
39
+
40
+ var renderChildren = function renderChildren() {
41
+ var _ref;
42
+
43
+ return (_ref = children != null ? children : list == null ? void 0 : list.map(function (data, index) {
44
+ return /*#__PURE__*/React.createElement("div", {
45
+ className: prefixCls + "-index-bar-group-item",
46
+ key: formatGetListKey(data, index),
47
+ onClick: function onClick() {
48
+ return onGroupItemClick == null ? void 0 : onGroupItemClick(groupIndex, data, index);
49
+ }
50
+ }, renderGroupItem ? renderGroupItem(groupIndex, data, index) : data.content);
51
+ })) != null ? _ref : null;
52
+ };
53
+
54
+ var renderIndexTitle = function renderIndexTitle() {
55
+ var _cls;
56
+
57
+ if (renderStickyItem) {
58
+ return renderStickyItem(groupIndex);
59
+ }
60
+
61
+ var titleDom = /*#__PURE__*/React.createElement("div", {
62
+ className: cls(prefixCls + "-index-bar-group-title", (_cls = {}, _cls[prefixCls + "-index-bar-group-active"] = activeIndex === groupIndex, _cls))
63
+ }, groupIndex);
64
+ var groupDom = domRef.current;
65
+ return sticky ? /*#__PURE__*/React.createElement(Sticky, {
66
+ getContainer: function getContainer() {
67
+ return groupDom;
68
+ },
69
+ stickyStyle: "absolute",
70
+ getScrollContainer: getScrollContainer,
71
+ ref: function ref(stickyRef) {
72
+ return stickyRef && updateRef(groupIndex, stickyRef);
73
+ }
74
+ }, titleDom) : titleDom;
75
+ };
76
+
77
+ return /*#__PURE__*/React.createElement("div", {
78
+ className: cls(prefixCls + "-index-bar-group", className),
79
+ style: style,
80
+ "data-index": groupIndex,
81
+ ref: domRef
82
+ }, renderIndexTitle(), renderChildren());
83
+ });
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import type { IndexBarBaseData, IndexBarProps, IndexBarRef } from './type';
3
+ export type { IndexBarProps, IndexBarRef, IndexBarGroupProps, IndexBarGroupRef, IndexBarChangeTrigger, IndexBarIndexType, IndexBarTipType, } from './type';
4
+ declare const _default: React.ForwardRefExoticComponent<IndexBarProps<IndexBarBaseData> & React.RefAttributes<IndexBarRef>> & {
5
+ Group: React.ForwardRefExoticComponent<import("./type").IndexBarGroupProps<IndexBarBaseData> & React.RefAttributes<import("./type").IndexBarGroupRef>>;
6
+ };
7
+ /**
8
+ * 索引栏组件
9
+ * @en IndexBar component
10
+ * @type 导航
11
+ * @type_en Navigation
12
+ * @name 索引栏
13
+ * @name_en SearchBar
14
+ */
15
+ export default _default;