feat: support component in v-if

zhiyuanzmj · zhiyuanzmj · commit a6cdef874086 · 2024-02-03T16:15:55.000+08:00
diff --git a/src/core/v-if.ts b/src/core/v-if.ts
@@ -28,7 +28,7 @@ export function transformVIf(
         s.remove(start!, consequent.start!)
       }
       else {
-        overwrite(start, consequent.start!, `<template${directive}>${isJSXExpressionConsequent ? '' : '{{'}`, s)
+        overwrite(start, consequent.start!, `<template${directive}>${isJSXExpressionConsequent ? '' : '<component :is="__createTextVNode('}`, s)
       }
 
       if (isJSXElement(alternate)) {
@@ -37,7 +37,7 @@ export function transformVIf(
           s.remove(consequent.end!, alternate.start!)
         }
         else {
-          overwrite(consequent.end!, alternate.start!, `${isJSXExpressionConsequent ? '' : '}}'}</template>`, s)
+          overwrite(consequent.end!, alternate.start!, `${isJSXExpressionConsequent ? '' : ')" />'}</template>`, s)
         }
         s.remove(alternate.end!, end)
       }
@@ -50,11 +50,11 @@ export function transformVIf(
           alternate.start!,
             `${isJSXElementConsequent
                 ? ''
-                : `${isJSXExpressionConsequent ? '' : '}}'
-              }</template>`}<template v-else>${isJSXExpressionAlternate ? '' : '{{'}`,
+                : `${isJSXExpressionConsequent ? '' : ')" />'
+              }</template>`}<template v-else>${isJSXExpressionAlternate ? '' : '<component :is="__createTextVNode('}`,
             s,
         )
-        overwrite(alternate.end!, end, `${isJSXExpressionAlternate ? '' : '}}'}</template>`, s)
+        overwrite(alternate.end!, end, `${isJSXExpressionAlternate ? '' : ')" />'}</template>`, s)
       }
       else {
         s.remove(consequent.end!, alternate.start!)

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export function transformVIf(`
`28`	`28`	`s.remove(start!, consequent.start!)`
`29`	`29`	`}`
`30`	`30`	`else {`
`31`		- overwrite(start, consequent.start!, `<template${directive}>${isJSXExpressionConsequent ? '' : '{{'}`, s)
	`31`	+ overwrite(start, consequent.start!, `<template${directive}>${isJSXExpressionConsequent ? '' : '<component :is="__createTextVNode('}`, s)
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`if (isJSXElement(alternate)) {`
`@@ -37,7 +37,7 @@ export function transformVIf(`
`37`	`37`	`s.remove(consequent.end!, alternate.start!)`
`38`	`38`	`}`
`39`	`39`	`else {`
`40`		- overwrite(consequent.end!, alternate.start!, `${isJSXExpressionConsequent ? '' : '}}'}</template>`, s)
	`40`	+ overwrite(consequent.end!, alternate.start!, `${isJSXExpressionConsequent ? '' : ')" />'}</template>`, s)
`41`	`41`	`}`
`42`	`42`	`s.remove(alternate.end!, end)`
`43`	`43`	`}`
`@@ -50,11 +50,11 @@ export function transformVIf(`
`50`	`50`	`alternate.start!,`
`51`	`51`	`${isJSXElementConsequent
`52`	`52`	`? ''`
`53`		- : `${isJSXExpressionConsequent ? '' : '}}'
`54`		- }</template>`}<template v-else>${isJSXExpressionAlternate ? '' : '{{'}`,
	`53`	+ : `${isJSXExpressionConsequent ? '' : ')" />'
	`54`	+ }</template>`}<template v-else>${isJSXExpressionAlternate ? '' : '<component :is="__createTextVNode('}`,
`55`	`55`	`s,`
`56`	`56`	`)`
`57`		- overwrite(alternate.end!, end, `${isJSXExpressionAlternate ? '' : '}}'}</template>`, s)
	`57`	+ overwrite(alternate.end!, end, `${isJSXExpressionAlternate ? '' : ')" />'}</template>`, s)
`58`	`58`	`}`
`59`	`59`	`else {`
`60`	`60`	`s.remove(consequent.end!, alternate.start!)`