@arco-design/mobile-react 2.38.2 → 2.38.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 (45) 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/action-sheet/index.d.ts +11 -10
  5. package/cjs/action-sheet/index.js +6 -2
  6. package/cjs/action-sheet/methods.d.ts +2 -2
  7. package/cjs/cell/cell.d.ts +1 -1
  8. package/cjs/cell/cell.js +36 -7
  9. package/cjs/cell/style/css/index.css +46 -16
  10. package/cjs/cell/style/index.less +52 -11
  11. package/cjs/cell/type.d.ts +8 -1
  12. package/dist/index.js +42 -9
  13. package/dist/index.min.js +1 -1
  14. package/dist/style.css +33 -8
  15. package/dist/style.min.css +1 -1
  16. package/esm/action-sheet/index.d.ts +11 -10
  17. package/esm/action-sheet/index.js +6 -2
  18. package/esm/action-sheet/methods.d.ts +2 -2
  19. package/esm/cell/cell.d.ts +1 -1
  20. package/esm/cell/cell.js +37 -8
  21. package/esm/cell/style/css/index.css +46 -16
  22. package/esm/cell/style/index.less +52 -11
  23. package/esm/cell/type.d.ts +8 -1
  24. package/esnext/action-sheet/index.d.ts +11 -10
  25. package/esnext/action-sheet/index.js +7 -3
  26. package/esnext/action-sheet/methods.d.ts +2 -2
  27. package/esnext/cell/cell.d.ts +1 -1
  28. package/esnext/cell/cell.js +19 -3
  29. package/esnext/cell/style/css/index.css +46 -16
  30. package/esnext/cell/style/index.less +52 -11
  31. package/esnext/cell/type.d.ts +8 -1
  32. package/package.json +3 -3
  33. package/tokens/app/arcodesign/default/css-variables.less +2 -0
  34. package/tokens/app/arcodesign/default/index.d.ts +2 -0
  35. package/tokens/app/arcodesign/default/index.js +2 -0
  36. package/tokens/app/arcodesign/default/index.json +20 -0
  37. package/tokens/app/arcodesign/default/index.less +2 -0
  38. package/umd/action-sheet/index.d.ts +11 -10
  39. package/umd/action-sheet/index.js +6 -2
  40. package/umd/action-sheet/methods.d.ts +2 -2
  41. package/umd/cell/cell.d.ts +1 -1
  42. package/umd/cell/cell.js +36 -7
  43. package/umd/cell/style/css/index.css +46 -16
  44. package/umd/cell/style/index.less +52 -11
  45. package/umd/cell/type.d.ts +8 -1
package/dist/style.css CHANGED
@@ -10008,16 +10008,41 @@ samp {
10008
10008
  border-radius: 0;
10009
10009
  }
10010
10010
  }
10011
- .arco-cell.without-group {
10011
+ .arco-cell-clickable {
10012
+ -webkit-user-select: none;
10013
+ -moz-user-select: none;
10014
+ user-select: none;
10015
+ -webkit-tap-highlight-color: transparent;
10016
+ -webkit-touch-callout: none;
10017
+ touch-action: manipulation;
10018
+ position: relative;
10019
+ }
10020
+ .arco-cell-clickable.arco-cell-pressed {
10021
+ background-color: #F7F8FA ;
10022
+ }
10023
+ .arco-cell-clickable::after {
10024
+ content: '';
10025
+ position: absolute;
10026
+ top: 0;
10027
+ right: 100%;
10028
+ width: 0.32rem ;
10029
+ height: 100%;
10030
+ background-color: inherit;
10031
+ pointer-events: none;
10032
+ }
10033
+ .arco-cell-clickable.arco-cell-pressed::after {
10034
+ background-color: #F7F8FA ;
10035
+ }
10036
+ .arco-cell-without-group {
10012
10037
  background-color: #FFFFFF ;
10013
10038
  padding-left: 0.32rem ;
10014
10039
  margin-left: 0;
10015
10040
  }
10016
- .arco-cell.without-group.bordered {
10041
+ .arco-cell-without-group.bordered {
10017
10042
  position: relative;
10018
10043
  border-width: 0;
10019
10044
  }
10020
- .arco-cell.without-group.bordered::before {
10045
+ .arco-cell-without-group.bordered::before {
10021
10046
  content: '';
10022
10047
  width: 100%;
10023
10048
  height: 1PX;
@@ -10035,20 +10060,20 @@ samp {
10035
10060
  border-radius: 0;
10036
10061
  }
10037
10062
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
10038
- .arco-cell.without-group.bordered::before {
10063
+ .arco-cell-without-group.bordered::before {
10039
10064
  transform: scaleY(0.5);
10040
10065
  -webkit-transform: scaleY(0.5);
10041
10066
  border-radius: 0;
10042
10067
  }
10043
10068
  }
10044
10069
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
10045
- .arco-cell.without-group.bordered::before {
10070
+ .arco-cell-without-group.bordered::before {
10046
10071
  transform: scaleY(0.33333333);
10047
10072
  -webkit-transform: scaleY(0.33333333);
10048
10073
  border-radius: 0;
10049
10074
  }
10050
10075
  }
10051
- .arco-cell.without-group.bordered::after {
10076
+ .arco-cell-without-group.bordered::after {
10052
10077
  content: '';
10053
10078
  width: 100%;
10054
10079
  height: 1PX;
@@ -10066,14 +10091,14 @@ samp {
10066
10091
  border-radius: 0;
10067
10092
  }
10068
10093
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
10069
- .arco-cell.without-group.bordered::after {
10094
+ .arco-cell-without-group.bordered::after {
10070
10095
  transform: scaleY(0.5);
10071
10096
  -webkit-transform: scaleY(0.5);
10072
10097
  border-radius: 0;
10073
10098
  }
10074
10099
  }
10075
10100
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
10076
- .arco-cell.without-group.bordered::after {
10101
+ .arco-cell-without-group.bordered::after {
10077
10102
  transform: scaleY(0.33333333);
10078
10103
  -webkit-transform: scaleY(0.33333333);
10079
10104
  border-radius: 0;