@arco-design/mobile-react 2.19.1-7cada34.0 → 2.19.1-941e02b.7

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 (128) hide show
  1. package/README.md +2 -2
  2. package/cjs/circle-progress/index.js +5 -3
  3. package/cjs/collapse/collapse.js +2 -2
  4. package/cjs/grid/index.js +13 -12
  5. package/cjs/image/index.d.ts +0 -1
  6. package/cjs/image/index.js +9 -7
  7. package/cjs/image-picker/add-icon.d.ts +2 -0
  8. package/cjs/image-picker/add-icon.js +22 -0
  9. package/cjs/image-picker/demo/style/css/mobile.css +40 -0
  10. package/cjs/image-picker/demo/style/mobile.less +42 -0
  11. package/cjs/image-picker/index.d.ts +181 -0
  12. package/cjs/image-picker/index.js +301 -0
  13. package/cjs/image-picker/style/css/index.css +147 -0
  14. package/cjs/image-picker/style/css/index.d.ts +2 -0
  15. package/cjs/image-picker/style/css/index.js +5 -0
  16. package/cjs/image-picker/style/index.d.ts +2 -0
  17. package/cjs/image-picker/style/index.js +5 -0
  18. package/cjs/image-picker/style/index.less +116 -0
  19. package/cjs/image-preview/index.d.ts +2 -2
  20. package/cjs/index.d.ts +1 -0
  21. package/cjs/index.js +5 -1
  22. package/cjs/nav-bar/back-icon.d.ts +2 -2
  23. package/cjs/nav-bar/back-icon.js +2 -2
  24. package/cjs/progress/index.js +3 -1
  25. package/cjs/slider/hooks/index.d.ts +1 -1
  26. package/cjs/slider/marks.d.ts +5 -5
  27. package/cjs/slider/marks.js +4 -4
  28. package/cjs/slider/popover.d.ts +2 -2
  29. package/cjs/slider/popover.js +3 -5
  30. package/cjs/steps/demo/style/css/mobile.css +1 -1
  31. package/cjs/steps/demo/style/mobile.less +1 -1
  32. package/cjs/steps/step.js +3 -1
  33. package/cjs/steps/style/css/index.css +19 -20
  34. package/cjs/steps/style/index.less +11 -16
  35. package/cjs/style.d.ts +1 -0
  36. package/cjs/style.js +2 -0
  37. package/cjs/swipe-load/index.js +2 -2
  38. package/cjs/switch/index.js +1 -1
  39. package/cjs/tab-bar/item.js +2 -2
  40. package/cjs/tab-bar/tab-bar.js +2 -2
  41. package/dist/index.js +532 -226
  42. package/dist/index.min.js +4 -5
  43. package/dist/style.css +126 -16
  44. package/dist/style.min.css +1 -1
  45. package/esm/circle-progress/index.js +5 -3
  46. package/esm/collapse/collapse.js +1 -1
  47. package/esm/grid/index.js +13 -12
  48. package/esm/image/index.d.ts +0 -1
  49. package/esm/image/index.js +10 -8
  50. package/esm/image-picker/add-icon.d.ts +2 -0
  51. package/esm/image-picker/add-icon.js +14 -0
  52. package/esm/image-picker/demo/style/css/mobile.css +40 -0
  53. package/esm/image-picker/demo/style/mobile.less +42 -0
  54. package/esm/image-picker/index.d.ts +181 -0
  55. package/esm/image-picker/index.js +282 -0
  56. package/esm/image-picker/style/css/index.css +147 -0
  57. package/esm/image-picker/style/css/index.d.ts +2 -0
  58. package/esm/image-picker/style/css/index.js +2 -0
  59. package/esm/image-picker/style/index.d.ts +2 -0
  60. package/esm/image-picker/style/index.js +2 -0
  61. package/esm/image-picker/style/index.less +116 -0
  62. package/esm/image-preview/index.d.ts +2 -2
  63. package/esm/index.d.ts +1 -0
  64. package/esm/index.js +1 -0
  65. package/esm/nav-bar/back-icon.d.ts +2 -2
  66. package/esm/nav-bar/back-icon.js +2 -2
  67. package/esm/progress/index.js +3 -1
  68. package/esm/slider/hooks/index.d.ts +1 -1
  69. package/esm/slider/marks.d.ts +5 -5
  70. package/esm/slider/marks.js +3 -3
  71. package/esm/slider/popover.d.ts +2 -2
  72. package/esm/slider/popover.js +2 -2
  73. package/esm/steps/demo/style/css/mobile.css +1 -1
  74. package/esm/steps/demo/style/mobile.less +1 -1
  75. package/esm/steps/step.js +3 -1
  76. package/esm/steps/style/css/index.css +19 -20
  77. package/esm/steps/style/index.less +11 -16
  78. package/esm/style.d.ts +1 -0
  79. package/esm/style.js +1 -0
  80. package/esm/swipe-load/index.js +1 -1
  81. package/esm/switch/index.js +1 -1
  82. package/esm/tab-bar/item.js +1 -1
  83. package/esm/tab-bar/tab-bar.js +1 -1
  84. package/package.json +5 -5
  85. package/tokens/app/arcodesign/default/css-variables.less +17 -2
  86. package/tokens/app/arcodesign/default/index.d.ts +17 -2
  87. package/tokens/app/arcodesign/default/index.js +18 -3
  88. package/tokens/app/arcodesign/default/index.json +140 -24
  89. package/tokens/app/arcodesign/default/index.less +17 -2
  90. package/umd/circle-progress/index.js +5 -3
  91. package/umd/collapse/collapse.js +4 -4
  92. package/umd/grid/index.js +13 -12
  93. package/umd/image/index.d.ts +0 -1
  94. package/umd/image/index.js +9 -7
  95. package/umd/image-picker/add-icon.d.ts +2 -0
  96. package/umd/image-picker/add-icon.js +35 -0
  97. package/umd/image-picker/demo/style/css/mobile.css +40 -0
  98. package/umd/image-picker/demo/style/mobile.less +42 -0
  99. package/umd/image-picker/index.d.ts +181 -0
  100. package/umd/image-picker/index.js +304 -0
  101. package/umd/image-picker/style/css/index.css +147 -0
  102. package/umd/image-picker/style/css/index.d.ts +2 -0
  103. package/umd/image-picker/style/css/index.js +15 -0
  104. package/umd/image-picker/style/index.d.ts +2 -0
  105. package/umd/image-picker/style/index.js +15 -0
  106. package/umd/image-picker/style/index.less +116 -0
  107. package/umd/image-preview/index.d.ts +2 -2
  108. package/umd/index.d.ts +1 -0
  109. package/umd/index.js +7 -5
  110. package/umd/nav-bar/back-icon.d.ts +2 -2
  111. package/umd/nav-bar/back-icon.js +2 -2
  112. package/umd/progress/index.js +3 -1
  113. package/umd/slider/hooks/index.d.ts +1 -1
  114. package/umd/slider/marks.d.ts +5 -5
  115. package/umd/slider/marks.js +6 -6
  116. package/umd/slider/popover.d.ts +2 -2
  117. package/umd/slider/popover.js +3 -5
  118. package/umd/steps/demo/style/css/mobile.css +1 -1
  119. package/umd/steps/demo/style/mobile.less +1 -1
  120. package/umd/steps/step.js +3 -1
  121. package/umd/steps/style/css/index.css +19 -20
  122. package/umd/steps/style/index.less +11 -16
  123. package/umd/style.d.ts +1 -0
  124. package/umd/style.js +4 -4
  125. package/umd/swipe-load/index.js +4 -4
  126. package/umd/switch/index.js +1 -1
  127. package/umd/tab-bar/item.js +4 -4
  128. package/umd/tab-bar/tab-bar.js +4 -4
package/dist/style.css CHANGED
@@ -3380,6 +3380,121 @@ samp {
3380
3380
  }
3381
3381
 
3382
3382
 
3383
+ .arco-image-picker {
3384
+ font-size: 0.28rem ;
3385
+ }
3386
+ .arco-image-picker-container {
3387
+ display: flex;
3388
+ flex-wrap: wrap;
3389
+ }
3390
+ .arco-image-picker-image {
3391
+ position: relative;
3392
+ width: 100%;
3393
+ display: flex;
3394
+ align-items: center;
3395
+ justify-content: center;
3396
+ padding-top: 100%;
3397
+ border-radius: 0.04rem ;
3398
+ overflow: hidden;
3399
+ }
3400
+ .arco-image-picker-image-container {
3401
+ position: absolute;
3402
+ top: 0;
3403
+ width: 100%;
3404
+ height: 100%;
3405
+ left: 0;
3406
+ }
3407
+ .arco-image-picker-image .arco-image {
3408
+ height: 100%;
3409
+ width: 100%;
3410
+ }
3411
+ .arco-image-picker-image-mask {
3412
+ position: absolute;
3413
+ left: 0;
3414
+ top: 0;
3415
+ width: 100%;
3416
+ height: 100%;
3417
+ z-index: 2;
3418
+ }
3419
+ .arco-image-picker-add {
3420
+ background-color: #f7f8fa ;
3421
+ border-radius: 0.04rem ;
3422
+ position: relative;
3423
+ width: 100%;
3424
+ height: 100%;
3425
+ padding-top: 100%;
3426
+ }
3427
+ .arco-image-picker-add-container {
3428
+ position: absolute;
3429
+ top: 0;
3430
+ width: 100%;
3431
+ height: 100%;
3432
+ left: 0;
3433
+ display: flex;
3434
+ flex-direction: column;
3435
+ justify-content: center;
3436
+ align-items: center;
3437
+ text-align: center;
3438
+ font-size: 0.24rem ;
3439
+ color: #86909c ;
3440
+ }
3441
+ .arco-image-picker-add-icon {
3442
+ font-size: 0.6rem ;
3443
+ color: #d8d8d8 ;
3444
+ }
3445
+ .arco-image-picker-add-icon svg {
3446
+ display: block;
3447
+ }
3448
+ .arco-image-picker-add-disabled {
3449
+ pointer-events: none;
3450
+ }
3451
+ .arco-image-picker-add-disabled .arco-image-picker-add-icon {
3452
+ opacity: 0.7 ;
3453
+ }
3454
+ .arco-image-picker-add input {
3455
+ position: absolute;
3456
+ opacity: 0;
3457
+ left: 0;
3458
+ top: 0;
3459
+ width: 100%;
3460
+ height: 100%;
3461
+ display: none;
3462
+ }
3463
+ .arco-image-picker-close {
3464
+ position: absolute;
3465
+ top: 0;
3466
+ right: 0;
3467
+ z-index: 2;
3468
+ }
3469
+ .arco-image-picker-close-icon {
3470
+ display: flex;
3471
+ align-items: center;
3472
+ justify-content: center;
3473
+ font-size: 0.24rem ;
3474
+ width: 0.36rem ;
3475
+ height: 0.36rem ;
3476
+ color: #ffffff ;
3477
+ background: rgba(0, 0, 0, 0.3) ;
3478
+ border-radius: 0 0.04rem ;
3479
+ }
3480
+ .arco-image-picker-error {
3481
+ position: absolute;
3482
+ top: 0;
3483
+ left: 0;
3484
+ width: 100%;
3485
+ height: 100%;
3486
+ display: flex;
3487
+ flex-direction: column;
3488
+ justify-content: center;
3489
+ align-items: center;
3490
+ background: rgba(0, 0, 0, 0.5) ;
3491
+ color: #ffffff ;
3492
+ font-size: 0.28rem ;
3493
+ }
3494
+ .arco-image-picker-disabled {
3495
+ pointer-events: none;
3496
+ }
3497
+
3383
3498
  .arco-image-preview,
3384
3499
  .image-preview-lock-modal {
3385
3500
  position: fixed;
@@ -4888,11 +5003,14 @@ samp {
4888
5003
  }
4889
5004
  .arco-steps-item-tail {
4890
5005
  position: absolute;
5006
+ display: flex;
5007
+ align-items: center;
5008
+ justify-content: center;
4891
5009
  }
4892
5010
  .horizontal .arco-steps-item-tail {
4893
5011
  width: 100%;
4894
- top: 0.18rem;
4895
5012
  left: 50%;
5013
+ height: 18PX ;
4896
5014
  padding: 0 0.36rem ;
4897
5015
  }
4898
5016
  .horizontal .arco-steps-item-tail:after {
@@ -4905,8 +5023,8 @@ samp {
4905
5023
  }
4906
5024
  .vertical .arco-steps-item-tail {
4907
5025
  height: 100%;
4908
- top: 0.18rem;
4909
- left: 0.15rem;
5026
+ width: 18PX ;
5027
+ top: 0.18rem ;
4910
5028
  padding: 0.28rem 0 ;
4911
5029
  }
4912
5030
  .vertical .arco-steps-item-tail:after {
@@ -4920,19 +5038,16 @@ samp {
4920
5038
  .finish .arco-steps-item-tail:after {
4921
5039
  background: #165dff ;
4922
5040
  }
4923
- .arco-steps-item-custom-icon {
4924
- display: flex;
5041
+ .arco-steps-item-custom-icon,
5042
+ .arco-steps-item-icon {
5043
+ display: inline-flex;
4925
5044
  align-items: center;
4926
5045
  justify-content: center;
4927
- width: 20PX ;
4928
- height: 20PX ;
5046
+ width: 18PX ;
5047
+ height: 18PX ;
4929
5048
  }
4930
5049
  .arco-steps-item-icon {
4931
- display: inline-block;
4932
5050
  border-radius: 50%;
4933
- width: 18PX ;
4934
- height: 18PX ;
4935
- text-align: center;
4936
5051
  }
4937
5052
  .number.finish .arco-steps-item-icon {
4938
5053
  background: #E8F3FF ;
@@ -4947,10 +5062,7 @@ samp {
4947
5062
  background: #F53F3F ;
4948
5063
  }
4949
5064
  .arco-steps-item-icon svg {
4950
- position: relative;
4951
5065
  font-size: 10PX ;
4952
- top: 50%;
4953
- transform: translateY(-50%);
4954
5066
  }
4955
5067
  .finish .arco-steps-item-icon svg {
4956
5068
  color: #165dff ;
@@ -4977,8 +5089,6 @@ samp {
4977
5089
  }
4978
5090
  .arco-steps-item-icon-dot {
4979
5091
  position: relative;
4980
- top: 50%;
4981
- transform: translateY(-50%);
4982
5092
  display: inline-block;
4983
5093
  width: 8PX ;
4984
5094
  height: 8PX ;