blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Checker): add checked and disabled params to the default slot (#12436)

Browse Source
This commit is contained in:
inottn 2023-11-12 09:15:12 +08:00 committed by GitHub
parent fd63bcc3b0
commit ca95a7c366
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/vant/src/checkbox/Checker.tsx
View File

@ -148,6 +148,8 @@ export default defineComponent({
};
const renderLabel = () => {
const { checked } = props;
if (slots.default) {
return (
<span
@ -156,7 +158,7 @@ export default defineComponent({
{ disabled: disabled.value },
])}
>
{slots.default()}
{slots.default({ checked, disabled: disabled.value })}
</span>
);
}

2
packages/vant/src/checkbox/README.md
View File

@ -363,7 +363,7 @@ export default {
| Name | Description | SlotProps |
| ------- | ------------ | ----------------------------------------- |
| default | Custom label | - |
| default | Custom label | _{ checked: boolean, disabled: boolean }_ |
| icon | Custom icon | _{ checked: boolean, disabled: boolean }_ |
### CheckboxGroup Methods

2
packages/vant/src/checkbox/README.zh-CN.md
View File

@ -382,7 +382,7 @@ export default {
| 名称 | 说明 | 参数 |
| ------- | ---------- | ----------------------------------------- |
| default | 自定义文本 | - |
| default | 自定义文本 | _{ checked: boolean, disabled: boolean }_ |
| icon | 自定义图标 | _{ checked: boolean, disabled: boolean }_ |
### CheckboxGroup 方法

17
packages/vant/src/checkbox/test/index.spec.ts
View File

@ -116,3 +116,20 @@ test('should render icon slot correctly', async () => {
expect(wrapper.find('.van-checkbox__icon').html()).toMatchSnapshot();
});
test('should render label slot correctly', async () => {
const slot = vi.fn();
const wrapper = mount(Checkbox, {
slots: {
default: slot,
},
});
expect(slot.mock.calls[0]).toEqual([{ checked: false, disabled: false }]);
await wrapper.setProps({ modelValue: true });
expect(slot.mock.calls[1]).toEqual([{ checked: true, disabled: false }]);
await wrapper.setProps({ disabled: true });
expect(slot.mock.calls[2]).toEqual([{ checked: true, disabled: true }]);
});

2
packages/vant/src/radio/README.md
View File

@ -229,7 +229,7 @@ import type {
| Name | Description | SlotProps |
| ------- | ------------ | ----------------------------------------- |
| default | Custom label | - |
| default | Custom label | _{ checked: boolean, disabled: boolean }_ |
| icon | Custom icon | _{ checked: boolean, disabled: boolean }_ |
## Theming

2
packages/vant/src/radio/README.zh-CN.md
View File

@ -229,7 +229,7 @@ export default {
| 名称 | 说明 | 参数 |
| ------- | ---------- | ----------------------------------------- |
| default | 自定义文本 | - |
| default | 自定义文本 | _{ checked: boolean, disabled: boolean }_ |
| icon | 自定义图标 | _{ checked: boolean, disabled: boolean }_ |
### 类型定义