blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-21 22:09:16 +08:00
Code Issues Projects Releases Wiki Activity

fix(TreeSelect): click-nav event not work when clicking active item (#10239)

Browse Source
This commit is contained in:
neverland 2022-01-25 11:44:05 +08:00 committed by GitHub
parent c7cc1342fc
commit 8bc55c8b32
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 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/tree-select/TreeSelect.tsx
View File

@ -112,9 +112,10 @@ export default defineComponent({
const onSidebarChange = (index: number) => { const onSidebarChange = (index: number) => {
emit('update:mainActiveIndex', index); emit('update:mainActiveIndex', index);
emit('click-nav', index);
}; };
const onClickSidebarItem = (index: number) => emit('click-nav', index);
const renderSidebar = () => { const renderSidebar = () => {
const Items = props.items.map((item) => ( const Items = props.items.map((item) => (
<SidebarItem <SidebarItem
@ -123,6 +124,7 @@ export default defineComponent({
badge={item.badge} badge={item.badge}
class={[bem('nav-item'), item.className]} class={[bem('nav-item'), item.className]}
disabled={item.disabled} disabled={item.disabled}
onClick={onClickSidebarItem}
/> />
)); ));

25
packages/vant/src/tree-select/test/index.spec.tsx
View File

@ -26,7 +26,23 @@ test('should render empty TreeSelect correctly', () => {
expect(mount(TreeSelect).html()).toMatchSnapshot(); expect(mount(TreeSelect).html()).toMatchSnapshot();
}); });
test('should emit click-nav event when nav item is clicked', () => { test('should emit update:mainActiveIndex event when mainActiveIndex is changed', async () => {
const wrapper = mount(TreeSelect, {
props: {
items: mockItems,
mainActiveIndex: 0,
},
});
const navItems = wrapper.findAll('.van-tree-select__nav-item');
await navItems[0].trigger('click');
expect(wrapper.emitted('update:mainActiveIndex')).toBeFalsy();
await navItems[1].trigger('click');
expect(wrapper.emitted('update:mainActiveIndex')?.[0]).toEqual([1]);
});
test('should emit click-nav event when nav item is clicked', async () => {
const wrapper = mount(TreeSelect, { const wrapper = mount(TreeSelect, {
props: { props: {
items: mockItems, items: mockItems,
@ -34,9 +50,10 @@ test('should emit click-nav event when nav item is clicked', () => {
}); });
const navItems = wrapper.findAll('.van-tree-select__nav-item'); const navItems = wrapper.findAll('.van-tree-select__nav-item');
navItems[1].trigger('click'); await navItems[0].trigger('click');
expect(wrapper.emitted('update:mainActiveIndex')?.[0]).toEqual([1]); expect(wrapper.emitted('click-nav')?.[0]).toEqual([0]);
expect(wrapper.emitted('click-nav')?.[0]).toEqual([1]); await navItems[0].trigger('click');
expect(wrapper.emitted('click-nav')?.[1]).toEqual([0]);
}); });
test('should emit click-item event when item is clicked', () => { test('should emit click-item event when item is clicked', () => {