Merge branch 'master' into fix-runOnjs-animation

Author: hiyuki

docs-vitepress/guide/platform/rn.md

@@ -2590,6 +2590,21 @@ mpx.config.rnConfig.downloadChunkAsync = function (packages) {
 }
 ```
 
+针对异步分包加载异常的场景：
+
+* 异步组件加载失败：微信小程序提供了 [`wx.onLazyLoadError`](https://developers.weixin.qq.com/miniprogram/dev/api/base/app/app-event/wx.onLazyLoadError.html) 的全局 api 来监听异步组件加载失败，这个 api 同样在Mpx转RN场景下生效；
+* 异步页面加载失败：微信小程序未提供相关的监听异常的 api，Mpx转RN提供了一个额外的全局监听函数：
+
+```javascript
+// RN 场景下监听异步页面加载失败的全局配置
+mpx.config.rnConfig.lazyLoadPageErrorHandler = function (error) {
+  console.log(
+    error.subpackage, // 加载失败的分包名
+    error.errType // 加载失败的类型：'timeout' | 'fail'
+  )
+}
+```
+
 此外针对Mpx转RN的场景，还提供了一些异步分包的配置选项：
 
 ```javascript
@@ -2650,7 +2665,7 @@ module.exports = defineConfig({
 其参数为当前页面的 onShareAppMessage 钩子返回内容，如果返回返回内容中包含 promise，将会在 fulfilled 后将其结果合并再触发 onShareAppMessage
 
 `(shareInfo: { title: string, path: string, imageUrl?: string }) => void`
- 
+
 
 
 #### 路由
@@ -2712,4 +2727,4 @@ module.exports = defineConfig({
 可在此方法中返回修改后的 dimensions，如果无返回或返回undefined，则以入参作为返回值
 
 
-例如在折叠屏中我们期望只在其中一半屏上展示，可在customDimensions中判断当前是否为折叠屏展开状态，如果是则将 ScreenWidth 设置为原来的一半。
+例如在折叠屏中我们期望只在其中一半屏上展示，可在customDimensions中判断当前是否为折叠屏展开状态，如果是则将 ScreenWidth 设置为原来的一半。

packages/webpack-plugin/lib/react/LoadAsyncChunkModule.js

@@ -5,7 +5,7 @@ const HelperRuntimeModule = require('webpack/lib/runtime/HelperRuntimeModule')
 class LoadAsyncChunkRuntimeModule extends HelperRuntimeModule {
   constructor (timeout) {
     super('load async chunk')
-    this.timeout = timeout || 5000
+    this.timeout = timeout || 10000
   }
 
   generate () {

packages/webpack-plugin/lib/runtime/components/react/mpx-async-suspense.tsx

@@ -146,6 +146,12 @@ const AsyncSuspense: React.FC<AsyncSuspenseProps> = ({
                 })
               })
             }
+            if (type === 'page' && typeof mpxGlobal.__mpx.config?.rnConfig?.lazyLoadPageErrorHandler === 'function') {
+              mpxGlobal.__mpx.config.rnConfig.lazyLoadPageErrorHandler({
+                subpackage: chunkName,
+                errType: e.type
+              })
+            }
             loadChunkPromise.current = null
             setStatus('error')
           })

packages/webpack-plugin/lib/runtime/components/react/types/global.d.ts

@@ -40,6 +40,8 @@ declare let global: {
   __formatValue (value: string): string | number
 } & Record<string, any>
 
+declare let mpxGlobal: Record<string, any>
+
 declare module '@react-navigation/native' {
    export function useNavigation (): Record<string, any>
    export function usePreventRemove(