blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(vant-markdown-loader): 修复 demo 组件和其他组件重名导致的渲染异常

Browse Source
This commit is contained in:
HaoChuan9421 2021-03-15 17:56:40 +08:00 committed by neverland
parent a6aa9e322b
commit 52fe6a8f46
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant-markdown-loader/src/extract-demo.js
View File

@ -14,7 +14,7 @@ module.exports = function extraDemo(content) {
/<demo-code([\s\S]*?)>([\s\S]*?)<\/demo-code>/g,
function (_, attrs, link) {
link = link.trim(); // 去换行符
const tag = hyphenate(path.basename(link, '.vue'));
const tag = 'demo-code-' + hyphenate(path.basename(link, '.vue'));
const fullLink = path.join(markdownDir, link);
demoLinks.indexOf(fullLink) === -1 && demoLinks.push(fullLink);
const demoContent = fs.readFileSync(fullLink, { encoding: 'utf8' });

4
packages/vant-markdown-loader/src/index.js
View File

@ -26,12 +26,12 @@ function wrapper(content) {
<script>
${demoLinks
.map((link) => {
return `import ${camelize(path.basename(link, '.vue'))} from '${link}';`;
return `import DemoCode${camelize(path.basename(link, '.vue'))} from '${link}';`;
})
.join('\n')}
export default {
components: {
${demoLinks.map((link) => camelize(path.basename(link, '.vue'))).join(',')}
${demoLinks.map((link) => `DemoCode${camelize(path.basename(link, '.vue'))}`).join(',')}
},
mounted() {
const anchors = [].slice.call(this.$el.querySelectorAll('h2, h3, h4, h5'));