@mpxjs/core 2.6.114-alpha.3 → 2.7.0-alpha

package/@types/global.d.ts

@@ -8,4 +8,4 @@ declare let __mpx_env__: string
 declare module '*?resolve' {
   const resourcePath: string
   export default resourcePath
-}
+}

package/@types/index.d.ts

@@ -8,6 +8,14 @@
 /// <reference path="./global.d.ts" />
 /// <reference path="./node.d.ts" />
 
+// @ts-ignore
+import VueI18n from 'vue-i18n'
+
+declare module 'vue-i18n' {
+  export default interface VueI18n {
+    mergeMessages(messages: {[index: string]:VueI18n.LocaleMessageObject}): void;
+  }
+}
 // declare Store types
 type StoreOpt<S, G, M, A, D extends MpxStore.Deps> = MpxStore.StoreOpt<S, G, M, A, D>
 

package/@types/mpx-store.d.ts

@@ -1,6 +1,11 @@
 declare namespace MpxStore {
   type UnboxDepField<D, F> = F extends keyof D ? D[F] : {}
 
+  interface  compContext{
+    __mpxProxy: object;
+    [key: string]: any
+  }
+
   interface Deps {
     [key: string]: Store | StoreWithThis
   }
@@ -88,7 +93,21 @@ declare namespace MpxStore {
     mapActions(depPath: string, maps: string[]): {
       [key: string]: (...payloads: any[]) => any
     }
+    // 下面是新增的异步store的接口类型
+    mapStateToInstance<K extends keyof S>(maps: K[], context: compContext): void
+    mapStateToInstance(depPath: string, maps: string[], context: compContext): void
+
+    // mapState support object
+    mapStateToInstance<T extends { [key: string]: keyof GetAllMapKeys<S, D, 'state'> }>(obj: T, context: compContext): void
+
+    mapGettersToInstance<K extends keyof G>(maps: K[], context: compContext): void
+    mapGettersToInstance(depPath: string, maps: string[], context: compContext): void
+
+    mapMutationsToInstance<K extends keyof M>(maps: K[], context: compContext): Pick<GetMutations<M>, K>
+    mapMutationsToInstance(depPath: string, maps: string[], context: compContext): void
 
+    mapActionsToInstance<K extends keyof A>(maps: K[], context: compContext): Pick<GetActions<A>, K>
+    mapActionsToInstance(depPath: string, maps: string[], context: compContext): void
   }
   type GetComputedSetKeys<T> = {
     [K in keyof T]: T[K] extends {
@@ -275,6 +294,32 @@ declare namespace MpxStore {
     mapActions<T extends { [key: string]: string }>(obj: T): {
       [I in keyof T]: (...payloads: any[]) => any
     }
+    // 异步store api
+    mapStateToInstance<K extends keyof S>(maps: K[], context: compContext): void
+    mapStateToInstance<T extends string, P extends string>(depPath: P, maps: readonly T[], context: compContext):void
+    mapStateToInstance<T extends mapStateFunctionType<S & UnboxDepsField<D, 'state'>, GetComputedType<G> & UnboxDepsField<D, 'getters'>>>(obj: ThisType<any> & T, context: compContext): void
+    // Support chain derivation
+    mapStateToInstance<T extends { [key: string]: keyof GetAllMapKeys<S, D, 'state'> }>(obj: T, context: compContext): void
+    mapStateToInstance<T extends { [key: string]: keyof S }>(obj: T, context: compContext): void
+    mapStateToInstance<T extends { [key: string]: string }>(obj: T, context: compContext): void
+
+    mapGettersToInstance<K extends keyof G>(maps: K[], context: compContext): void
+    mapGettersToInstance<T extends string, P extends string>(depPath: P, maps: readonly T[], context: compContext): void
+    // Support chain derivation
+    mapGettersToInstance<T extends { [key: string]: keyof GetAllMapKeys<GetComputedType<G>, D, 'getters'> }>(obj: T, context: compContext): void
+    mapGettersToInstance<T extends { [key: string]: keyof G }>(obj: T, context: compContext): void
+    // When importing js in ts file, use this method to be compatible
+    mapGettersToInstance<T extends { [key: string]: string }>(obj: T, context: compContext): void
+
+    mapMutationsToInstance<K extends keyof M>(maps: K[], context: compContext): void
+    mapMutationsToInstance<T extends string, P extends string>(depPath: P, maps: readonly T[], context: compContext): void
+    mapMutationsToInstance<T extends { [key: string]: keyof M }>(obj: T, context: compContext): void
+    mapMutationsToInstance<T extends { [key: string]: string }>(obj: T, context: compContext): void
+
+    mapActionsToInstance<K extends keyof A>(maps: K[], context: compContext): void
+    mapActionsToInstance<T extends string, P extends string>(depPath: P, maps: readonly T[], context: compContext): void
+    mapActionsToInstance<T extends { [key: string]: keyof A }>(obj: T, context: compContext): void
+    mapActionsToInstance<T extends { [key: string]: string }>(obj: T, context: compContext): void
   }
 
   type StoreWithThis<S = {}, G = {}, M = {}, A = {}, D extends Deps = {}> = IStoreWithThis<S, G, M, A, D> & CompatibleDispatch

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/core",
-  "version": "2.6.114-alpha.3",
+  "version": "2.7.0-alpha",
   "description": "mpx runtime core",
   "keywords": [
     "miniprogram",
@@ -43,5 +43,5 @@
     "url": "https://github.com/didi/mpx/issues"
   },
   "sideEffects": false,
-  "gitHead": "951dd877934ec6233bfb67452b790dc982317ccd"
+  "gitHead": "00ed5b8ad381d9b718828b5e169b1ce5cc45c3a6"
 }

package/src/core/mapStore.js

@@ -3,52 +3,92 @@ import {
   getByPath
 } from '../helper/utils'
 
-import { warn } from '../helper/log'
+import { warn, error } from '../helper/log'
 
 function mapFactory (type, store) {
   return function (depPath, maps) {
     maps = normalizeMap(depPath, maps)
     const result = {}
-    for (let key in maps) {
+    Object.entries(maps).forEach(([key, value]) => {
       result[key] = function (payload) {
-        const value = maps[key]
-        if (type === 'mutations') {
-          return store.commit(value, payload)
-        } else if (type === 'actions') {
-          return store.dispatch(value, payload)
-        } else {
-          let getterVal = getByPath(store.getters, value, '', '__NOTFOUND__')
-          if (getterVal === '__NOTFOUND__') {
-            warn(`Unknown getter named [${value}].`)
-            getterVal = ''
-          }
-          return getterVal
+        switch (type) {
+          case 'state':
+            if (typeof value === 'function') {
+              return value.call(this, store.state, store.getters)
+            } else {
+              let stateVal = getByPath(store.state, value, '', '__NOTFOUND__')
+              if (stateVal === '__NOTFOUND__') {
+                warn(`Unknown state named [${value}].`)
+                stateVal = ''
+              }
+              return stateVal
+            }
+          case 'getters':
+            let getterVal = getByPath(store.getters, value, '', '__NOTFOUND__')
+            if (getterVal === '__NOTFOUND__') {
+              warn(`Unknown getter named [${value}].`)
+              getterVal = ''
+            }
+            return getterVal
+          case 'mutations':
+            return store.commit(value, payload)
+          case 'actions':
+            return store.dispatch(value, payload)
         }
       }
-    }
+    })
     return result
   }
 }
 
+function checkMapInstance (args) {
+  const context = args[args.length - 1]
+  const isValid = context && typeof context === 'object' && context.__mpxProxy
+  if (!isValid) {
+    error(`调用map**ToInstance时必须传入当前component实例this`)
+  }
+
+  args.splice(-1)
+
+  return {
+    restParams: args,
+    context
+  }
+}
+
 export default function (store) {
   return {
     mapGetters: mapFactory('getters', store),
     mapMutations: mapFactory('mutations', store),
     mapActions: mapFactory('actions', store),
-    mapState: (depPath, maps) => {
-      maps = normalizeMap(depPath, maps)
-      const result = {}
-      Object.keys(maps).forEach(key => {
-        const value = maps[key]
-        result[key] = function () {
-          if (typeof value === 'function') {
-            return value.call(this, store.state, store.getters)
-          } else if (typeof value === 'string') {
-            return getByPath(store.state, value)
-          }
-        }
-      })
-      return result
+    mapState: mapFactory('state', store),
+    // 以下是map**ToInstance用于异步store的,参数args：depPath, maps, context
+    mapStateToInstance: (...args) => {
+      const { context, restParams } = checkMapInstance(args)
+      const mapStateFun = mapFactory('state', store)
+      const result = mapStateFun(...restParams)
+      // 将result挂载到mpxProxy实例属性上
+      context.__mpxProxy.options.computed = context.__mpxProxy.options.computed || {}
+      Object.assign(context.__mpxProxy.options.computed, result)
+    },
+    mapGettersToInstance: (...args) => {
+      const { context, restParams } = checkMapInstance(args)
+      const mapGetFun = mapFactory('getters', store)
+      const result = mapGetFun(...restParams)
+      context.__mpxProxy.options.computed = context.__mpxProxy.options.computed || {}
+      Object.assign(context.__mpxProxy.options.computed, result)
+    },
+    mapMutationsToInstance: (...args) => {
+      const { context, restParams } = checkMapInstance(args)
+      const mapMutationFun = mapFactory('mutations', store)
+      const result = mapMutationFun(...restParams)
+      Object.assign(context, result)
+    },
+    mapActionsToInstance: (...args) => {
+      const { context, restParams } = checkMapInstance(args)
+      const mapActionFun = mapFactory('actions', store)
+      const result = mapActionFun(...restParams)
+      Object.assign(context, result)
     }
   }
 }

package/src/core/proxy.js

@@ -41,12 +41,14 @@ export default class MPXProxy {
     this.uid = uid++
     this.name = options.name || ''
     this.options = options
-    // initial -> created -> mounted -> destroyed
-    this.state = 'initial'
+    // beforeCreate -> created -> mounted -> destroyed
+    this.state = BEFORECREATE
     this.lockTask = asyncLock()
     this.ignoreProxyMap = makeMap(EXPORT_MPX.config.ignoreProxyWhiteList)
     if (__mpx_mode__ !== 'web' && __mpx_mode__ !== 'tenon') {
       this._watchers = []
+      this._namedWatchers = {}
+      this._computedWatchers = {}
       this._watcher = null
       this.localKeysMap = {} // 非props key
       this.renderData = {} // 渲染函数中收集的数据
@@ -61,16 +63,33 @@ export default class MPXProxy {
     this.initApi()
     this.callUserHook(BEFORECREATE)
     if (__mpx_mode__ !== 'web' && __mpx_mode__ !== 'tenon') {
-      this.initState(this.options)
+      this.initState()
     }
     this.state = CREATED
     this.callUserHook(CREATED, params)
     if (__mpx_mode__ !== 'web' && __mpx_mode__ !== 'tenon') {
-      // 强制走小程序原生渲染逻辑
-      this.options.__nativeRender__ ? this.doRender() : this.initRender()
+      this.initRender()
     }
   }
 
+  reCreated (params) {
+    const options = this.options
+    this.state = BEFORECREATE
+    this.callUserHook(BEFORECREATE)
+    if (__mpx_mode__ !== 'web') {
+      this.initComputed(options.computed, true)
+      this.initWatch(options.watch)
+    }
+    this.state = CREATED
+    this.callUserHook(CREATED, params)
+    if (__mpx_mode__ !== 'web') {
+      this.initRender()
+    }
+    this.nextTick(() => {
+      this.mounted()
+    })
+  }
+
   renderTaskExecutor (isEmptyRender) {
     if ((!this.isMounted() && this.curRenderTask) || (this.isMounted() && isEmptyRender)) {
       return
@@ -117,6 +136,10 @@ export default class MPXProxy {
     this.callUserHook(DESTROYED)
   }
 
+  isDestroyed () {
+    return this.state === DESTROYED
+  }
+
   initApi () {
     // 挂载扩展属性到实例上
     proxy(this.target, this.options.proto, Object.keys(this.options.proto), true, (key) => {
@@ -142,6 +165,12 @@ export default class MPXProxy {
       // 强制执行render
       this.target.$forceUpdate = (...rest) => this.forceUpdate(...rest)
       this.target.$nextTick = fn => this.nextTick(fn)
+      this.target.$getPausableWatchers = () => this._watchers.filter(item => item.pausable)
+      this.target.$getWatcherByName = (name) => {
+        if (!this._namedWatchers) return null
+        return this._namedWatchers[name] || null
+      }
+      this.target.$getRenderWatcher = () => this._watcher
     }
   }
 
@@ -161,10 +190,15 @@ export default class MPXProxy {
     this.initWatch(options.watch)
   }
 
-  initComputed (computedOpt) {
+  initComputed (computedOpt, reInit) {
     if (computedOpt) {
-      this.collectLocalKeys(computedOpt)
-      initComputed(this, this.data, computedOpt)
+      if (reInit) {
+        // target传递null以跳过computed挂载，仅重新初始化watchers
+        initComputed(this, null, computedOpt)
+      } else {
+        this.collectLocalKeys(computedOpt)
+        initComputed(this, this.data, computedOpt)
+      }
     }
   }
 
@@ -187,7 +221,9 @@ export default class MPXProxy {
       })
       Object.assign(this.data, dataFn.call(this.target))
     }
+    // 此时data中不包括props数据
     this.collectLocalKeys(this.data)
+    // 将props数据合并到data中
     Object.keys(initialData).forEach((key) => {
       if (!hasOwn(this.data, key)) {
         // 除了data函数返回的数据外深拷贝切断引用关系，避免后续watch由于小程序内部对data赋值重复触发watch
@@ -241,9 +277,7 @@ export default class MPXProxy {
         if (typeof EXPORT_MPX.config.hookErrorHandler === 'function') {
           EXPORT_MPX.config.hookErrorHandler(e, this.target, hookName)
         } else {
-          setTimeout(() => {
-            throw e
-          })
+          throw e
         }
       }
     }
@@ -258,6 +292,7 @@ export default class MPXProxy {
     while (i--) {
       this._watchers[i].teardown()
     }
+    this._watchers.length = 0
   }
 
   render () {
@@ -409,9 +444,10 @@ export default class MPXProxy {
   }
 
   initRender () {
-    let renderWatcher
+    if (this.options.__nativeRender__) return this.doRender()
+
     if (this.target.__injectedRender) {
-      renderWatcher = new Watcher(this, () => {
+      this._watcher = new Watcher(this, () => {
         try {
           return this.target.__injectedRender()
         } catch (e) {
@@ -420,13 +456,12 @@ export default class MPXProxy {
           }
           this.render()
         }
-      }, noop)
+      }, noop, { pausable: true })
     } else {
-      renderWatcher = new Watcher(this, () => {
+      this._watcher = new Watcher(this, () => {
         this.render()
-      }, noop)
+      }, noop, { pausable: true })
     }
-    this._watcher = renderWatcher
   }
 
   forceUpdate (data, options, callback) {

package/src/core/transferOptions.js

@@ -17,7 +17,7 @@ export default function transferOptions (options, type) {
   }
   if (currentInject && currentInject.injectComputed) {
     // 编译计算属性注入
-    options.computed = Object.assign({}, options.computed, currentInject.injectComputed)
+    options.computed = Object.assign({}, currentInject.injectComputed, options.computed)
   }
   if (currentInject && currentInject.injectOptions) {
     // 编译option注入,优先微信中的单独配置

package/src/helper/MpxScroll/index.js

@@ -197,13 +197,7 @@ export default class MpxScroll {
     )
   }
 
-  pageScrollTo (
-    {
-      scrollTop,
-      selector,
-      duration = 300
-    }
-  ) {
+  pageScrollTo ({ scrollTop, selector, duration = 300 }) {
     let _scrollTop
 
     if (isDef(scrollTop)) {

package/src/index.js

@@ -104,13 +104,6 @@ if (__mpx_mode__ === 'web') {
   watch = vm.$watch.bind(vm)
   const set = Vue.set.bind(Vue)
   const del = Vue.delete.bind(Vue)
-  const remove = function (...args) {
-    if (process.env.NODE_ENV !== 'production') {
-      error('$remove will be removed in next minor version, please use $delete instead!', this.$rawOptions && this.$rawOptions.mpxFileResource)
-    }
-    return del.apply(this, args)
-  }
-  // todo 补齐web必要api
   APIs = {
     createApp,
     createPage,
@@ -124,15 +117,10 @@ if (__mpx_mode__ === 'web') {
     watch,
     use,
     set,
-    remove,
     delete: del,
     getMixin,
     implement
   }
-
-  InstanceAPIs = {
-    $remove: remove
-  }
 } else if (__mpx_mode__ === 'tenon') {
   const set = (target, key, value) => {
     return Reflect.set(target, key, value)
@@ -164,18 +152,10 @@ if (__mpx_mode__ === 'web') {
   }
 
   const vm = {}
-
   watch = function (expOrFn, cb, options) {
     return watchWithVm(vm, expOrFn, cb, options)
   }
 
-  const remove = function (...args) {
-    if (process.env.NODE_ENV !== 'production') {
-      error('$remove will be removed in next minor version, please use $delete instead!', this.$rawOptions && this.$rawOptions.mpxFileResource)
-    }
-    return del.apply(this, args)
-  }
-
   APIs = {
     createApp,
     createPage,
@@ -189,7 +169,6 @@ if (__mpx_mode__ === 'web') {
     watch,
     use,
     set,
-    remove,
     delete: del,
     getMixin,
     implement
@@ -197,7 +176,6 @@ if (__mpx_mode__ === 'web') {
 
   InstanceAPIs = {
     $set: set,
-    $remove: remove,
     $delete: del
   }
 }

package/src/observer/computed.js

@@ -20,10 +20,12 @@ export function initComputed (vm, target, computed) {
       noop,
       { lazy: true }
     )
-    if (!(key in target)) {
-      defineComputed(vm, target, key, userDef)
-    } else {
-      error(`The computed key [${key}] is duplicated with data/props, please check.`, vm.options.mpxFileResource)
+    if (target) {
+      if (!(key in target)) {
+        defineComputed(vm, target, key, userDef)
+      } else {
+        error(`The computed key [${key}] is duplicated with data/props, please check.`, vm.options.mpxFileResource)
+      }
     }
   }
 }

package/src/observer/watch.js

@@ -1,4 +1,5 @@
 import { isObject, noop } from '../helper/utils'
+import { error } from '../helper/log'
 import Watcher from './watcher'
 import { queueWatcher } from './scheduler'
 
@@ -19,7 +20,26 @@ export function watch (vm, expOrFn, cb, options) {
 
   options = options || {}
   options.user = true
+
+  if (options.once) {
+    const _cb = cb
+    const onceCb = typeof options.once === 'function'
+      ? options.once
+      : function () { return true }
+    cb = function (...args) {
+      const res = onceCb.apply(this, args)
+      if (res) watcher.teardown()
+      _cb.apply(this, args)
+    }
+  }
+
   const watcher = new Watcher(vm, expOrFn, cb, options)
+  if (!vm._namedWatchers) vm._namedWatchers = {}
+  const name = options.name
+  if (name) {
+    if (vm._namedWatchers[name]) error(`已存在name=${name} 的 watcher，当存在多个 name 相同 watcher 时仅保留当次创建的 watcher，如需都保留请使用不同的 name！`)
+    vm._namedWatchers[name] = watcher
+  }
   if (options.immediate) {
     cb.call(vm.target, watcher.value)
   } else if (options.immediateAsync) {

package/src/observer/watcher.js

@@ -24,6 +24,7 @@ export default class Watcher {
       this.deep = !!options.deep
       this.lazy = !!options.lazy
       this.sync = !!options.sync
+      this.name = options.name
     } else {
       this.deep = this.lazy = this.sync = false
     }
@@ -31,6 +32,10 @@ export default class Watcher {
     this.id = ++uid // uid for batching
     this.active = true
     this.immediateAsync = false
+    // 是否暂停，默认为否
+    this.paused = false
+    // 是否可被暂停，默认为否，不可被暂停
+    this.pausable = !!(options && options.pausable) || false
     this.dirty = this.lazy // for lazy watchers
     this.deps = []
     this.newDeps = []
@@ -115,7 +120,7 @@ export default class Watcher {
   // 支持临时将某个异步watcher修改为sync执行，在模拟setData时使用
   update (sync) {
     /* istanbul ignore else */
-    if (this.lazy) {
+    if (this.lazy || this.paused) {
       this.dirty = true
     } else if (this.sync || sync) {
       if (sync) dequeueWatcher(this)
@@ -125,6 +130,21 @@ export default class Watcher {
     }
   }
 
+  pause () {
+    // pausable=false 不可暂停
+    if (!this.pausable) return
+    this.paused = true
+  }
+  resume () {
+    // pausable=false 不可恢复
+    if (!this.pausable) return
+    // paused 阶段被触发，则 resume 后执行一次run
+    this.paused = false
+    if (this.dirty) {
+      this.dirty = false
+      this.run()
+    }
+  }
   /**
    * Scheduler job interface.
    * Will be called by the scheduler.

package/src/platform/builtInMixins/pageStatusMixin.js

@@ -35,7 +35,7 @@ export default function pageStatusMixin (mixinType) {
       [CREATED] () {
         const options = this.$rawOptions
         const hasPageShow = options.pageShow || options.pageHide
-        const needPageLifetimes = options.pageLifetimes && (__mpx_mode__ === 'ali' || __mpx_mode__ === 'tt')
+        const needPageLifetimes = options.pageLifetimes && __mpx_mode__ === 'ali'
 
         if (hasPageShow || needPageLifetimes) {
           let currentPage

package/src/platform/builtInMixins/proxyEventMixin.js

@@ -70,10 +70,13 @@ export default function proxyEventMixin () {
     }
   }
   if (__mpx_mode__ === 'ali') {
+    const getHandler = (eventName, props) => {
+      const handlerName = eventName.replace(/^./, matched => matched.toUpperCase()).replace(/-([a-z])/g, (match, p1) => p1.toUpperCase())
+      return props && (props['on' + handlerName] || props['catch' + handlerName])
+    }
     Object.assign(methods, {
       triggerEvent (eventName, eventDetail) {
-        const handlerName = eventName.replace(/^./, matched => matched.toUpperCase()).replace(/-([a-z])/g, (match, p1) => p1.toUpperCase())
-        const handler = this.props && (this.props['on' + handlerName] || this.props['catch' + handlerName])
+        const handler = getHandler(eventName, this.props)
         if (handler && typeof handler === 'function') {
           const dataset = collectDataset(this.props)
           const id = this.props.id || ''
@@ -92,6 +95,31 @@ export default function proxyEventMixin () {
             },
             detail: eventDetail
           }
+          handler.call(this, eventObj)
+        }
+      },
+      __proxyEvent (e) {
+        const type = e.type
+        const handler = getHandler(type, this.props)
+
+        if (handler && typeof handler === 'function') {
+          const dataset = collectDataset(this.props)
+          const id = this.props.id || ''
+          const targetData = Object.assign({}, e.target || {}, {
+            id,
+            dataset
+          })
+
+          const currentTargetData = Object.assign({}, e.currentTarget || {}, {
+            id,
+            dataset
+          })
+
+          const eventObj = Object.assign({}, e, {
+            target: targetData,
+            currentTarget: currentTargetData
+          })
+
           handler.call(this, eventObj)
         }
       }

package/src/platform/builtInMixins/refsMixin.js

@@ -22,7 +22,8 @@ const setComponentRef = function (target, ref, context, isAsync) {
     enumerable: true,
     configurable: true,
     get () {
-      if (!cacheRef) {
+      // wx由于分包异步化的存在，每次访问refs都需要重新执行selectComponen，避免一直拿到缓存中的placeholder
+      if (__mpx_mode__ === 'wx' || !cacheRef) {
         return (cacheRef = context.__getRefNode(ref, isAsync))
       }
       return cacheRef
@@ -91,7 +92,7 @@ export default function getRefsMixin () {
         }
         const component = e.detail.component
         const destroyed = e.detail.destroyed
-        const className = component.props.mpxClass || component.className
+        const className = component.props.className || component.className
         const identifiers = className ? className.trim().split(/\s+/).map(item => {
           return `.${item}`
         }) : []

package/src/platform/patch/ali/getDefaultOptions.js

@@ -84,23 +84,24 @@ function filterOptions (options, type) {
 }
 
 function initProxy (context, rawOptions, currentInject, params) {
-  // 提供代理对象需要的api
-  transformApiForProxy(context, currentInject)
-  // 缓存options
-  context.$rawOptions = rawOptions
-  // 创建proxy对象
-  const mpxProxy = new MPXProxy(rawOptions, context)
-  context.__mpxProxy = mpxProxy
-  context.__mpxProxy.created(params)
+  if (!context.__mpxProxy) {
+    // 提供代理对象需要的api
+    transformApiForProxy(context, currentInject)
+    // 缓存options
+    context.$rawOptions = rawOptions
+    // 创建proxy对象
+    context.__mpxProxy = new MPXProxy(rawOptions, context)
+    context.__mpxProxy.created(params)
+  } else if (context.__mpxProxy.isDestroyed()) {
+    context.__mpxProxy.reCreated(params)
+  }
 }
 
 export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
   const hookNames = type === 'component' ? ['onInit', 'didMount', 'didUnmount'] : ['onLoad', 'onReady', 'onUnload']
   const rootMixins = [{
     [hookNames[0]] (...params) {
-      if (!this.__mpxProxy) {
-        initProxy(this, rawOptions, currentInject, params)
-      }
+      initProxy(this, rawOptions, currentInject, params)
     },
     deriveDataFromProps (nextProps) {
       if (this.__mpxProxy && this.__mpxProxy.isMounted() && nextProps && nextProps !== this.props) {
@@ -130,6 +131,7 @@ export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
     },
     didUpdate () {
       if (this.__mpxProxy) {
+        // todo: lockTask必要性待验证，属性更新触发自身setData时，updated执行与wx对齐，updated触发机制也考虑与wx对齐（props update && setData callback）
         this.__mpxProxy.lockTask(() => {
           this.__mpxProxy.updated()
         })
@@ -143,7 +145,7 @@ export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
       }
     },
     [hookNames[2]] () {
-      this.__mpxProxy && this.__mpxProxy.destroyed()
+      if (this.__mpxProxy) this.__mpxProxy.destroyed()
     }
   }]
   rawOptions.mixins = rawOptions.mixins ? rootMixins.concat(rawOptions.mixins) : rootMixins

package/src/platform/patch/swan/getDefaultOptions.js

@@ -2,29 +2,32 @@ import mergeOptions from '../../../core/mergeOptions'
 import { initProxy, filterOptions } from '../wx/getDefaultOptions'
 
 export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
-  const hookNames = ['attached', 'ready', 'detached']
-  // 构造页面时统一使用onInit进行初始化
-  if (type === 'page') {
-    hookNames[0] = 'onInit'
-  }
+  let hookNames = ['attached', 'ready', 'detached']
   // 当用户传入page作为构造器构造页面时，修改所有关键hooks
   if (rawOptions.__pageCtor__) {
-    hookNames[1] = 'onReady'
-    hookNames[2] = 'onUnload'
+    hookNames = ['onLoad', 'onReady', 'onUnload']
   }
-  const rootMixins = [{
+
+  const rootMixin = {
     [hookNames[0]] (...params) {
-      if (!this.__mpxProxy) {
-        initProxy(this, rawOptions, currentInject, params)
-      }
+      initProxy(this, rawOptions, currentInject, params)
     },
     [hookNames[1]] () {
-      this.__mpxProxy && this.__mpxProxy.mounted()
+      if (this.__mpxProxy) this.__mpxProxy.mounted()
     },
     [hookNames[2]] () {
-      this.__mpxProxy && this.__mpxProxy.destroyed()
+      if (this.__mpxProxy) this.__mpxProxy.destroyed()
     }
-  }]
+  }
+
+  // 如构造页面，优先使用onInit进行初始化
+  if (type === 'page') {
+    rootMixin.onInit = function (...params) {
+      initProxy(this, rawOptions, currentInject, params)
+    }
+  }
+
+  const rootMixins = [rootMixin]
   rawOptions.mixins = rawOptions.mixins ? rootMixins.concat(rawOptions.mixins) : rootMixins
   rawOptions = mergeOptions(rawOptions, type, false)
   return filterOptions(rawOptions)

package/src/platform/patch/tenon/getDefaultOptions.js

@@ -9,7 +9,6 @@ function filterOptions (options) {
     if (builtInKeysMap[key]) {
       return
     }
-    // Tenon 使用的Vue3 语法中 data 配置需要为一个函数
     if (key === 'data' || key === 'dataFn') {
       newOptions.data = function mergeFn () {
         return Object.assign(
@@ -28,8 +27,7 @@ function initProxy (context, rawOptions) {
   // 缓存options
   context.$rawOptions = rawOptions
   // 创建proxy对象
-  const mpxProxy = new MPXProxy(rawOptions, context)
-  context.__mpxProxy = mpxProxy
+  context.__mpxProxy = new MPXProxy(rawOptions, context)
   context.__mpxProxy.created(Hummer.pageInfo && Hummer.pageInfo.params && [Hummer.pageInfo.params])
 }
 
@@ -38,7 +36,7 @@ export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
   const rootMixins = [{
     [hookNames[0]] (...params) {
       if (!this.__mpxProxy) {
-        initProxy(this, rawOptions, currentInject, params)
+        initProxy(this, rawOptions, currentInject, params) // todo 确认参数是否需要
       }
     },
     [hookNames[1]] () {

package/src/platform/patch/web/getDefaultOptions.js

@@ -24,30 +24,33 @@ function filterOptions (options) {
 }
 
 function initProxy (context, rawOptions, params) {
-  // 缓存options
-  context.$rawOptions = rawOptions
-  // 创建proxy对象
-  const mpxProxy = new MPXProxy(rawOptions, context)
-  context.__mpxProxy = mpxProxy
-  context.__mpxProxy.created(params)
+  if (!context.__mpxProxy) {
+    // 缓存options
+    context.$rawOptions = rawOptions
+    // 创建proxy对象
+    context.__mpxProxy = new MPXProxy(rawOptions, context)
+    context.__mpxProxy.created(params)
+  } else if (context.__mpxProxy.isDestroyed()) {
+    context.__mpxProxy.reCreated(params)
+  }
 }
 
 export function getDefaultOptions (type, { rawOptions = {} }) {
   const rootMixins = [{
     created () {
-      if (!this.__mpxProxy) {
-        const query = (global.__mpxRouter && global.__mpxRouter.currentRoute && global.__mpxRouter.currentRoute.query) || {}
-        initProxy(this, rawOptions, [query])
-      }
+      const query = (global.__mpxRouter && global.__mpxRouter.currentRoute && global.__mpxRouter.currentRoute.query) || {}
+      initProxy(this, rawOptions, [query])
+      // web中单独触发onLoad
+      this.onLoad && this.onLoad(query)
     },
     mounted () {
-      this.__mpxProxy && this.__mpxProxy.mounted()
+      if (this.__mpxProxy) this.__mpxProxy.mounted()
     },
     updated () {
-      this.__mpxProxy && this.__mpxProxy.updated()
+      if (this.__mpxProxy) this.__mpxProxy.updated()
     },
     destroyed () {
-      this.__mpxProxy && this.__mpxProxy.destroyed()
+      if (this.__mpxProxy) this.__mpxProxy.destroyed()
     }
   }]
   // 为了在builtMixin中可以使用某些rootMixin实现的特性（如数据响应等），此处builtInMixin在rootMixin之后执行，但是当builtInMixin使用存在对应内建生命周期的目标平台声明周期写法时，可能会出现用户生命周期比builtInMixin中的生命周期先执行的情况，为了避免这种情况发生，builtInMixin应该尽可能使用内建生命周期来编写

package/src/platform/patch/wx/getDefaultOptions.js

@@ -117,14 +117,17 @@ export function filterOptions (options) {
 }
 
 export function initProxy (context, rawOptions, currentInject, params) {
-  // 提供代理对象需要的api
-  transformApiForProxy(context, currentInject)
-  // 缓存options
-  context.$rawOptions = rawOptions
-  // 创建proxy对象
-  const mpxProxy = new MPXProxy(rawOptions, context)
-  context.__mpxProxy = mpxProxy
-  context.__mpxProxy.created(params)
+  if (!context.__mpxProxy) {
+    // 提供代理对象需要的api
+    transformApiForProxy(context, currentInject)
+    // 缓存options
+    context.$rawOptions = rawOptions
+    // 创建proxy对象
+    context.__mpxProxy = new MPXProxy(rawOptions, context)
+    context.__mpxProxy.created(params)
+  } else if (context.__mpxProxy.isDestroyed()) {
+    context.__mpxProxy.reCreated(params)
+  }
 }
 
 export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
@@ -137,15 +140,13 @@ export function getDefaultOptions (type, { rawOptions = {}, currentInject }) {
   }
   const rootMixins = [{
     [hookNames[0]] (...params) {
-      if (!this.__mpxProxy) {
-        initProxy(this, rawOptions, currentInject, params)
-      }
+      initProxy(this, rawOptions, currentInject, params)
     },
     [hookNames[1]] () {
-      this.__mpxProxy && this.__mpxProxy.mounted()
+      if (this.__mpxProxy) this.__mpxProxy.mounted()
     },
     [hookNames[2]] () {
-      this.__mpxProxy && this.__mpxProxy.destroyed()
+      if (this.__mpxProxy) this.__mpxProxy.destroyed()
     }
   }]
   rawOptions.mixins = rawOptions.mixins ? rootMixins.concat(rawOptions.mixins) : rootMixins

package/src/runtime/createFactory.js

@@ -1,6 +1,6 @@
-import mpx from '../index'
+const mpx = require('../index').default
 
-export default (type) => (...args) => {
+module.exports = (type) => (...args) => {
   if (type === 'Behavior') {
     if (args[0]) {
       Object.defineProperty(args[0], '__mpx_behaviors_to_mixins__', {

package/src/runtime/mpx.js

@@ -1,3 +1 @@
-import mpx from '../index'
-
-export default mpx
+module.exports = require('../index').default