fix(compiler): use setInsertionState instead of insert

Author: zhiyuanzmj

packages/compiler/src/transforms/transformChildren.ts

@@ -84,11 +84,7 @@ function processDynamicChildren(context: TransformContext<Node>) {
   }
 
   if (prevDynamics.length) {
-    context.registerOperation({
-      type: IRNodeTypes.INSERT_NODE,
-      elements: prevDynamics.map((child) => child.id!),
-      parent: context.reference(),
-    })
+    registerInsertion(prevDynamics, context)
   }
 }
 
@@ -106,14 +102,10 @@ function registerInsertion(
         parent: context.reference(),
         anchor,
       })
-    } else {
+    } else if (child.operation && isBlockOperation(child.operation)) {
       // block types
-      for (const op of context.block.operation) {
-        if (isBlockOperation(op) && op.id === child.id) {
-          op.parent = context.reference()
-          op.anchor = anchor
-        }
-      }
+      child.operation.parent = context.reference()
+      child.operation.anchor = anchor
     }
   }
 }

packages/compiler/src/transforms/transformText.ts

@@ -112,7 +112,6 @@ function processInterpolation(context: TransformContext) {
   const id = context.reference()
 
   if (isFragmentNode(parent)) {
-    context.dynamic.flags |= DynamicFlag.INSERT | DynamicFlag.NON_TEMPLATE
     context.registerOperation({
       type: IRNodeTypes.CREATE_NODES,
       id,

packages/compiler/test/transforms/__snapshots__/expression.spec.ts.snap

@@ -53,6 +53,7 @@ export function render(_ctx) {
 exports[`compiler: expression > conditional expression with v-once 1`] = `
 "
   const n5 = t2()
+  _setInsertionState(n5)
   const n0 = _createIf(() => (ok), () => {
     const n2 = t0()
     const x2 = _child(n2)
@@ -62,7 +63,6 @@ exports[`compiler: expression > conditional expression with v-once 1`] = `
     const n4 = t1()
     return n4
   })
-  _insert(n0, n5)
   return n5
 "
 `;

packages/compiler/test/transforms/__snapshots__/vFor.spec.ts.snap

@@ -55,13 +55,13 @@ exports[`compiler: v-for > nested v-for 1`] = `
 "
   const n0 = _createFor(() => (list), (_for_item0) => {
     const n5 = t1()
+    _setInsertionState(n5)
     const n2 = _createFor(() => (_for_item0.value), (_for_item1) => {
       const n4 = t0()
       const x4 = _child(n4)
       _setNodes(x4, () => (_for_item1.value+_for_item0.value))
       return n4
     }, null, 1)
-    _insert(n2, n5)
     return n5
   })
   return n0

packages/compiler/test/transforms/__snapshots__/vOnce.spec.ts.snap

@@ -29,8 +29,8 @@ exports[`compiler: v-once > inside v-once 1`] = `
 exports[`compiler: v-once > on component 1`] = `
 "
   const n1 = t0()
+  _setInsertionState(n1)
   const n0 = _createComponent(Comp, { id: () => (foo) }, null, null, true)
-  _insert(n0, n1)
   return n1
 "
 `;