@arco-design/mobile-react 2.32.0 → 2.34.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 +36 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +2 -0
- package/cjs/avatar/index.js +3 -1
- package/cjs/avatar/type.d.ts +6 -0
- package/cjs/carousel/index.js +18 -1
- package/cjs/divider/style/css/index.css +6 -4
- package/cjs/divider/style/index.less +3 -1
- package/cjs/notice-bar/index.js +11 -8
- package/cjs/popover/popover-inner.js +9 -2
- package/cjs/steps/index.d.ts +1 -1
- package/cjs/steps/index.js +6 -1
- package/cjs/steps/style/css/index.css +42 -4
- package/cjs/steps/style/index.less +58 -6
- package/cjs/steps/type.d.ts +5 -0
- package/dist/index.js +77 -41
- package/dist/index.min.js +2 -2
- package/dist/style.css +32 -7
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +2 -0
- package/esm/avatar/index.js +3 -1
- package/esm/avatar/type.d.ts +6 -0
- package/esm/carousel/index.js +18 -1
- package/esm/divider/style/css/index.css +6 -4
- package/esm/divider/style/index.less +3 -1
- package/esm/notice-bar/index.js +12 -9
- package/esm/popover/popover-inner.js +9 -2
- package/esm/steps/index.d.ts +1 -1
- package/esm/steps/index.js +7 -2
- package/esm/steps/style/css/index.css +42 -4
- package/esm/steps/style/index.less +58 -6
- package/esm/steps/type.d.ts +5 -0
- package/esnext/_helpers/hooks.js +6 -2
- package/esnext/avatar/index.js +2 -2
- package/esnext/avatar/type.d.ts +6 -0
- package/esnext/carousel/index.js +13 -4
- package/esnext/divider/style/css/index.css +6 -4
- package/esnext/divider/style/index.less +3 -1
- package/esnext/notice-bar/index.js +6 -6
- package/esnext/popover/popover-inner.js +7 -2
- package/esnext/steps/index.d.ts +1 -1
- package/esnext/steps/index.js +6 -3
- package/esnext/steps/style/css/index.css +42 -4
- package/esnext/steps/style/index.less +58 -6
- package/esnext/steps/type.d.ts +5 -0
- package/package.json +3 -3
- package/umd/_helpers/hooks.js +2 -0
- package/umd/avatar/index.js +3 -1
- package/umd/avatar/type.d.ts +6 -0
- package/umd/carousel/index.js +18 -1
- package/umd/divider/style/css/index.css +6 -4
- package/umd/divider/style/index.less +3 -1
- package/umd/notice-bar/index.js +11 -8
- package/umd/popover/popover-inner.js +9 -2
- package/umd/steps/index.d.ts +1 -1
- package/umd/steps/index.js +6 -1
- package/umd/steps/style/css/index.css +42 -4
- package/umd/steps/style/index.less +58 -6
- package/umd/steps/type.d.ts +5 -0
package/dist/style.css
CHANGED
|
@@ -2544,6 +2544,9 @@ samp {
|
|
|
2544
2544
|
display: flex;
|
|
2545
2545
|
padding: 0.32rem 0 ;
|
|
2546
2546
|
}
|
|
2547
|
+
.arco-steps.reverse-order {
|
|
2548
|
+
flex-direction: row-reverse;
|
|
2549
|
+
}
|
|
2547
2550
|
.arco-steps-item {
|
|
2548
2551
|
position: relative;
|
|
2549
2552
|
display: flex;
|
|
@@ -2565,6 +2568,14 @@ samp {
|
|
|
2565
2568
|
.arco-steps-item:last-child .arco-steps-item-tail::after {
|
|
2566
2569
|
visibility: hidden;
|
|
2567
2570
|
}
|
|
2571
|
+
.reverse-order .arco-steps-item:first-child .arco-steps-item-tail::after,
|
|
2572
|
+
.reverse-order .arco-steps-item:last-child .arco-steps-item-tail::before {
|
|
2573
|
+
visibility: hidden;
|
|
2574
|
+
}
|
|
2575
|
+
.reverse-order .arco-steps-item:first-child .arco-steps-item-tail::before,
|
|
2576
|
+
.reverse-order .arco-steps-item:last-child .arco-steps-item-tail::after {
|
|
2577
|
+
visibility: visible;
|
|
2578
|
+
}
|
|
2568
2579
|
.arco-steps-item-tail {
|
|
2569
2580
|
position: absolute;
|
|
2570
2581
|
display: flex;
|
|
@@ -2588,13 +2599,13 @@ samp {
|
|
|
2588
2599
|
right: 9PX ;
|
|
2589
2600
|
}
|
|
2590
2601
|
.horizontal .arco-steps-item-tail-align-start::after {
|
|
2591
|
-
content:
|
|
2602
|
+
content: '';
|
|
2592
2603
|
width: 100%;
|
|
2593
2604
|
border-radius: 2PX ;
|
|
2594
2605
|
}
|
|
2595
2606
|
.horizontal .arco-steps-item-tail-align-center::before,
|
|
2596
2607
|
.horizontal .arco-steps-item-tail-align-center::after {
|
|
2597
|
-
content:
|
|
2608
|
+
content: '';
|
|
2598
2609
|
width: 50%;
|
|
2599
2610
|
}
|
|
2600
2611
|
.horizontal .arco-steps-item-tail-align-center::before {
|
|
@@ -2645,13 +2656,13 @@ samp {
|
|
|
2645
2656
|
padding: 14PX 0 ;
|
|
2646
2657
|
}
|
|
2647
2658
|
.vertical .arco-steps-item-tail-align-start::after {
|
|
2648
|
-
content:
|
|
2659
|
+
content: '';
|
|
2649
2660
|
height: 100%;
|
|
2650
2661
|
border-radius: 2PX ;
|
|
2651
2662
|
}
|
|
2652
2663
|
.vertical .arco-steps-item-tail-align-center::before,
|
|
2653
2664
|
.vertical .arco-steps-item-tail-align-center::after {
|
|
2654
|
-
content:
|
|
2665
|
+
content: '';
|
|
2655
2666
|
height: 50%;
|
|
2656
2667
|
}
|
|
2657
2668
|
.vertical .arco-steps-item-tail-align-center::before {
|
|
@@ -2675,6 +2686,15 @@ samp {
|
|
|
2675
2686
|
.arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::before {
|
|
2676
2687
|
background: #165DFF ;
|
|
2677
2688
|
}
|
|
2689
|
+
.reverse-order .arco-steps-item-tail-status-finish::before,
|
|
2690
|
+
.reverse-order .arco-steps-item-tail-status-process::after,
|
|
2691
|
+
.reverse-order .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::after {
|
|
2692
|
+
background: #165DFF ;
|
|
2693
|
+
}
|
|
2694
|
+
.reverse-order .arco-steps-item-tail-status-process::before,
|
|
2695
|
+
.reverse-order .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::before {
|
|
2696
|
+
background: #e5e6eb ;
|
|
2697
|
+
}
|
|
2678
2698
|
.arco-steps-item-custom-icon,
|
|
2679
2699
|
.arco-steps-item-icon {
|
|
2680
2700
|
display: inline-flex;
|
|
@@ -2793,6 +2813,9 @@ samp {
|
|
|
2793
2813
|
padding-bottom: 0 ;
|
|
2794
2814
|
padding-left: 0.4rem ;
|
|
2795
2815
|
}
|
|
2816
|
+
.arco-steps.vertical.reverse-order {
|
|
2817
|
+
flex-direction: column-reverse;
|
|
2818
|
+
}
|
|
2796
2819
|
[dir="rtl"] .arco-steps.vertical {
|
|
2797
2820
|
padding-left: initial;
|
|
2798
2821
|
padding-right: 0.4rem ;
|
|
@@ -15293,9 +15316,11 @@ samp {
|
|
|
15293
15316
|
.arco-divider::before {
|
|
15294
15317
|
content: '';
|
|
15295
15318
|
}
|
|
15296
|
-
|
|
15297
|
-
.arco-divider--hairline::
|
|
15298
|
-
|
|
15319
|
+
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
|
|
15320
|
+
.arco-divider--hairline::before,
|
|
15321
|
+
.arco-divider--hairline::after {
|
|
15322
|
+
transform: scaleY(0.5);
|
|
15323
|
+
}
|
|
15299
15324
|
}
|
|
15300
15325
|
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
|
|
15301
15326
|
.arco-divider--hairline::before,
|