@arco-design/mobile-react 2.21.1 → 2.21.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.
- package/CHANGELOG.md +24 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/button/style/css/index.css +64 -64
- package/cjs/button/style/index.less +7 -5
- package/cjs/ellipsis/components/js-ellipsis.js +7 -1
- package/cjs/image-picker/style/css/index.d.ts +1 -0
- package/cjs/image-picker/style/css/index.js +2 -0
- package/cjs/image-picker/style/index.d.ts +1 -0
- package/cjs/image-picker/style/index.js +2 -0
- package/cjs/tabs/index.d.ts +3 -463
- package/cjs/tabs/index.js +10 -0
- package/cjs/tabs/tab-cell-underline.d.ts +4 -0
- package/cjs/tabs/tab-cell-underline.js +234 -0
- package/cjs/tabs/tab-cell.d.ts +1 -85
- package/cjs/tabs/tab-cell.js +53 -198
- package/cjs/tabs/tab-pane.d.ts +2 -38
- package/cjs/tabs/type.d.ts +590 -0
- package/cjs/tabs/type.js +3 -0
- package/dist/index.js +272 -199
- package/dist/index.min.js +3 -3
- package/dist/style.css +64 -64
- package/dist/style.min.css +1 -1
- package/esm/button/style/css/index.css +64 -64
- package/esm/button/style/index.less +7 -5
- package/esm/ellipsis/components/js-ellipsis.js +7 -1
- package/esm/image-picker/style/css/index.d.ts +1 -0
- package/esm/image-picker/style/css/index.js +1 -0
- package/esm/image-picker/style/index.d.ts +1 -0
- package/esm/image-picker/style/index.js +1 -0
- package/esm/tabs/index.d.ts +3 -463
- package/esm/tabs/index.js +2 -1
- package/esm/tabs/tab-cell-underline.d.ts +4 -0
- package/esm/tabs/tab-cell-underline.js +218 -0
- package/esm/tabs/tab-cell.d.ts +1 -85
- package/esm/tabs/tab-cell.js +55 -201
- package/esm/tabs/tab-pane.d.ts +2 -38
- package/esm/tabs/type.d.ts +590 -0
- package/esm/tabs/type.js +1 -0
- package/package.json +3 -3
- package/umd/button/style/css/index.css +64 -64
- package/umd/button/style/index.less +7 -5
- package/umd/ellipsis/components/js-ellipsis.js +7 -1
- package/umd/image-picker/style/css/index.d.ts +1 -0
- package/umd/image-picker/style/css/index.js +4 -4
- package/umd/image-picker/style/index.d.ts +1 -0
- package/umd/image-picker/style/index.js +4 -4
- package/umd/tabs/index.d.ts +3 -463
- package/umd/tabs/index.js +11 -4
- package/umd/tabs/tab-cell-underline.d.ts +4 -0
- package/umd/tabs/tab-cell-underline.js +242 -0
- package/umd/tabs/tab-cell.d.ts +1 -85
- package/umd/tabs/tab-cell.js +56 -202
- package/umd/tabs/tab-pane.d.ts +2 -38
- package/umd/tabs/type.d.ts +590 -0
- package/umd/tabs/type.js +17 -0
package/dist/style.css
CHANGED
|
@@ -1128,14 +1128,21 @@ samp {
|
|
|
1128
1128
|
user-select: none;
|
|
1129
1129
|
/* Non-prefixed version, currently*/
|
|
1130
1130
|
}
|
|
1131
|
-
.arco-button-inline {
|
|
1131
|
+
.arco-button.arco-button-inline {
|
|
1132
1132
|
width: auto;
|
|
1133
1133
|
display: inline-block;
|
|
1134
1134
|
}
|
|
1135
|
-
.arco-button-type-ghost {
|
|
1135
|
+
.arco-button.arco-button-type-ghost {
|
|
1136
1136
|
background: transparent ;
|
|
1137
1137
|
color: #165dff ;
|
|
1138
1138
|
}
|
|
1139
|
+
.arco-button.arco-button-type-ghost-disabled {
|
|
1140
|
+
background: transparent ;
|
|
1141
|
+
color: #94bfff ;
|
|
1142
|
+
}
|
|
1143
|
+
.arco-button.arco-button-type-ghost-active {
|
|
1144
|
+
background: #e8f3ff ;
|
|
1145
|
+
}
|
|
1139
1146
|
.arco-button-type-ghost .bg-color-with-config {
|
|
1140
1147
|
background: #165dff;
|
|
1141
1148
|
}
|
|
@@ -1148,17 +1155,17 @@ samp {
|
|
|
1148
1155
|
.arco-button-type-ghost .stroke-color-with-config {
|
|
1149
1156
|
stroke: #165dff;
|
|
1150
1157
|
}
|
|
1151
|
-
.arco-button-type-
|
|
1152
|
-
background: transparent ;
|
|
1153
|
-
color: #94bfff ;
|
|
1154
|
-
}
|
|
1155
|
-
.arco-button-type-ghost-active {
|
|
1156
|
-
background: #e8f3ff ;
|
|
1157
|
-
}
|
|
1158
|
-
.arco-button-type-default {
|
|
1158
|
+
.arco-button.arco-button-type-default {
|
|
1159
1159
|
background: #E8F3FF ;
|
|
1160
1160
|
color: #165dff ;
|
|
1161
1161
|
}
|
|
1162
|
+
.arco-button.arco-button-type-default-disabled {
|
|
1163
|
+
background: #E8F3FF ;
|
|
1164
|
+
color: #94bfff ;
|
|
1165
|
+
}
|
|
1166
|
+
.arco-button.arco-button-type-default-active {
|
|
1167
|
+
background: #94bfff ;
|
|
1168
|
+
}
|
|
1162
1169
|
.arco-button-type-default .bg-color-with-config {
|
|
1163
1170
|
background: #165dff;
|
|
1164
1171
|
}
|
|
@@ -1171,16 +1178,16 @@ samp {
|
|
|
1171
1178
|
.arco-button-type-default .stroke-color-with-config {
|
|
1172
1179
|
stroke: #165dff;
|
|
1173
1180
|
}
|
|
1174
|
-
.arco-button-type-
|
|
1175
|
-
background: #
|
|
1176
|
-
color: #
|
|
1181
|
+
.arco-button.arco-button-type-primary {
|
|
1182
|
+
background: #165dff ;
|
|
1183
|
+
color: #fff ;
|
|
1177
1184
|
}
|
|
1178
|
-
.arco-button-type-
|
|
1185
|
+
.arco-button.arco-button-type-primary-disabled {
|
|
1179
1186
|
background: #94bfff ;
|
|
1187
|
+
color: #E8F3FF ;
|
|
1180
1188
|
}
|
|
1181
|
-
.arco-button-type-primary {
|
|
1182
|
-
background: #
|
|
1183
|
-
color: #fff ;
|
|
1189
|
+
.arco-button.arco-button-type-primary-active {
|
|
1190
|
+
background: #0E42D2 ;
|
|
1184
1191
|
}
|
|
1185
1192
|
.arco-button-type-primary .bg-color-with-config {
|
|
1186
1193
|
background: #fff;
|
|
@@ -1194,108 +1201,101 @@ samp {
|
|
|
1194
1201
|
.arco-button-type-primary .stroke-color-with-config {
|
|
1195
1202
|
stroke: #fff;
|
|
1196
1203
|
}
|
|
1197
|
-
.arco-button-type-
|
|
1198
|
-
background: #94bfff ;
|
|
1199
|
-
color: #E8F3FF ;
|
|
1200
|
-
}
|
|
1201
|
-
.arco-button-type-primary-active {
|
|
1202
|
-
background: #0E42D2 ;
|
|
1203
|
-
}
|
|
1204
|
-
.arco-button-type-ghost {
|
|
1204
|
+
.arco-button.arco-button-type-ghost {
|
|
1205
1205
|
border: 1PX solid currentColor;
|
|
1206
1206
|
}
|
|
1207
|
-
.arco-button-type-ghost.half-border {
|
|
1207
|
+
.arco-button.arco-button-type-ghost.half-border {
|
|
1208
1208
|
border-width: 0;
|
|
1209
1209
|
box-shadow: 0 0 0 1PX currentColor inset;
|
|
1210
1210
|
}
|
|
1211
1211
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
1212
|
-
.arco-button-type-ghost.half-border {
|
|
1212
|
+
.arco-button.arco-button-type-ghost.half-border {
|
|
1213
1213
|
box-shadow: 0 0 0 0.5PX currentColor inset;
|
|
1214
1214
|
}
|
|
1215
1215
|
}
|
|
1216
|
-
.ios .arco-button-type-ghost.half-border,
|
|
1217
|
-
.arco-button-type-ghost.half-border.ios {
|
|
1216
|
+
.ios .arco-button.arco-button-type-ghost.half-border,
|
|
1217
|
+
.arco-button.arco-button-type-ghost.half-border.ios {
|
|
1218
1218
|
box-shadow: none;
|
|
1219
1219
|
border: 0.5PX solid currentColor;
|
|
1220
1220
|
}
|
|
1221
|
-
.arco-button-size-mini {
|
|
1221
|
+
.arco-button.arco-button-size-mini {
|
|
1222
1222
|
padding: 0 0.16rem ;
|
|
1223
1223
|
height: 0.48rem ;
|
|
1224
1224
|
}
|
|
1225
|
-
.arco-button-size-mini-is-round {
|
|
1225
|
+
.arco-button.arco-button-size-mini-is-round {
|
|
1226
1226
|
border-radius: 0.48rem ;
|
|
1227
1227
|
}
|
|
1228
|
-
.arco-button-size-mini-is-square {
|
|
1228
|
+
.arco-button.arco-button-size-mini-is-square {
|
|
1229
1229
|
border-radius: 0;
|
|
1230
1230
|
}
|
|
1231
|
-
.arco-button-size-mini .arco-button-icon,
|
|
1232
|
-
.arco-button-size-mini i,
|
|
1233
|
-
.arco-button-size-mini .arco-button-text,
|
|
1234
|
-
.arco-button-size-mini svg {
|
|
1231
|
+
.arco-button.arco-button-size-mini .arco-button-icon,
|
|
1232
|
+
.arco-button.arco-button-size-mini i,
|
|
1233
|
+
.arco-button.arco-button-size-mini .arco-button-text,
|
|
1234
|
+
.arco-button.arco-button-size-mini svg {
|
|
1235
1235
|
font-size: 0.24rem ;
|
|
1236
1236
|
}
|
|
1237
|
-
.arco-button-size-small {
|
|
1237
|
+
.arco-button.arco-button-size-small {
|
|
1238
1238
|
padding: 0 0.16rem ;
|
|
1239
1239
|
height: 0.56rem ;
|
|
1240
1240
|
}
|
|
1241
|
-
.arco-button-size-small-is-round {
|
|
1241
|
+
.arco-button.arco-button-size-small-is-round {
|
|
1242
1242
|
border-radius: 0.56rem ;
|
|
1243
1243
|
}
|
|
1244
|
-
.arco-button-size-small-is-square {
|
|
1244
|
+
.arco-button.arco-button-size-small-is-square {
|
|
1245
1245
|
border-radius: 0;
|
|
1246
1246
|
}
|
|
1247
|
-
.arco-button-size-small .arco-button-icon,
|
|
1248
|
-
.arco-button-size-small i,
|
|
1249
|
-
.arco-button-size-small .arco-button-text,
|
|
1250
|
-
.arco-button-size-small svg {
|
|
1247
|
+
.arco-button.arco-button-size-small .arco-button-icon,
|
|
1248
|
+
.arco-button.arco-button-size-small i,
|
|
1249
|
+
.arco-button.arco-button-size-small .arco-button-text,
|
|
1250
|
+
.arco-button.arco-button-size-small svg {
|
|
1251
1251
|
font-size: 0.28rem ;
|
|
1252
1252
|
}
|
|
1253
|
-
.arco-button-size-medium {
|
|
1253
|
+
.arco-button.arco-button-size-medium {
|
|
1254
1254
|
padding: 0 0.32rem ;
|
|
1255
1255
|
height: 0.64rem ;
|
|
1256
1256
|
}
|
|
1257
|
-
.arco-button-size-medium-is-round {
|
|
1257
|
+
.arco-button.arco-button-size-medium-is-round {
|
|
1258
1258
|
border-radius: 0.64rem ;
|
|
1259
1259
|
}
|
|
1260
|
-
.arco-button-size-medium-is-square {
|
|
1260
|
+
.arco-button.arco-button-size-medium-is-square {
|
|
1261
1261
|
border-radius: 0;
|
|
1262
1262
|
}
|
|
1263
|
-
.arco-button-size-medium .arco-button-icon,
|
|
1264
|
-
.arco-button-size-medium i,
|
|
1265
|
-
.arco-button-size-medium .arco-button-text,
|
|
1266
|
-
.arco-button-size-medium svg {
|
|
1263
|
+
.arco-button.arco-button-size-medium .arco-button-icon,
|
|
1264
|
+
.arco-button.arco-button-size-medium i,
|
|
1265
|
+
.arco-button.arco-button-size-medium .arco-button-text,
|
|
1266
|
+
.arco-button.arco-button-size-medium svg {
|
|
1267
1267
|
font-size: 0.28rem ;
|
|
1268
1268
|
}
|
|
1269
|
-
.arco-button-size-large {
|
|
1269
|
+
.arco-button.arco-button-size-large {
|
|
1270
1270
|
padding: 0 0.32rem ;
|
|
1271
1271
|
height: 0.72rem ;
|
|
1272
1272
|
}
|
|
1273
|
-
.arco-button-size-large-is-round {
|
|
1273
|
+
.arco-button.arco-button-size-large-is-round {
|
|
1274
1274
|
border-radius: 0.72rem ;
|
|
1275
1275
|
}
|
|
1276
|
-
.arco-button-size-large-is-square {
|
|
1276
|
+
.arco-button.arco-button-size-large-is-square {
|
|
1277
1277
|
border-radius: 0;
|
|
1278
1278
|
}
|
|
1279
|
-
.arco-button-size-large .arco-button-icon,
|
|
1280
|
-
.arco-button-size-large i,
|
|
1281
|
-
.arco-button-size-large .arco-button-text,
|
|
1282
|
-
.arco-button-size-large svg {
|
|
1279
|
+
.arco-button.arco-button-size-large .arco-button-icon,
|
|
1280
|
+
.arco-button.arco-button-size-large i,
|
|
1281
|
+
.arco-button.arco-button-size-large .arco-button-text,
|
|
1282
|
+
.arco-button.arco-button-size-large svg {
|
|
1283
1283
|
font-size: 0.3rem ;
|
|
1284
1284
|
}
|
|
1285
|
-
.arco-button-size-huge {
|
|
1285
|
+
.arco-button.arco-button-size-huge {
|
|
1286
1286
|
padding: 0 0.32rem ;
|
|
1287
1287
|
height: 0.88rem ;
|
|
1288
1288
|
}
|
|
1289
|
-
.arco-button-size-huge-is-round {
|
|
1289
|
+
.arco-button.arco-button-size-huge-is-round {
|
|
1290
1290
|
border-radius: 0.88rem ;
|
|
1291
1291
|
}
|
|
1292
|
-
.arco-button-size-huge-is-square {
|
|
1292
|
+
.arco-button.arco-button-size-huge-is-square {
|
|
1293
1293
|
border-radius: 0;
|
|
1294
1294
|
}
|
|
1295
|
-
.arco-button-size-huge .arco-button-icon,
|
|
1296
|
-
.arco-button-size-huge i,
|
|
1297
|
-
.arco-button-size-huge .arco-button-text,
|
|
1298
|
-
.arco-button-size-huge svg {
|
|
1295
|
+
.arco-button.arco-button-size-huge .arco-button-icon,
|
|
1296
|
+
.arco-button.arco-button-size-huge i,
|
|
1297
|
+
.arco-button.arco-button-size-huge .arco-button-text,
|
|
1298
|
+
.arco-button.arco-button-size-huge svg {
|
|
1299
1299
|
font-size: 0.32rem ;
|
|
1300
1300
|
}
|
|
1301
1301
|
.arco-button-text-android {
|