WIP docs: 文档代码片段

.dumirc.ts

@@ -2,6 +2,7 @@ import { defineConfig } from './dist';
 import { version } from './package.json';
 
 export default defineConfig({
+  plugins: ['dumi-plugin-code-snippets'],
   html2sketch: {},
   // mako: {},
   favicons: [

docs/_snippets/badge.md

@@ -0,0 +1,7 @@
+### Info Badge <Badge>info</Badge>
+
+### Warning Badge <Badge type="warning">warning</Badge>
+
+### Error Badge <Badge type="error">error</Badge>
+
+### Success Badge <Badge type="success">success</Badge>

docs/_snippets/code-group.md

@@ -0,0 +1,27 @@
+:::code-group
+
+```bash [npm]
+npm install -D dumi
+```
+
+```bash [yarn]
+yarn add -D dumi
+```
+
+```bash [pnpm]
+pnpm add -D dumi
+```
+
+```bash [bun]
+bun add -D dumi
+```
+
+```ts [.dumirc.ts] {3}
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  // ...
+});
+```
+
+:::

docs/_snippets/container.md

@@ -0,0 +1,15 @@
+:::info{title=自定义标题}
+这是一条普通信息
+:::
+
+:::success
+这是一条成功信息
+:::
+
+:::warning
+这是一条警告信息
+:::
+
+:::error
+这是一条错误信息
+:::

docs/_snippets/embed.md

@@ -0,0 +1,15 @@
+<!-- 引入全量的 Markdown 文件内容 -->
+
+<embed src="/path/to/some.md"></embed>
+
+<!-- 根据行号引入指定行的 Markdown 文件内容 -->
+
+<embed src="/path/to/some.md#L1"></embed>
+
+<!-- 根据行号引入部分 Markdown 文件内容 -->
+
+<embed src="/path/to/some.md#L1-L10"></embed>
+
+<!-- 根据正则引入部分 Markdown 文件内容 -->
+
+<embed src="/path/to/some.md#RE-/^[^\r\n]+/"></embed>

docs/_snippets/line-highlight.md

@@ -0,0 +1,9 @@
+```jsx {5} | pure
+import React from 'react';
+
+export default () => (
+  <div>
+    <h1>Hello dumi!</h1>
+  </div>
+);
+```

docs/_snippets/multi-line-highlight.md

@@ -0,0 +1,15 @@
+```yml {3,6-9,12,13}
+features:
+  - title: 更好的编译性能
+    emoji: 🚀
+  - title: 内置全文搜索
+    emoji: 🔍
+  - title: 全新主题系统
+    emoji: 🎨
+  - title: 约定式路由增强
+    emoji: 🚥
+  - title: 资产元数据 2.0
+    emoji: 💡
+  - title: 继续为组件研发而生
+    emoji: 💎
+```

docs/_snippets/tree-comment.md

@@ -0,0 +1,23 @@
+<Tree>
+  <ul>
+    <li>
+      src
+      <small>这是 src 文件夹</small>
+      <ul>
+        <li>
+          directory
+          <small>没有子项的文件夹</small>
+          <ul></ul>
+        </li>
+        <li>
+          index.md
+          <small>这是 index.md</small>
+        </li>
+      </ul>
+    </li>
+    <li>
+      package.json
+      <small>这是 package.json</small>
+    </li>
+  </ul>
+</Tree>

docs/_snippets/tree.md

@@ -0,0 +1,12 @@
+<Tree>
+  <ul>
+    <li>
+      src
+      <ul>
+        <li>directory <ul></ul></li>
+        <li>index.md</li>
+      </ul>
+    </li>
+    <li>package.json</li>
+  </ul>
+</Tree>