@arco-design/mobile-react 2.30.4 → 2.30.5

package/dist/style.css

@@ -13018,10 +13018,18 @@ samp {
   left: 0;
   color:  #165DFF ;
 }
+[dir="rtl"] .arco-picker-header-btn.left {
+  left: initial;
+  right: 0;
+}
 .arco-picker-header-btn.right {
   right: 0;
   color:  #165DFF ;
 }
+[dir="rtl"] .arco-picker-header-btn.right {
+  right: initial;
+  left: 0;
+}
 
 /**
  * @type mixin-var
@@ -14141,6 +14149,10 @@ samp {
 .arco-dialog-body.left {
   text-align: left;
 }
+[dir="rtl"] .arco-dialog-header.left,
+[dir="rtl"] .arco-dialog-body.left {
+  text-align: right;
+}
 .arco-dialog-header.center,
 .arco-dialog-body.center {
   text-align: center;
@@ -14149,6 +14161,10 @@ samp {
 .arco-dialog-body.right {
   text-align: right;
 }
+[dir="rtl"] .arco-dialog-header.right,
+[dir="rtl"] .arco-dialog-body.right {
+  text-align: left;
+}
 .arco-dialog-header.android,
 .arco-dialog-body.sub-title.android {
   padding-top:  0.4rem ;
@@ -14173,6 +14189,9 @@ samp {
   justify-content: flex-end;
   text-align: right;
 }
+[dir="rtl"] .arco-dialog-footer.android {
+  text-align: left;
+}
 .arco-dialog-footer.android .dialog-footer-button {
   color:  #1a74ff ;
   font-size:  0.3rem ;
@@ -14181,6 +14200,10 @@ samp {
 .arco-dialog-footer.android .dialog-footer-button:not(:last-child) {
   margin-right:  0.56rem ;
 }
+[dir="rtl"] .arco-dialog-footer.android .dialog-footer-button:not(:last-child) {
+  margin-right: initial;
+  margin-left:  0.56rem ;
+}
 .arco-dialog-footer.ios {
   overflow: hidden;
 }
@@ -14265,6 +14288,44 @@ samp {
     border-radius: 0;
   }
 }
+[dir='rtl'] .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child) {
+  position: relative;
+  border-width: 0;
+}
+[dir='rtl'] .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::before {
+  content: '';
+  width: 1PX;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+  border-left-style: solid;
+  border-left-width: 1PX;
+  border-left-color: #e5e6eb;
+  box-sizing: border-box;
+  transform-origin: left top;
+  -webkit-transform-origin: left top;
+  pointer-events: none;
+  border-radius: 0;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
+  [dir='rtl'] .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::before {
+    transform: scaleX(0.5);
+    -webkit-transform: scaleX(0.5);
+    border-radius: 0;
+  }
+}
+@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
+  [dir='rtl'] .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::before {
+    transform: scaleX(0.33333333);
+    -webkit-transform: scaleX(0.33333333);
+    border-radius: 0;
+  }
+}
+[dir='rtl'] .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::after {
+  display: none;
+}
 .arco-dialog-footer.ios.collapsed {
   flex-direction: column;
 }
@@ -19523,6 +19584,10 @@ samp {
   display: flex;
   align-items: center;
 }
+[dir="rtl"] .arco-index-bar-group-title {
+  padding-left: initial;
+  padding-right:  0.32rem ;
+}
 .arco-index-bar-group-item {
   height:  1.08rem ;
   display: flex;
@@ -19530,6 +19595,10 @@ samp {
   margin-left:  0.32rem ;
   font-size:  0.32rem ;
 }
+[dir="rtl"] .arco-index-bar-group-item {
+  margin-left: initial;
+  margin-right:  0.32rem ;
+}
 .arco-index-bar-group-item:not(:last-child) {
   position: relative;
   border-width: 0;
@@ -19575,9 +19644,13 @@ samp {
      -moz-user-select: none;
           user-select: none;
 }
-.arco-index-bar-sidebar-touching {
+[dir="rtl"] .arco-index-bar-sidebar {
+  right: initial;
   left: 0;
 }
+.arco-index-bar-sidebar-touching {
+  width: 100%;
+}
 .arco-index-bar-sidebar-item {
   display: flex;
   justify-content: flex-end;
@@ -19608,25 +19681,36 @@ samp {
   border-radius: 9999px;
   text-align: center;
   padding:  0 0.16rem ;
-  background:  rgba(0, 0, 0, 0.8) ;
+  background:  #333333 ;
   right:  0.72rem ;
   font-size:  0.48rem ;
   color:  #FFFFFF ;
 }
+[dir="rtl"] .arco-index-bar-sidebar-sweat {
+  right: initial;
+  left:  0.72rem ;
+}
 .arco-index-bar-sidebar-sweat::before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
-  right:  -0.54rem ;
+  right:  -0.56rem ;
   width: 0;
   height: 0;
   border:  0.36rem solid transparent ;
-  border: 18px solid transparent;
-  border-left-color:  rgba(0, 0, 0, 0.8) ;
+  border-left-color:  #333333 ;
   border-radius: 4px;
 }
+[dir="rtl"] .arco-index-bar-sidebar-sweat::before {
+  right: initial;
+  left:  -0.56rem ;
+}
+[dir="rtl"] .arco-index-bar-sidebar-sweat::before {
+  border-left-color: initial;
+  border-right-color:  #333333 ;
+}
 .arco-index-bar-sidebar-toast {
   position: absolute;
   background:  rgba(0, 0, 0, 0.8) ;
@@ -23646,6 +23730,10 @@ samp {
   justify-content: flex-end;
   margin-right:  0.48rem ;
 }
+[dir="rtl"] .arco-pagination-prev-field.flex-center {
+  margin-right: initial;
+  margin-left:  0.48rem ;
+}
 .arco-pagination-next-field {
   justify-content: flex-end;
 }
@@ -23653,6 +23741,10 @@ samp {
   justify-content: flex-start;
   margin-left:  0.48rem ;
 }
+[dir="rtl"] .arco-pagination-next-field.flex-center {
+  margin-left: initial;
+  margin-right:  0.48rem ;
+}
 .arco-pagination-field {
   cursor: pointer;
   text-align: center;
@@ -23678,9 +23770,15 @@ samp {
   display: inline-flex;
   align-items: center;
 }
+[dir="rtl"] .arco-pagination-field .btn-icon {
+  transform: scaleX(-1);
+}
 .arco-pagination-field .btn-icon.next {
   transform: rotateY(180deg);
 }
+[dir="rtl"] .arco-pagination-field .btn-icon.next {
+  transform: none;
+}
 .arco-pagination-field.button {
   padding:  0.12rem 0.32rem ;
   border-radius:  0.04rem ;
@@ -23697,13 +23795,12 @@ samp {
 }
 .arco-pagination-field.button .btn-icon + .btn-text,
 .arco-pagination-field.button .btn-text + .btn-icon {
-  margin-left:  0.16rem ;
-}
-.arco-pagination-field.button .btn-icon:first-child {
-  margin-left:  -0.06rem ;
+  margin-left:  0.22rem ;
 }
-.arco-pagination-field.button .btn-icon:last-child {
-  margin-right:  -0.06rem ;
+[dir="rtl"] .arco-pagination-field.button .btn-icon + .btn-text,
+[dir="rtl"] .arco-pagination-field.button .btn-text + .btn-icon {
+  margin-left: initial;
+  margin-right:  0.22rem ;
 }
 .arco-pagination.android .arco-pagination-field.button .btn-text {
   padding-top: 0.04rem;
@@ -25572,6 +25669,10 @@ samp {
   left: 0;
   z-index: 1001;
 }
+[dir="rtl"] .arco-progress.progress-fixed {
+  left: initial;
+  right: 0;
+}
 .arco-progress .progress-wrapper {
   position: relative;
   width: 100%;
@@ -25603,6 +25704,10 @@ samp {
   top: 50%;
   transform: translateY(-50%);
 }
+[dir="rtl"] .arco-progress .progress-wrapper .progress-bar .wrapper {
+  right: initial;
+  left: 0;
+}
 .arco-progress .progress-wrapper .filleted {
   border-radius: 100PX;
 }
@@ -25611,10 +25716,22 @@ samp {
   margin-left:  0.16rem ;
   color:  #165DFF ;
 }
+[dir="rtl"] .arco-progress .progress-wrapper .text {
+  margin-left: initial;
+  margin-right:  0.16rem ;
+}
 .arco-progress .progress-wrapper .text-left {
   margin-left: 0;
   margin-right:  0.16rem ;
 }
+[dir="rtl"] .arco-progress .progress-wrapper .text-left {
+  margin-left: initial;
+  margin-right: 0;
+}
+[dir="rtl"] .arco-progress .progress-wrapper .text-left {
+  margin-right: initial;
+  margin-left:  0.16rem ;
+}
 .arco-progress .progress-wrapper .text-innerLeft {
   position: absolute;
   z-index: 1;
@@ -27867,9 +27984,15 @@ samp {
 .arco-search-bar-input-left {
   text-align: left;
 }
+[dir="rtl"] .arco-search-bar-input-left {
+  text-align: right;
+}
 .arco-search-bar-input-right {
   text-align: right;
 }
+[dir="rtl"] .arco-search-bar-input-right {
+  text-align: left;
+}
 .arco-search-bar-input-center {
   text-align: center;
 }
@@ -27893,11 +28016,19 @@ samp {
 .arco-search-bar-prefix {
   margin-right:  0.18rem ;
 }
+[dir="rtl"] .arco-search-bar-prefix {
+  margin-right: initial;
+  margin-left:  0.18rem ;
+}
 .arco-search-bar-clear {
   color:  #c9cdd4 ;
   font-size:  16PX ;
   padding-left:  0.32rem ;
 }
+[dir="rtl"] .arco-search-bar-clear {
+  padding-left: initial;
+  padding-right:  0.32rem ;
+}
 .arco-search-bar-search-icon {
   color:  #86909c ;
   font-size:  0.32rem ;
@@ -27907,6 +28038,10 @@ samp {
   color:  #165DFF ;
   font-size:  0.3rem ;
 }
+[dir="rtl"] .arco-search-bar-cancel-btn {
+  margin-left: initial;
+  margin-right:  0.32rem ;
+}
 .arco-search-bar-association {
   position: absolute;
   left: 0;