ajdust ali createSelectorQuery

Author: hiyuki

packages/core/src/platform/builtInMixins/refsMixin.js

@@ -15,6 +15,52 @@ const setRef = function (target, ref, isAsync) {
     }
   })
 }
+const proxyMethods = ['boundingClientRect', 'scrollOffset']
+function rewriteAliCreateSelectorQuery (target) {
+  const rawCreateSelectorQuery = target.createSelectorQuery
+  target.createSelectorQuery = function (...args) {
+    let selectorQuery = rawCreateSelectorQuery.apply(target, args)
+    const cbs = []
+
+    if (typeof selectorQuery === 'undefined') {
+      // 兜底 selectorQuery 在ali为 undefined 情况
+      // 调用 createSelectorQuery时，组件实例已经被销毁，ali this._originCreateSelectorQuery 返回 undefined。导致后续 selectorQuery[name] 报错
+      // 方案：对齐微信，微信实例销毁时，其他调用正常，仅 createSelectorQuery.exec 不执行回调
+      // 复现：setTimeout 中调用，倒计时未回调时切换页面
+      selectorQuery = {}
+      // ['boundingClientRect', 'context', 'exec', 'fields', 'in', 'node', 'scrollOffset', 'select', 'selectAll', 'selectViewport', 'toImage']
+      const backupMethodKeys = Object.keys(envObj.createSelectorQuery())
+      const backupFn = function () {
+        return selectorQuery
+      }
+      backupMethodKeys.forEach(key => {
+        selectorQuery[key] = backupFn
+      })
+      return selectorQuery
+    }
+
+    proxyMethods.forEach((name) => {
+      const originalMethod = selectorQuery[name]
+      selectorQuery[name] = function (cb = noop) {
+        cbs.push(cb)
+        return originalMethod.call(this)
+      }
+    })
+
+    const originalExec = selectorQuery.exec
+    selectorQuery.exec = function (originalCb = noop) {
+      const cb = function (results) {
+        results.forEach((item, index) => {
+          cbs[index] && cbs[index](item)
+        })
+        originalCb(results)
+      }
+      return originalExec.call(this, cb)
+    }
+
+    return selectorQuery
+  }
+}
 
 export default function getRefsMixin () {
   const refsMixin = {
@@ -24,8 +70,7 @@ export default function getRefsMixin () {
       this.__getRefs()
 
       if (__mpx_mode__ === 'ali') {
-        this._originCreateSelectorQuery = this.createSelectorQuery
-        this.createSelectorQuery = this._createSelectorQuery
+        rewriteAliCreateSelectorQuery(this)
       }
     },
     methods: {
@@ -68,51 +113,7 @@ export default function getRefsMixin () {
       }
     })
 
-    const proxyMethods = ['boundingClientRect', 'scrollOffset']
-
     Object.assign(refsMixin.methods, {
-      _createSelectorQuery (...args) {
-        let selectorQuery = this._originCreateSelectorQuery(...args)
-        const cbs = []
-
-        if (typeof selectorQuery === 'undefined') {
-          // 兜底 selectorQuery 在ali为 undefined 情况
-          // 调用 createSelectorQuery时，组件实例已经被销毁，ali this._originCreateSelectorQuery 返回 undefined。导致后续 selectorQuery[name] 报错
-          // 方案：对齐微信，微信实例销毁时，其他调用正常，仅 createSelectorQuery.exec 不执行回调
-          // 复现：setTimeout 中调用，倒计时未回调时切换页面
-          selectorQuery = {}
-          // ['boundingClientRect', 'context', 'exec', 'fields', 'in', 'node', 'scrollOffset', 'select', 'selectAll', 'selectViewport', 'toImage']
-          const backupMethodKeys = Object.keys(envObj.createSelectorQuery())
-          const backupFn = function () {
-            return selectorQuery
-          }
-          backupMethodKeys.forEach(key => {
-            selectorQuery[key] = backupFn
-          })
-          return selectorQuery
-        }
-
-        proxyMethods.forEach((name) => {
-          const originalMethod = selectorQuery[name]
-          selectorQuery[name] = function (cb = noop) {
-            cbs.push(cb)
-            return originalMethod.call(this)
-          }
-        })
-
-        const originalExec = selectorQuery.exec
-        selectorQuery.exec = function (originalCb = noop) {
-          const cb = function (results) {
-            results.forEach((item, index) => {
-              cbs[index] && cbs[index](item)
-            })
-            originalCb(results)
-          }
-          return originalExec.call(this, cb)
-        }
-
-        return selectorQuery
-      },
       selectComponent (selector) {
         return this.$selectComponent(selector)
       },