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

docs(Popover): fix placement demo (#11245)

Browse Source
This commit is contained in:
neverland 2022-11-12 13:23:44 +08:00 committed by GitHub
parent 4e9c301012
commit 9b513311c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/vant/src/popover/demo/index.vue
View File

@ -1,10 +1,13 @@
<script setup lang="ts">
import { ref } from 'vue';
import VanPopover, { PopoverPlacement } from '..';
import VanPopover, { type PopoverPlacement } from '..';
import VanButton from '../../button';
import VanField from '../../field';
import VanPopup from '../../popup';
import VanPicker from '../../picker';
import VanPicker, {
PickerConfirmEventParams,
type PickerOption,
} from '../../picker';
import VanGrid from '../../grid';
import VanGridItem from '../../grid-item';
import { showToast } from '../../toast';
@ -61,7 +64,7 @@ const t = useTranslate({
},
});
const placements = [
const placements: PickerOption[] = [
'top',
'top-start',
'top-end',
@ -74,7 +77,7 @@ const placements = [
'bottom',
'bottom-start',
'bottom-end',
];
].map((item) => ({ text: item, value: item }));
const show = ref({
showIcon: false,
@ -98,10 +101,10 @@ const onClickChoosePlacement = () => {
}, 300);
};
const onPickerChange = (value: PopoverPlacement) => {
const onPickerChange = (option: PickerConfirmEventParams) => {
setTimeout(() => {
show.value.placement = true;
currentPlacement.value = value;
currentPlacement.value = option.selectedValues[0] as PopoverPlacement;
});
};