gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(plugin-md-power): incorrect demo container rendering

Browse Source
This commit is contained in:
pengzhanbo 2025-04-28 19:22:02 +08:00
parent a446a86dbf
commit 0bf7c865ac
6 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/plugin-md-power/__test__/stringifyAttrs.spec.ts
View File

@ -18,6 +18,10 @@ describe('stringifyAttrs', () => {
expect(stringifyAttrs({ disabled: true, readonly: false, checked: 'true', selected: 'false' })).toBe(' disabled checked')
})
it('should handle dymamic attributes', () => {
expect(stringifyAttrs({ ':id': 'test' })).toBe(' :id="test"')
})
it('should handle null and undefined values', () => {
expect(stringifyAttrs({ id: null, class: undefined })).toBe('')
expect(stringifyAttrs({ id: null, class: undefined, foo: 'undefined', bar: 'null' }, true)).toBe(' :id="null" :class="undefined" :foo="undefined" :bar="null"')

6
plugins/plugin-md-power/src/client/composables/demo.ts
View File

@ -28,9 +28,9 @@ export function useResources(el: ShallowRef<HTMLDivElement | null>, config: Mayb
if (!conf)
return []
return [
{ name: 'JavaScript', items: conf.jsLib.map(url => ({ name: normalizeName(url), url })) },
{ name: 'CSS', items: conf.cssLib.map(url => ({ name: normalizeName(url), url })) },
].filter(i => i.items.length)
{ name: 'JavaScript', items: conf.jsLib?.map(url => ({ name: normalizeName(url), url })) },
{ name: 'CSS', items: conf.cssLib?.map(url => ({ name: normalizeName(url), url })) },
].filter(i => i.items?.length)
})
function normalizeName(url: string) {

2
plugins/plugin-md-power/src/node/demo/markdown.ts
View File

@ -29,7 +29,7 @@ export function markdownEmbed(
<template #code>
${md.render(`\`\`\`md ${codeSetting}\n${code}\n\`\`\``, {})}
</template>
</VPDemoBasic$>`
</VPDemoBasic>`
}
export const markdownContainerRender: DemoContainerRender = {

8
plugins/plugin-md-power/src/node/demo/normal.ts
View File

@ -126,10 +126,9 @@ export function normalEmbed(
env.demoFiles.push(demo)
insertSetupScript({ ...demo, path: output }, env)
}
return `<VPDemoNormal${stringifyAttrs({ config: name, title, desc, expanded })}>
return `<VPDemoNormal${stringifyAttrs({ ':config': name, title, desc, expanded })}>
${codeToHtml(md, source, codeSetting)}
</VPDemoNormal$>`
</VPDemoNormal>`
}
export const normalContainerRender: DemoContainerRender = {
@ -148,8 +147,7 @@ export const normalContainerRender: DemoContainerRender = {
const source = parseContainerCode(codeMap)
compileCode(source, output)
return `<VPDemoNormal${stringifyAttrs({ config: name, title, desc, expanded })}>`
return `<VPDemoNormal${stringifyAttrs({ ':config': name, title, desc, expanded })}>`
},
after: () => '</VPDemoNormal>',

2
plugins/plugin-md-power/src/node/demo/vue.ts
View File

@ -36,7 +36,7 @@ export function vueEmbed(
<template #code>
${md.render(`\`\`\`${ext}${codeSetting}\n${code}\n\`\`\``, {})}
</template>
</VPDemoBasic$>`
</VPDemoBasic>`
}
const target = 'md-power/demo/vue'

5
plugins/plugin-md-power/src/node/utils/stringifyAttrs.ts
View File

@ -6,7 +6,7 @@ export function stringifyAttrs<T extends object = object>(
): string {
const result = Object.entries(attrs)
.map(([key, value]) => {
const k = kebabCase(String(key))
const k = kebabCase(key)
if (isUndefined(value) || value === 'undefined')
return withUndefined ? `:${k}="undefined"` : ''
@ -28,7 +28,8 @@ export function stringifyAttrs<T extends object = object>(
if (isString(value) && (value[0] === '{' || value[0] === '['))
return `:${k}="${value.replaceAll('\"', '\'')}"`
return `${k}="${String(value)}"`
const hasDynamic = key[0] === ':'
return `${hasDynamic ? ':' : ''}${k}="${String(value)}"`
})
.filter(Boolean)
.join(' ')