fix: v3-app focus 事件增加键盘高度信息

src/core/view/components/input/index.vue

 <template>
-  <uni-input
-    @change.stop
+  <uni-input
+    @change.stop
     v-on="$listeners">
     <div
       ref="wrapper"
@@ -33,13 +33,14 @@
 </template>
 <script>
 import {
-  emitter
+  emitter,
+  keyboard
 } from 'uni-mixins'
 const INPUT_TYPES = ['text', 'number', 'idcard', 'digit', 'password']
 const NUMBER_TYPES = ['number', 'digit']
 export default {
   name: 'Input',
-  mixins: [emitter],
+  mixins: [emitter, keyboard],
   model: {
     prop: 'value',
     event: 'update:value'
@@ -165,6 +166,8 @@ export default {
       $vm = $vm.$parent
     }
 
+    this.initKeyboard(this.$refs.input)
+
     this.focus && this._focusInput()
   },
   beforeDestroy () {
@@ -308,7 +311,7 @@ uni-input[hidden] {
   height: 100%;
   background: none;
   color: inherit;
-  opacity: 1;
+  opacity: 1;
   -webkit-text-fill-color: currentcolor;
   font: inherit;
   line-height: inherit;

src/core/view/components/textarea/index.vue

@@ -51,11 +51,12 @@
 </template>
 <script>
 import {
-  emitter
+  emitter,
+  keyboard
 } from 'uni-mixins'
 export default {
   name: 'Textarea',
-  mixins: [emitter],
+  mixins: [emitter, keyboard],
   model: {
     prop: 'value',
     event: 'update:value'
@@ -210,6 +211,7 @@ export default {
     this._resize({
       height: this.$refs.sensor.$el.offsetHeight
     })
+    this.initKeyboard(this.$refs.textarea)
   },
   beforeDestroy () {
     this.$dispatch('Form', 'uni-form-group-update', {

src/core/view/mixins/index.js

@@ -16,4 +16,9 @@ export {
 export {
   default as subscriber
 }
-  from './subscriber'
+  from './subscriber'
+
+export {
+  default as keyboard
+}
+  from './keyboard'

src/core/view/mixins/keyboard.js

+function hideKeyboard () {
+  document.activeElement.blur()
+}
+
+export default {
+  name: 'Keyboard',
+  beforeDestroy () {
+    UniViewJSBridge.unsubscribe('hideKeyboard', hideKeyboard)
+  },
+  methods: {
+    initKeyboard (el) {
+      el.addEventListener('focus', () => {
+        UniViewJSBridge.subscribe('hideKeyboard', hideKeyboard)
+      })
+      el.addEventListener('blur', () => {
+        UniViewJSBridge.unsubscribe('hideKeyboard', hideKeyboard)
+      })
+    }
+  }
+}

src/platforms/app-plus/service/framework/plugins/keyboard.js

+import {
+  onMethod,
+  getCurrentPageId
+} from '../../../../../core/service/platform'
+
+const isAndroid = plus.os.name.toLowerCase() === 'android'
+const FOCUS_TIMEOUT = isAndroid ? 300 : 700
+const HIDE_TIMEOUT = 300
+let keyboardHeight = 0
+let onKeyboardShow
+let focusTimer
+let hideKeyboardTimeout
+
+export function hookKeyboardEvent (event, callback) {
+  onKeyboardShow = null
+  focusTimer && clearTimeout(focusTimer)
+  if (event.type === 'focus') {
+    if (keyboardHeight > 0) {
+      event.detail.height = keyboardHeight
+    } else {
+      focusTimer = setTimeout(function () {
+        event.detail.height = keyboardHeight
+        callback(event)
+      }, FOCUS_TIMEOUT)
+      onKeyboardShow = function () {
+        clearTimeout(focusTimer)
+        event.detail.height = keyboardHeight
+        callback(event)
+      }
+      return
+    }
+  }
+  callback(event)
+}
+
+onMethod('onKeyboardHeightChange', res => {
+  keyboardHeight = res.height
+  if (keyboardHeight > 0) {
+    onKeyboardShow && onKeyboardShow()
+    if (hideKeyboardTimeout) {
+      clearTimeout(hideKeyboardTimeout)
+      hideKeyboardTimeout = null
+    }
+  } else {
+    // 仅安卓收起键盘时通知view层失去焦点
+    if (isAndroid) {
+      hideKeyboardTimeout = setTimeout(function () {
+        hideKeyboardTimeout = null
+        var pageId = getCurrentPageId()
+        UniServiceJSBridge.publishHandler('hideKeyboard', {}, pageId)
+      }, HIDE_TIMEOUT)
+    }
+  }
+})

src/platforms/app-plus/service/framework/plugins/vdom-sync.js

@@ -20,6 +20,10 @@ import {
   vdSyncCallbacks
 } from '../subscribe-handlers/on-vd-sync-callback'
 
+import {
+  hookKeyboardEvent
+} from './keyboard'
+
 function wrapperEvent (event) {
   event.preventDefault = noop
   event.stopPropagation = noop
@@ -37,7 +41,15 @@ const handleVdData = {
       if (!target) {
         return console.error(`event handler[${cid}][${nid}] not found`)
       }
-      target.dispatchEvent(event.type, wrapperEvent(event))
+      const type = event.type
+      const mpEvent = wrapperEvent(event)
+      if (type === 'focus' || type === 'blur') {
+        hookKeyboardEvent(mpEvent, event => {
+          target.dispatchEvent(type, event)
+        })
+      } else {
+        target.dispatchEvent(type, mpEvent)
+      }
     })
   }
 }
@@ -181,4 +193,4 @@ export class VDomSync {
     this.elements.length = 0
     removeVdSync(this.pageId)
   }
-}
+}