## Rate 評分
### 該文檔不再維護,新版文檔地址: [form-create 文檔](http://fc.gd8.top)
#### [在線預覽](https://jsrun.net/CehKp/edit)
#### 舉例:
```js
{
type:"rate",
field:"rate",
title:"推薦級別",
value:3.5,
props:{
"count": 10,
"allowHalf": false,
},
validate:[
{required:true,type:'number',min:3, message: '請大于3顆星',trigger:'change'}
]
}
```
#### maker快速生成:
```js
$formCreate.maker.rate('推薦級別','rate',2)
.props({
"count": 10,
"allowHalf": false
})
.validate([{required:true,type:'number',min:3, message: '請大于3顆星',trigger:'change'}])
```
#### json 生成規則
```json
{
type:"rate",
field:"rate",
title:"推薦級別",
value:3.5,
props:{
"count": 10, //star 總數
"allowHalf": true, //是否允許半選
"disabled": false, //是否只讀，無法進行交互
"showText": true, //是否顯示提示文字
"clearable": true, //是否可以取消選擇
},
validate:[
{required:true,type:'number',min:3, message: '請大于3顆星',trigger:'change'}
]
}
```
#### 參數說明
##### 基本規則 rule:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| type | 元素類型 | String | true | - |
| field | 字段名稱 | String | true | - |
| title | 字段別名 | String | true | - |
| value | 字段值 | Number | false | 0 |
| props | 元素配置 | Object | false | - |
| event | 元素事件 | Object | false | - |
| validate | 驗證規則 | Array | false | - |
##### 元素配置 props:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| count | star 總數 | Number | false | 5 |
| allowHalf | 是否允許半選 | Boolean | false | false |
| disabled | 是否只讀，無法進行交互 | Boolean | false | false |
| showText | 是否顯示提示文字 | Boolean | false | false |
| clearable | 是否可以取消選擇 | Boolean | false | false |
##### 事件擴展 event:
| 事件名稱 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| change | 評分改變時觸發 | Function | false | - |
---
