@arco-design/mobile-react 2.19.1 → 2.21.0

package/cjs/button/style/css/index.css

@@ -6,8 +6,8 @@
   display: block;
   width: 100%;
   box-sizing: border-box;
+  line-height:  1.2 ;
   border-radius:  2PX ;
-  border: 1PX solid #165dff ;
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
@@ -18,414 +18,180 @@
   user-select: none;
   /* Non-prefixed version, currently*/
 }
-.arco-button.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #165dff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #165dff inset;
-  }
-}
-.ios .arco-button.half-border:not(.has-custom-border),
-.arco-button.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #165dff;
-}
-.arco-button.inline {
+.arco-button-inline {
   width: auto;
   display: inline-block;
 }
-.arco-button.type-ghost {
-  border: 1PX solid transparent ;
+.arco-button-type-ghost {
   background:  transparent ;
   color:  #165dff ;
 }
-.arco-button.type-ghost.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX transparent inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX transparent inset;
-  }
-}
-.ios .arco-button.type-ghost.half-border:not(.has-custom-border),
-.arco-button.type-ghost.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid transparent;
-}
-.arco-button.type-ghost .bg-color-with-config {
+.arco-button-type-ghost .bg-color-with-config {
   background: #165dff;
 }
-.arco-button.type-ghost .stop-color-with-config {
+.arco-button-type-ghost .stop-color-with-config {
   stop-color: #165dff;
 }
-.arco-button.type-ghost .fill-color-with-config {
+.arco-button-type-ghost .fill-color-with-config {
   fill: #165dff;
 }
-.arco-button.type-ghost .stroke-color-with-config {
+.arco-button-type-ghost .stroke-color-with-config {
   stroke: #165dff;
 }
-.arco-button.type-ghost.disabled {
+.arco-button-type-ghost-disabled {
   background:  transparent ;
   color:  #94bfff ;
 }
-.arco-button.type-ghost.disabled.ios,
-.arco-button.type-ghost.disabled.android {
-  border-width: 0;
-  box-shadow: none;
-}
-.arco-button.type-ghost.active {
+.arco-button-type-ghost-active {
   background:  #e8f3ff ;
-  border: 1PX solid #e8f3ff ;
-}
-.arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #e8f3ff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #e8f3ff inset;
-  }
-}
-.ios .arco-button.type-ghost.active.half-border:not(.has-custom-border),
-.arco-button.type-ghost.active.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #e8f3ff;
-}
-.arco-button.type-ghost,
-.arco-button.type-ghost.active {
-  border: 1PX solid #165dff ;
 }
-.arco-button.type-ghost.half-border:not(.has-custom-border),
-.arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #165dff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.half-border:not(.has-custom-border),
-  .arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #165dff inset;
-  }
-}
-.ios .arco-button.type-ghost.half-border:not(.has-custom-border),
-.ios .arco-button.type-ghost.active.half-border:not(.has-custom-border),
-.arco-button.type-ghost.half-border:not(.has-custom-border).ios,
-.arco-button.type-ghost.active.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #165dff;
-}
-.arco-button.type-ghost.disabled.ios,
-.arco-button.type-ghost.disabled.android {
-  border: 1PX solid #94bfff ;
-}
-.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #94bfff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-  .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #94bfff inset;
-  }
-}
-.ios .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-.ios .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border),
-.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border).ios,
-.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #94bfff;
-}
-.arco-button.type-default {
-  border: 1PX solid #E8F3FF ;
+.arco-button-type-default {
   background:  #E8F3FF ;
   color:  #165dff ;
 }
-.arco-button.type-default.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #E8F3FF inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-default.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #E8F3FF inset;
-  }
-}
-.ios .arco-button.type-default.half-border:not(.has-custom-border),
-.arco-button.type-default.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #E8F3FF;
-}
-.arco-button.type-default .bg-color-with-config {
+.arco-button-type-default .bg-color-with-config {
   background: #165dff;
 }
-.arco-button.type-default .stop-color-with-config {
+.arco-button-type-default .stop-color-with-config {
   stop-color: #165dff;
 }
-.arco-button.type-default .fill-color-with-config {
+.arco-button-type-default .fill-color-with-config {
   fill: #165dff;
 }
-.arco-button.type-default .stroke-color-with-config {
+.arco-button-type-default .stroke-color-with-config {
   stroke: #165dff;
 }
-.arco-button.type-default.disabled {
+.arco-button-type-default-disabled {
   background:  #E8F3FF ;
   color:  #94bfff ;
 }
-.arco-button.type-default.disabled.ios,
-.arco-button.type-default.disabled.android {
-  border-width: 0;
-  box-shadow: none;
-}
-.arco-button.type-default.active {
+.arco-button-type-default-active {
   background:  #94bfff ;
-  border: 1PX solid #94bfff ;
-}
-.arco-button.type-default.active.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #94bfff inset;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-default.active.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #94bfff inset;
-  }
-}
-.ios .arco-button.type-default.active.half-border:not(.has-custom-border),
-.arco-button.type-default.active.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #94bfff;
-}
-.arco-button.type-ghost,
-.arco-button.type-ghost.active {
-  border: 1PX solid #165dff ;
-}
-.arco-button.type-ghost.half-border:not(.has-custom-border),
-.arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #165dff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.half-border:not(.has-custom-border),
-  .arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #165dff inset;
-  }
-}
-.ios .arco-button.type-ghost.half-border:not(.has-custom-border),
-.ios .arco-button.type-ghost.active.half-border:not(.has-custom-border),
-.arco-button.type-ghost.half-border:not(.has-custom-border).ios,
-.arco-button.type-ghost.active.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #165dff;
-}
-.arco-button.type-ghost.disabled.ios,
-.arco-button.type-ghost.disabled.android {
-  border: 1PX solid #94bfff ;
-}
-.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #94bfff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-  .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #94bfff inset;
-  }
-}
-.ios .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-.ios .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border),
-.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border).ios,
-.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #94bfff;
-}
-.arco-button.type-primary {
-  border: 1PX solid #165dff ;
+.arco-button-type-primary {
   background:  #165dff ;
   color:  #fff ;
 }
-.arco-button.type-primary.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #165dff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-primary.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #165dff inset;
-  }
-}
-.ios .arco-button.type-primary.half-border:not(.has-custom-border),
-.arco-button.type-primary.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #165dff;
-}
-.arco-button.type-primary .bg-color-with-config {
+.arco-button-type-primary .bg-color-with-config {
   background: #fff;
 }
-.arco-button.type-primary .stop-color-with-config {
+.arco-button-type-primary .stop-color-with-config {
   stop-color: #fff;
 }
-.arco-button.type-primary .fill-color-with-config {
+.arco-button-type-primary .fill-color-with-config {
   fill: #fff;
 }
-.arco-button.type-primary .stroke-color-with-config {
+.arco-button-type-primary .stroke-color-with-config {
   stroke: #fff;
 }
-.arco-button.type-primary.disabled {
+.arco-button-type-primary-disabled {
   background:  #94bfff ;
   color:  #E8F3FF ;
 }
-.arco-button.type-primary.disabled.ios,
-.arco-button.type-primary.disabled.android {
-  border-width: 0;
-  box-shadow: none;
-}
-.arco-button.type-primary.active {
+.arco-button-type-primary-active {
   background:  #0E42D2 ;
-  border: 1PX solid #0E42D2 ;
-}
-.arco-button.type-primary.active.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #0E42D2 inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-primary.active.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #0E42D2 inset;
-  }
-}
-.ios .arco-button.type-primary.active.half-border:not(.has-custom-border),
-.arco-button.type-primary.active.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #0E42D2;
-}
-.arco-button.type-ghost,
-.arco-button.type-ghost.active {
-  border: 1PX solid #165dff ;
-}
-.arco-button.type-ghost.half-border:not(.has-custom-border),
-.arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-  border-width: 0;
-  box-shadow: 0 0 0 1PX #165dff inset;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.half-border:not(.has-custom-border),
-  .arco-button.type-ghost.active.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #165dff inset;
-  }
-}
-.ios .arco-button.type-ghost.half-border:not(.has-custom-border),
-.ios .arco-button.type-ghost.active.half-border:not(.has-custom-border),
-.arco-button.type-ghost.half-border:not(.has-custom-border).ios,
-.arco-button.type-ghost.active.half-border:not(.has-custom-border).ios {
-  box-shadow: none;
-  border: 0.5PX solid #165dff;
 }
-.arco-button.type-ghost.disabled.ios,
-.arco-button.type-ghost.disabled.android {
-  border: 1PX solid #94bfff ;
+.arco-button-type-ghost {
+  border: 1PX solid currentColor;
 }
-.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border) {
+.arco-button-type-ghost.half-border {
   border-width: 0;
-  box-shadow: 0 0 0 1PX #94bfff inset;
+  box-shadow: 0 0 0 1PX currentColor inset;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-  .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border) {
-    box-shadow: 0 0 0 0.5PX #94bfff inset;
+  .arco-button-type-ghost.half-border {
+    box-shadow: 0 0 0 0.5PX currentColor inset;
   }
 }
-.ios .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border),
-.ios .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border),
-.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border).ios,
-.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border).ios {
+.ios .arco-button-type-ghost.half-border,
+.arco-button-type-ghost.half-border.ios {
   box-shadow: none;
-  border: 0.5PX solid #94bfff;
+  border: 0.5PX solid currentColor;
 }
-.arco-button.size-mini {
+.arco-button-size-mini {
   padding:  0 0.16rem ;
   height:  0.48rem ;
 }
-.arco-button.size-mini.is-round {
+.arco-button-size-mini-is-round {
   border-radius:  0.48rem ;
 }
-.arco-button.size-mini.is-square {
+.arco-button-size-mini-is-square {
   border-radius: 0;
 }
-.arco-button.size-mini .btn-icon,
-.arco-button.size-mini i,
-.arco-button.size-mini .btn-text,
-.arco-button.size-mini svg {
+.arco-button-size-mini .arco-button-icon,
+.arco-button-size-mini i,
+.arco-button-size-mini .arco-button-text,
+.arco-button-size-mini svg {
   font-size:  0.24rem ;
 }
-.arco-button.size-small {
+.arco-button-size-small {
   padding:  0 0.16rem ;
   height:  0.56rem ;
 }
-.arco-button.size-small.is-round {
+.arco-button-size-small-is-round {
   border-radius:  0.56rem ;
 }
-.arco-button.size-small.is-square {
+.arco-button-size-small-is-square {
   border-radius: 0;
 }
-.arco-button.size-small .btn-icon,
-.arco-button.size-small i,
-.arco-button.size-small .btn-text,
-.arco-button.size-small svg {
+.arco-button-size-small .arco-button-icon,
+.arco-button-size-small i,
+.arco-button-size-small .arco-button-text,
+.arco-button-size-small svg {
   font-size:  0.28rem ;
 }
-.arco-button.size-medium {
+.arco-button-size-medium {
   padding:  0 0.32rem ;
   height:  0.64rem ;
 }
-.arco-button.size-medium.is-round {
+.arco-button-size-medium-is-round {
   border-radius:  0.64rem ;
 }
-.arco-button.size-medium.is-square {
+.arco-button-size-medium-is-square {
   border-radius: 0;
 }
-.arco-button.size-medium .btn-icon,
-.arco-button.size-medium i,
-.arco-button.size-medium .btn-text,
-.arco-button.size-medium svg {
+.arco-button-size-medium .arco-button-icon,
+.arco-button-size-medium i,
+.arco-button-size-medium .arco-button-text,
+.arco-button-size-medium svg {
   font-size:  0.28rem ;
 }
-.arco-button.size-large {
+.arco-button-size-large {
   padding:  0 0.32rem ;
   height:  0.72rem ;
 }
-.arco-button.size-large.is-round {
+.arco-button-size-large-is-round {
   border-radius:  0.72rem ;
 }
-.arco-button.size-large.is-square {
+.arco-button-size-large-is-square {
   border-radius: 0;
 }
-.arco-button.size-large .btn-icon,
-.arco-button.size-large i,
-.arco-button.size-large .btn-text,
-.arco-button.size-large svg {
+.arco-button-size-large .arco-button-icon,
+.arco-button-size-large i,
+.arco-button-size-large .arco-button-text,
+.arco-button-size-large svg {
   font-size:  0.3rem ;
 }
-.arco-button.size-huge {
+.arco-button-size-huge {
   padding:  0 0.32rem ;
   height:  0.88rem ;
 }
-.arco-button.size-huge.is-round {
+.arco-button-size-huge-is-round {
   border-radius:  0.88rem ;
 }
-.arco-button.size-huge.is-square {
+.arco-button-size-huge-is-square {
   border-radius: 0;
 }
-.arco-button.size-huge .btn-icon,
-.arco-button.size-huge i,
-.arco-button.size-huge .btn-text,
-.arco-button.size-huge svg {
+.arco-button-size-huge .arco-button-icon,
+.arco-button-size-huge i,
+.arco-button-size-huge .arco-button-text,
+.arco-button-size-huge svg {
   font-size:  0.32rem ;
 }
-.arco-button.android .btn-text {
+.arco-button-text-android {
   padding-top: 0.04rem;
 }
-.arco-button .btn-icon {
+.arco-button-icon {
   vertical-align: middle;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -437,18 +203,17 @@
   -webkit-justify-content: center;
           justify-content: center;
 }
-.arco-button .btn-text {
-  font-size: 0.3rem;
+.arco-button-text {
   display: inline-block;
   vertical-align: middle;
 }
-.arco-button .btn-text.has-icon {
-  margin-left: 0.08rem;
+.arco-button-text-has-icon {
+  margin-left:  0.08rem ;
 }
-.arco-button .loading-icon {
+.arco-button-loading-icon {
   display: inline-block;
   vertical-align: middle;
 }
-.arco-button .loading-icon + .btn-text {
-  margin-left: 0.16rem;
+.arco-button.has-custom-border {
+  border: 1PX solid;
 }

package/cjs/button/style/index.less

@@ -6,21 +6,29 @@
 
 .button-has-border(@color) {
     .use-var(border, @color, 1PX solid);
-    &.half-border:not(.has-custom-border) {
+    &.half-border {
         border-width: 0;
         .hairline-var(@color);
     }
 }
 
+.button-has-border-value(@value) {
+    border: 1PX solid @value;
+    &.half-border {
+        border-width: 0;
+        .hairline(@value);
+    }
+}
+
 .button-no-border() {
     border-width: 0;
     box-shadow: none;
 }
 
 .button-text-size(@font-size) {
-    .btn-icon,
+    .@{prefix}-button-icon,
     i,
-    .btn-text,
+    .@{prefix}-button-text,
     svg {
         .use-var(font-size, @font-size);
     }
@@ -28,10 +36,10 @@
 
 .button-size-height(@height) {
     .use-var(height, @height);
-    &.is-round {
+    &-is-round {
         .use-var(border-radius, @height);
     }
-    &.is-square {
+    &-is-square {
         .rem(border-radius, 0);
     }
 }
@@ -44,45 +52,48 @@
     display: block;
     width: 100%;
     box-sizing: border-box;
+    .use-var(line-height, button-line-height);
     .use-var(border-radius, button-radius);
-    .button-has-border(button-border-color);
     .noselect();
 
-    &.inline {
+    &-inline {
         width: auto;
         display: inline-block;
     }
 
     .set-button-type(length(@type-map));
 
+    &-type-ghost {
+        .button-has-border-value(currentColor);
+    }
+
     .set-button-size(length(@size-map));
 
-    &.android .btn-text {
+    &-text-android {
         .rem(padding-top, 2);
     }
 
-    .btn-icon {
+    &-icon {
         vertical-align: middle;
         display: inline-flex;
         align-items: center;
         justify-content: center;
     }
-    .btn-text {
-        .rem(font-size, 15);
+    &-text {
         display: inline-block;
         vertical-align: middle;
     }
-    .btn-text.has-icon {
-        .rem(margin-left, 4);
+    &-text-has-icon {
+        .use-var(margin-left, button-icon-text-gutter);
     }
 
-    .loading-icon {
+    &-loading-icon {
         display: inline-block;
         vertical-align: middle;
+    }
 
-        & + .btn-text {
-            .rem(margin-left, 8);
-        }
+    &.has-custom-border {
+        border: 1PX solid;
     }
 }
 
@@ -90,33 +101,16 @@
 .set-button-type(@index) when (@index > 0) {
     @type: extract(@type-map, @index);
 
-    &.type-@{type} {
-        .button-has-border('button-@{type}-background');
+    &-type-@{type} {
         .use-var(background, 'button-@{type}-background');
         .use-var(color, 'button-@{type}-text-color');
         .set-loading-color-var('button-@{type}-text-color');
-        &.disabled {
-            &.ios,
-            &.android {
-                .button-no-border();
-            }
+        &-disabled {
             .use-var(background, 'button-@{type}-disabled-background');
             .use-var(color, 'button-@{type}-disabled-text-color')
         }
-        &.active {
+        &-active {
             .use-var(background, 'button-@{type}-clicked-background');
-            .button-has-border('button-@{type}-clicked-background');
-        }
-    }
-
-    &.type-ghost {
-        &, &.active {
-            .button-has-border(button-ghost-text-color);
-        }
-        &.disabled {
-            &.ios, &.android {
-                .button-has-border(button-ghost-disabled-text-color);
-            }
         }
     }
 
@@ -126,7 +120,7 @@
 .set-button-size(@index) when (@index > 0) {
     @size: extract(@size-map, @index);
 
-    &.size-@{size} {
+    &-size-@{size} {
         .use-var(padding, "button-@{size}-padding");
         .button-size-height("button-@{size}-height");
         .button-text-size("button-@{size}-text-size");

package/cjs/carousel/index.d.ts

@@ -357,7 +357,7 @@ export interface CarouselRef {
 /**
  * 轮播组件，支持自定义轮播索引样式及滑块宽度。**需要注意的是，如果正使用`fastclick`，需要为 touchstart 的 target 添加`needsclick`类**（<a href="https://github.com/ftlabs/fastclick#ignore-certain-elements-with-needsclick" target="_blank">详情戳这里</a>），以规避`fastclick`逻辑与组件内部的手势冲突。（如果使用了`list`属性则无需额外添加）
  * @en Carousel component, supports custom carousel index style and slider width. **Note that if you are using `fastclick`, you need to add a `needsclick` class to the touchstart target ** (<a href="https://github.com/ftlabs/fastclick#ignore-certain-elements- with-needsclick" target="_blank">click here for details</a>) to avoid `fastclick` logic conflicts with gestures inside the component. (no need to add if `list` is set)
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 轮播图
  * @name_en Carousel

package/cjs/carousel/index.js

@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * 轮播组件，支持自定义轮播索引样式及滑块宽度。**需要注意的是，如果正使用`fastclick`，需要为 touchstart 的 target 添加`needsclick`类**（<a href="https://github.com/ftlabs/fastclick#ignore-certain-elements-with-needsclick" target="_blank">详情戳这里</a>），以规避`fastclick`逻辑与组件内部的手势冲突。（如果使用了`list`属性则无需额外添加）
  * @en Carousel component, supports custom carousel index style and slider width. **Note that if you are using `fastclick`, you need to add a `needsclick` class to the touchstart target ** (<a href="https://github.com/ftlabs/fastclick#ignore-certain-elements- with-needsclick" target="_blank">click here for details</a>) to avoid `fastclick` logic conflicts with gestures inside the component. (no need to add if `list` is set)
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 轮播图
  * @name_en Carousel