fix(runtime): 修复 app 不能使用Show/Hide钩子的问题，fix #8348 (#8430)

* fix(runtime): 修复 app 不能使用Show/Hide钩子的问题，fix #8348

* fix: ci

packages/taro-runtime/src/dsl/hooks.ts

@@ -4,9 +4,11 @@ import { getPageInstance, injectPageInstance } from './common'
 import { PageLifeCycle } from './instance'
 import { Current } from '../current'
 
+export const HOOKS_APP_ID = 'taro-app'
+
 const taroHooks = (lifecycle: keyof PageLifeCycle) => {
   return (fn: Function) => {
-    const id = React.useContext(PageContext)
+    const id = React.useContext(PageContext) || HOOKS_APP_ID
 
     // hold fn ref and keep up to date
     const fnRef = React.useRef(fn)

packages/taro-runtime/src/dsl/react.ts

@@ -5,11 +5,12 @@ import { isFunction, ensure, EMPTY_OBJ } from '@tarojs/shared'
 import { Current } from '../current'
 import { AppInstance, ReactPageComponent, PageProps, Instance, ReactAppInstance } from './instance'
 import { document } from '../bom/document'
-import { injectPageInstance } from './common'
+import { getPageInstance, injectPageInstance } from './common'
 import { isBrowser } from '../env'
 import { options } from '../options'
-import { Reconciler } from '../reconciler'
+import { Reconciler, CurrentReconciler } from '../reconciler'
 import { incrementId } from '../utils'
+import { HOOKS_APP_ID } from './hooks'
 
 function isClassComponent (R: typeof React, component): boolean {
   return isFunction(component.render) ||
@@ -247,6 +248,9 @@ export function createReactApp (App: React.ComponentClass, react: typeof React,
         if (app != null && isFunction(app.componentDidShow)) {
           app.componentDidShow(options)
         }
+
+        // app useDidShow
+        triggerAppHook('componentDidShow')
       }
     },
 
@@ -258,10 +262,24 @@ export function createReactApp (App: React.ComponentClass, react: typeof React,
         if (app != null && isFunction(app.componentDidHide)) {
           app.componentDidHide(options)
         }
+
+        // app useDidHide
+        triggerAppHook('componentDidHide')
       }
     }
   })
 
+  function triggerAppHook (lifecycle) {
+    const instance = getPageInstance(HOOKS_APP_ID)
+    if (instance) {
+      const app = ref.current
+      const func = CurrentReconciler.getLifecyle(instance, lifecycle)
+      if (Array.isArray(func)) {
+        func.forEach(cb => cb.apply(app))
+      }
+    }
+  }
+
   Current.app = app
   return Current.app
 }