@arco-design/mobile-react 2.30.2 → 2.30.3

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 (58) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +2 -2
  4. package/cjs/form/type.d.ts +2 -2
  5. package/cjs/image-preview/index.d.ts +6 -0
  6. package/cjs/image-preview/index.js +48 -14
  7. package/cjs/image-preview/style/css/index.css +2 -1
  8. package/cjs/image-preview/style/index.less +2 -1
  9. package/cjs/popover/style/css/index.css +9 -2
  10. package/cjs/popover/style/css/menu.css +4 -0
  11. package/cjs/popover/style/index.less +1 -2
  12. package/cjs/popover/style/menu.less +1 -1
  13. package/cjs/slider/hooks/useSliderEvents.js +14 -8
  14. package/cjs/slider/hooks/useSliderStyle.js +13 -7
  15. package/cjs/slider/index.js +4 -2
  16. package/cjs/slider/marks.js +4 -2
  17. package/cjs/slider/style/css/index.css +28 -0
  18. package/cjs/slider/style/index.less +13 -4
  19. package/dist/index.js +97 -52
  20. package/dist/index.min.js +4 -4
  21. package/dist/style.css +36 -3
  22. package/dist/style.min.css +1 -1
  23. package/esm/form/type.d.ts +2 -2
  24. package/esm/image-preview/index.d.ts +6 -0
  25. package/esm/image-preview/index.js +48 -14
  26. package/esm/image-preview/style/css/index.css +2 -1
  27. package/esm/image-preview/style/index.less +2 -1
  28. package/esm/popover/style/css/index.css +9 -2
  29. package/esm/popover/style/css/menu.css +4 -0
  30. package/esm/popover/style/index.less +1 -2
  31. package/esm/popover/style/menu.less +1 -1
  32. package/esm/slider/hooks/useSliderEvents.js +13 -8
  33. package/esm/slider/hooks/useSliderStyle.js +12 -7
  34. package/esm/slider/index.js +4 -2
  35. package/esm/slider/marks.js +4 -2
  36. package/esm/slider/style/css/index.css +28 -0
  37. package/esm/slider/style/index.less +13 -4
  38. package/package.json +3 -3
  39. package/tokens/app/arcodesign/default/css-variables.less +1 -1
  40. package/tokens/app/arcodesign/default/index.d.ts +1 -1
  41. package/tokens/app/arcodesign/default/index.js +1 -1
  42. package/tokens/app/arcodesign/default/index.json +7 -7
  43. package/tokens/app/arcodesign/default/index.less +1 -1
  44. package/umd/form/type.d.ts +2 -2
  45. package/umd/image-preview/index.d.ts +6 -0
  46. package/umd/image-preview/index.js +48 -14
  47. package/umd/image-preview/style/css/index.css +2 -1
  48. package/umd/image-preview/style/index.less +2 -1
  49. package/umd/popover/style/css/index.css +9 -2
  50. package/umd/popover/style/css/menu.css +4 -0
  51. package/umd/popover/style/index.less +1 -2
  52. package/umd/popover/style/menu.less +1 -1
  53. package/umd/slider/hooks/useSliderEvents.js +16 -12
  54. package/umd/slider/hooks/useSliderStyle.js +15 -11
  55. package/umd/slider/index.js +4 -2
  56. package/umd/slider/marks.js +4 -2
  57. package/umd/slider/style/css/index.css +28 -0
  58. package/umd/slider/style/index.less +13 -4
package/dist/style.css CHANGED
@@ -18745,6 +18745,7 @@ samp {
18745
18745
  height: 100%;
18746
18746
  opacity: 0;
18747
18747
  }
18748
+ .arco-image-preview .image-container img.closing-animation,
18748
18749
  .image-preview-fake-trans-image {
18749
18750
  position: fixed;
18750
18751
  left: 0;
@@ -18754,7 +18755,7 @@ samp {
18754
18755
  transition: all cubic-bezier(0.34, 0.69, 0.1, 1) ;
18755
18756
  will-change: transform;
18756
18757
  pointer-events: none;
18757
- z-index: 1001;
18758
+ height: auto !important;
18758
18759
  }
18759
18760
  .image-preview-loading-area {
18760
18761
  position: fixed;
@@ -24060,6 +24061,10 @@ samp {
24060
24061
  font-size: 0.4rem;
24061
24062
  line-height: 1;
24062
24063
  }
24064
+ [dir="rtl"] .arco-popover-menu-icon {
24065
+ margin-right: initial;
24066
+ margin-left: 0.16rem;
24067
+ }
24063
24068
  .arco-popover-menu-icon > * {
24064
24069
  float: left;
24065
24070
  }
@@ -24131,7 +24136,6 @@ samp {
24131
24136
  width: -moz-max-content;
24132
24137
  width: max-content;
24133
24138
  z-index: 1010;
24134
- right: 0;
24135
24139
  background-color: transparent;
24136
24140
  visibility: hidden;
24137
24141
  will-change: transform;
@@ -24206,9 +24210,13 @@ samp {
24206
24210
  padding: 0 0.2rem 0 0.22rem ;
24207
24211
  }
24208
24212
  .arco-popover-inner .text-suffix {
24209
- padding: 0 0.24rem 0 0 ;
24213
+ padding-right: 0.24rem ;
24210
24214
  flex: 0 0 auto;
24211
24215
  }
24216
+ [dir="rtl"] .arco-popover-inner .text-suffix {
24217
+ padding-right: initial;
24218
+ padding-left: 0.24rem ;
24219
+ }
24212
24220
  .arco-popover-inner .popover-arrow {
24213
24221
  position: absolute;
24214
24222
  transform: rotate(45deg);
@@ -28874,6 +28882,10 @@ samp {
28874
28882
  .is-horizontal .arco-slider-label {
28875
28883
  margin-right: 0.24rem ;
28876
28884
  }
28885
+ [dir="rtl"] .is-horizontal .arco-slider-label {
28886
+ margin-right: initial;
28887
+ margin-left: 0.24rem ;
28888
+ }
28877
28889
  .is-vertical .arco-slider-label {
28878
28890
  flex-direction: column;
28879
28891
  margin-bottom: 0.24rem ;
@@ -28882,6 +28894,10 @@ samp {
28882
28894
  margin-right: 0;
28883
28895
  margin-left: 0.24rem ;
28884
28896
  }
28897
+ [dir="rtl"] .is-horizontal .arco-slider-wrapper + .arco-slider-label {
28898
+ margin-left: initial;
28899
+ margin-right: 0.24rem ;
28900
+ }
28885
28901
  .is-vertical .arco-slider-wrapper + .arco-slider-label {
28886
28902
  margin-bottom: 0;
28887
28903
  margin-top: 0.24rem ;
@@ -28953,10 +28969,24 @@ samp {
28953
28969
  right: 0;
28954
28970
  transform: translateX(50%);
28955
28971
  }
28972
+ [dir="rtl"] .is-horizontal .arco-slider-thumb-wrapper.is-end {
28973
+ right: initial;
28974
+ left: 0;
28975
+ }
28976
+ [dir="rtl"] .is-horizontal .arco-slider-thumb-wrapper.is-end {
28977
+ transform: translateX(-50%);
28978
+ }
28956
28979
  .is-horizontal .arco-slider-thumb-wrapper.is-start {
28957
28980
  left: 0;
28958
28981
  transform: translateX(-50%);
28959
28982
  }
28983
+ [dir="rtl"] .is-horizontal .arco-slider-thumb-wrapper.is-start {
28984
+ left: initial;
28985
+ right: 0;
28986
+ }
28987
+ [dir="rtl"] .is-horizontal .arco-slider-thumb-wrapper.is-start {
28988
+ transform: translateX(50%);
28989
+ }
28960
28990
  .arco-slider-popover-wrapper .arco-slider-thumb {
28961
28991
  position: relative;
28962
28992
  }
@@ -29047,6 +29077,9 @@ samp {
29047
29077
  background: #e5e6eb ;
29048
29078
  transform: translateX(-50%);
29049
29079
  }
29080
+ [dir="rtl"] .arco-slider-marks-item {
29081
+ transform: translateX(50%);
29082
+ }
29050
29083
  .arco-slider-marks-item.is-activated {
29051
29084
  background: #165DFF ;
29052
29085
  }