feat: app-plus、h5平台支持onNavigationBarSearchInputFocusChanged生命周期

src/core/service/bridge/on.js

@@ -6,8 +6,8 @@ import {
 import {
   setPullDownRefreshPageId
 } from 'uni-platform/service/api/ui/pull-down-refresh'
-
-import onWebInvokeAppService from 'uni-platform/service/on-web-invoke-app-service'
+
+import onWebInvokeAppService from 'uni-platform/service/on-web-invoke-app-service'
 
 export default function initOn (on, {
   getApp,
@@ -91,7 +91,8 @@ export default function initOn (on, {
 
   on('onNavigationBarSearchInputChanged', createCallCurrentPageHook('onNavigationBarSearchInputChanged'))
   on('onNavigationBarSearchInputConfirmed', createCallCurrentPageHook('onNavigationBarSearchInputConfirmed'))
-  on('onNavigationBarSearchInputClicked', createCallCurrentPageHook('onNavigationBarSearchInputClicked'))
-
+  on('onNavigationBarSearchInputClicked', createCallCurrentPageHook('onNavigationBarSearchInputClicked'))
+  on('onNavigationBarSearchInputFocusChanged', createCallCurrentPageHook('onNavigationBarSearchInputFocusChanged'))
+
   on('onWebInvokeAppService', onWebInvokeAppService)
-}
+}

src/core/service/plugins/lifecycle.js

@@ -24,6 +24,7 @@ const LIFECYCLE_HOOKS = [
   'onNavigationBarSearchInputChanged',
   'onNavigationBarSearchInputConfirmed',
   'onNavigationBarSearchInputClicked',
+  'onNavigationBarSearchInputFocusChanged',
   // Component
   // 'onReady', // 兼容旧版本，应该移除该事件
   'onPageShow',
@@ -96,4 +97,4 @@ export function lifecycleMixin (Vue) {
     }
     return ret
   }
-}
+}

src/platforms/app-plus-nvue/services/api/title-nview.js

@@ -5,7 +5,8 @@ export function initTitleNView (nvue) {
     onNavigationBarButtonTap: noop,
     onNavigationBarSearchInputChanged: noop,
     onNavigationBarSearchInputConfirmed: noop,
-    onNavigationBarSearchInputClicked: noop
+    onNavigationBarSearchInputClicked: noop,
+    onNavigationBarSearchInputFocusChanged: noop
   }
   nvue.requireModule('globalEvent').addEventListener('plusMessage', e => {
     if (eventMaps[e.data.type]) {
@@ -19,4 +20,4 @@ export function initTitleNView (nvue) {
     }
   })
   return ret
-}
+}

src/platforms/app-plus/runtime/wrapper/page-parser.js

@@ -9,13 +9,14 @@ const hooks = [
   'onNavigationBarButtonTap',
   'onNavigationBarSearchInputChanged',
   'onNavigationBarSearchInputConfirmed',
-  'onNavigationBarSearchInputClicked'
+  'onNavigationBarSearchInputClicked',
+  'onNavigationBarSearchInputFocusChanged'
 ]
 
-export default function parsePage (vuePageOptions) {
+export default function parsePage (vuePageOptions) {
   const pageOptions = parseBasePage(vuePageOptions)
 
-  initHooks(pageOptions.methods, hooks)
+  initHooks(pageOptions.methods, hooks)
 
   return pageOptions
-}
+}

src/platforms/app-plus/service/framework/webview/index.js

@@ -38,7 +38,8 @@ const WEBVIEW_LISTENERS = {
   pullToRefresh: 'onPullDownRefresh',
   titleNViewSearchInputChanged: 'onNavigationBarSearchInputChanged',
   titleNViewSearchInputConfirmed: 'onNavigationBarSearchInputConfirmed',
-  titleNViewSearchInputClicked: 'onNavigationBarSearchInputClicked'
+  titleNViewSearchInputClicked: 'onNavigationBarSearchInputClicked',
+  titleNViewSearchInputFocusChanged: 'onNavigationBarSearchInputFocusChanged'
 }
 
 export function setPreloadWebview (webview) {
@@ -164,4 +165,4 @@ export function consumeWebviewReady (pageId) {
   const callbacks = webviewReadyCallbacks[pageId]
   Array.isArray(callbacks) && callbacks.forEach(callback => callback())
   delete webviewReadyCallbacks[pageId]
-}
+}

src/platforms/h5/components/page/pageHead.vue

@@ -509,6 +509,16 @@ export default {
             })
           }
         })
+        input.$refs.input.addEventListener('focus', () => {
+          UniServiceJSBridge.emit('onNavigationBarSearchInputFocusChanged', {
+            focus: true
+          })
+        })
+        input.$refs.input.addEventListener('blur', () => {
+          UniServiceJSBridge.emit('onNavigationBarSearchInputFocusChanged', {
+            focus: false
+          })
+        })
       }
     }
   },