@mpxjs/core 2.10.16 → 2.10.17-beta.2

package/@types/global.d.ts

@@ -1,5 +1,5 @@
 // declaration for mpx mode
-declare let __mpx_mode__: 'wx' | 'ali' | 'swan' | 'qq' | 'tt' | 'web' | 'dd' | 'qa' | 'jd' | 'android' | 'ios' | 'harmony'
+declare let __mpx_mode__: 'wx' | 'ali' | 'swan' | 'qq' | 'tt' | 'web' | 'dd' | 'qa' | 'jd' | 'android' | 'ios' | 'harmony' | 'ks'
 
 // declaration for mpx env
 declare let __mpx_env__: string
@@ -11,3 +11,6 @@ declare module '*?resolve' {
   const resourcePath: string
   export default resourcePath
 }
+
+declare let setAppShow: () => void
+declare let setAppHide: () => void

package/@types/index.d.ts

@@ -9,6 +9,7 @@
 
 import type { GetComputedType } from '@mpxjs/store'
 import type { ScaledSize } from 'react-native'
+import type { ComponentType } from 'react'
 export * from '@mpxjs/store'
 
 // utils
@@ -126,9 +127,17 @@ interface Context {
 type ExtendedComponentOptions = {
   disconnectOnUnmounted?: boolean
   shallowReactivePattern?: RegExp
+  /**
+   * 是否禁用render函数的useMemo，仅输出RN支持
+   */
+  disableMemo?: boolean
 } & WechatMiniprogram.Component.ComponentOptions
 
 interface ComponentOpt<D extends Data, P extends Properties, C, M extends Methods, Mi extends Array<any>, S extends Record<any, any>> extends Partial<WechatMiniprogram.Component.Lifetimes & WechatMiniprogram.Component.OtherOption> {
+  /**
+   * ReactNative 原生组件注册
+   */
+  components?: Record<string, ComponentType>,
   data?: D
   properties?: P
   computed?: C
@@ -221,7 +230,7 @@ type WxComponentIns<D extends Data = {}, P extends Properties = {}, M extends Me
   Omit<WechatMiniprogram.Component.Instance<D, P, M>, 'selectComponent' | 'selectAllComponents'>
   & ReplaceWxComponentIns
 
-type ComponentIns<D extends Data = {}, P extends Properties = {}, C = {}, M extends Methods = {}, Mi extends Array<any> = [], S extends Record<any, any> = {}, O = {}> =
+export type ComponentIns<D extends Data = {}, P extends Properties = {}, C = {}, M extends Methods = {}, Mi extends Array<any> = [], S extends Record<any, any> = {}, O = {}> =
   GetDataType<D> & UnboxMixinsField<Mi, 'data'> &
   M & UnboxMixinsField<Mi, 'methods'> & { [K in keyof S]: S[K] extends Ref<infer V> ? V : S[K] } &
   GetPropsType<P & UnboxMixinsField<Mi, 'properties'>> &
@@ -296,7 +305,7 @@ export interface RnConfig {
    * - `true`：允许退出应用
    * - `false`：阻止退出应用
    */
-  onAppBack?: () => boolean
+  onAppBack?: (delta: number) => boolean
 
   /**
    * 是否禁用框架内部的 AppStateChange 监听。
@@ -356,26 +365,6 @@ export interface RnConfig {
     dimensions: T
   ) => T | void
 
-  /**
-   * 异步分包加载配置。
-   */
-  asyncChunk?: {
-    /**
-     * 加载超时时长配置，单位为毫秒。
-     */
-    timeout: number
-
-    /**
-     * 异步分包页面加载超时或失败时，自定义兜底页面文件路径。
-     */
-    fallback: string
-
-    /**
-     * 异步分包页面加载时，自定义 loading 页面文件路径。
-     */
-    loading: string
-  }
-
   /**
    * 加载并执行异步分包的方法。
    *
@@ -392,6 +381,13 @@ export interface RnConfig {
    * @param packages 分包名数组
    */
   downloadChunkAsync?: (packages: Array<string>) => void
+
+  /**
+   * bundle 中是否关闭 android 键盘避让功能，如果关闭需要将该配置设置为 false，使用 mpx 内置的键盘避让逻辑
+   * @platform android
+   * @default true
+   */
+  enableNativeKeyboardAvoiding?: boolean
 }
 
 interface MpxConfig {
@@ -399,10 +395,10 @@ interface MpxConfig {
   ignoreWarning: boolean | string | RegExp | ((msg: string, location: string, e: Error) => boolean)
   ignoreProxyWhiteList: Array<string>
   observeClassInstance: boolean | Array<AnyConstructor>
-  errorHandler: (msg: String, location: String, e: Error) => any | null
-  warnHandler: (msg: String, location: String, e: Error) => any | null
-  proxyEventHandler: (e: WechatMiniprogram.CustomEvent, target: ComponentIns<{}, {}, {}, {}, []>) => any | null
-  setDataHandler: (data: object, target: ComponentIns<{}, {}, {}, {}, []>) => any | null
+  errorHandler: (msg: String, location: String, e: Error) => void
+  warnHandler: (msg: String, location: String, e: Error) => void
+  proxyEventHandler: (e: WechatMiniprogram.CustomEvent, target: ComponentIns<{}, {}, {}, {}, []>) => void
+  setDataHandler: (data: object, target: ComponentIns<{}, {}, {}, {}, []>) => void
   forceFlushSync: boolean,
   webRouteConfig: object,
   webConfig: object,
@@ -413,10 +409,10 @@ interface MpxConfig {
   */
   webviewConfig: WebviewConfig,
   /** react-native 相关配置，用于挂载事件等，如 onShareAppMessage */
-  rnConfig?: RnConfig,
+  rnConfig: RnConfig,
 }
 
-type SupportedMode = 'wx' | 'ali' | 'qq' | 'swan' | 'tt' | 'web' | 'qa'
+type SupportedMode = 'wx' | 'ali' | 'qq' | 'swan' | 'tt' | 'web' | 'qa'| 'ks' | 'jd' | 'dd'
 
 interface ImplementOptions {
   modes?: Array<SupportedMode>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/core",
-  "version": "2.10.16",
+  "version": "2.10.17-beta.2",
   "description": "mpx runtime core",
   "keywords": [
     "miniprogram",
@@ -19,7 +19,7 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@mpxjs/utils": "^2.10.16",
+    "@mpxjs/utils": "^2.10.17",
     "lodash": "^4.1.1",
     "miniprogram-api-typings": "^3.10.0"
   },
@@ -93,6 +93,10 @@
       "optional": true
     }
   },
+  "devDependencies": {
+    "@types/react": "^18.2.79",
+    "react-native": "^0.74.5"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
@@ -109,5 +113,5 @@
     "url": "https://github.com/didi/mpx/issues"
   },
   "sideEffects": false,
-  "gitHead": "be4129320e298edf935ea35f9ca3d375f75ac51c"
+  "gitHead": "2d37697869b9bdda3efab92dda8c910b68fd05c0"
 }

package/src/convertor/convertor.js

@@ -9,6 +9,7 @@ import wxToTtRule from './wxToTt'
 import wxToDdRule from './wxToDd'
 import wxToJdRule from './wxToJd'
 import wxToReactRule from './wxToReact'
+import wxToKsRule from './wxToKs'
 
 /**
  * 转换规则包含四点
@@ -38,7 +39,8 @@ const rulesMap = {
   wxToJd: extend({}, defaultConvertRule, wxToJdRule),
   wxToIos: extend({}, defaultConvertRule, wxToReactRule),
   wxToAndroid: extend({}, defaultConvertRule, wxToReactRule),
-  wxToHarmony: extend({}, defaultConvertRule, wxToReactRule)
+  wxToHarmony: extend({}, defaultConvertRule, wxToReactRule),
+  wxToKs: extend({}, defaultConvertRule, wxToKsRule)
 }
 
 export function getConvertRule (convertMode) {

package/src/convertor/getConvertMode.js

@@ -8,7 +8,8 @@ const convertModes = {
   'wx-dd': 'wxToDd',
   'wx-ios': 'wxToIos',
   'wx-android': 'wxToAndroid',
-  'wx-harmony': 'wxToHarmony'
+  'wx-harmony': 'wxToHarmony',
+  'wx-ks': 'wxToKs'
 }
 
 export function getConvertMode (srcMode) {

package/src/convertor/wxToAli.js

@@ -7,7 +7,7 @@ import { implemented } from '../core/implement'
 const unsupported = ['moved', 'definitionFilter']
 
 function convertErrorDesc (key) {
-  error(`Options.${key} is not supported in runtime conversion from wx to ali.`, global.currentResource)
+  error(`Options.${key} is not supported in runtime conversion from wx to ali.`, global.currentResource || global.currentModuleId)
 }
 
 function notSupportTip (options) {

package/src/convertor/wxToKs.js

@@ -0,0 +1,21 @@
+import { error } from '@mpxjs/utils'
+
+const BEHAVIORS_MAP = [
+  'wx://form-field',
+  'wx://form-field-group',
+  'wx://form-field-button',
+  'wx://component-export'
+]
+
+export default {
+  convert (options) {
+    if (options.behaviors) {
+      options.behaviors.forEach((behavior, idx) => {
+        if (BEHAVIORS_MAP.includes(behavior)) {
+          error(`Built-in behavior "${behavior}" is not supported in ks environment!`, global.currentResource || global.currentModuleId)
+          options.behaviors.splice(idx, 1)
+        }
+      })
+    }
+  }
+}

package/src/convertor/wxToReact.js

@@ -8,7 +8,7 @@ import { implemented } from '../core/implement'
 const unsupported = ['moved', 'definitionFilter']
 
 function convertErrorDesc (key) {
-  error(`Options.${key} is not supported in runtime conversion from wx to react native.`, global.currentResource)
+  error(`Options.${key} is not supported in runtime conversion from wx to react native.`, global.currentResource || global.currentModuleId)
 }
 
 function notSupportTip (options) {

package/src/convertor/wxToSwan.js

@@ -12,7 +12,7 @@ const BEHAVIORS_MAP = {
 const unsupported = ['moved', 'relations']
 
 function convertErrorDesc (key) {
-  error(`Options.${key} is not supported in runtime conversion from wx to swan.`, global.currentResource)
+  error(`Options.${key} is not supported in runtime conversion from wx to swan.`, global.currentResource || global.currentModuleId)
 }
 
 function notSupportTip (options) {

package/src/convertor/wxToTt.js

@@ -12,7 +12,7 @@ export default {
     if (options.behaviors) {
       options.behaviors.forEach((behavior, idx) => {
         if (BEHAVIORS_MAP.includes(behavior)) {
-          error(`Built-in behavior "${behavior}" is not supported in tt environment!`, global.currentResource)
+          error(`Built-in behavior "${behavior}" is not supported in tt environment!`, global.currentResource || global.currentModuleId)
           options.behaviors.splice(idx, 1)
         }
       })

package/src/convertor/wxToWeb.js

@@ -6,7 +6,8 @@ import {
   diffAndCloneA,
   error,
   hasOwn,
-  isDev
+  isDev,
+  getDefaultValueByType
 } from '@mpxjs/utils'
 import { implemented } from '../core/implement'
 
@@ -14,7 +15,7 @@ import { implemented } from '../core/implement'
 const unsupported = ['moved', 'definitionFilter', 'onShareAppMessage']
 
 function convertErrorDesc (key) {
-  error(`Options.${key} is not supported in runtime conversion from wx to web.`, global.currentResource)
+  error(`Options.${key} is not supported in runtime conversion from wx to web.`, global.currentResource || global.currentModuleId)
 }
 
 function notSupportTip (options) {
@@ -56,6 +57,12 @@ export default {
                   return diffAndCloneA(prop.value).clone
                 }
                 : prop.value
+            } else {
+              // 没有显式设置value时，根据type自动添加默认值，与微信小程序原生行为保持一致
+              const defaultValue = getDefaultValueByType(prop.type, 'web')
+              if (defaultValue !== undefined) {
+                newProp.default = defaultValue
+              }
             }
             props[key] = newProp
           } else {

package/src/core/proxy.js

@@ -31,8 +31,10 @@ import {
   wrapMethodsWithErrorHandling,
   warn,
   error,
-  getEnvObj
+  getEnvObj,
+  def
 } from '@mpxjs/utils'
+import { renderHelperDefs } from '../platform/builtInMixins/renderHelperMixin'
 import {
   BEFORECREATE,
   CREATED,
@@ -190,6 +192,7 @@ export default class MpxProxy {
     this.callHook(CREATED)
 
     if (!isWeb && !isReact) {
+      this.initRenderHelpers()
       this.initRender()
     }
 
@@ -335,7 +338,7 @@ export default class MpxProxy {
           createSelectorQuery: this.target.createSelectorQuery ? this.target.createSelectorQuery.bind(this.target) : envObj.createSelectorQuery.bind(envObj),
           createIntersectionObserver: this.target.createIntersectionObserver ? this.target.createIntersectionObserver.bind(this.target) : envObj.createIntersectionObserver.bind(envObj),
           getPageId: this.target.getPageId.bind(this.target),
-          getOpenerEventChannel: this.target.getOpenerEventChannel.bind(this.target)
+          getOpenerEventChannel: this.target.getOpenerEventChannel ? this.target.getOpenerEventChannel.bind(this.target) : noop
         }
       ])
       if (!isObject(setupResult)) {
@@ -728,6 +731,15 @@ export default class MpxProxy {
     this.toggleRecurse(true)
   }
 
+  initRenderHelpers () {
+    if (this.options.__nativeRender__ || __mpx_mode__ !== 'ks') return
+    Object.keys(renderHelperDefs).forEach((key) => {
+      if (!hasOwn(this.target, key)) {
+        def(this.target, key, renderHelperDefs[key])
+      }
+    })
+  }
+
   initRender () {
     if (this.options.__nativeRender__) return this.doRender()
 

package/src/core/transferOptions.js

@@ -13,7 +13,7 @@ export default function transferOptions (options, type, needConvert = true) {
     }
   }
   // 文件编译路径
-  options.mpxFileResource = global.currentResource
+  options.mpxFileResource = global.currentResource || global.currentModuleId
   // 注入全局写入的mixins，原生模式下不进行注入
   if (!options.__nativeRender__) {
     options = mergeInjectedMixins(options, type)

package/src/helper/MpxScroll/index.js

@@ -57,8 +57,8 @@ export default class MpxScroll {
       const isIntersecting = change.isIntersecting
       this.isIntersecting = isIntersecting
       if (!isIntersecting) {
-        // 非 inter section 状态下及时清除 transtorm，以免影响正常滚动时元素的 fixed 定位
-        this.el.style.cssText = ''
+        // 非 inter section 状态下及时清除 transform，以免影响正常滚动时元素的 fixed 定位
+        this.el.style.transform = ''
         this.pullDownEventRegister && this.pullDownEventRegister.destroy()
       } else {
         this.pullDownEventRegister = new EventRegister(this.el, [
@@ -103,7 +103,12 @@ export default class MpxScroll {
 
   transformPage (distance) {
     this.translateY = distance
-    this.el.style.cssText = `transform: translateY(${distance}px)`
+    if (distance === 0) {
+      // 距离为 0 时移除 transform，避免影响页面 fixed 定位
+      this.el.style.transform = ''
+    } else {
+      this.el.style.transform = `translateY(${distance}px)`
+    }
   }
 
   onTouchEnd (e) {
@@ -219,8 +224,15 @@ export default class MpxScroll {
   }
 
   onReachBottom (onReachBottomDistance, callback) {
-    const { bottom } = this.el.getBoundingClientRect()
-    const mark = bottom - window.innerHeight <= onReachBottomDistance
+    const scrollTop = getScrollTop()
+    const scrollHeight = document.documentElement.scrollHeight
+    const clientHeight = window.innerHeight
+
+    // 使用 scrollHeight 判断实际内容高度是否超过视口，只有可滚动时才计算触底
+    const scrollable = scrollHeight > clientHeight
+    // 距离底部的距离 = 内容总高度 - (当前滚动位置 + 视口高度)
+    const distanceToBottom = scrollHeight - (scrollTop + clientHeight)
+    const mark = scrollable && (distanceToBottom <= onReachBottomDistance)
 
     if (!this.bottomReached && mark) {
       this.bottomReached = true

package/src/platform/builtInMixins/index.js

@@ -57,14 +57,18 @@ export default function getBuiltInMixins ({ type, rawOptions = {} }) {
     }
     // 此为纯增强类mixins，原生模式下不需要注入
     if (!rawOptions.__nativeRender__) {
-      bulitInMixins = bulitInMixins.concat([
-        renderHelperMixin(),
+      const enhancedMixins = [
         showMixin(type),
         i18nMixin(),
         dynamicRenderHelperMixin(),
         dynamicSlotMixin(),
         dynamicRefsMixin()
-      ])
+      ]
+      if (__mpx_mode__ !== 'ks') {
+        // ks methods 不支持 _ 或者 $ 开头的方法名，所以 ks 不走 methods mixin
+        enhancedMixins.unshift(renderHelperMixin())
+      }
+      bulitInMixins = bulitInMixins.concat(enhancedMixins)
     }
   }
   return bulitInMixins.filter(item => item)

package/src/platform/builtInMixins/pageStatusMixin.js

@@ -1,4 +1,5 @@
 import { CREATED, ONLOAD, ONSHOW, ONHIDE, ONRESIZE } from '../../core/innerLifecycle'
+import { isObject } from '@mpxjs/utils'
 
 export default function pageStatusMixin (mixinType) {
   if (mixinType === 'page') {
@@ -12,8 +13,19 @@ export default function pageStatusMixin (mixinType) {
       onResize (e) {
         this.__mpxProxy.callHook(ONRESIZE, [e])
       },
-      onLoad (query) {
-        this.__mpxProxy.callHook(ONLOAD, [query])
+      onLoad (rawQuery) {
+        if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'qq' || __mpx_mode__ === 'tt') {
+          const decodedQuery = {}
+          // 处理以上平台直接透传encode的结果，给到onload第二个参数供开发者使用
+          if (isObject(rawQuery)) {
+            for (const key in rawQuery) {
+              decodedQuery[key] = decodeURIComponent(rawQuery[key])
+            }
+          }
+          this.__mpxProxy.callHook(ONLOAD, [rawQuery, decodedQuery])
+        } else {
+          this.__mpxProxy.callHook(ONLOAD, [rawQuery, rawQuery])
+        }
       }
     }
     if (__mpx_mode__ === 'ali') {

package/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)
       },

package/src/platform/builtInMixins/renderHelperMixin.js

@@ -1,44 +1,46 @@
 import { getByPath, hasOwn, isObject } from '@mpxjs/utils'
 
-export default function renderHelperMixin () {
-  return {
-    methods: {
-      _i (val, handler) {
-        let i, l, keys, key
-        if (Array.isArray(val) || typeof val === 'string') {
-          for (i = 0, l = val.length; i < l; i++) {
-            handler.call(this, val[i], i)
-          }
-        } else if (typeof val === 'number') {
-          for (i = 0; i < val; i++) {
-            handler.call(this, i + 1, i)
-          }
-        } else if (isObject(val)) {
-          keys = Object.keys(val)
-          for (i = 0, l = keys.length; i < l; i++) {
-            key = keys[i]
-            handler.call(this, val[key], key, i)
-          }
-        }
-      },
-      // collect
-      _c (key, value) {
-        if (hasOwn(this.__mpxProxy.renderData, key)) {
-          return this.__mpxProxy.renderData[key]
-        }
-        if (value === undefined) {
-          value = getByPath(this, key)
-        }
-        this.__mpxProxy.renderData[key] = value
-        return value
-      },
-      // simple collect
-      _sc (key) {
-        return (this.__mpxProxy.renderData[key] = this[key])
-      },
-      _r (skipPre, vnode) {
-        this.__mpxProxy.renderWithData(skipPre, vnode)
+export const renderHelperDefs = {
+  _i (val, handler) {
+    let i, l, keys, key
+    if (Array.isArray(val) || typeof val === 'string') {
+      for (i = 0, l = val.length; i < l; i++) {
+        handler.call(this, val[i], i)
+      }
+    } else if (typeof val === 'number') {
+      for (i = 0; i < val; i++) {
+        handler.call(this, i + 1, i)
       }
+    } else if (isObject(val)) {
+      keys = Object.keys(val)
+      for (i = 0, l = keys.length; i < l; i++) {
+        key = keys[i]
+        handler.call(this, val[key], key, i)
+      }
+    }
+  },
+  // collect
+  _c (key, value) {
+    if (hasOwn(this.__mpxProxy.renderData, key)) {
+      return this.__mpxProxy.renderData[key]
+    }
+    if (value === undefined) {
+      value = getByPath(this, key)
     }
+    this.__mpxProxy.renderData[key] = value
+    return value
+  },
+  // simple collect
+  _sc (key) {
+    return (this.__mpxProxy.renderData[key] = this[key])
+  },
+  _r (skipPre, vnode) {
+    this.__mpxProxy.renderWithData(skipPre, vnode)
+  }
+}
+
+export default function renderHelperMixin () {
+  return {
+    methods: renderHelperDefs
   }
 }