@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
package/dist/style.css CHANGED
@@ -3315,6 +3315,221 @@ samp {
3315
3315
  stroke: #ffffff;
3316
3316
  }
3317
3317
 
3318
+
3319
+ .arco-index-bar {
3320
+ position: relative;
3321
+ background: white ;
3322
+ overflow: hidden;
3323
+ }
3324
+ .arco-index-bar-container {
3325
+ height: 100%;
3326
+ overflow-y: auto;
3327
+ }
3328
+ .arco-index-bar-container::-webkit-scrollbar {
3329
+ display: none;
3330
+ }
3331
+ .arco-index-bar-group-active {
3332
+ color: #165dff ;
3333
+ }
3334
+ .arco-index-bar-group-title {
3335
+ padding-left: 0.32rem ;
3336
+ height: 0.48rem ;
3337
+ background: #f7f8fa ;
3338
+ font-size: 0.28rem ;
3339
+ color: #86909c ;
3340
+ display: flex;
3341
+ align-items: center;
3342
+ }
3343
+ .arco-index-bar-group-item {
3344
+ height: 1.08rem ;
3345
+ display: flex;
3346
+ align-items: center;
3347
+ margin-left: 0.32rem ;
3348
+ font-size: 0.32rem ;
3349
+ }
3350
+ .arco-index-bar-group-item:not(:last-child) {
3351
+ position: relative;
3352
+ border-width: 0;
3353
+ }
3354
+ .arco-index-bar-group-item:not(:last-child)::after {
3355
+ content: '';
3356
+ width: 100%;
3357
+ height: 1PX;
3358
+ position: absolute;
3359
+ left: 0;
3360
+ bottom: 0;
3361
+ z-index: 1;
3362
+ border-bottom-style: solid;
3363
+ border-bottom-width: 1PX;
3364
+ border-bottom-color: #e5e6eb;
3365
+ box-sizing: border-box;
3366
+ transform-origin: left bottom;
3367
+ -webkit-transform-origin: left bottom;
3368
+ pointer-events: none;
3369
+ border-radius: 0;
3370
+ }
3371
+ @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
3372
+ .arco-index-bar-group-item:not(:last-child)::after {
3373
+ transform: scaleY(0.5);
3374
+ -webkit-transform: scaleY(0.5);
3375
+ border-radius: 0;
3376
+ }
3377
+ }
3378
+ @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
3379
+ .arco-index-bar-group-item:not(:last-child)::after {
3380
+ transform: scaleY(0.33333333);
3381
+ -webkit-transform: scaleY(0.33333333);
3382
+ border-radius: 0;
3383
+ }
3384
+ }
3385
+ .arco-index-bar-sidebar {
3386
+ position: absolute;
3387
+ z-index: 2;
3388
+ right: 0;
3389
+ top: 50%;
3390
+ transform: translateY(-50%) translateZ(0);
3391
+ -webkit-user-select: none;
3392
+ -moz-user-select: none;
3393
+ user-select: none;
3394
+ }
3395
+ .arco-index-bar-sidebar-touching {
3396
+ left: 0;
3397
+ }
3398
+ .arco-index-bar-sidebar-item {
3399
+ display: flex;
3400
+ justify-content: flex-end;
3401
+ align-items: center;
3402
+ position: relative;
3403
+ padding: 0.04rem 0.16rem ;
3404
+ cursor: pointer;
3405
+ }
3406
+ .arco-index-bar-sidebar-item-wrapper {
3407
+ display: inline-flex;
3408
+ align-items: center;
3409
+ justify-content: center;
3410
+ width: 0.2rem ;
3411
+ font-size: 0.2rem ;
3412
+ line-height: 0.28rem ;
3413
+ }
3414
+ .arco-index-bar-sidebar-item:last-child {
3415
+ padding-bottom: 0px;
3416
+ }
3417
+ .arco-index-bar-sidebar-active {
3418
+ color: #165dff ;
3419
+ }
3420
+ .arco-index-bar-sidebar-sweat {
3421
+ position: absolute;
3422
+ height: 1rem ;
3423
+ min-width: 1rem ;
3424
+ line-height: 1rem ;
3425
+ border-radius: 9999px;
3426
+ text-align: center;
3427
+ padding: 0 0.16rem ;
3428
+ background: #323232 ;
3429
+ right: 0.72rem ;
3430
+ font-size: 0.48rem ;
3431
+ color: white ;
3432
+ }
3433
+ .arco-index-bar-sidebar-sweat::before {
3434
+ content: '';
3435
+ position: absolute;
3436
+ top: 0;
3437
+ bottom: 0;
3438
+ margin: auto;
3439
+ right: -0.54rem ;
3440
+ width: 0;
3441
+ height: 0;
3442
+ border: 0.36rem solid transparent ;
3443
+ border: 18px solid transparent;
3444
+ border-left-color: #323232 ;
3445
+ border-radius: 4px;
3446
+ }
3447
+ .arco-index-bar-sidebar-toast {
3448
+ position: absolute;
3449
+ background: #323232 ;
3450
+ color: white ;
3451
+ left: 50%;
3452
+ top: 50%;
3453
+ min-width: 0.96rem ;
3454
+ height: 0.96rem ;
3455
+ line-height: 0.96rem ;
3456
+ transform: translate(-50%, -50%);
3457
+ text-align: center;
3458
+ padding: 0 0.16rem ;
3459
+ font-size: 0.48rem ;
3460
+ border-radius: 0.08rem ;
3461
+ }
3462
+
3463
+ .arco-keyboard {
3464
+ background: #f2f3f5 ;
3465
+ padding: 0.16rem ;
3466
+ -webkit-touch-callout: none;
3467
+ /* iOS Safari */
3468
+ -webkit-user-select: none;
3469
+ /* Chrome/Safari/Opera */
3470
+ /* Konqueror */
3471
+ -moz-user-select: none;
3472
+ /* Firefox */
3473
+ /* Internet Explorer/Edge */
3474
+ user-select: none;
3475
+ /* Non-prefixed version, currently*/
3476
+ }
3477
+ .arco-keyboard-wrapper {
3478
+ display: flex;
3479
+ }
3480
+ .arco-keyboard-key-wrapper {
3481
+ flex: 2 0 auto;
3482
+ }
3483
+ .arco-keyboard-row {
3484
+ display: flex;
3485
+ }
3486
+ .arco-keyboard-row:not(.arco-keyboard-row:nth-last-child(1)) {
3487
+ margin-bottom: 0.16rem ;
3488
+ }
3489
+ .arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:nth-child(1)) {
3490
+ margin-left: 0.16rem ;
3491
+ }
3492
+ .arco-keyboard-row .arco-keyboard-key-special {
3493
+ flex: 2.1 0 auto;
3494
+ }
3495
+ .arco-keyboard-col {
3496
+ flex: 1;
3497
+ display: flex;
3498
+ flex-direction: column;
3499
+ margin-left: 0.16rem ;
3500
+ }
3501
+ .arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:nth-child(1)) {
3502
+ margin-top: 0.16rem ;
3503
+ }
3504
+ .arco-keyboard-col .arco-keyboard-key-confirm {
3505
+ flex: 2.5 0 auto;
3506
+ background: #165dff ;
3507
+ color: #ffffff ;
3508
+ font-size: 0.36rem ;
3509
+ }
3510
+ .arco-keyboard-key {
3511
+ display: flex;
3512
+ align-items: center;
3513
+ justify-content: center;
3514
+ flex: 1;
3515
+ font-weight: 500 ;
3516
+ font-size: 0.44rem ;
3517
+ line-height: 0.6rem ;
3518
+ background: #ffffff ;
3519
+ height: 0.96rem ;
3520
+ border-radius: 0.08rem ;
3521
+ color: #1d2129 ;
3522
+ }
3523
+ .arco-keyboard-key:active {
3524
+ background: #e5e6eb ;
3525
+ }
3526
+ .arco-keyboard-key .arco-icon {
3527
+ font-size: 0.52rem ;
3528
+ }
3529
+ .arco-keyboard-popup {
3530
+ display: none;
3531
+ }
3532
+
3318
3533
  .arco-load-more {
3319
3534
  text-align: center;
3320
3535
  font-size: 0.28rem ;
@@ -4651,7 +4866,6 @@ samp {
4651
4866
  padding-left: 0.4rem ;
4652
4867
  }
4653
4868
 
4654
-
4655
4869
  .arco-swipe-action {
4656
4870
  position: relative;
4657
4871
  transition: transform 0s;