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

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 (101) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/cjs/button/index.d.ts +6 -0
  3. package/cjs/button/index.js +3 -1
  4. package/cjs/grid/index.js +12 -13
  5. package/cjs/image/index.d.ts +1 -0
  6. package/cjs/image/index.js +7 -9
  7. package/cjs/image-preview/index.d.ts +2 -2
  8. package/cjs/index.d.ts +0 -1
  9. package/cjs/index.js +1 -5
  10. package/cjs/notify/index.d.ts +1 -0
  11. package/cjs/notify/index.js +12 -0
  12. package/cjs/notify/type.d.ts +1 -0
  13. package/cjs/steps/demo/style/css/mobile.css +1 -1
  14. package/cjs/steps/demo/style/mobile.less +1 -1
  15. package/cjs/steps/style/css/index.css +15 -5
  16. package/cjs/steps/style/index.less +10 -6
  17. package/cjs/style.d.ts +0 -1
  18. package/cjs/style.js +0 -2
  19. package/cjs/transition/index.js +4 -2
  20. package/dist/index.js +242 -538
  21. package/dist/index.min.js +5 -4
  22. package/dist/style.css +9 -120
  23. package/dist/style.min.css +1 -1
  24. package/esm/button/index.d.ts +6 -0
  25. package/esm/button/index.js +3 -1
  26. package/esm/grid/index.js +12 -13
  27. package/esm/image/index.d.ts +1 -0
  28. package/esm/image/index.js +8 -10
  29. package/esm/image-preview/index.d.ts +2 -2
  30. package/esm/index.d.ts +0 -1
  31. package/esm/index.js +0 -1
  32. package/esm/notify/index.d.ts +1 -0
  33. package/esm/notify/index.js +1 -0
  34. package/esm/notify/type.d.ts +1 -0
  35. package/esm/steps/demo/style/css/mobile.css +1 -1
  36. package/esm/steps/demo/style/mobile.less +1 -1
  37. package/esm/steps/style/css/index.css +15 -5
  38. package/esm/steps/style/index.less +10 -6
  39. package/esm/style.d.ts +0 -1
  40. package/esm/style.js +0 -1
  41. package/esm/transition/index.js +4 -2
  42. package/package.json +3 -3
  43. package/tokens/app/arcodesign/default/css-variables.less +2 -17
  44. package/tokens/app/arcodesign/default/index.d.ts +2 -17
  45. package/tokens/app/arcodesign/default/index.js +3 -18
  46. package/tokens/app/arcodesign/default/index.json +24 -140
  47. package/tokens/app/arcodesign/default/index.less +2 -17
  48. package/umd/button/index.d.ts +6 -0
  49. package/umd/button/index.js +3 -1
  50. package/umd/grid/index.js +12 -13
  51. package/umd/image/index.d.ts +1 -0
  52. package/umd/image/index.js +7 -9
  53. package/umd/image-preview/index.d.ts +2 -2
  54. package/umd/index.d.ts +0 -1
  55. package/umd/index.js +5 -7
  56. package/umd/notify/index.d.ts +1 -0
  57. package/umd/notify/index.js +13 -4
  58. package/umd/notify/type.d.ts +1 -0
  59. package/umd/steps/demo/style/css/mobile.css +1 -1
  60. package/umd/steps/demo/style/mobile.less +1 -1
  61. package/umd/steps/style/css/index.css +15 -5
  62. package/umd/steps/style/index.less +10 -6
  63. package/umd/style.d.ts +0 -1
  64. package/umd/style.js +4 -4
  65. package/umd/transition/index.js +4 -2
  66. package/cjs/image-picker/add-icon.d.ts +0 -2
  67. package/cjs/image-picker/add-icon.js +0 -22
  68. package/cjs/image-picker/demo/style/css/mobile.css +0 -40
  69. package/cjs/image-picker/demo/style/mobile.less +0 -42
  70. package/cjs/image-picker/index.d.ts +0 -181
  71. package/cjs/image-picker/index.js +0 -301
  72. package/cjs/image-picker/style/css/index.css +0 -147
  73. package/cjs/image-picker/style/css/index.d.ts +0 -2
  74. package/cjs/image-picker/style/css/index.js +0 -5
  75. package/cjs/image-picker/style/index.d.ts +0 -2
  76. package/cjs/image-picker/style/index.js +0 -5
  77. package/cjs/image-picker/style/index.less +0 -116
  78. package/esm/image-picker/add-icon.d.ts +0 -2
  79. package/esm/image-picker/add-icon.js +0 -14
  80. package/esm/image-picker/demo/style/css/mobile.css +0 -40
  81. package/esm/image-picker/demo/style/mobile.less +0 -42
  82. package/esm/image-picker/index.d.ts +0 -181
  83. package/esm/image-picker/index.js +0 -282
  84. package/esm/image-picker/style/css/index.css +0 -147
  85. package/esm/image-picker/style/css/index.d.ts +0 -2
  86. package/esm/image-picker/style/css/index.js +0 -2
  87. package/esm/image-picker/style/index.d.ts +0 -2
  88. package/esm/image-picker/style/index.js +0 -2
  89. package/esm/image-picker/style/index.less +0 -116
  90. package/umd/image-picker/add-icon.d.ts +0 -2
  91. package/umd/image-picker/add-icon.js +0 -35
  92. package/umd/image-picker/demo/style/css/mobile.css +0 -40
  93. package/umd/image-picker/demo/style/mobile.less +0 -42
  94. package/umd/image-picker/index.d.ts +0 -181
  95. package/umd/image-picker/index.js +0 -304
  96. package/umd/image-picker/style/css/index.css +0 -147
  97. package/umd/image-picker/style/css/index.d.ts +0 -2
  98. package/umd/image-picker/style/css/index.js +0 -15
  99. package/umd/image-picker/style/index.d.ts +0 -2
  100. package/umd/image-picker/style/index.js +0 -15
  101. package/umd/image-picker/style/index.less +0 -116
package/umd/image-picker/style/index.less DELETED
@@ -1,116 +0,0 @@
1
- @import '../../../style/mixin.less';
2
-
3
- .@{prefix}-image-picker {
4
- .use-var(font-size, image-picker-font-size);
5
- &-container {
6
- display: flex;
7
- flex-wrap: wrap;
8
- }
9
- .container() {
10
- position: absolute;
11
- top: 0;
12
- width: 100%;
13
- height: 100%;
14
- left: 0;
15
- }
16
- &-image {
17
- position: relative;
18
- width: 100%;
19
- display: flex;
20
- align-items: center;
21
- justify-content: center;
22
- padding-top: 100%;
23
- .use-var(border-radius, image-picker-border-radius);
24
- overflow: hidden;
25
- &-container {
26
- .container()
27
- }
28
- .arco-image{
29
- height: 100%;
30
- width: 100%;
31
- }
32
- &-mask {
33
- position: absolute;
34
- left: 0;
35
- top: 0;
36
- width: 100%;
37
- height: 100%;
38
- z-index: 2;
39
- }
40
- }
41
- &-add {
42
- .use-var(background-color, image-picker-add-background);
43
- .use-var(border-radius, image-picker-border-radius);
44
- position: relative;
45
- width: 100%;
46
- height: 100%;
47
- padding-top: 100%;
48
- &-container {
49
- .container();
50
- display: flex;
51
- flex-direction: column;
52
- justify-content: center;
53
- align-items: center;
54
- text-align: center;
55
- .use-var(font-size, image-picker-add-text-font-size);
56
- .use-var(color, image-picker-add-text-color);
57
- }
58
- &-icon {
59
- .use-var(font-size, image-picker-add-icon-font-size);
60
- .use-var(color, image-picker-add-icon-color);
61
- svg {
62
- display: block;
63
- }
64
- }
65
- &-disabled {
66
- pointer-events: none;
67
- }
68
- &-disabled &-icon {
69
- .use-var(opacity, image-picker-disabled-opacity);
70
- }
71
- input {
72
- position: absolute;
73
- opacity: 0;
74
- left: 0;
75
- top: 0;
76
- width: 100%;
77
- height: 100%;
78
- display: none;
79
- }
80
- }
81
- &-close {
82
- position: absolute;
83
- top: 0;
84
- right: 0;
85
- z-index: 2;
86
- &-icon {
87
- display: flex;
88
- align-items: center;
89
- justify-content: center;
90
- .use-var(font-size, image-picker-close-font-size);
91
- .use-var(width, image-picker-close-width);
92
- .use-var(height, image-picker-close-height);
93
- .use-var(color, image-picker-close-color);
94
- .use-var(background, image-picker-close-background);
95
- .use-var(border-radius, image-picker-close-border-radius);
96
- }
97
- }
98
- &-error {
99
- position: absolute;
100
- top: 0;
101
- left: 0;
102
- width: 100%;
103
- height: 100%;
104
- display: flex;
105
- flex-direction: column;
106
- justify-content: center;
107
- align-items: center;
108
- .use-var(background, image-picker-error-background);
109
- .use-var(color, image-picker-error-color);
110
- .use-var(font-size, image-picker-font-size);
111
- }
112
- }
113
-
114
- .@{prefix}-image-picker-disabled {
115
- pointer-events: none;
116
- }