diff --git a/cli/src/packageJson.ts b/cli/src/packageJson.ts
index 48f972dc..90160c52 100644
--- a/cli/src/packageJson.ts
+++ b/cli/src/packageJson.ts
@@ -66,6 +66,9 @@ export async function createPackageJson(
if (bundler === 'webpack' && !pkg.dependencies?.['sass-loader'] && !pkg.devDependencies['sass-loader'])
deps.push('sass-loader')
+ if (!pkg.dependencies?.['sass-embedded'] && !pkg.devDependencies['sass-embedded'])
+ deps.push('sass-embedded')
+
const dv = await getDependenciesVersion(deps)
for (const [d, v] of Object.entries(dv))
diff --git a/docs/2.preview/主题效果预览.md b/docs/2.preview/主题效果预览.md
index cde5a7c8..aa40bae4 100644
--- a/docs/2.preview/主题效果预览.md
+++ b/docs/2.preview/主题效果预览.md
@@ -252,6 +252,9 @@ function foo() {
}
```
+::: tip 仅标题
+:::
+
::: note 注释
注释内容 [link](https://github.com/pengzhanbo) `inline code`
@@ -318,6 +321,11 @@ const c = a + b
:::
+::: details 详细标题
+
+这里是内容。
+:::
+
**GFM alert：**
> [!note]
diff --git a/docs/package.json b/docs/package.json
index aa0e02d3..05c22ec1 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -12,7 +12,7 @@
"vuepress": "2.0.0-rc.15"
},
"dependencies": {
- "@iconify/json": "^2.2.251",
+ "@iconify/json": "^2.2.252",
"@simonwep/pickr": "^1.9.1",
"@vuepress/bundler-vite": "2.0.0-rc.15",
"chart.js": "^4.4.4",
@@ -20,8 +20,9 @@
"flowchart.ts": "^3.0.1",
"http-server": "^14.1.1",
"mermaid": "^11.2.1",
+ "sass-embedded": "^1.79.3",
"swiper": "^11.1.14",
- "vue": "^3.5.7",
+ "vue": "^3.5.8",
"vuepress-theme-plume": "workspace:*"
},
"devDependencies": {
diff --git a/plugins/plugin-content-update/package.json b/plugins/plugin-content-update/package.json
index d4403e51..64ea0a95 100644
--- a/plugins/plugin-content-update/package.json
+++ b/plugins/plugin-content-update/package.json
@@ -40,7 +40,7 @@
"vuepress": "2.0.0-rc.15"
},
"dependencies": {
- "vue": "^3.5.7"
+ "vue": "^3.5.8"
},
"publishConfig": {
"access": "public"
diff --git a/plugins/plugin-md-power/package.json b/plugins/plugin-md-power/package.json
index ed8e617a..58866e45 100644
--- a/plugins/plugin-md-power/package.json
+++ b/plugins/plugin-md-power/package.json
@@ -40,15 +40,22 @@
"vuepress": "2.0.0-rc.15"
},
"dependencies": {
- "@vuepress/helper": "2.0.0-rc.46",
+ "@mdit/plugin-attrs": "^0.13.1",
+ "@mdit/plugin-footnote": "^0.13.1",
+ "@mdit/plugin-mark": "^0.13.1",
+ "@mdit/plugin-sub": "^0.13.1",
+ "@mdit/plugin-sup": "^0.13.1",
+ "@mdit/plugin-tab": "^0.13.1",
+ "@mdit/plugin-tasklist": "^0.13.1",
+ "@vuepress/helper": "2.0.0-rc.47",
"@vueuse/core": "^11.1.0",
"image-size": "^1.1.1",
"markdown-it-container": "^4.0.0",
"nanoid": "^5.0.7",
"shiki": "^1.18.0",
"tm-grammars": "^1.17.24",
- "tm-themes": "^1.8.3",
- "vue": "^3.5.7"
+ "tm-themes": "^1.8.4",
+ "vue": "^3.5.8"
},
"devDependencies": {
"@types/markdown-it": "^14.1.2"
diff --git a/plugins/plugin-md-power/src/client/components/CodeRepl.vue b/plugins/plugin-md-power/src/client/components/CodeRepl.vue
index b664b81a..06095f29 100644
--- a/plugins/plugin-md-power/src/client/components/CodeRepl.vue
+++ b/plugins/plugin-md-power/src/client/components/CodeRepl.vue
@@ -1,10 +1,10 @@
+
+
+
+
+
+
diff --git a/plugins/plugin-md-power/src/client/components/Replit.vue b/plugins/plugin-md-power/src/client/components/Replit.vue
index f71d374f..49f82c03 100644
--- a/plugins/plugin-md-power/src/client/components/Replit.vue
+++ b/plugins/plugin-md-power/src/client/components/Replit.vue
@@ -1,7 +1,7 @@
+
+
+
+
+
+
diff --git a/plugins/plugin-md-power/src/client/components/IconClose.vue b/plugins/plugin-md-power/src/client/components/icons/IconClose.vue
similarity index 100%
rename from plugins/plugin-md-power/src/client/components/IconClose.vue
rename to plugins/plugin-md-power/src/client/components/icons/IconClose.vue
diff --git a/plugins/plugin-md-power/src/client/components/IconConsole.vue b/plugins/plugin-md-power/src/client/components/icons/IconConsole.vue
similarity index 100%
rename from plugins/plugin-md-power/src/client/components/IconConsole.vue
rename to plugins/plugin-md-power/src/client/components/icons/IconConsole.vue
diff --git a/plugins/plugin-md-power/src/client/components/IconRun.vue b/plugins/plugin-md-power/src/client/components/icons/IconRun.vue
similarity index 100%
rename from plugins/plugin-md-power/src/client/components/IconRun.vue
rename to plugins/plugin-md-power/src/client/components/icons/IconRun.vue
diff --git a/plugins/plugin-md-power/src/client/components/Loading.vue b/plugins/plugin-md-power/src/client/components/icons/Loading.vue
similarity index 100%
rename from plugins/plugin-md-power/src/client/components/Loading.vue
rename to plugins/plugin-md-power/src/client/components/icons/Loading.vue
diff --git a/plugins/plugin-md-power/src/node/container/align.ts b/plugins/plugin-md-power/src/node/container/align.ts
new file mode 100644
index 00000000..ec70fd41
--- /dev/null
+++ b/plugins/plugin-md-power/src/node/container/align.ts
@@ -0,0 +1,21 @@
+import type Token from 'markdown-it/lib/token.mjs'
+import type { Markdown } from 'vuepress/markdown'
+import container from 'markdown-it-container'
+
+const alignList = ['left', 'center', 'right', 'justify']
+
+export function alignPlugin(md: Markdown): void {
+ for (const name of alignList) {
+ md.use(container, name, {
+ validate: (info: string) => info.trim() === name,
+ render: (tokens: Token[], idx: number): string => {
+ if (tokens[idx].nesting === 1) {
+ return ``
+ }
+ else {
+ return '
'
+ }
+ },
+ })
+ }
+}
diff --git a/plugins/plugin-md-power/src/node/container/codeTabs.ts b/plugins/plugin-md-power/src/node/container/codeTabs.ts
new file mode 100644
index 00000000..10164a6f
--- /dev/null
+++ b/plugins/plugin-md-power/src/node/container/codeTabs.ts
@@ -0,0 +1,55 @@
+import type { PluginSimple } from 'markdown-it'
+import { tab } from '@mdit/plugin-tab'
+import { getFileIconName } from '../fileIcons/index.js'
+import { stringifyProp } from '../utils/stringifyProp.js'
+
+export const codeTabs: PluginSimple = (md) => {
+ tab(md, {
+ name: 'code-tabs',
+
+ tabsOpenRenderer: ({ active, data }, tokens, index) => {
+ const { meta } = tokens[index]
+ const titles = data.map(({ title }) => md.renderInline(title))
+ const tabsData = data.map((item, dataIndex) => {
+ const { id = titles[dataIndex] } = item
+
+ return { id }
+ })
+
+ const titlesContent = titles.map((title, index) => {
+ const icon = getFileIconName(title)
+ return `${icon ? `` : ''}${title}`
+ }).join('')
+
+ return `${titlesContent}`
+ },
+
+ tabsCloseRenderer: () => ``,
+
+ tabOpenRenderer: ({ index }, tokens, tokenIndex) => {
+ let foundFence = false
+
+ // Hide all elements excerpt the first fence
+ for (let i = tokenIndex; i < tokens.length; i++) {
+ const { block, type } = tokens[i]
+
+ if (block) {
+ if (type === 'code-tabs_tab_close')
+ break
+
+ if ((type === 'fence' || type === 'import_code') && !foundFence) {
+ foundFence = true
+ continue
+ }
+
+ tokens[i].type = 'code_tab_empty'
+ tokens[i].hidden = true
+ }
+ }
+
+ return ``
+ },
+
+ tabCloseRenderer: () => ``,
+ })
+}
diff --git a/plugins/plugin-md-power/src/node/container/fileTree/resolveTreeNodeInfo.ts b/plugins/plugin-md-power/src/node/container/fileTree.ts
similarity index 63%
rename from plugins/plugin-md-power/src/node/container/fileTree/resolveTreeNodeInfo.ts
rename to plugins/plugin-md-power/src/node/container/fileTree.ts
index 410d21b0..df1964ec 100644
--- a/plugins/plugin-md-power/src/node/container/fileTree/resolveTreeNodeInfo.ts
+++ b/plugins/plugin-md-power/src/node/container/fileTree.ts
@@ -1,5 +1,8 @@
+import type { Markdown } from 'vuepress/markdown'
import Token from 'markdown-it/lib/token.mjs'
+import container from 'markdown-it-container'
import { removeEndingSlash, removeLeadingSlash } from 'vuepress/shared'
+import { getFileIcon } from '../fileIcons/index.js'
interface FileTreeNode {
filename: string
@@ -9,6 +12,63 @@ interface FileTreeNode {
empty: boolean
}
+const type = 'file-tree'
+const closeType = `container_${type}_close`
+const componentName = 'FileTreeItem'
+const itemOpen = 'file_tree_item_open'
+const itemClose = 'file_tree_item_close'
+
+export function fileTreePlugin(md: Markdown) {
+ const validate = (info: string): boolean => info.trim().startsWith(type)
+ const render = (tokens: Token[], idx: number): string => {
+ if (tokens[idx].nesting === 1) {
+ const hasRes: number[] = [] // level stack
+ for (
+ let i = idx + 1;
+ !(tokens[i].nesting === -1
+ && tokens[i].type === closeType);
+ ++i
+ ) {
+ const token = tokens[i]
+ if (token.type === 'list_item_open') {
+ const result = resolveTreeNodeInfo(tokens, token, i)
+ if (result) {
+ hasRes.push(token.level)
+ const [info, inline] = result
+ const { filename, type, expanded, empty } = info
+ const icon = getFileIcon(filename, type)
+
+ token.type = itemOpen
+ token.tag = componentName
+ token.attrSet('type', type)
+ token.attrSet(':expanded', expanded ? 'true' : 'false')
+ token.attrSet(':empty', empty ? 'true' : 'false')
+ updateInlineToken(inline, info, icon)
+ }
+ else {
+ hasRes.push(-1)
+ }
+ }
+ else if (token.type === 'list_item_close') {
+ if (token.level === hasRes.pop()) {
+ token.type = itemClose
+ token.tag = componentName
+ }
+ }
+ }
+ const info = tokens[idx].info.trim()
+
+ const title = info.slice(type.length).trim()
+ return `${title ? `
${title}
` : ''}`
+ }
+ else {
+ return '
${title ? `
${title}
` : ''}`
- }
- else {
- return '