1.文档添加上一页下一页

example/src/plugin/common-plugins.ts

@@ -1,16 +1,17 @@
-import vue from '@vitejs/plugin-vue'
-import Markdown from 'vite-plugin-md'
-import container from 'markdown-it-container'
-import highlight from './highlight'
-import snippet from './snippet'
-import demo from './demo'
-import createTitle from './create-title'
-import createBlock from './create-block'
-import createDescribe from './create-describe'
-import createTable from './create-table'
-import createComment from './create-comment'
-import createAnchor from './create-anchor'
-import preWrapper from './pre-wrapper'
+import vue from "@vitejs/plugin-vue";
+import Markdown from "vite-plugin-md";
+import container from "markdown-it-container";
+import highlight from "./highlight";
+import snippet from "./snippet";
+import demo from "./demo";
+import createTitle from "./create-title";
+import createBlock from "./create-block";
+import createDescribe from "./create-describe";
+import createTable from "./create-table";
+import createComment from "./create-comment";
+import createAnchor from "./create-anchor";
+import preWrapper from "./pre-wrapper";
+import previousNext from "./previous-next";
 
 const plugins = [
   vue({
@@ -26,15 +27,16 @@ const plugins = [
     markdownItSetup(md) {
       md.use(snippet)
         .use(preWrapper)
-        .use(container, 'demo', demo)
-        .use(...createTable('table', ''))
-        .use(...createBlock('block', ''))
-        .use(...createTitle('title', ''))
-        .use(...createDescribe('describe', ''))
-        .use(...createComment('comment', ''))
-        .use(...createAnchor('anchor', ''))
+        .use(container, "demo", demo)
+        .use(...createTable("table", ""))
+        .use(...createBlock("block", ""))
+        .use(...createTitle("title", ""))
+        .use(...createDescribe("describe", ""))
+        .use(...createComment("comment", ""))
+        .use(...createAnchor("anchor", ""))
+        .use(...previousNext("previousNext", ""));
     },
   }),
-] as any
+] as any;
 
-export default plugins
+export default plugins;

example/src/plugin/previous-next.ts

@@ -0,0 +1,55 @@
+import container from "markdown-it-container";
+import type Token from "markdown-it/lib/token";
+import menus from "../view/utils/menus";
+type ContainerArgs = [
+  typeof container,
+  string,
+  {
+    render(tokens: Token[], idx: number): string;
+  }
+];
+
+export default function createContainer(
+  klass: string,
+  defaultTitle: string
+): ContainerArgs {
+  return [
+    container,
+    klass,
+    {
+      render(tokens, idx) {
+        const token = tokens[idx];
+        const info = token.info.trim().slice(klass.length).trim();
+        const menusChild = menus.map((item) => item.children).flat(1);
+        let prevIndex = 0;
+        let nextIndex = 0;
+        menusChild.forEach((item, index) => {
+          if (item.subTitle === info) {
+            prevIndex = index - 1;
+            nextIndex = index + 1;
+          }
+        });
+        if (token.nesting === 1) {
+          return `<div style="display: flex; justify-content: space-between">
+                <div><router-link to="${
+                  menusChild[prevIndex]?.path
+                }" class="lay-link" style="display: ${
+            prevIndex < 0 ? "none" : ""
+          }"> <lay-icon type="layui-icon-left"/>${
+            menusChild[prevIndex]?.title
+          }</router-link></div>
+                    <div><router-link to="${
+                      menusChild[nextIndex]?.path
+                    }" class="lay-link" style="display: ${
+            nextIndex >= menusChild.length ? "none" : ""
+          }">${
+            menusChild[nextIndex]?.title
+          } <lay-icon type="layui-icon-right"/></router-link> </div>
+                </div>`;
+        } else {
+          return ``;
+        }
+      },
+    },
+  ];
+}