@arco-design/mobile-react 2.26.0 → 2.27.0
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 +18 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/form/form-item.js +4 -2
- package/cjs/icon/IconHeart/index.js +1 -1
- package/cjs/icon/IconKeyboard/index.d.ts +7 -0
- package/cjs/icon/IconKeyboard/index.js +48 -0
- package/cjs/icon/IconKeyboardDelete/index.d.ts +7 -0
- package/cjs/icon/IconKeyboardDelete/index.js +44 -0
- package/cjs/icon/IconMinus/index.js +1 -1
- package/cjs/icon/IconMore/index.js +1 -1
- package/cjs/icon/IconNotice/index.js +1 -1
- package/cjs/icon/IconNoticeOff/index.js +1 -1
- package/cjs/icon/IconPlay/index.js +1 -1
- package/cjs/icon/IconSetting/index.js +2 -2
- package/cjs/icon/IconSound/index.js +1 -1
- package/cjs/icon/IconStar/index.js +1 -1
- package/cjs/icon/IconStarFill/index.js +1 -1
- package/cjs/icon/IconTriDown/index.js +1 -1
- package/cjs/icon/IconTriUp/index.js +1 -1
- package/cjs/icon/IconUpload/index.js +1 -1
- package/cjs/icon/IconWarnCircle/index.js +1 -1
- package/cjs/icon/IconWarnCircleFill/index.js +1 -1
- package/cjs/icon/index.d.ts +2 -0
- package/cjs/icon/index.js +12 -2
- 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/index-bar/context.d.ts +3 -0
- package/cjs/index-bar/context.js +15 -0
- package/cjs/index-bar/demo/style/css/mobile.css +23 -0
- package/cjs/index-bar/demo/style/mobile.less +26 -0
- package/cjs/index-bar/group.d.ts +3 -0
- package/cjs/index-bar/group.js +101 -0
- package/cjs/index-bar/index.d.ts +15 -0
- package/cjs/index-bar/index.js +276 -0
- package/cjs/index-bar/side-bar.d.ts +3 -0
- package/cjs/index-bar/side-bar.js +102 -0
- package/cjs/index-bar/style/css/index.css +164 -0
- package/cjs/index-bar/style/css/index.d.ts +3 -0
- package/cjs/index-bar/style/css/index.js +7 -0
- package/cjs/index-bar/style/index.d.ts +3 -0
- package/cjs/index-bar/style/index.js +7 -0
- package/cjs/index-bar/style/index.less +122 -0
- package/cjs/index-bar/type.d.ts +195 -0
- package/cjs/index-bar/type.js +3 -0
- package/cjs/index-bar/utils.d.ts +6 -0
- package/cjs/index-bar/utils.js +68 -0
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +9 -1
- package/cjs/keyboard/demo/style/css/mobile.css +4 -0
- package/cjs/keyboard/demo/style/mobile.less +8 -0
- package/cjs/keyboard/index.d.ts +13 -0
- package/cjs/keyboard/index.js +270 -0
- package/cjs/keyboard/style/css/index.css +93 -0
- package/cjs/keyboard/style/css/index.d.ts +3 -0
- package/cjs/keyboard/style/css/index.js +7 -0
- package/cjs/keyboard/style/index.d.ts +3 -0
- package/cjs/keyboard/style/index.js +7 -0
- package/cjs/keyboard/style/index.less +80 -0
- package/cjs/keyboard/type.d.ts +102 -0
- package/cjs/keyboard/type.js +3 -0
- package/cjs/picker/index.js +3 -39
- package/cjs/picker/type.d.ts +1 -1
- package/cjs/picker-view/components/cascader.d.ts +2 -3
- package/cjs/picker-view/components/cascader.js +8 -6
- package/cjs/picker-view/components/multi-picker.d.ts +2 -3
- package/cjs/picker-view/components/multi-picker.js +31 -35
- package/cjs/picker-view/components/picker-cell.d.ts +1 -1
- package/cjs/picker-view/components/picker-cell.js +5 -7
- package/cjs/picker-view/index.d.ts +1 -1
- package/cjs/picker-view/index.js +9 -20
- package/cjs/picker-view/type.d.ts +2 -2
- package/cjs/slider/hooks/useSliderEvents.js +20 -20
- package/cjs/sticky/index.js +2 -2
- package/cjs/style.d.ts +2 -0
- package/cjs/style.js +4 -0
- package/dist/index.js +1793 -483
- package/dist/index.min.js +4 -4
- package/dist/style.css +215 -1
- package/dist/style.min.css +1 -1
- package/esm/form/form-item.js +4 -2
- package/esm/icon/IconHeart/index.js +1 -1
- package/esm/icon/IconKeyboard/index.d.ts +7 -0
- package/esm/icon/IconKeyboard/index.js +37 -0
- package/esm/icon/IconKeyboardDelete/index.d.ts +7 -0
- package/esm/icon/IconKeyboardDelete/index.js +33 -0
- package/esm/icon/IconMinus/index.js +1 -1
- package/esm/icon/IconMore/index.js +1 -1
- package/esm/icon/IconNotice/index.js +1 -1
- package/esm/icon/IconNoticeOff/index.js +1 -1
- package/esm/icon/IconPlay/index.js +1 -1
- package/esm/icon/IconSetting/index.js +2 -2
- package/esm/icon/IconSound/index.js +1 -1
- package/esm/icon/IconStar/index.js +1 -1
- package/esm/icon/IconStarFill/index.js +1 -1
- package/esm/icon/IconTriDown/index.js +1 -1
- package/esm/icon/IconTriUp/index.js +1 -1
- package/esm/icon/IconUpload/index.js +1 -1
- package/esm/icon/IconWarnCircle/index.js +1 -1
- package/esm/icon/IconWarnCircleFill/index.js +1 -1
- package/esm/icon/index.d.ts +2 -0
- package/esm/icon/index.js +2 -0
- 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/index-bar/context.d.ts +3 -0
- package/esm/index-bar/context.js +8 -0
- package/esm/index-bar/demo/style/css/mobile.css +23 -0
- package/esm/index-bar/demo/style/mobile.less +26 -0
- package/esm/index-bar/group.d.ts +3 -0
- package/esm/index-bar/group.js +83 -0
- package/esm/index-bar/index.d.ts +15 -0
- package/esm/index-bar/index.js +254 -0
- package/esm/index-bar/side-bar.d.ts +3 -0
- package/esm/index-bar/side-bar.js +90 -0
- package/esm/index-bar/style/css/index.css +164 -0
- package/esm/index-bar/style/css/index.d.ts +3 -0
- package/esm/index-bar/style/css/index.js +3 -0
- package/esm/index-bar/style/index.d.ts +3 -0
- package/esm/index-bar/style/index.js +3 -0
- package/esm/index-bar/style/index.less +122 -0
- package/esm/index-bar/type.d.ts +195 -0
- package/esm/index-bar/type.js +1 -0
- package/esm/index-bar/utils.d.ts +6 -0
- package/esm/index-bar/utils.js +53 -0
- package/esm/index.d.ts +2 -0
- package/esm/index.js +2 -0
- package/esm/keyboard/demo/style/css/mobile.css +4 -0
- package/esm/keyboard/demo/style/mobile.less +8 -0
- package/esm/keyboard/index.d.ts +13 -0
- package/esm/keyboard/index.js +243 -0
- package/esm/keyboard/style/css/index.css +93 -0
- package/esm/keyboard/style/css/index.d.ts +3 -0
- package/esm/keyboard/style/css/index.js +3 -0
- package/esm/keyboard/style/index.d.ts +3 -0
- package/esm/keyboard/style/index.js +3 -0
- package/esm/keyboard/style/index.less +80 -0
- package/esm/keyboard/type.d.ts +102 -0
- package/esm/keyboard/type.js +1 -0
- package/esm/picker/index.js +3 -40
- package/esm/picker/type.d.ts +1 -1
- package/esm/picker-view/components/cascader.d.ts +2 -3
- package/esm/picker-view/components/cascader.js +8 -6
- package/esm/picker-view/components/multi-picker.d.ts +2 -3
- package/esm/picker-view/components/multi-picker.js +31 -34
- package/esm/picker-view/components/picker-cell.d.ts +1 -1
- package/esm/picker-view/components/picker-cell.js +5 -7
- package/esm/picker-view/index.d.ts +1 -1
- package/esm/picker-view/index.js +10 -21
- package/esm/picker-view/type.d.ts +2 -2
- package/esm/slider/hooks/useSliderEvents.js +20 -20
- package/esm/sticky/index.js +2 -2
- package/esm/style.d.ts +2 -0
- package/esm/style.js +2 -0
- package/package.json +3 -3
- package/tokens/app/arcodesign/default/css-variables.less +43 -0
- package/tokens/app/arcodesign/default/index.d.ts +43 -0
- package/tokens/app/arcodesign/default/index.js +43 -0
- package/tokens/app/arcodesign/default/index.json +516 -0
- package/tokens/app/arcodesign/default/index.less +43 -0
- package/umd/form/form-item.js +4 -2
- package/umd/icon/IconHeart/index.js +1 -1
- package/umd/icon/IconKeyboard/index.d.ts +7 -0
- package/umd/icon/IconKeyboard/index.js +56 -0
- package/umd/icon/IconKeyboardDelete/index.d.ts +7 -0
- package/umd/icon/IconKeyboardDelete/index.js +52 -0
- package/umd/icon/IconMinus/index.js +1 -1
- package/umd/icon/IconMore/index.js +1 -1
- package/umd/icon/IconNotice/index.js +1 -1
- package/umd/icon/IconNoticeOff/index.js +1 -1
- package/umd/icon/IconPlay/index.js +1 -1
- package/umd/icon/IconSetting/index.js +2 -2
- package/umd/icon/IconSound/index.js +1 -1
- package/umd/icon/IconStar/index.js +1 -1
- package/umd/icon/IconStarFill/index.js +1 -1
- package/umd/icon/IconTriDown/index.js +1 -1
- package/umd/icon/IconTriUp/index.js +1 -1
- package/umd/icon/IconUpload/index.js +1 -1
- package/umd/icon/IconWarnCircle/index.js +1 -1
- package/umd/icon/IconWarnCircleFill/index.js +1 -1
- package/umd/icon/index.d.ts +2 -0
- package/umd/icon/index.js +12 -6
- 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/index-bar/context.d.ts +3 -0
- package/umd/index-bar/context.js +26 -0
- package/umd/index-bar/demo/style/css/mobile.css +23 -0
- package/umd/index-bar/demo/style/mobile.less +26 -0
- package/umd/index-bar/group.d.ts +3 -0
- package/umd/index-bar/group.js +107 -0
- package/umd/index-bar/index.d.ts +15 -0
- package/umd/index-bar/index.js +274 -0
- package/umd/index-bar/side-bar.d.ts +3 -0
- package/umd/index-bar/side-bar.js +113 -0
- package/umd/index-bar/style/css/index.css +164 -0
- package/umd/index-bar/style/css/index.d.ts +3 -0
- package/umd/index-bar/style/css/index.js +15 -0
- package/umd/index-bar/style/index.d.ts +3 -0
- package/umd/index-bar/style/index.js +15 -0
- package/umd/index-bar/style/index.less +122 -0
- package/umd/index-bar/type.d.ts +195 -0
- package/umd/index-bar/type.js +17 -0
- package/umd/index-bar/utils.d.ts +6 -0
- package/umd/index-bar/utils.js +78 -0
- package/umd/index.d.ts +2 -0
- package/umd/index.js +9 -5
- package/umd/keyboard/demo/style/css/mobile.css +4 -0
- package/umd/keyboard/demo/style/mobile.less +8 -0
- package/umd/keyboard/index.d.ts +13 -0
- package/umd/keyboard/index.js +271 -0
- package/umd/keyboard/style/css/index.css +93 -0
- package/umd/keyboard/style/css/index.d.ts +3 -0
- package/umd/keyboard/style/css/index.js +15 -0
- package/umd/keyboard/style/index.d.ts +3 -0
- package/umd/keyboard/style/index.js +15 -0
- package/umd/keyboard/style/index.less +80 -0
- package/umd/keyboard/type.d.ts +102 -0
- package/umd/keyboard/type.js +17 -0
- package/umd/picker/index.js +3 -39
- package/umd/picker/type.d.ts +1 -1
- package/umd/picker-view/components/cascader.d.ts +2 -3
- package/umd/picker-view/components/cascader.js +8 -6
- package/umd/picker-view/components/multi-picker.d.ts +2 -3
- package/umd/picker-view/components/multi-picker.js +31 -35
- package/umd/picker-view/components/picker-cell.d.ts +1 -1
- package/umd/picker-view/components/picker-cell.js +5 -7
- package/umd/picker-view/index.d.ts +1 -1
- package/umd/picker-view/index.js +9 -20
- package/umd/picker-view/type.d.ts +2 -2
- package/umd/slider/hooks/useSliderEvents.js +20 -20
- package/umd/sticky/index.js +2 -2
- package/umd/style.d.ts +2 -0
- package/umd/style.js +4 -4
package/dist/style.css
CHANGED
@@ -3315,6 +3315,221 @@ samp {
|
|
3315
3315
|
stroke: #ffffff;
|
3316
3316
|
}
|
3317
3317
|
|
3318
|
+
|
3319
|
+
.arco-index-bar {
|
3320
|
+
position: relative;
|
3321
|
+
background: white ;
|
3322
|
+
overflow: hidden;
|
3323
|
+
}
|
3324
|
+
.arco-index-bar-container {
|
3325
|
+
height: 100%;
|
3326
|
+
overflow-y: auto;
|
3327
|
+
}
|
3328
|
+
.arco-index-bar-container::-webkit-scrollbar {
|
3329
|
+
display: none;
|
3330
|
+
}
|
3331
|
+
.arco-index-bar-group-active {
|
3332
|
+
color: #165dff ;
|
3333
|
+
}
|
3334
|
+
.arco-index-bar-group-title {
|
3335
|
+
padding-left: 0.32rem ;
|
3336
|
+
height: 0.48rem ;
|
3337
|
+
background: #f7f8fa ;
|
3338
|
+
font-size: 0.28rem ;
|
3339
|
+
color: #86909c ;
|
3340
|
+
display: flex;
|
3341
|
+
align-items: center;
|
3342
|
+
}
|
3343
|
+
.arco-index-bar-group-item {
|
3344
|
+
height: 1.08rem ;
|
3345
|
+
display: flex;
|
3346
|
+
align-items: center;
|
3347
|
+
margin-left: 0.32rem ;
|
3348
|
+
font-size: 0.32rem ;
|
3349
|
+
}
|
3350
|
+
.arco-index-bar-group-item:not(:last-child) {
|
3351
|
+
position: relative;
|
3352
|
+
border-width: 0;
|
3353
|
+
}
|
3354
|
+
.arco-index-bar-group-item:not(:last-child)::after {
|
3355
|
+
content: '';
|
3356
|
+
width: 100%;
|
3357
|
+
height: 1PX;
|
3358
|
+
position: absolute;
|
3359
|
+
left: 0;
|
3360
|
+
bottom: 0;
|
3361
|
+
z-index: 1;
|
3362
|
+
border-bottom-style: solid;
|
3363
|
+
border-bottom-width: 1PX;
|
3364
|
+
border-bottom-color: #e5e6eb;
|
3365
|
+
box-sizing: border-box;
|
3366
|
+
transform-origin: left bottom;
|
3367
|
+
-webkit-transform-origin: left bottom;
|
3368
|
+
pointer-events: none;
|
3369
|
+
border-radius: 0;
|
3370
|
+
}
|
3371
|
+
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
|
3372
|
+
.arco-index-bar-group-item:not(:last-child)::after {
|
3373
|
+
transform: scaleY(0.5);
|
3374
|
+
-webkit-transform: scaleY(0.5);
|
3375
|
+
border-radius: 0;
|
3376
|
+
}
|
3377
|
+
}
|
3378
|
+
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
|
3379
|
+
.arco-index-bar-group-item:not(:last-child)::after {
|
3380
|
+
transform: scaleY(0.33333333);
|
3381
|
+
-webkit-transform: scaleY(0.33333333);
|
3382
|
+
border-radius: 0;
|
3383
|
+
}
|
3384
|
+
}
|
3385
|
+
.arco-index-bar-sidebar {
|
3386
|
+
position: absolute;
|
3387
|
+
z-index: 2;
|
3388
|
+
right: 0;
|
3389
|
+
top: 50%;
|
3390
|
+
transform: translateY(-50%) translateZ(0);
|
3391
|
+
-webkit-user-select: none;
|
3392
|
+
-moz-user-select: none;
|
3393
|
+
user-select: none;
|
3394
|
+
}
|
3395
|
+
.arco-index-bar-sidebar-touching {
|
3396
|
+
left: 0;
|
3397
|
+
}
|
3398
|
+
.arco-index-bar-sidebar-item {
|
3399
|
+
display: flex;
|
3400
|
+
justify-content: flex-end;
|
3401
|
+
align-items: center;
|
3402
|
+
position: relative;
|
3403
|
+
padding: 0.04rem 0.16rem ;
|
3404
|
+
cursor: pointer;
|
3405
|
+
}
|
3406
|
+
.arco-index-bar-sidebar-item-wrapper {
|
3407
|
+
display: inline-flex;
|
3408
|
+
align-items: center;
|
3409
|
+
justify-content: center;
|
3410
|
+
width: 0.2rem ;
|
3411
|
+
font-size: 0.2rem ;
|
3412
|
+
line-height: 0.28rem ;
|
3413
|
+
}
|
3414
|
+
.arco-index-bar-sidebar-item:last-child {
|
3415
|
+
padding-bottom: 0px;
|
3416
|
+
}
|
3417
|
+
.arco-index-bar-sidebar-active {
|
3418
|
+
color: #165dff ;
|
3419
|
+
}
|
3420
|
+
.arco-index-bar-sidebar-sweat {
|
3421
|
+
position: absolute;
|
3422
|
+
height: 1rem ;
|
3423
|
+
min-width: 1rem ;
|
3424
|
+
line-height: 1rem ;
|
3425
|
+
border-radius: 9999px;
|
3426
|
+
text-align: center;
|
3427
|
+
padding: 0 0.16rem ;
|
3428
|
+
background: #323232 ;
|
3429
|
+
right: 0.72rem ;
|
3430
|
+
font-size: 0.48rem ;
|
3431
|
+
color: white ;
|
3432
|
+
}
|
3433
|
+
.arco-index-bar-sidebar-sweat::before {
|
3434
|
+
content: '';
|
3435
|
+
position: absolute;
|
3436
|
+
top: 0;
|
3437
|
+
bottom: 0;
|
3438
|
+
margin: auto;
|
3439
|
+
right: -0.54rem ;
|
3440
|
+
width: 0;
|
3441
|
+
height: 0;
|
3442
|
+
border: 0.36rem solid transparent ;
|
3443
|
+
border: 18px solid transparent;
|
3444
|
+
border-left-color: #323232 ;
|
3445
|
+
border-radius: 4px;
|
3446
|
+
}
|
3447
|
+
.arco-index-bar-sidebar-toast {
|
3448
|
+
position: absolute;
|
3449
|
+
background: #323232 ;
|
3450
|
+
color: white ;
|
3451
|
+
left: 50%;
|
3452
|
+
top: 50%;
|
3453
|
+
min-width: 0.96rem ;
|
3454
|
+
height: 0.96rem ;
|
3455
|
+
line-height: 0.96rem ;
|
3456
|
+
transform: translate(-50%, -50%);
|
3457
|
+
text-align: center;
|
3458
|
+
padding: 0 0.16rem ;
|
3459
|
+
font-size: 0.48rem ;
|
3460
|
+
border-radius: 0.08rem ;
|
3461
|
+
}
|
3462
|
+
|
3463
|
+
.arco-keyboard {
|
3464
|
+
background: #f2f3f5 ;
|
3465
|
+
padding: 0.16rem ;
|
3466
|
+
-webkit-touch-callout: none;
|
3467
|
+
/* iOS Safari */
|
3468
|
+
-webkit-user-select: none;
|
3469
|
+
/* Chrome/Safari/Opera */
|
3470
|
+
/* Konqueror */
|
3471
|
+
-moz-user-select: none;
|
3472
|
+
/* Firefox */
|
3473
|
+
/* Internet Explorer/Edge */
|
3474
|
+
user-select: none;
|
3475
|
+
/* Non-prefixed version, currently*/
|
3476
|
+
}
|
3477
|
+
.arco-keyboard-wrapper {
|
3478
|
+
display: flex;
|
3479
|
+
}
|
3480
|
+
.arco-keyboard-key-wrapper {
|
3481
|
+
flex: 2 0 auto;
|
3482
|
+
}
|
3483
|
+
.arco-keyboard-row {
|
3484
|
+
display: flex;
|
3485
|
+
}
|
3486
|
+
.arco-keyboard-row:not(.arco-keyboard-row:nth-last-child(1)) {
|
3487
|
+
margin-bottom: 0.16rem ;
|
3488
|
+
}
|
3489
|
+
.arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:nth-child(1)) {
|
3490
|
+
margin-left: 0.16rem ;
|
3491
|
+
}
|
3492
|
+
.arco-keyboard-row .arco-keyboard-key-special {
|
3493
|
+
flex: 2.1 0 auto;
|
3494
|
+
}
|
3495
|
+
.arco-keyboard-col {
|
3496
|
+
flex: 1;
|
3497
|
+
display: flex;
|
3498
|
+
flex-direction: column;
|
3499
|
+
margin-left: 0.16rem ;
|
3500
|
+
}
|
3501
|
+
.arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:nth-child(1)) {
|
3502
|
+
margin-top: 0.16rem ;
|
3503
|
+
}
|
3504
|
+
.arco-keyboard-col .arco-keyboard-key-confirm {
|
3505
|
+
flex: 2.5 0 auto;
|
3506
|
+
background: #165dff ;
|
3507
|
+
color: #ffffff ;
|
3508
|
+
font-size: 0.36rem ;
|
3509
|
+
}
|
3510
|
+
.arco-keyboard-key {
|
3511
|
+
display: flex;
|
3512
|
+
align-items: center;
|
3513
|
+
justify-content: center;
|
3514
|
+
flex: 1;
|
3515
|
+
font-weight: 500 ;
|
3516
|
+
font-size: 0.44rem ;
|
3517
|
+
line-height: 0.6rem ;
|
3518
|
+
background: #ffffff ;
|
3519
|
+
height: 0.96rem ;
|
3520
|
+
border-radius: 0.08rem ;
|
3521
|
+
color: #1d2129 ;
|
3522
|
+
}
|
3523
|
+
.arco-keyboard-key:active {
|
3524
|
+
background: #e5e6eb ;
|
3525
|
+
}
|
3526
|
+
.arco-keyboard-key .arco-icon {
|
3527
|
+
font-size: 0.52rem ;
|
3528
|
+
}
|
3529
|
+
.arco-keyboard-popup {
|
3530
|
+
display: none;
|
3531
|
+
}
|
3532
|
+
|
3318
3533
|
.arco-load-more {
|
3319
3534
|
text-align: center;
|
3320
3535
|
font-size: 0.28rem ;
|
@@ -4651,7 +4866,6 @@ samp {
|
|
4651
4866
|
padding-left: 0.4rem ;
|
4652
4867
|
}
|
4653
4868
|
|
4654
|
-
|
4655
4869
|
.arco-swipe-action {
|
4656
4870
|
position: relative;
|
4657
4871
|
transition: transform 0s;
|