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

chore(Popover): change name of default slot to reference

Browse Source
This commit is contained in:
chenjiahan 2020-11-18 15:32:56 +08:00 committed by neverland
parent 699a5ebe51
commit 64e17bcd08
3 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/popover/README.zh-CN.md
View File

@ -57,6 +57,6 @@ Vue.use(Popover);
### Slots
| 名称 | 说明 |
| ------- | -------------------- |
| default | 自定义菜单的展示内容 |
| 名称 | 说明 |
| --------- | --------------------------- |
| reference | 触发 Popover 显示的元素内容 |

36
src/popover/demo/index.vue
View File

@ -7,9 +7,11 @@
placement="bottom"
style="margin-left: 16px;"
>
<van-button type="primary" @click="show.lightTheme = true">
{{ t('lightTheme') }}
</van-button>
<template #reference>
<van-button type="primary" @click="show.lightTheme = true">
{{ t('lightTheme') }}
</van-button>
</template>
</van-popover>
<van-popover
v-model="show.darkTheme"
@ -18,9 +20,11 @@
placement="bottom"
style="margin-left: 16px;"
>
<van-button type="primary" @click="show.darkTheme = true">
{{ t('darkTheme') }}
</van-button>
<template #reference>
<van-button type="primary" @click="show.darkTheme = true">
{{ t('darkTheme') }}
</van-button>
</template>
</van-popover>
</demo-block>
@ -55,7 +59,9 @@
:actions="t('shortActions')"
:placement="currentPlacement"
>
<div class="demo-popover-refer" />
<template #reference>
<div class="demo-popover-refer" />
</template>
</van-popover>
</div>
</demo-block>
@ -67,9 +73,11 @@
placement="top"
style="margin-left: 16px;"
>
<van-button type="primary" @click="show.showIcon = true">
{{ t('showIcon') }}
</van-button>
<template #reference>
<van-button type="primary" @click="show.showIcon = true">
{{ t('showIcon') }}
</van-button>
</template>
</van-popover>
<van-popover
@ -78,9 +86,11 @@
placement="top"
style="margin-left: 16px;"
>
<van-button type="primary" @click="show.disabled = true">
{{ t('disabled') }}
</van-button>
<template #reference>
<van-button type="primary" @click="show.disabled = true">
{{ t('disabled') }}
</van-button>
</template>
</van-popover>
</demo-block>
</demo-section>

2
src/popover/index.js
View File

@ -168,7 +168,7 @@ export default createComponent({
<div class={bem('arrow')} />
{this.actions.map(this.renderAction)}
</Popup>
{this.slots('default')}
{this.slots('reference')}
</span>
);
},