Commit bbb98df

committed

支持jsx渲染

1 parent b86bae5 commit bbb98dfCopy full SHA for bbb98df

File tree

2 files changed

+44

-13

lines changed

build
- markdown-loader.js
src/button
- index.md

2 files changed

+44

-13

lines changed

`‎build/markdown-loader.js`

Lines changed: 12 additions & 11 deletions

Original file line number	Diff line number	Diff line change
`@@ -45,10 +45,6 @@ module.exports = function(source) {`
`45`	`45`	`// 获取vue组件示例的代码`
`46`	`46`	`const nextIndex = tokens[index + 1];`
`47`	`47`	`let content = nextIndex.type === "fence" ? nextIndex.content : "";`
`48`		`- if (!/^<template>/.test(content)) {`
`49`		- content = `<template><div>${content}</div></template>`;
`50`		`- }`
`51`		`-`
`52`	`48`	`// 将content解析为vue组件基本属性对象;`
`53`	`49`	`let { template, script, styles } = parse({`
`54`	`50`	`source: content,`
`@@ -57,10 +53,15 @@ module.exports = function(source) {`
`57`	`53`	`});`
`58`	`54`	`styleCodeList = styleCodeList.concat(styles);`
`59`	`55`	`// 将template的转为render函数`
`60`		`- const { code } = compileTemplate({`
`61`		`- source: template.content,`
`62`		`- compiler: VueTemplateComplier`
`63`		`- });`
	`56`	`+ let templateCodeRender = "";`
	`57`	`+ if (template && template.content) {`
	`58`	`+ const { code } = compileTemplate({`
	`59`	`+ source: template.content,`
	`60`	`+ compiler: VueTemplateComplier`
	`61`	`+ });`
	`62`	`+ templateCodeRender = code;`
	`63`	`+ }`
	`64`	`+`
`64`	`65`	`// 获取script的代码`
`65`	`66`	`script = script ? script.content : "";`
`66`	`67`	`if (script) {`
`@@ -74,12 +75,12 @@ module.exports = function(source) {`
`74`	`75`	const name = `vc-snippent-${componentCodeList.length}`;
`75`	`76`	`// 渲染组件代码添加到数据集合`
`76`	`77`	componentCodeList.push(`"${name}":(function () {
`77`		`- ${code}`
	`78`	`+ ${templateCodeRender}`
`78`	`79`	`${script}`
`79`	`80`	`return {`
`80`	`81`	`...exportJavaScript,`
`81`		`- render,`
`82`		`- staticRenderFns`
	`82`	`+ ${templateCodeRender ? "render," : ""}`
	`83`	`+ ${templateCodeRender ? "staticRenderFns," : ""}`
`83`	`84`	`}`
`84`	`85`	})()`);
`85`	`86`	`// 将需要渲染的示例用vc-snippet组件包裹替换插槽显示示例效果`

`‎src/button/index.md`

Lines changed: 32 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -46,8 +46,38 @@`
`46`	`46`	`methods: {`
`47`	`47`	`handleButtonClick() {`
`48`	`48`	`alert(1);`
`49`		`- }`
`50`		`- }`
	`49`	`+ },`
	`50`	`+ },`
	`51`	`+ };`
	`52`	`+</script>`
	`53`	+```
	`54`	`+`
	`55`	`+:::`
	`56`	`+`
	`57`	`+## JSX 语法支持`
	`58`	`+`
	`59`	+:::snippet 示例代码支持`jsx`渲染。
	`60`	`+`
	`61`	+```html
	`62`	`+<script>`
	`63`	`+ export default {`
	`64`	`+ render() {`
	`65`	`+ return (`
	`66`	`+ <div>`
	`67`	`+ <v-button`
	`68`	`+ text="Default"`
	`69`	`+ onClick={() => {`
	`70`	`+ this.handleButtonClick();`
	`71`	`+ }}`
	`72`	`+ ></v-button>`
	`73`	`+ </div>`
	`74`	`+ );`
	`75`	`+ },`
	`76`	`+ methods: {`
	`77`	`+ handleButtonClick() {`
	`78`	`+ alert(1);`
	`79`	`+ },`
	`80`	`+ },`
`51`	`81`	`};`
`52`	`82`	`</script>`
`53`	`83`	```

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit bbb98df

File tree

2 files changed

2 files changed

`‎build/markdown-loader.js`

`‎src/button/index.md`

0 commit comments