From f38e51c2847ec20591921cb2e21565cc5db40bfe Mon Sep 17 00:00:00 2001
From: xingming <xingming@neutron.sg>
Date: Fri, 18 Oct 2024 12:20:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8DDropMen?=
 =?UTF-8?q?u=E7=AC=AC=E4=B8=80=E6=AC=A1=E9=80=9A=E8=BF=87open()=E8=80=8C?=
 =?UTF-8?q?=E9=9D=9E=E7=94=A8=E6=88=B7=E7=82=B9=E5=87=BB=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E6=97=B6=E5=B1=95=E5=BC=80=E8=8F=9C=E5=8D=95=E5=AE=9A=E4=BD=8D?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/wd-drop-menu/wd-drop-menu.vue  | 34 ++++++++++++-------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue b/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue
index 7d35da650..f63f84757 100644
--- a/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue
@@ -34,7 +34,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { getCurrentInstance, inject, onBeforeMount, ref, watch } from 'vue'
+import { getCurrentInstance, inject, onBeforeMount, onMounted, ref, watch } from 'vue'
 import { closeOther } from '../common/clickoutside'
 import { type Queue, queueKey } from '../composables/useQueue'
 import { getRect, uuid } from '../common/util'
@@ -68,6 +68,10 @@ onBeforeMount(() => {
   windowHeight.value = uni.getSystemInfoSync().windowHeight
 })
 
+onMounted(() => {
+  updateOffset()
+})
+
 function noop(event: Event) {
   event.preventDefault()
   event.stopPropagation()
@@ -99,20 +103,26 @@ function toggle(child: any) {
   }
 }
 
+/**
+ * 更新 offset
+ */
+async function updateOffset() {
+  const rect = await getRect(`#${dropMenuId.value}`, false, proxy)
+  if (!rect) return
+  const { top, bottom } = rect
+  if (props.direction === 'down') {
+    offset.value = Number(bottom)
+  } else {
+    offset.value = windowHeight.value - Number(top)
+  }
+}
+
 /**
  * 控制菜单内容是否展开
  */
-function fold(child: any) {
-  getRect(`#${dropMenuId.value}`, false, proxy).then((rect) => {
-    if (!rect) return
-    const { top, bottom } = rect
-    if (props.direction === 'down') {
-      offset.value = Number(bottom)
-    } else {
-      offset.value = windowHeight.value - Number(top)
-    }
-    child.$.exposed!.toggle()
-  })
+async function fold(child: any) {
+  await updateOffset()
+  child.$.exposed!.toggle()
 }
 </script>