From 9b513311c213cb885ec3f2aae4b5fe342f0971d7 Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Sat, 12 Nov 2022 13:23:44 +0800
Subject: [PATCH] docs(Popover): fix placement demo (#11245)

---
 packages/vant/src/popover/demo/index.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/vant/src/popover/demo/index.vue b/packages/vant/src/popover/demo/index.vue
index 37e6595ec..ad248b3dc 100644
--- a/packages/vant/src/popover/demo/index.vue
+++ b/packages/vant/src/popover/demo/index.vue
@@ -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;
   });
 };