refactor(mp): 优化编译产物

Author: chouchouji

packages/uni-mp-alipay/__tests__/vSlot.spec.ts

@@ -57,9 +57,9 @@ describe('mp-alipay: transform v-slot', () => {
   test('v-if + scoped slots', () => {
     assert(
       `<custom><template v-if="ok" v-slot:default="slotProps"><view>{{ slotProps.item }}</view></template></custom>`,
-      `<custom u-s="{{['d']}}" u-i="2a9ec0b0-0" onVI="__l"><block a:if="{{a}}"><view a:for="{{b}}" a:for-item="slotProps" a:key="b" slot="{{slotProps.c}}"><view>{{slotProps.a}}</view></view></block></custom>`,
+      `<custom u-s="{{c}}" u-i="2a9ec0b0-0" onVI="__l"><block a:if="{{a}}"><view a:for="{{b}}" a:for-item="slotProps" a:key="b" slot="{{slotProps.c}}"><view>{{slotProps.a}}</view></view></block></custom>`,
       `(_ctx, _cache) => {
-  return _e({ a: _ctx.ok }, _ctx.ok ? { b: _w((slotProps, s0, i0) => { return { a: _t(slotProps.item), b: i0, c: s0 }; }, { name: 'd', path: 'b', vueId: '2a9ec0b0-0' }) } : {})
+  return _e({ a: _ctx.ok }, _ctx.ok ? { b: _w((slotProps, s0, i0) => { return { a: _t(slotProps.item), b: i0, c: s0 }; }, { name: 'd', path: 'b', vueId: '2a9ec0b0-0' }) } : {}, { c: [_ctx.ok ? 'd' : ''] })
 }`
     )
   })

packages/uni-mp-baidu/__tests__/vSlot.spec.ts

@@ -57,9 +57,9 @@ describe('compiler: transform v-slot', () => {
   test('v-if + scoped slots', () => {
     assert(
       `<custom><template v-if="ok" v-slot:default="slotProps"><view>{{ slotProps.item }}</view></template></custom>`,
-      `<custom u-s="{{['d']}}" u-i="2a9ec0b0-0"><view s-if="{{a}}"><block s-for="slotProps in b trackBy slotProps.a"><view>{{slotProps.b}}</view></block></view></custom>`,
+      `<custom u-s="{{c}}" u-i="2a9ec0b0-0"><view s-if="{{a}}"><block s-for="slotProps in b trackBy slotProps.a"><view>{{slotProps.b}}</view></block></view></custom>`,
       `(_ctx, _cache) => {
-  return _e({ a: _ctx.ok }, _ctx.ok ? { b: _w((slotProps, s0, i0) => { return { a: i0, b: _t(slotProps.item) }; }, { name: 'd', path: 'b', vueId: '2a9ec0b0-0' }) } : {})
+  return _e({ a: _ctx.ok }, _ctx.ok ? { b: _w((slotProps, s0, i0) => { return { a: i0, b: _t(slotProps.item) }; }, { name: 'd', path: 'b', vueId: '2a9ec0b0-0' }) } : {}, { c: [_ctx.ok ? 'd' : ''] })
 }`
     )
   })

packages/uni-mp-compiler/__tests__/vSlot.spec.ts

@@ -41,9 +41,9 @@ describe('compiler: transform v-slot', () => {
     )
     assert(
       `<unicloud-db v-slot:default="{data, loading, error, options}"><view v-if="error">{{error.message}}</view><view v-else></view></unicloud-db>`,
-      `<unicloud-db u-s="{{b}}" u-i="2a9ec0b0-0"><view wx:for="{{a}}" wx:for-item="v0" wx:key="c" slot="{{v0.d}}"><view wx:if="{{v0.a}}">{{v0.b}}</view><view wx:else></view></view></unicloud-db>`,
+      `<unicloud-db u-s="{{['d']}}" u-i="2a9ec0b0-0"><view wx:for="{{a}}" wx:for-item="v0" wx:key="c" slot="{{v0.d}}"><view wx:if="{{v0.a}}">{{v0.b}}</view><view wx:else></view></view></unicloud-db>`,
       `(_ctx, _cache) => {
-  return { a: _w(({ data, loading, error, options }, s0, i0) => { return _e({ a: error }, error ? { b: _t(error.message) } : {}, { c: i0, d: s0 }); }, { name: 'd', path: 'a', vueId: '2a9ec0b0-0' }), b: [_ctx.error ? "d" : "true" ? "d" : "" ? 'd' : ''] }
+  return { a: _w(({ data, loading, error, options }, s0, i0) => { return _e({ a: error }, error ? { b: _t(error.message) } : {}, { c: i0, d: s0 }); }, { name: 'd', path: 'a', vueId: '2a9ec0b0-0' }) }
 }`
     )
   })
@@ -201,6 +201,14 @@ describe('v-slot + v-if / v-else-if / v-else', () => {
 }`
   )
 
+  assert(
+    `<custom><template v-if="a">hello</template><template v-else #footer>hello</template></custom>`,
+    `<custom u-s="{{b}}" u-i="2a9ec0b0-0"><block wx:if="{{a}}">hello</block><view wx:else slot="footer">hello</view></custom>`,
+    `(_ctx, _cache) => {
+  return _e({ a: _ctx.a }, _ctx.a ? {} : {}, { b: [_ctx.a ? "d" : "true" ? 'footer' : '', _ctx.a ? 'd' : ''] })
+}`
+  )
+
   assert(
     `<custom><template v-if="a" #header>hello</template><template v-if="b" #footer>hello</template></custom>`,
     `<custom u-s="{{c}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:if="{{b}}" slot="footer">hello</view></custom>`,
@@ -221,47 +229,55 @@ describe('v-slot + v-if / v-else-if / v-else', () => {
     `<custom><template v-if="a" #header>hello</template><template v-else #footer>hello</template></custom>`,
     `<custom u-s="{{b}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:else slot="footer">hello</view></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? {} : {}, { b: [_ctx.a ? 'header' : '', _ctx.a ? "header" : "true" ? "footer" : "" ? 'footer' : ''] })
+  return _e({ a: _ctx.a }, _ctx.a ? {} : {}, { b: [_ctx.a ? 'header' : '', _ctx.a ? "header" : "true" ? 'footer' : ''] })
 }`
   )
 
   assert(
     `<custom><template v-if="a" #header>hello</template><template v-else>hello</template></custom>`,
     `<custom u-s="{{b}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><block wx:else>hello</block></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? {} : {}, { b: [_ctx.a ? 'header' : '', _ctx.a ? "header" : "true" ? "d" : "" ? 'd' : ''] })
+  return _e({ a: _ctx.a }, _ctx.a ? {} : {}, { b: [_ctx.a ? 'header' : '', _ctx.a ? "header" : "true" ? 'd' : ''] })
 }`
   )
 
   assert(
     `<custom><template v-if="a" #header>hello</template><template v-else-if="b" #footer>hello</template></custom>`,
     `<custom u-s="{{c}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:elif="{{b}}" slot="footer">hello</view></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : {}, { b: _ctx.b, c: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? 'footer' : ''] })
+  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : {}, { b: _ctx.b, c: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? 'footer' : ''] })
 }`
   )
 
   assert(
     `<custom><template v-if="a" #header>hello</template><template v-else-if="b" #footer>hello</template><template v-else-if="c" #header2>hello</template></custom>`,
     `<custom u-s="{{d}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:elif="{{b}}" slot="footer">hello</view><view wx:elif="{{c}}" slot="header2">hello</view></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : _ctx.c ? {} : {}, { b: _ctx.b, c: _ctx.c, d: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? 'footer' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? "footer" : _ctx.c ? "header2" : "" ? 'header2' : ''] })
+  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : _ctx.c ? {} : {}, { b: _ctx.b, c: _ctx.c, d: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? 'footer' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? "footer" : _ctx.c ? 'header2' : ''] })
 }`
   )
 
   assert(
     `<custom><template v-if="a" #header>hello</template><template v-else-if="b" #footer>hello</template><template v-if="c" #header2>hello</template></custom>`,
     `<custom u-s="{{d}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:elif="{{b}}" slot="footer">hello</view><view wx:if="{{c}}" slot="header2">hello</view></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : {}, { b: _ctx.b, c: _ctx.c }, _ctx.c ? {} : {}, { d: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? 'footer' : '', _ctx.c ? 'header2' : ''] })
+  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : {}, { b: _ctx.b, c: _ctx.c }, _ctx.c ? {} : {}, { d: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? 'footer' : '', _ctx.c ? 'header2' : ''] })
 }`
   )
 
   assert(
     `<custom><template v-if="a" #header>hello</template><template v-else-if="b" #footer>hello</template><template v-else #footer2>hello</template></custom>`,
     `<custom u-s="{{c}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:elif="{{b}}" slot="footer">hello</view><view wx:else slot="footer2">hello</view></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : {}, { b: _ctx.b, c: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? 'footer' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? "footer" : "true" ? "footer2" : "" ? 'footer2' : ''] })
+  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : {}, { b: _ctx.b, c: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? 'footer' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? "footer" : "true" ? 'footer2' : ''] })
+}`
+  )
+
+  assert(
+    `<custom><template v-if="a" #header>hello</template><template v-else-if="b" #footer>hello</template><template v-else-if="c" #footer3>hello</template><template v-else #footer2>hello</template></custom>`,
+    `<custom u-s="{{d}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="header">hello</view><view wx:elif="{{b}}" slot="footer">hello</view><view wx:elif="{{c}}" slot="footer3">hello</view><view wx:else slot="footer2">hello</view></custom>`,
+    `(_ctx, _cache) => {
+  return _e({ a: _ctx.a }, _ctx.a ? {} : _ctx.b ? {} : _ctx.c ? {} : {}, { b: _ctx.b, c: _ctx.c, d: [_ctx.a ? 'header' : '', _ctx.a ? "header" : _ctx.b ? 'footer' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? "footer" : _ctx.c ? 'footer3' : '', _ctx.a ? "header" : _ctx.b ? "footer" : "" ? "footer" : _ctx.c ? "footer3" : "" ? "footer3" : "true" ? 'footer2' : ''] })
 }`
   )
 
@@ -277,7 +293,7 @@ describe('v-slot + v-if / v-else-if / v-else', () => {
     `<custom><template v-if="a" #[header]>hello</template><template v-else>hello</template></custom>`,
     `<custom u-s="{{c}}" u-i="2a9ec0b0-0"><view wx:if="{{a}}" slot="{{b}}">hello</view><block wx:else>hello</block></custom>`,
     `(_ctx, _cache) => {
-  return _e({ a: _ctx.a }, _ctx.a ? { b: _d(_ctx.header) } : {}, { c: _d([_ctx.a ? _ctx.header : "", _ctx.a ? _ctx.header : "true" ? "d" : "" ? "d" : ""]) })
+  return _e({ a: _ctx.a }, _ctx.a ? { b: _d(_ctx.header) } : {}, { c: _d([_ctx.a ? _ctx.header : "", _ctx.a ? _ctx.header : "true" ? "d" : ""]) })
 }`
   )
 })