feat: add onPopupReopen (#8641)

src/composables/on-popup-reopen.ts

@@ -0,0 +1,19 @@
+import { inject, watch } from 'vue';
+
+// eslint-disable-next-line
+export const POPUP_TOGGLE_KEY = Symbol();
+
+export function onPopupReopen(callback: () => void) {
+  const popupToggleStatus = inject<(() => boolean) | null>(
+    POPUP_TOGGLE_KEY,
+    null
+  );
+
+  if (popupToggleStatus) {
+    watch(popupToggleStatus, (show) => {
+      if (show) {
+        callback();
+      }
+    });
+  }
+}

src/popup/Popup.tsx

@@ -1,6 +1,7 @@
 import {
   ref,
   watch,
+  provide,
   Teleport,
   computed,
   PropType,
@@ -21,6 +22,7 @@ import { useEventListener } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
 import { useLockScroll } from '../composables/use-lock-scroll';
 import { useLazyRender } from '../composables/use-lazy-render';
+import { POPUP_TOGGLE_KEY } from '../composables/on-popup-reopen';
 
 // Components
 import { Icon } from '../icon';
@@ -245,6 +247,8 @@ export default defineComponent({
       }
     });
 
+    provide(POPUP_TOGGLE_KEY, () => props.show);
+
     return () => {
       if (props.teleport) {
         return (