perf(checkbox): 新增 disabled 禁用状态

This commit is contained in:
就眠仪式 2021-10-13 11:23:25 +08:00
parent d63173a4c8
commit d72d93dba4
5 changed files with 14 additions and 25 deletions

View File

@ -199,11 +199,7 @@ export default {
:::
::: field button attributes
:::
| | | |
| Name | Description | Accepted Values |
| ------ | ------ | --------------------------------------------- |
| type | 主题 | `primary` `normal` `warm` `danger` `disabled` |
| size | 尺寸 | `lg` `sm` `xs` |

View File

@ -89,10 +89,10 @@ import { ref } from 'vue'
export default {
setup() {
const disabled = ref(false)
const disabled = ref(true)
return {
disabled
disabled
}
}
}

View File

@ -1047,11 +1047,7 @@ export default {
:::
::: field icon attributes
:::
| | | |
| Name | Description | Default Value |
| ---- | ---- | ----------------- |
| type | 图标 | `layui-icon-home` |
| prefix | 前缀 | `layui-icon` |

View File

@ -277,3 +277,7 @@ table td {
.anim .site-doc-icon li .code {
white-space: nowrap;
}
.markdown-body th {
text-align: left;
}

View File

@ -2,18 +2,11 @@
<span @click.stop="handleClick">
<input type="checkbox" :name="name" :value="label" />
<div
class="layui-unselect"
:class="[
{
'layui-checkbox-disbaled layui-disabled': disabled,
},
{
'layui-form-checked': needCustomChecked
? customChecked
: props.checked,
},
'layui-form-checkbox',
]"
class="layui-unselect layui-form-checkbox"
:class="{
'layui-checkbox-disbaled layui-disabled': disabled,
'layui-form-checked': needCustomChecked ? customChecked : props.checked,
}"
:lay-skin="skin"
>
<span><slot /></span>
@ -31,7 +24,7 @@ const props =
skin?: string
label?: string
checked?: Boolean
disabled?: boolean
disabled?: Boolean
}>()
const customChecked = ref(false)