images/babel-plugin-jsx
2
0
Fork 0
mirror of https://github.com/vuejs/babel-plugin-jsx.git synced 2025-02-10 23:49:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: compatible with Vue 2.x

Browse Source
This commit is contained in:
Amour1688 2020-05-27 12:52:52 +08:00
parent 7e0ee7dc5e
commit dcadabd28a
5 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/babel-helper-vue-compatible-props/README.md Normal file
View File

@ -0,0 +1,3 @@
# @ant-design-vue/babel-helper-vue-compatible-props
> compatible with Vue 2.x

12
packages/babel-helper-vue-compatible-props/index.js Normal file
View File

@ -0,0 +1,12 @@
const transformOn = require('@ant-design-vue/babel-helper-vue-transform-on');
const compatibleProps = (attr) => {
const {
props, on = {}, attrs, ...rest
} = attr || {};
return {
...props, ...attrs, ...transformOn(on), ...rest,
};
};
module.exports = compatibleProps;

16
packages/babel-helper-vue-compatible-props/package.json Normal file
View File

@ -0,0 +1,16 @@
{
"name": "@ant-design-vue/babel-helper-vue-compatible-props",
"version": "1.0.0",
"description": "compatible with Vue 2.x",
"author": "Amour1688 <lcz_1996@foxmail.com>",
"homepage": "https://github.com/vueComponent/jsx#readme",
"license": "MIT",
"main": "index.js",
"repository": {
"type": "git",
"url": "git+https://github.com/vueComponent/jsx.git"
},
"dependencies": {
"@ant-design-vue/babel-helper-vue-transform-on": "^1.0.1"
}
}

1
packages/babel-plugin-jsx/package.json
View File

@ -19,6 +19,7 @@
"url": "https://github.com/vueComponent/jsx/issues"
},
"dependencies": {
"@ant-design-vue/babel-helper-vue-compatible-props": "^1.0.0",
"@ant-design-vue/babel-helper-vue-transform-on": "^1.0.0",
"@babel/helper-module-imports": "^7.0.0",
"@babel/plugin-syntax-jsx": "^7.0.0",

6
packages/babel-plugin-jsx/src/transform-vue-jsx.js
View File

@ -292,9 +292,13 @@ const transformJSXElement = (t, path, state) => {
const directives = [];
const tag = getTag(t, path);
const children = t.arrayExpression(getChildren(t, path.get('children')));
const attributes = getAttributes(t, path, state, directives);
const compatibleProps = addDefault(
path, '@ant-design-vue/babel-helper-vue-compatible-props', { nameHint: '_compatibleProps' },
);
const h = t.callExpression(state.h, [
tag,
getAttributes(t, path, state, directives),
state.opts.compatibleProps ? t.callExpression(compatibleProps, [attributes]) : attributes,
!t.isStringLiteral(tag) && !tag.name.includes('Fragment')
? t.objectExpression([
t.objectProperty(