From 45dc934e7a9045a0ef84fdd74f9f55a5cace015c Mon Sep 17 00:00:00 2001
From: "tianhaoyun@didiglobal.com" <tianhaoyun@didiglobal.com>
Date: Mon, 9 Jun 2025 14:24:59 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20rate=E9=80=82=E9=85=8Drn?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/rate/rate-item-index.ts    |  4 +--
 .../src/components/rate/rate-item.mpx         | 30 +++++++++----------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/packages/mpx-cube-ui/src/components/rate/rate-item-index.ts b/packages/mpx-cube-ui/src/components/rate/rate-item-index.ts
index 75102e7..445e7ba 100644
--- a/packages/mpx-cube-ui/src/components/rate/rate-item-index.ts
+++ b/packages/mpx-cube-ui/src/components/rate/rate-item-index.ts
@@ -14,8 +14,8 @@ createComponent({
   computed: {
     rateItemClass() {
       return {
-        'cube-rate-item_active': this.index <= this.value,
-        'cube-rate-item_half_active': this.index === this.value + 0.5
+        'cube-rate-item-def-active': this.index <= this.value,
+        'cube-rate-item-def-half-active': this.index === this.value + 0.5
       }
     }
   }
diff --git a/packages/mpx-cube-ui/src/components/rate/rate-item.mpx b/packages/mpx-cube-ui/src/components/rate/rate-item.mpx
index e132d48..b16057b 100644
--- a/packages/mpx-cube-ui/src/components/rate/rate-item.mpx
+++ b/packages/mpx-cube-ui/src/components/rate/rate-item.mpx
@@ -1,6 +1,6 @@
 <template>
-  <view class="cube-rate-item" wx:class="{{rateItemClass}}">
-    <view class="cube-rate-item-def">
+  <view class="cube-rate-item">
+    <view class="cube-rate-item-def" wx:class="{{rateItemClass}}">
       <slot></slot>
     </view>
   </view>
@@ -21,20 +21,18 @@
     content: ""
     display: block
     padding: $var(rate-item-after-padding)
-  .cube-rate-item-def
-    position: absolute
-    width: $var(rate-item-def-width)
-    height: $var(rate-item-def-height)
-    background-size: $var(rate-item-def-background-size)
-    background-repeat: no-repeat
-    background-position: center
-    background-image: $var(rate-item-star-default)
-.cube-rate-item_active
-  .cube-rate-item-def
-    background-image: $var(rate-item-star-active)
-.cube-rate-item_half_active
-  .cube-rate-item-def
-    background-image: $var(rate-item-star-half-active)
+.cube-rate-item-def
+  position: absolute
+  width: $var(rate-item-def-width)
+  height: $var(rate-item-def-height)
+  background-size: $var(rate-item-def-background-size)
+  background-repeat: no-repeat
+  background-position: center
+  background-image: $var(rate-item-star-default)
+.cube-rate-item-def-active
+  background-image: $var(rate-item-star-active)
+.cube-rate-item-def-half-active
+  background-image: $var(rate-item-star-half-active)
 </style>
 
 <script type="application/json">

From 0f9d33b90bcc6c827cd9250de312de8acfbc7929 Mon Sep 17 00:00:00 2001
From: likecodeboys <1239288387@qq.com>
Date: Mon, 9 Jun 2025 14:46:15 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E3=80=81demo=E4=BB=A5=E5=8F=8A=E5=8D=95=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/guide/design-tokens.md                          |  2 +-
 example/pages/rate/README.md                         |  6 +++---
 example/pages/rate/index.mpx                         |  4 ++--
 .../components/rate/__snapshots__/rate.spec.js.snap  |  8 ++++----
 .../__tests__/components/rate/rate.spec.js           | 12 ++++++------
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/docs/guide/design-tokens.md b/docs/guide/design-tokens.md
index d75f827..45ce624 100644
--- a/docs/guide/design-tokens.md
+++ b/docs/guide/design-tokens.md
@@ -35,7 +35,7 @@
 |<span id="color-secondary" class="css-var-name">$color-secondary</span>|<div>#4F5E83</div>|基础-次要颜色|
 |<span id="color-disabled" class="css-var-name">$color-disabled</span>|<div>#ccc</div>|基础-禁用色|
 |<span id="color-dark-grey" class="css-var-name">$color-dark-grey</span>|<div>#333</div>|基础-灰色|
-|<span id="color-dark-grey-s" class="css-var-name">$color-dark-grey-s</span>|<div>#323233</div>|基础-浅灰|
+|<span id="color-dark-grey-s" class="css-var-name">$color-dark-grey-s</span>|<div>#000000</div>|-|
 |<span id="color-light-grey-opacity" class="css-var-name">$color-light-grey-opacity</span>|<div>rgba(0, 0, 0, .04)</div>|基础-透明灰|
 |<span id="mask-bgc_opacity" class="css-var-name">$mask-bgc_opacity</span>|<div>rgba(37, 38, 45, 0.4)</div>|遮罩层背景|
 |<span id="fill-bgc" class="css-var-name">$fill-bgc</span>|<div>#f2f2f2</div>|基础-填充背景色|
diff --git a/example/pages/rate/README.md b/example/pages/rate/README.md
index 701ac44..edb508a 100644
--- a/example/pages/rate/README.md
+++ b/example/pages/rate/README.md
@@ -90,7 +90,7 @@
 
 ### 自定义星星样式
 
-需要使用cube-rate-item组件，并且对自定义的星星元素定义两种样式——普通和活跃（在.cube-rate-item_active类之下, 如设置半星则也需修改.cube-rate-item_half_active类）
+需要使用cube-rate-item组件，并且对自定义的星星元素定义两种样式——普通和活跃（在.cube-rate-item-def-active类之下, 如设置半星则也需修改.cube-rate-item-def-half-active类）
 #### 注意
 使用自定义插槽时，因微信与支付宝在wx:for以数字为参数时，起始索引不同，为避免此问题请在wx:for遍历生成cube-rate-item时以数组为参数。
 
@@ -141,10 +141,10 @@
   height: 100%
   background-size: 100%
   background-color: grey
-.cube-rate-item_active
+.cube-rate-item-def-active
   .cube-rate-item-demo
     background-color: orange
-.cube-rate-item_half_active
+.cube-rate-item-def-half-active
   .cube-rate-item-demo
     background-color: blue
 </style>
diff --git a/example/pages/rate/index.mpx b/example/pages/rate/index.mpx
index 9c99302..72af355 100644
--- a/example/pages/rate/index.mpx
+++ b/example/pages/rate/index.mpx
@@ -184,10 +184,10 @@
 .desc
   margin-top 15px
 
-.cube-rate-item_active
+.cube-rate-item-def-active
   .cube-rate-item-demo
     background-color: orange
-.cube-rate-item_half_active
+.cube-rate-item-def-half-active
   .cube-rate-item-demo
     background-color: blue
 </style>
diff --git a/packages/mpx-cube-ui/__tests__/components/rate/__snapshots__/rate.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/rate/__snapshots__/rate.spec.js.snap
index f518075..05f8814 100644
--- a/packages/mpx-cube-ui/__tests__/components/rate/__snapshots__/rate.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/rate/__snapshots__/rate.spec.js.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component rate unit test correct props check matchSnapshot 1`] = `"<wx-view class=\\"main--cube-rate\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item rate-item--cube-rate-item_active\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item rate-item--cube-rate-item_half_active\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view>"`;
+exports[`component rate unit test correct props check matchSnapshot 1`] = `"<wx-view class=\\"main--cube-rate\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def rate-item--cube-rate-item-def-active\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def rate-item--cube-rate-item-def-half-active\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view>"`;
 
-exports[`component rate unit test event trigger check matchSnapshot 1`] = `"<wx-view class=\\"main--rate-demo\\"><wx-view>当前分数的值: 1</wx-view><rate data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rate--cube-rate\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item rate-item--cube-rate-item_active\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view></rate></wx-view>"`;
+exports[`component rate unit test event trigger check matchSnapshot 1`] = `"<wx-view class=\\"main--rate-demo\\"><wx-view>当前分数的值: 1</wx-view><rate data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rate--cube-rate\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def rate-item--cube-rate-item-def-active\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view></rate></wx-view>"`;
 
-exports[`component rate unit test slot check matchSnapshot 1`] = `"<wx-view class=\\"main--rate-page\\"><rate data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rate--cube-rate rate--cube-rate-justify\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item rate-item--cube-rate-item_active\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view></rate></wx-view>"`;
+exports[`component rate unit test slot check matchSnapshot 1`] = `"<wx-view class=\\"main--rate-page\\"><rate data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rate--cube-rate rate--cube-rate-justify\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def rate-item--cube-rate-item-def-active\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view></rate></wx-view>"`;
 
-exports[`component rate unit test wx-model check matchSnapshot 1`] = `"<wx-view class=\\"main--rate-demo\\"><wx-view>当前分数的值: 1</wx-view><rate data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rate--cube-rate\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item rate-item--cube-rate-item_active\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view></rate></wx-view>"`;
+exports[`component rate unit test wx-model check matchSnapshot 1`] = `"<wx-view class=\\"main--rate-demo\\"><wx-view>当前分数的值: 1</wx-view><rate data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rate--cube-rate\\"><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def rate-item--cube-rate-item-def-active\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item><rate-item><wx-view class=\\"rate-item--cube-rate-item\\"><wx-view class=\\"rate-item--cube-rate-item-def\\"></wx-view></wx-view></rate-item></wx-view></rate></wx-view>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/rate/rate.spec.js b/packages/mpx-cube-ui/__tests__/components/rate/rate.spec.js
index addeeac..7273e17 100644
--- a/packages/mpx-cube-ui/__tests__/components/rate/rate.spec.js
+++ b/packages/mpx-cube-ui/__tests__/components/rate/rate.spec.js
@@ -33,7 +33,7 @@ describe('component rate unit test', function () {
     it(' wx:model', async () => {
       // 确保 switchValue 首次显示符合预期
       const rates = component.querySelector('rate').querySelectorAll('rate-item')
-      const rate1 = rates[0].querySelector('.cube-rate-item_active')
+      const rate1 = rates[0].querySelector('.cube-rate-item-def-active')
       const rate2 = rates[1].querySelector('.cube-rate-item-def')
       const rate3 = rates[2].querySelector('.cube-rate-item-def')
       // 确保 rate 首次显示符合预期
@@ -48,8 +48,8 @@ describe('component rate unit test', function () {
       component.instance.value = 2
       await simulate.sleep(10)
 
-      const rateClicked1 = rates[0].querySelector('.cube-rate-item_active')
-      const rateClicked2 = rates[1].querySelector('.cube-rate-item_active')
+      const rateClicked1 = rates[0].querySelector('.cube-rate-item-def-active')
+      const rateClicked2 = rates[1].querySelector('.cube-rate-item-def-active')
       const rateClicked3 = rates[2].querySelector('.cube-rate-item-def')
       expect(component.instance.value).toBe(2)
       expect(rateClicked1 !== undefined).toBe(true)
@@ -76,8 +76,8 @@ describe('component rate unit test', function () {
     it(' props to rate ', async () => {
       const rates = component.querySelectorAll('rate-item')
       const justify = component.querySelector('.cube-rate-justify')
-      const rate1 = rates[0].querySelector('.cube-rate-item_active')
-      const rate2 = rates[1].querySelector('.cube-rate-item_half_active')
+      const rate1 = rates[0].querySelector('.cube-rate-item-def-active')
+      const rate2 = rates[1].querySelector('.cube-rate-item-def-half-active')
       const rate3 = rates[2].querySelector('.cube-rate-item-def')
       expect(component.instance.value).toBe(1.5)
       expect(justify).toBeUndefined()
@@ -134,7 +134,7 @@ describe('component rate unit test', function () {
     it('should render correct contents: value/justify/allowHalf/disabled', () => {
       const justify = component.querySelector('rate').querySelector('.cube-rate-justify')
       const rateItems = component.querySelectorAll('rate-item')
-      const rateItems1 = rateItems[0].querySelector('.cube-rate-item_active')
+      const rateItems1 = rateItems[0].querySelector('.cube-rate-item-def-active')
       const rateItems2 = rateItems[1].querySelector('.cube-rate-item-def')
 
       expect(rateItems.length).toBe(4)