theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

♻️(component): rate组件 has-clear改为allow-clear

Browse Source
This commit is contained in:
0o张不歪o0 2022-07-18 14:34:39 +08:00
parent d2f11c1866
commit 67d41b413d
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package/component/src/component/rate/index.vue
View File

@ -16,7 +16,7 @@ export interface LayRateProps {
half?: boolean;
text?: boolean;
isBlock?: boolean;
hasClear?: boolean;
allowClear?: boolean;
clearIcon?: string;
icons?: string[];
}
@ -28,7 +28,7 @@ const props = withDefaults(defineProps<LayRateProps>(), {
half: false,
text: false,
isBlock: false,
hasClear: false,
allowClear: false,
clearIcon: "layui-icon-close-fill",
icons: () => [
"layui-icon-rate",
@ -83,7 +83,7 @@ const action = function (index: number, event: any) {
};
// 清除评分图标
const showClearIcon = computed(() => !props.readonly && props.hasClear);
const showClearIcon = computed(() => !props.readonly && props.allowClear);
const clearRate = function () {
tempValue.value = 0;
currentValue.value = 0;

4
package/document-component/src/document/zh-CN/components/rate.md
View File

@ -95,7 +95,7 @@ export default {
::: demo
<template>
<lay-rate v-model="clearHalf" :half="true" :is-block="true" has-clear></lay-rate>
<lay-rate v-model="clearHalf" :half="true" :is-block="true" allow-clear></lay-rate>
</template>
<script>
@ -313,7 +313,7 @@ export default {
| half | 设定组件是否可以选择半星 | `boolean` | false |
| text | 是否显示评分对应的内容 | `boolean` | false |
| is-block | 评分是否显示为快元素 | `boolean` | false |
| has-clear | 评分是否需要清除功能 | `boolean` | false |
| allow-clear | 评分是否需要清除功能 | `boolean` | false |
| clear-icon | 评分清除功能使用的图标`class` | `string` | `layui-icon-close-fill` |
| icons | 评分使用图标`class`；`["空心", "实心"]`/`["空心", "半心", "实心"]` | `string[]` | 星型 |