feat(compiler): add fast-remove flag

Author: zhiyuanzmj

packages/compiler/src/transforms/vFor.ts

@@ -12,6 +12,7 @@ import {
 import {
   findProp,
   isConstant,
+  isEmptyText,
   isJSXComponent,
   propToExpression,
   resolveExpression,
@@ -58,7 +59,7 @@ export function processFor(
     const isOnlyChild =
       parent &&
       parent.block.node !== parent.node &&
-      parent.node.children.length === 1
+      parent.node.children.filter((child) => !isEmptyText(child)).length === 1
 
     context.dynamic.operation = {
       type: IRNodeTypes.FOR,

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

@@ -37,6 +37,20 @@ exports[`compiler: v-for > basic v-for 1`] = `
 "
 `;
 
+exports[`compiler: v-for > fast-remove flag 1`] = `
+"
+  const n3 = t1()
+  _setInsertionState(n3)
+  const n0 = _createFor(() => (i), (_for_item0) => {
+    const n2 = t0()
+    const x2 = _child(n2)
+    _setNodes(x2, () => (_for_item0.value+i))
+    return n2
+  }, undefined, 1)
+  return n3
+"
+`;
+
 exports[`compiler: v-for > key only binding pattern 1`] = `
 "
   const n0 = _createFor(() => (rows), (_for_item0) => {

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

@@ -366,4 +366,17 @@ describe('compiler: v-for', () => {
       index: undefined,
     })
   })
+  test('fast-remove flag', () => {
+    const { code, ir } = compileWithVFor(
+      `<div>
+        <span v-for={j in i}>{ j+i }</span>
+      </div>`,
+    )
+
+    const op = ir.block.dynamic.children[0].children[1].operation
+    expect(op).toMatchObject({
+      onlyChild: true,
+    })
+    expect(code).toMatchSnapshot()
+  })
 })

packages/vue-jsx-vapor/package.json

@@ -147,7 +147,7 @@
     "esbuild": "*",
     "rollup": "^3",
     "vite": ">=3",
-    "vue": "^3.5.0",
+    "vue": "^3.6.0",
     "webpack": "^4 || ^5"
   },
   "peerDependenciesMeta": {