feat: 横竖屏切换时height侦听事件增加 (#3284)

* feat: 横竖屏切换时height侦听事件增加

* feat: 收敛到 swiper 中修改

* feat: taro 多端

---------

Co-authored-by: hanyuxinting <[email protected]>

Author: xiaoyatong

src/packages/__VUE/imagepreview/index.vue

@@ -112,6 +112,7 @@ export default create({
       }
       return props.images
     })
+
     // 设置当前选中第几个
     const setActive = (active: number) => {
       if (active !== state.active) {
@@ -126,10 +127,10 @@ export default create({
         done: () => closeDone()
       })
     }
+
     // 执行关闭
     const closeDone = () => {
       state.showPop = false
-
       emit('close')
     }
 

src/packages/__VUE/swiper/index.taro.vue

@@ -37,6 +37,8 @@ import {
   computed,
   ref,
   watch,
+  onMounted,
+  onUnmounted,
   VNode
 } from 'vue'
 import { createComponent } from '@/packages/utils/create'
@@ -461,6 +463,33 @@ export default create({
       }
     )
 
+    // 横竖屏切换
+    const width = ref(window.innerWidth)
+    const height = ref(window.innerHeight)
+    const updateDimensions = () => {
+      width.value = window.innerWidth
+      height.value = window.innerHeight
+    }
+
+    // 监听 width 和 height 的变化
+    watch([width, height], () => {
+      Taro.nextTick(() => {
+        init()
+      })
+      eventCenter.once((getCurrentInstance() as any).router.onReady, () => {
+        init()
+      })
+    })
+
+    onMounted(() => {
+      window.addEventListener('resize', updateDimensions)
+      updateDimensions() // 初始化尺寸
+    })
+
+    onUnmounted(() => {
+      window.removeEventListener('resize', updateDimensions)
+    })
+
     return {
       state,
       refRandomId,

src/packages/__VUE/swiper/index.vue

@@ -36,6 +36,8 @@ import {
   nextTick,
   ref,
   watch,
+  onMounted,
+  onUnmounted,
   VNode
 } from 'vue'
 import { createComponent } from '@/packages/utils/create'
@@ -442,6 +444,30 @@ export default create({
       }
     )
 
+    // 横竖屏切换
+    const width = ref(window.innerWidth)
+    const height = ref(window.innerHeight)
+    const updateDimensions = () => {
+      width.value = window.innerWidth
+      height.value = window.innerHeight
+    }
+
+    // 监听 width 和 height 的变化
+    watch([width, height], () => {
+      nextTick(() => {
+        init()
+      })
+    })
+
+    onMounted(() => {
+      window.addEventListener('resize', updateDimensions)
+      updateDimensions() // 初始化尺寸
+    })
+
+    onUnmounted(() => {
+      window.removeEventListener('resize', updateDimensions)
+    })
+
     return {
       state,
       classesInner,