From 54bbbf7c50dcb6927c9a9fe49dc9d26d5e0a41c7 Mon Sep 17 00:00:00 2001
From: peas <gongxinyang@koobietech.com>
Date: Thu, 8 May 2025 14:34:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A4=8D=E5=90=88=E7=BB=84=E4=BB=B6-?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E9=80=89=E6=8B=A9:=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E6=8F=92=E6=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/VanFieldDatePicker/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/VanFieldDatePicker/index.vue b/src/components/VanFieldDatePicker/index.vue
index 6f8767a..1bc8c0c 100644
--- a/src/components/VanFieldDatePicker/index.vue
+++ b/src/components/VanFieldDatePicker/index.vue
@@ -42,7 +42,9 @@ const valueDate = ref<string[]>(value.value ?? [])
 const valueStr = computed(() => {
   return value.value ? value.value.join('-') : ''
 })
-
+watch(value, (val) => {
+  valueDate.value = val ?? []
+})
 const showPicker = ref(false)
 function onConfirm({ selectedValues }: { selectedValues: string[] }) {
   value.value = selectedValues
@@ -51,7 +53,9 @@ function onConfirm({ selectedValues }: { selectedValues: string[] }) {
 </script>
 
 <template>
-  <van-field :model-value="valueStr" v-bind="fieldProps" is-link readonly @click="showPicker = true" />
+  <slot :open="() => showPicker = true" :value="valueDate" :value-str="valueStr">
+    <van-field :model-value="valueStr" v-bind="fieldProps" is-link readonly @click="showPicker = true" />
+  </slot>
   <van-popup v-model:show="showPicker" v-bind="popupProps" position="bottom" teleport="body">
     <van-date-picker v-model="valueDate" v-bind="datePickerProps" @confirm="onConfirm" @cancel="showPicker = false" />
   </van-popup>