@arco-design/mobile-react 2.19.1 → 2.19.2-ee92494.5

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 (99) hide show
  1. package/README.en-US.md +2 -2
  2. package/README.md +2 -2
  3. package/cjs/_helpers/type.d.ts +1 -1
  4. package/cjs/button/demo/style/mobile.less +4 -0
  5. package/cjs/button/index.d.ts +6 -0
  6. package/cjs/button/index.js +12 -2
  7. package/cjs/count-down/demo/style/mobile.less +1 -1
  8. package/cjs/grid/index.js +13 -12
  9. package/cjs/image/index.d.ts +0 -1
  10. package/cjs/image/index.js +9 -7
  11. package/cjs/image-picker/add-icon.d.ts +2 -0
  12. package/cjs/image-picker/add-icon.js +22 -0
  13. package/cjs/image-picker/demo/style/css/mobile.css +40 -0
  14. package/cjs/image-picker/demo/style/mobile.less +42 -0
  15. package/cjs/image-picker/index.d.ts +184 -0
  16. package/cjs/image-picker/index.js +307 -0
  17. package/cjs/image-picker/style/css/index.css +147 -0
  18. package/cjs/image-picker/style/css/index.d.ts +2 -0
  19. package/cjs/image-picker/style/css/index.js +5 -0
  20. package/cjs/image-picker/style/index.d.ts +2 -0
  21. package/cjs/image-picker/style/index.js +5 -0
  22. package/cjs/image-picker/style/index.less +116 -0
  23. package/cjs/image-preview/index.d.ts +2 -2
  24. package/cjs/index.d.ts +1 -0
  25. package/cjs/index.js +5 -1
  26. package/cjs/steps/demo/style/css/mobile.css +1 -1
  27. package/cjs/steps/demo/style/mobile.less +1 -1
  28. package/cjs/steps/style/css/index.css +5 -15
  29. package/cjs/steps/style/index.less +6 -10
  30. package/cjs/style.d.ts +1 -0
  31. package/cjs/style.js +2 -0
  32. package/dist/index.js +534 -218
  33. package/dist/index.min.js +3 -4
  34. package/dist/style.css +120 -9
  35. package/dist/style.min.css +1 -1
  36. package/esm/_helpers/type.d.ts +1 -1
  37. package/esm/button/demo/style/mobile.less +4 -0
  38. package/esm/button/index.d.ts +6 -0
  39. package/esm/button/index.js +12 -2
  40. package/esm/count-down/demo/style/mobile.less +1 -1
  41. package/esm/grid/index.js +13 -12
  42. package/esm/image/index.d.ts +0 -1
  43. package/esm/image/index.js +10 -8
  44. package/esm/image-picker/add-icon.d.ts +2 -0
  45. package/esm/image-picker/add-icon.js +14 -0
  46. package/esm/image-picker/demo/style/css/mobile.css +40 -0
  47. package/esm/image-picker/demo/style/mobile.less +42 -0
  48. package/esm/image-picker/index.d.ts +184 -0
  49. package/esm/image-picker/index.js +288 -0
  50. package/esm/image-picker/style/css/index.css +147 -0
  51. package/esm/image-picker/style/css/index.d.ts +2 -0
  52. package/esm/image-picker/style/css/index.js +2 -0
  53. package/esm/image-picker/style/index.d.ts +2 -0
  54. package/esm/image-picker/style/index.js +2 -0
  55. package/esm/image-picker/style/index.less +116 -0
  56. package/esm/image-preview/index.d.ts +2 -2
  57. package/esm/index.d.ts +1 -0
  58. package/esm/index.js +1 -0
  59. package/esm/steps/demo/style/css/mobile.css +1 -1
  60. package/esm/steps/demo/style/mobile.less +1 -1
  61. package/esm/steps/style/css/index.css +5 -15
  62. package/esm/steps/style/index.less +6 -10
  63. package/esm/style.d.ts +1 -0
  64. package/esm/style.js +1 -0
  65. package/package.json +2 -2
  66. package/tokens/app/arcodesign/default/css-variables.less +17 -2
  67. package/tokens/app/arcodesign/default/index.d.ts +17 -2
  68. package/tokens/app/arcodesign/default/index.js +18 -3
  69. package/tokens/app/arcodesign/default/index.json +204 -24
  70. package/tokens/app/arcodesign/default/index.less +17 -2
  71. package/umd/_helpers/type.d.ts +1 -1
  72. package/umd/button/demo/style/mobile.less +4 -0
  73. package/umd/button/index.d.ts +6 -0
  74. package/umd/button/index.js +12 -2
  75. package/umd/count-down/demo/style/mobile.less +1 -1
  76. package/umd/grid/index.js +13 -12
  77. package/umd/image/index.d.ts +0 -1
  78. package/umd/image/index.js +9 -7
  79. package/umd/image-picker/add-icon.d.ts +2 -0
  80. package/umd/image-picker/add-icon.js +35 -0
  81. package/umd/image-picker/demo/style/css/mobile.css +40 -0
  82. package/umd/image-picker/demo/style/mobile.less +42 -0
  83. package/umd/image-picker/index.d.ts +184 -0
  84. package/umd/image-picker/index.js +310 -0
  85. package/umd/image-picker/style/css/index.css +147 -0
  86. package/umd/image-picker/style/css/index.d.ts +2 -0
  87. package/umd/image-picker/style/css/index.js +15 -0
  88. package/umd/image-picker/style/index.d.ts +2 -0
  89. package/umd/image-picker/style/index.js +15 -0
  90. package/umd/image-picker/style/index.less +116 -0
  91. package/umd/image-preview/index.d.ts +2 -2
  92. package/umd/index.d.ts +1 -0
  93. package/umd/index.js +7 -5
  94. package/umd/steps/demo/style/css/mobile.css +1 -1
  95. package/umd/steps/demo/style/mobile.less +1 -1
  96. package/umd/steps/style/css/index.css +5 -15
  97. package/umd/steps/style/index.less +6 -10
  98. package/umd/style.d.ts +1 -0
  99. package/umd/style.js +4 -4
@@ -59,7 +59,7 @@
59
59
  .vertical .arco-steps-item-tail {
60
60
  height: 100%;
61
61
  width: 18PX ;
62
- top: 0.18rem;
62
+ top: 0.18rem ;
63
63
  padding: 0.28rem 0 ;
64
64
  }
65
65
  .vertical .arco-steps-item-tail:after {
@@ -73,19 +73,7 @@
73
73
  .finish .arco-steps-item-tail:after {
74
74
  background: #165dff ;
75
75
  }
76
- .arco-steps-item-custom-icon {
77
- display: -webkit-box;
78
- display: -webkit-flex;
79
- display: flex;
80
- -webkit-box-align: center;
81
- -webkit-align-items: center;
82
- align-items: center;
83
- -webkit-box-pack: center;
84
- -webkit-justify-content: center;
85
- justify-content: center;
86
- width: 20PX ;
87
- height: 20PX ;
88
- }
76
+ .arco-steps-item-custom-icon,
89
77
  .arco-steps-item-icon {
90
78
  display: -webkit-inline-box;
91
79
  display: -webkit-inline-flex;
@@ -96,10 +84,12 @@
96
84
  -webkit-box-pack: center;
97
85
  -webkit-justify-content: center;
98
86
  justify-content: center;
99
- border-radius: 50%;
100
87
  width: 18PX ;
101
88
  height: 18PX ;
102
89
  }
90
+ .arco-steps-item-icon {
91
+ border-radius: 50%;
92
+ }
103
93
  .number.finish .arco-steps-item-icon {
104
94
  background: #E8F3FF ;
105
95
  }
@@ -47,7 +47,7 @@
47
47
  .vertical & {
48
48
  height: 100%;
49
49
  .use-var(width, steps-icon-width);
50
- .rem(top, 9);
50
+ .use-var(top, steps-tail-vertical-top);
51
51
  .use-var(padding, steps-tail-vertical-padding);
52
52
 
53
53
  &:after {
@@ -65,21 +65,17 @@
65
65
  }
66
66
  }
67
67
 
68
- &-custom-icon {
69
- display: flex;
70
- align-items: center;
71
- justify-content: center;
72
- .use-var(width, steps-custom-icon-width);
73
- .use-var(height, steps-custom-icon-height);
74
- }
75
-
68
+ &-custom-icon,
76
69
  &-icon {
77
70
  display: inline-flex;
78
71
  align-items: center;
79
72
  justify-content: center;
80
- border-radius: 50%;
81
73
  .use-var(width, steps-icon-width);
82
74
  .use-var(height, steps-icon-height);
75
+ }
76
+
77
+ &-icon {
78
+ border-radius: 50%;
83
79
 
84
80
  .number.finish & {
85
81
  .use-var(background, steps-finish-icon-num-background);
package/cjs/style.d.ts CHANGED
@@ -22,6 +22,7 @@ import './ellipsis/style';
22
22
  import './grid/style';
23
23
  import './image/style';
24
24
  import './show-monitor/style';
25
+ import './image-picker/style';
25
26
  import './image-preview/style';
26
27
  import './input/style';
27
28
  import './load-more/style';
package/cjs/style.js CHANGED
@@ -48,6 +48,8 @@ require("./image/style");
48
48
 
49
49
  require("./show-monitor/style");
50
50
 
51
+ require("./image-picker/style");
52
+
51
53
  require("./image-preview/style");
52
54
 
53
55
  require("./input/style");