feat(v3): Dynamic Slot Names

packages/uni-template-compiler/__tests__/compiler-app-plus-extra.service.spec.js

@@ -147,5 +147,11 @@ describe('codegen', () => {
       `with(this){return (_$s(0,'i',a))?_c('text'):(_$s(1,'e',b))?_c('text'):(_$s(2,'e',c))?_c('text'):_c('text')}`
     )
   })
+  it('generate dynamic slot', () => {
+    assertCodegen(
+      '<base-layout><template v-slot:[dynamicSlotName]></template></base-layout>',
+      `with(this){return _c('base-layout',{attrs:{"_i":0},scopedSlots:_u([{key:_$s(1,'st',dynamicSlotName),fn:function(_empty_, _svm, _si){return undefined}}],null,true)})}`
+    )
+  })
 })
 /* eslint-enable quotes */

packages/uni-template-compiler/__tests__/compiler-app-plus-extra.view.spec.js

@@ -88,5 +88,11 @@ describe('codegen', () => {
       `with(this){return (_$g(0,'i'))?_c('v-uni-text',{attrs:{"_i":0}},[_v("1")]):(_$g(1,'e'))?_c('v-uni-text',{attrs:{"_i":1}},[_v("2")]):(_$g(2,'e'))?_c('v-uni-text',{attrs:{"_i":2}},[_v("3")]):_c('v-uni-text',{attrs:{"_i":3}},[_v("d")])}`
     )
   })
+  it('generate dynamic slot', () => {
+    assertCodegen(
+      '<base-layout><template v-slot:[dynamicSlotName]></template></base-layout>',
+      `with(this){return _c('base-layout',{attrs:{"_i":0},scopedSlots:_u([{key:_$g(1,'st'),fn:function(_empty_, _svm, _si){return undefined}}],null,true)})}`
+    )
+  })
 })
 /* eslint-enable quotes */

packages/uni-template-compiler/__tests__/demo.js

@@ -19,7 +19,7 @@ const scopedPath = path.resolve(__dirname, '../../')
 const compiler = require('../lib')
 const res = compiler.compile(
   `
-<view>{{obj.param1}}123123{{obj.param1}}123123{{obj.param1}}<text> -{{obj.param3}}---{{obj.param3}} </text>{{obj.param2}}aaaa{{obj.param2}}aaaa{{obj.param2}}</view>
+<base-layout><template v-slot:[dynamicSlotName]></template></base-layout>
 `, {
     miniprogram: true,
     resourcePath: '/User/fxy/Documents/test.wxml',

packages/uni-template-compiler/lib/app/service.js

@@ -163,6 +163,7 @@ function postTransformNode (el, options) {
       options.root = el
     }
     traverseNode(el, false, {
+      createGenVar,
       forIteratorId: 0,
       transformNode,
       filterModules: options.filterModules

packages/uni-template-compiler/lib/app/util.js

@@ -207,6 +207,9 @@ function traverseNode (el, parent, state, isScopedSlot) {
   el.scopedSlots && Object.values(el.scopedSlots).forEach((slot, index) => {
     state.childIndex = index
     slot.slotScope = `${slot.slotScope}, _svm, _si`
+    if (slot.slotTargetDynamic && slot.slotTarget) {
+      slot.slotTarget = state.createGenVar(slot.attrsMap[ID])('st', slot.slotTarget)
+    }
     traverseNode(slot, el, state, true)
   })
 }

packages/uni-template-compiler/lib/app/view.js

@@ -162,6 +162,7 @@ function postTransformNode (el, options) {
       options.root = el
     }
     traverseNode(el, false, {
+      createGenVar,
       forIteratorId: 0,
       transformNode,
       filterModules: options.filterModules