images/babel-plugin-jsx
2
0
Fork 0
mirror of https://github.com/vuejs/babel-plugin-jsx.git synced 2024-09-20 12:54:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fragment

Browse Source
This commit is contained in:
Amour1688 2020-07-11 14:23:56 +08:00
parent 9757f3eafd
commit a4d7390273
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/babel-plugin-jsx/src/transform-vue-jsx.ts
View File

@ -125,6 +125,7 @@ const buildProps = (path: NodePath<t.JSXElement>, state: State) => {
if (props.length === 0) {
return {
tag,
isComponent,
props: t.nullLiteral(),
directives,
patchFlag,
@ -314,6 +315,7 @@ const buildProps = (path: NodePath<t.JSXElement>, state: State) => {
return {
tag,
props: propsExpression,
isComponent,
directives,
patchFlag,
dynamicPropNames,
@ -371,11 +373,18 @@ const transformJSXElement = (
const {
tag,
props,
isComponent,
directives,
patchFlag,
dynamicPropNames,
} = buildProps(path, state);
const { scope: { bindings } } = path;
const bindingsReferenced = Object.keys(bindings).some(key => bindings[key].referenced);
const useOptimate = !(bindingsReferenced && t.isReturnStatement(path.container));
const flagNames = Object.keys(PatchFlagNames)
.map(Number)
.filter((n) => n > 0 && patchFlag & n)
@ -390,11 +399,18 @@ const transformJSXElement = (
}
// @ts-ignore
const createVNode = t.callExpression(createIdentifier(state, 'createVNode'), [
const createVNode = t.callExpression(createIdentifier(state, useOptimate ? 'createVNode' : 'h'), [
tag,
// @ts-ignore
compatibleProps ? t.callExpression(state.get('compatibleProps'), [props]) : props,
!!children.length ? t.arrayExpression(children) : t.nullLiteral(),
!!children.length ? (
isComponent ? t.objectExpression([
t.objectProperty(
t.identifier('default'),
t.arrowFunctionExpression([], t.arrayExpression(children))
)
]) : t.arrayExpression(children)
) : t.nullLiteral(),
!!patchFlag && t.addComment(t.numericLiteral(patchFlag), 'trailing', ` ${flagNames} `, false),
!!dynamicPropNames.size
&& t.arrayExpression([...dynamicPropNames.keys()].map((name) => t.stringLiteral(name as string))),