feat(v3): Dynamic Slot Names

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

@@ -146,6 +146,12 @@ describe('codegen', () => {
       '<text v-if="a">1</text><text v-else-if="b">2</text><text v-else-if="c">3</text><text v-else>d</text>',
       `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

@@ -87,6 +87,12 @@ describe('codegen', () => {
       '<text v-if="a">1</text><text v-else-if="b">2</text><text v-else-if="c">3</text><text v-else>d</text>',
       `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

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

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

@@ -114,7 +114,7 @@ function transformNode (el, parent, state, isScopedSlot) {
     if (isScopedSlot && String(pid).indexOf('_si') === -1) {
       pid = getNewId(pid, '_si')
     }
-    return parseText(el, parent, {
+    return parseText(el, parent, {
       childIndex: state.childIndex || 0,
       index: 0,
       view: true,
@@ -161,7 +161,8 @@ function postTransformNode (el, options) {
     } else {
       options.root = el
     }
-    traverseNode(el, false, {
+    traverseNode(el, false, {
+      createGenVar,
       forIteratorId: 0,
       transformNode,
       filterModules: options.filterModules
@@ -241,4 +242,4 @@ module.exports = {
   },
   postTransformNode,
   genData
-}
+}