mirror of
https://gitee.com/vant-contrib/vant.git
synced 2026-07-13 09:21:05 +08:00
Compare commits
No commits in common. "0547527f5b7aeeb89e0ba4ec254e5591caf31fd8" and "c63fee0d13b360b2ea911e8a1a707648e8239a1e" have entirely different histories.
0547527f5b
...
c63fee0d13
@ -161,8 +161,8 @@ export default {
|
||||
| Event | Description | Arguments |
|
||||
| --- | --- | --- |
|
||||
| change | Emitted when current swipe changed | _index: number_ |
|
||||
| drag-start `v4.0.9` | Emitted when user starts dragging the swipe | _{ index: number }_ |
|
||||
| drag-end `v4.0.9` | Emitted when user ends dragging the swipe | _{ index: number }_ |
|
||||
| drag-start `v4.0.9` | Emitted when user starts dragging the swipe | - |
|
||||
| drag-end `v4.0.9` | Emitted when user ends dragging the swipe | - |
|
||||
|
||||
### SwipeItem Events
|
||||
|
||||
|
||||
@ -166,11 +166,11 @@ export default {
|
||||
|
||||
### Swipe Events
|
||||
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------------------- | ---------------------------- | ------------------- |
|
||||
| change | 每一页轮播结束后触发 | _index: number_ |
|
||||
| drag-start `v4.0.9` | 当用户开始拖动轮播组件时触发 | _{ index: number }_ |
|
||||
| drag-end `v4.0.9` | 当用户结束拖动轮播组件时触发 | _{ index: number }_ |
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------------------- | ---------------------------- | --------------- |
|
||||
| change | 每一页轮播结束后触发 | _index: number_ |
|
||||
| drag-start `v4.0.9` | 当用户开始拖动轮播组件时触发 | - |
|
||||
| drag-end `v4.0.9` | 当用户结束拖动轮播组件时触发 | - |
|
||||
|
||||
### SwipeItem Events
|
||||
|
||||
|
||||
@ -333,7 +333,7 @@ export default defineComponent({
|
||||
move({ offset: delta.value });
|
||||
|
||||
if (!dragging) {
|
||||
emit('dragStart', { index: activeIndicator.value });
|
||||
emit('dragStart');
|
||||
dragging = true;
|
||||
}
|
||||
}
|
||||
@ -377,7 +377,7 @@ export default defineComponent({
|
||||
dragging = false;
|
||||
state.swiping = false;
|
||||
|
||||
emit('dragEnd', { index: activeIndicator.value });
|
||||
emit('dragEnd');
|
||||
autoplay();
|
||||
};
|
||||
|
||||
|
||||
@ -350,13 +350,9 @@ test('should emit drag-start and drag-end events correctly', async () => {
|
||||
|
||||
await triggerDrag(track, 100, 0);
|
||||
expect(dragStart).toHaveBeenCalledTimes(1);
|
||||
expect(dragStart).toHaveBeenCalledWith({ index: 0 });
|
||||
expect(dragEnd).toHaveBeenCalledTimes(1);
|
||||
expect(dragEnd).toHaveBeenCalledWith({ index: 1 });
|
||||
|
||||
await triggerDrag(track, 100, 0);
|
||||
expect(dragStart).toHaveBeenCalledTimes(2);
|
||||
expect(dragStart).toHaveBeenCalledWith({ index: 1 });
|
||||
expect(dragEnd).toHaveBeenCalledTimes(2);
|
||||
expect(dragEnd).toHaveBeenCalledWith({ index: 0 });
|
||||
});
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
### Intro
|
||||
|
||||
Display ellipsis for long text and support for expanding or collapsing text. Please upgrade to >= v4.1.0 before using this component.
|
||||
Display ellipsis for long text and support for expanding or collapsing text.
|
||||
|
||||
### Install
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
### 介绍
|
||||
|
||||
对长文本进行省略，支持展开/收起。请升级到 >= 4.1.0 版本来使用该组件。
|
||||
对长文本进行省略，支持展开/收起。
|
||||
|
||||
### 引入
|
||||
|
||||
|
||||
@ -210,10 +210,9 @@ export default {
|
||||
|
||||
### Slots
|
||||
|
||||
| Name | Description | SlotProps |
|
||||
| ----------------- | ------------------------------ | ----------------------- |
|
||||
| nav-text `v4.1.0` | Custom name of the parent node | _item: TreeSelectChild_ |
|
||||
| content | Custom right content | - |
|
||||
| Name | Description |
|
||||
| ------- | -------------------- |
|
||||
| content | Custom right content |
|
||||
|
||||
### Data Structure of TreeSelectItem
|
||||
|
||||
|
||||
@ -218,10 +218,9 @@ export default {
|
||||
|
||||
### Slots
|
||||
|
||||
| 名称 | 说明 | 参数 |
|
||||
| ----------------- | ------------------ | ----------------------- |
|
||||
| nav-text `v4.1.0` | 自定义导航名称 | _item: TreeSelectChild_ |
|
||||
| content | 自定义右侧区域内容 | - |
|
||||
| 名称 | 说明 |
|
||||
| ------- | ------------------ |
|
||||
| content | 自定义右侧区域内容 |
|
||||
|
||||
### TreeSelectItem 数据结构
|
||||
|
||||
|
||||
@ -114,14 +114,11 @@ export default defineComponent({
|
||||
const Items = props.items.map((item) => (
|
||||
<SidebarItem
|
||||
dot={item.dot}
|
||||
title={item.text}
|
||||
badge={item.badge}
|
||||
class={[bem('nav-item'), item.className]}
|
||||
disabled={item.disabled}
|
||||
onClick={onClickSidebarItem}
|
||||
v-slots={{
|
||||
title: () =>
|
||||
slots['nav-text'] ? slots['nav-text'](item) : item.text,
|
||||
}}
|
||||
/>
|
||||
));
|
||||
|
||||
|
||||
@ -68,37 +68,3 @@ exports[`should render nav badge correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render nav-text slot correctly 1`] = `
|
||||
<div class="van-tree-select"
|
||||
style="height: 300px;"
|
||||
>
|
||||
<div role="tablist"
|
||||
class="van-sidebar van-tree-select__nav"
|
||||
>
|
||||
<div role="tab"
|
||||
class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item"
|
||||
tabindex="0"
|
||||
aria-selected="true"
|
||||
>
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
Custom nav text, group1
|
||||
</div>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-sidebar-item van-tree-select__nav-item"
|
||||
tabindex="0"
|
||||
aria-selected="false"
|
||||
>
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
Custom nav text, group2
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tree-select__content">
|
||||
<div class="van-ellipsis van-tree-select__item">
|
||||
city1
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -247,16 +247,3 @@ test('should change selected icon when using selected-icon prop', () => {
|
||||
|
||||
expect(wrapper.find('.van-tree-select__item').html()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('should render nav-text slot correctly', async () => {
|
||||
const wrapper = mount(TreeSelect, {
|
||||
props: {
|
||||
items: mockItems,
|
||||
},
|
||||
slots: {
|
||||
'nav-text': (item) => `Custom nav text, ${item.text}`,
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper.html()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user