fix(x-mp): 处理根节点包含 slot 标签的情况

Author: chouchouji

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

@@ -157,6 +157,53 @@ describe('compiler: root', () => {
       `(_ctx, _cache) => { "raw js"
   const __returned__ = _e({ a: _ctx.show }, _ctx.show ? _e({ b: _ctx.show2 }, _ctx.show2 ? { c: \`\${_ctx.u_s_b_h}px\` } : {}, { d: \`\${_ctx.u_s_b_h}px\` }) : {})
   return __returned__
+}`,
+      { isX: true }
+    )
+  })
+  test('slot', () => {
+    assert(
+      `<slot>test</slot>`,
+      `<block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else>test</block>`,
+      `(_ctx, _cache) => { "raw js"
+  const __returned__ = {}
+  return __returned__
+}`,
+      { isX: true }
+    )
+    assert(
+      `<slot><view>test</view></slot>`,
+      `<block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><view style="{{'--status-bar-height:' + a}}">test</view></block>`,
+      `(_ctx, _cache) => { "raw js"
+  const __returned__ = { a: \`\${_ctx.u_s_b_h}px\` }
+  return __returned__
+}`,
+      { isX: true }
+    )
+    assert(
+      `<slot>test1<view>test2</view></slot>`,
+      `<block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else>test1<view style="{{'--status-bar-height:' + a}}">test2</view></block>`,
+      `(_ctx, _cache) => { "raw js"
+  const __returned__ = { a: \`\${_ctx.u_s_b_h}px\` }
+  return __returned__
+}`,
+      { isX: true }
+    )
+    assert(
+      `<slot>test1</slot><view>test2</view>`,
+      `<block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else>test1</block><view style="{{'--status-bar-height:' + a}}">test2</view>`,
+      `(_ctx, _cache) => { "raw js"
+  const __returned__ = { a: \`\${_ctx.u_s_b_h}px\` }
+  return __returned__
+}`,
+      { isX: true }
+    )
+    assert(
+      `<slot name="test">test1</slot>`,
+      `<block wx:if="{{$slots.test}}"><slot name="test"></slot></block><block wx:else>test1</block>`,
+      `(_ctx, _cache) => { "raw js"
+  const __returned__ = {}
+  return __returned__
 }`,
       { isX: true }
     )

packages/uni-mp-compiler/src/transforms/transformRoot.ts

@@ -98,8 +98,8 @@ function traverseChildren(node: ElementNode, context: TransformContext) {
   if (isUserComponent(node, context)) {
     return
   }
-  if (node.tag !== 'template') {
-    addStatusBarStyle(node, context)
+  if (node.tag !== 'template' && node.tag !== 'slot') {
+    isElementNode(node) && addStatusBarStyle(node, context)
   } else {
     node.children.forEach((child) => {
       traverseChildren(child as ElementNode, context)