feat(rate): v14 (#2797)

* feat(rate): v14适配

* fix: amend

* fix: update marking

* fix: amend

* fix: modify font import

* fix: 设计稿更改间距跟随修改

* fix: 移除

* feat: update migrate-from文档

* fix: 修改pr

* fix: update test

* fix: update calc

Author: irisSong

migrate-from-v2.md

@@ -829,6 +829,8 @@ plugins: [
 - `upIconName` 重命名为 `riseIcon`，类型修改为 `React.Node`
 - `downIconName` 重命名为 `dropIcon`，类型修改为 `React.Node`
 - 移除 `iconSize`，通过`riseIcon`、`dropIcon`自定义传入icon大小
+- 新增 `size`，star 尺寸, 默认值 `normal` 为 `12px`
+- 新增 `showScore`, 展示评分
 
 #### Video
 

src/config.json

@@ -642,6 +642,7 @@
           "sort": 1,
           "show": true,
           "taro": true,
+          "v14": true,
           "author": "dsj"
         },
         {
@@ -1003,8 +1004,8 @@
           "sort": 17,
           "show": true,
           "taro": true,
-          "author": "songsong",
-          "v14": true
+          "v14": true,
+          "author": "songsong"
         },
         {
           "version": "2.0.0",

src/packages/rate/__test__/__snapshots__/rate.spec.tsx.snap

@@ -0,0 +1,31 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`size test 1`] = `
+<div>
+  <div
+    class="nut-rate"
+  >
+    <div
+      class="nut-rate-item nut-rate-item-large"
+    >
+      <div
+        class="nut-rate-item-icon nut-rate-item-icon-disabled"
+      >
+        <svg
+          aria-labelledby="StarFill"
+          class="nut-icon nut-icon-StarFill "
+          role="presentation"
+          viewBox="0 0 1024 1024"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="m908.1 353.1-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+`;

src/packages/rate/__test__/rate.spec.tsx

@@ -74,6 +74,22 @@ test('allowHalf test', () => {
     )
   }
 })
+test('size test', () => {
+  const { container } = render(<Rate count={1} size="large" />)
+  const el = container.querySelector('.nut-rate-item')
+  if (el) {
+    expect(el).toHaveClass('nut-rate-item-large')
+  }
+  expect(container).toMatchSnapshot()
+})
+
+test('showScore test', () => {
+  const { container } = render(<Rate count={1} showScore defaultValue={0.5} />)
+  const el = container.querySelector('.nut-rate-score')
+  if (el) {
+    expect(el?.innerHTML).toBe('0.5')
+  }
+})
 
 test('touchable', () => {
   const state = {

src/packages/rate/demos/h5/demo1.tsx

@@ -1,7 +1,13 @@
 import React from 'react'
-import { Rate } from '@nutui/nutui-react'
+import { Rate, Space } from '@nutui/nutui-react'
 
 const Demo1 = () => {
-  return <Rate defaultValue={3} />
+  return (
+    <Space direction="vertical">
+      <Rate defaultValue={3} size="large" />
+      <Rate defaultValue={3} />
+      <Rate defaultValue={3} size="small" />
+    </Space>
+  )
 }
 export default Demo1

src/packages/rate/demos/h5/demo2.tsx

@@ -3,6 +3,6 @@ import { Rate } from '@nutui/nutui-react'
 
 const Demo2 = () => {
   const [score, setScore] = useState(2)
-  return <Rate value={score} onChange={(value) => setScore(value)} />
+  return <Rate value={score} showScore onChange={(value) => setScore(value)} />
 }
 export default Demo2

src/packages/rate/demos/h5/demo5.tsx

@@ -2,6 +2,6 @@ import React from 'react'
 import { Rate } from '@nutui/nutui-react'
 
 const Demo5 = () => {
-  return <Rate count={6} defaultValue={3} />
+  return <Rate count={1} defaultValue={1} />
 }
 export default Demo5

src/packages/rate/demos/taro/demo1.tsx

@@ -1,7 +1,13 @@
 import React from 'react'
-import { Rate } from '@nutui/nutui-react-taro'
+import { Rate, Space } from '@nutui/nutui-react-taro'
 
 const Demo1 = () => {
-  return <Rate defaultValue={3} />
+  return (
+    <Space direction="vertical">
+      <Rate defaultValue={3} size="large" />
+      <Rate defaultValue={3} />
+      <Rate defaultValue={3} size="small" />
+    </Space>
+  )
 }
 export default Demo1

src/packages/rate/demos/taro/demo2.tsx

@@ -3,6 +3,6 @@ import { Rate } from '@nutui/nutui-react-taro'
 
 const Demo2 = () => {
   const [score, setScore] = useState(2)
-  return <Rate value={score} onChange={(value) => setScore(value)} />
+  return <Rate value={score} showScore onChange={(value) => setScore(value)} />
 }
 export default Demo2

src/packages/rate/demos/taro/demo5.tsx

@@ -2,6 +2,6 @@ import React from 'react'
 import { Rate } from '@nutui/nutui-react-taro'
 
 const Demo5 = () => {
-  return <Rate count={6} defaultValue={3} />
+  return <Rate count={1} defaultValue={1} />
 }
 export default Demo5