fix(h5): 优化路由接口以及修复 onResize 回调参数缺失的字段 (#14967)

Co-authored-by: Zakary <zakarycode@gmail.com>
NervJS · Feb 2, 2024 · 7245127 · 7245127
1 parent cd993e8
commit 7245127
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 7 deletions.
diff --git a/packages/taro-components/types/PageMeta.d.ts b/packages/taro-components/types/PageMeta.d.ts
@@ -64,6 +64,8 @@ interface PageMetaProps extends StandardProps {
 }
 declare namespace PageMetaProps {
   interface onResizeEventDetail {
+    /** 设备方向 */
+    deviceOrientation?: 'portrait' | 'landscape'
     /** 窗口尺寸 */
     size: resizeType
   }
@@ -73,6 +75,10 @@ declare namespace PageMetaProps {
     windowWidth: number
     /** 窗口高度 */
     windowHeight: number
+    /** 屏幕宽度 */
+    screenWidth?: number
+    /** 屏幕高度 */
+    screenHeight?: number
   }
   interface onScrollEventDetail {
     scrollTop: number

diff --git a/packages/taro-router/src/api.ts b/packages/taro-router/src/api.ts
@@ -55,6 +55,20 @@ async function navigate (option: Option | NavigateBackOption, method: MethodName
       if ('url' in option) {
         const pathPieces = processNavigateUrl(option)
         const state = { timestamp: Date.now() }
+        if (pathPieces.pathname) {
+          const originPath = routesAlias.getOrigin(pathPieces.pathname)
+          const pagePath = originPath.startsWith('/') ? originPath.substring(1) : originPath
+          if (!RouterConfig.pages.includes(pagePath)) {
+            const res = { errMsg: `${method}:fail page ${pagePath} is not found` }
+            fail?.(res)
+            complete?.(res)
+            if (fail || complete) {
+              return resolve(res)
+            } else {
+              return reject(res)
+            }
+          }
+        }
         if (method === 'navigateTo') {
           history.push(pathPieces, state)
         } else if (method === 'redirectTo' || method === 'switchTab') {
@@ -75,7 +89,11 @@ async function navigate (option: Option | NavigateBackOption, method: MethodName
       const res = { errMsg: `${method}:fail ${error.message || error}` }
       fail?.(res)
       complete?.(res)
-      reject(res)
+      if (fail || complete) {
+        return resolve(res)
+      } else {
+        return reject(res)
+      }
     }
   })
 }

diff --git a/packages/taro-router/src/events/resize.ts b/packages/taro-router/src/events/resize.ts
@@ -6,12 +6,18 @@ export function bindPageResize (page: PageInstance) {
   pageResizeFn && window.removeEventListener('resize', pageResizeFn)
 
   pageResizeFn = function () {
-    page.onResize && page.onResize({
-      size: {
-        windowHeight: window.innerHeight,
-        windowWidth: window.innerWidth
-      }
-    })
+    if (page.onResize) {
+      const mediaQuery = window.matchMedia('(orientation: portrait)')
+      page.onResize({
+        deviceOrientation: mediaQuery.matches ? 'portrait' : 'landscape',
+        size: {
+          windowHeight: window.innerHeight,
+          windowWidth: window.innerWidth,
+          screenHeight: window.screen.height,
+          screenWidth: window.screen.width,
+        }
+      })
+    }
   }
 
   window.addEventListener('resize', pageResizeFn, false)

diff --git a/packages/taro/types/taro.lifecycle.d.ts b/packages/taro/types/taro.lifecycle.d.ts
@@ -56,9 +56,12 @@ declare module './index' {
   }
 
   interface PageResizeObject {
+    deviceOrientation?: 'portrait' | 'landscape'
     size: {
       windowWidth: number
       windowHeight: number
+      screenWidth?: number
+      screenHeight?: number
     }
   }