Feature/dynamic query and dynamic render

packages/core/src/core/proxy.js

@@ -571,15 +571,22 @@ export default class MpxProxy {
     const _r = this.target._r.bind(this.target)
     const _sc = this.target._sc.bind(this.target)
     const _g = this.target._g.bind(this.target)
-    const _dr = this.target.dynamicRender?.bind(this.target)
+    const _dr =  this.target.dynamicRender?.bind(this.target)
+    const moduleId = this.target.__moduleId
+    const dynamicTarget = this.target.__dynamic
+
     const effect = this.effect = new ReactiveEffect(() => {
       // pre render for props update
       if (this.propsUpdatedFlag) {
         this.updatePreRender()
       }
+      if (dynamicTarget || _dr) {
+        const ast = (_dr && typeof _dr === 'function') ? _dr() : dynamic.getAst(moduleId)
+        return _r(false, _g(ast, moduleId))
+      }
       if (this.target.__injectedRender) {
         try {
-          return this.target.__injectedRender(_i, _c, _r, _sc, _g, _dr, dynamic)
+          return this.target.__injectedRender(_i, _c, _r, _sc, _g)
         } catch (e) {
           warn('Failed to execute render function, degrade to full-set-data mode.', this.options.mpxFileResource, e)
           this.render()

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

@@ -10,7 +10,6 @@ import pageScrollMixin from './pageScrollMixin'
 import componentGenericsMixin from './componentGenericsMixin'
 import getTabBarMixin from './getTabBarMixin'
 import pageRouteMixin from './pageRouteMixin'
-// import runtimeModulesMixin from './runtimeModulesMixin'
 
 export default function getBuiltInMixins (options, type) {
   let bulitInMixins = []
@@ -40,8 +39,7 @@ export default function getBuiltInMixins (options, type) {
       bulitInMixins = bulitInMixins.concat([
         renderHelperMixin(),
         showMixin(type),
-        i18nMixin()
-        // runtimeModulesMixin()
+        i18nMixin(),
       ])
     }
   }

packages/core/src/platform/patch/ali/getDefaultOptions.js

@@ -63,11 +63,21 @@ function transformApiForProxy (context, currentInject) {
         }
       })
     }
-    if (currentInject.getRuntimeModules) {
+    if (currentInject.moduleId) {
       Object.defineProperties(context, {
-        __getRuntimeModules: {
+        __moduleId: {
           get () {
-            return currentInject.getRuntimeModules
+            return currentInject.moduleId
+          },
+          configurable: false
+        }
+      })
+    }
+    if (currentInject.dynamic) {
+      Object.defineProperties(context, {
+        __dynamic: {
+          get () {
+            return currentInject.dynamic
           },
           configurable: false
         }

packages/core/src/platform/patch/wx/getDefaultOptions.js

@@ -101,11 +101,21 @@ function transformApiForProxy (context, currentInject) {
         }
       })
     }
-    if (currentInject.getRuntimeModules) {
+    if (currentInject.moduleId) {
       Object.defineProperties(context, {
-        __getRuntimeModules: {
+        __moduleId: {
           get () {
-            return currentInject.getRuntimeModules
+            return currentInject.moduleId
+          },
+          configurable: false
+        }
+      })
+    }
+    if (currentInject.dynamic) {
+      Object.defineProperties(context, {
+        __dynamic: {
+          get () {
+            return currentInject.dynamic
           },
           configurable: false
         }

packages/webpack-plugin/lib/runtime-render/mpx-custom-element.mpx

@@ -17,7 +17,7 @@ createComponent({
     r: { // vdom 数据
       type: Object,
       value: {
-        nodeType: 'block'
+        nt: 'block'
       }
     }
   },

packages/webpack-plugin/lib/template-compiler/index.js

@@ -123,51 +123,46 @@ global.currentInject = {
   moduleId: ${moduleIdString}
 };\n`
 
-  if (runtimeCompile) {
-resultSource += `
-global.currentInject.render = function(_i, _c, _r, _sc, _g, _dr, _d) {
-  const ast = (_dr && typeof _dr === 'function') ? _dr(${moduleIdString}) : _d.getAst(${moduleIdString})
-  _r(false, _g(ast, ${moduleIdString}))
-}
-`
-  } else {
-    const rawCode = compiler.genNode(ast)
-    if (rawCode) {
-      try {
-        const ignoreMap = Object.assign({
-          _i: true,
-          _c: true,
-          _sc: true,
-          _r: true
-        }, meta.wxsModuleMap)
-        const bindResult = optimizeRenderLevel === 2
-          ? bindThis.transformSimple(rawCode, {
-            ignoreMap
-          })
-          : bindThis.transform(rawCode, {
-            needCollect: true,
-            renderReduce: optimizeRenderLevel === 1,
-            ignoreMap
-          })
-        resultSource += `
+  if(runtimeCompile){
+    resultSource += `global.currentInject.dynamic = true`
+  }
+
+  const rawCode = runtimeCompile ? '' : compiler.genNode(ast)
+  if (rawCode) {
+    try {
+      const ignoreMap = Object.assign({
+        _i: true,
+        _c: true,
+        _sc: true,
+        _r: true
+      }, meta.wxsModuleMap)
+      const bindResult = optimizeRenderLevel === 2
+        ? bindThis.transformSimple(rawCode, {
+          ignoreMap
+        })
+        : bindThis.transform(rawCode, {
+          needCollect: true,
+          renderReduce: optimizeRenderLevel === 1,
+          ignoreMap
+        })
+      resultSource += `
 global.currentInject.render = function (_i, _c, _r, _sc) {
 ${bindResult.code}
 _r(${optimizeRenderLevel === 2 ? 'true' : ''});
 };\n`
-        if ((mode === 'tt' || mode === 'swan') && bindResult.propKeys) {
-          resultSource += `global.currentInject.propKeys = ${JSON.stringify(bindResult.propKeys)};\n`
-        }
-      } catch (e) {
-        error(`
+      if ((mode === 'tt' || mode === 'swan') && bindResult.propKeys) {
+        resultSource += `global.currentInject.propKeys = ${JSON.stringify(bindResult.propKeys)};\n`
+      }
+    } catch (e) {
+      error(`
 Invalid render function generated by the template, please check!\n
 Template result:
 ${result}\n
 Error code:
 ${rawCode}
 Error Detail:
 ${e.stack}`)
-        return result
-      }
+      return result
     }
   }