fix(rate): 评分组件支持无障碍滑动

src/common/style/utilities/_index.less

@@ -51,3 +51,17 @@
     transform: scaleX(0.5);
   }
 }
+
+.sr-only() {
+  &--sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    clip-path: inset(50%);
+    border: 0;
+  }
+}

src/rate/_example/special/index.wxml

@@ -1,6 +1,6 @@
 <view class="demo-rate">
   <view class="rate-wrapper">
-    <t-rate value="{{value}}" size="30" bind:change="onChange" />
+    <t-rate value="{{value}}" size="30" bind:change="onChange" texts="{{texts}}" />
   </view>
   <view class="desc desc--{{value > 3 ? 'active' : ''}}">{{texts[value - 1]}}</view>
 </view>

src/rate/rate.less

@@ -61,6 +61,7 @@
       color: @rate-text-active-color;
       font-weight: @rate-text-active-font-weight;
     }
+    .sr-only();
   }
 
   &__tips {

src/rate/rate.ts

@@ -27,6 +27,7 @@ export default class Rate extends SuperComponent {
     tipsLeft: 0,
     actionType: '',
     scaleIndex: -1,
+    isVisibleToScreenReader: false,
   };
 
   methods = {
@@ -69,6 +70,14 @@ export default class Rate extends SuperComponent {
     },
     onTouchMove(e: WechatMiniprogram.TouchEvent) {
       this.onTouch(e, 'move');
+      this.setData({
+        isVisibleToScreenReader: true,
+      });
+      setTimeout(() => {
+        this.setData({
+          isVisibleToScreenReader: false,
+        });
+      }, 2e3);
     },
     onTouchEnd() {
       if (this.data.actionType === 'move') {

src/rate/rate.wxml

@@ -9,21 +9,36 @@
     catch:tap="{{ !disabled ? 'onTap' : '' }}"
     catch:touchend="{{ !disabled ? 'onTouchEnd' : ''}}"
     catch:touchcancel="{{ !disabled ? 'onTouchEnd' : ''}}"
+    aria-role="slider"
+    aria-valuemax="{{count}}"
+    aria-valuemin="{{0}}"
+    aria-valuenow="{{value}}"
+    aria-valuetext="{{utils.getText(texts,value,defaultTexts)}}"
   >
     <t-icon
       wx:for="{{ count }}"
       wx:key="*this"
       class="{{classPrefix }}__icon {{utils.getIconClass(classPrefix + '__icon', defaultValue, value, index, allowHalf, disabled, scaleIndex)}}"
+      style="margin-right:{{ count - index > 1 ? gap : 0 }}px; {{utils.getColor(color)}}"
       t-class="{{prefix}}-class-icon"
       name="{{utils.getIconName(defaultValue, value, index, variant, icon)}}"
       size="{{ size }}"
-      style="margin-right:{{ count - index > 1 ? gap : 0 }}px; {{utils.getColor(color)}}"
     />
   </view>
-  <text wx:if="{{showText}}" class="{{_.cls(classPrefix + '__text', [['active', value > 0]])}} {{prefix}}-class-text"
+  <text
+    wx:if="{{showText}}"
+    class="{{_.cls(classPrefix + '__text', [['active', value > 0]])}} {{prefix}}-class-text"
+    aria-hidden="{{true}}"
     >{{utils.getText(texts,value,defaultTexts)}}</text
   >
-  <view wx:if="{{tipsVisible}}" class="{{classPrefix}}__tips" style="left: {{tipsLeft}}px">
+  <text
+    wx:if="{{isVisibleToScreenReader}}"
+    class="{{_.cls(classPrefix + '__text', [['active', value > 0], ['sr-only', isVisibleToScreenReader]])}} {{prefix}}-class-text"
+    aria-role="alert"
+    aria-live="assertive"
+    >{{value+'星'}} {{utils.getText(texts,value,defaultTexts)}}</text
+  >
+  <view wx:if="{{tipsVisible}}" class="{{classPrefix}}__tips" style="left: {{tipsLeft}}px" aria-hidden="{{true}}">
     <block wx:if="{{actionType == 'tap'}}">
       <view
         wx:if="{{allowHalf}}"