From e60147b58e83a478dba29eb0855cc73d5094583b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Sat, 23 Oct 2021 15:54:37 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E6=95=B4=E7=90=86=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/animation.md |  3 ++
 docs/docs/zh-CN/components/color.md     |  9 ++++
 docs/src/plugin/create-container.ts     |  2 +-
 docs/src/plugin/demo.ts                 |  1 -
 docs/src/plugin/highlight.ts            |  4 +-
 docs/src/plugin/pre-wrapper.ts          |  2 +-
 docs/src/plugin/snippet.ts              |  9 ----
 docs/src/router/index.ts                |  2 +-
 docs/src/router/zh-CN.ts                |  4 +-
 docs/src/styles/code.css                |  1 -
 docs/src/view/component.vue             | 67 +++++++++++++------------
 docs/src/view/guide.vue                 |  6 +--
 docs/src/view/index.vue                 |  2 +-
 13 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/docs/docs/zh-CN/components/animation.md b/docs/docs/zh-CN/components/animation.md
index 3b3e4f04..7a03711f 100644
--- a/docs/docs/zh-CN/components/animation.md
+++ b/docs/docs/zh-CN/components/animation.md
@@ -1,3 +1,6 @@
+::: field 基础使用
+:::
+
 ::: demo
 
 <template>
diff --git a/docs/docs/zh-CN/components/color.md b/docs/docs/zh-CN/components/color.md
index 321268b2..ce8d89f3 100644
--- a/docs/docs/zh-CN/components/color.md
+++ b/docs/docs/zh-CN/components/color.md
@@ -1,3 +1,6 @@
+::: field 主色调
+:::
+
 ::: demo
 
 <template>
@@ -43,6 +46,9 @@ export default {
 
 :::
 
+::: field 次色调
+:::
+
 ::: demo
 
 <template>
@@ -88,6 +94,9 @@ export default {
 
 :::
 
+::: field 中性色
+:::
+
 ::: demo
 
 <template>
diff --git a/docs/src/plugin/create-container.ts b/docs/src/plugin/create-container.ts
index 0df0f0a7..8346a205 100644
--- a/docs/src/plugin/create-container.ts
+++ b/docs/src/plugin/create-container.ts
@@ -30,4 +30,4 @@ export default function createContainer(
       },
     },
   ]
-}
+}
\ No newline at end of file
diff --git a/docs/src/plugin/demo.ts b/docs/src/plugin/demo.ts
index 237a0e3d..08879c1d 100644
--- a/docs/src/plugin/demo.ts
+++ b/docs/src/plugin/demo.ts
@@ -6,7 +6,6 @@ function assignScript(script: string) {
   const dependencies = {} as Record<string, string[]>
   const attrs = {} as Record<string, string>
   const content = script
-    // import { ref } from 'vue' -> ''
     .replace(/import\s?\{.*\}.*/g, (item) => {
       const key = getInnerString(item.replace(/'/g, '"'), '"', '"')
       const value = getInnerString(item.replace(/\s+/g, ''), '{', '}')
diff --git a/docs/src/plugin/highlight.ts b/docs/src/plugin/highlight.ts
index c16d210c..e366e19f 100644
--- a/docs/src/plugin/highlight.ts
+++ b/docs/src/plugin/highlight.ts
@@ -1,9 +1,7 @@
-// copy from [vitepress](https://github.com/vuejs/vitepress)
 import prism from 'prismjs'
 import loadLanguages from 'prismjs/components/index'
 import escapeHtml from 'escape-html'
 
-// required to make embedded highlighting work...
 loadLanguages(['markup', 'css', 'javascript'])
 
 function wrap(code: string, lang: string): string {
@@ -43,4 +41,4 @@ export default (str: string, lang: string): string => {
     return wrap(code, rawLang)
   }
   return wrap(str, 'text')
-}
+}
\ No newline at end of file
diff --git a/docs/src/plugin/pre-wrapper.ts b/docs/src/plugin/pre-wrapper.ts
index edef8176..56154b32 100644
--- a/docs/src/plugin/pre-wrapper.ts
+++ b/docs/src/plugin/pre-wrapper.ts
@@ -8,4 +8,4 @@ export default (md: MarkdownIt): void => {
     const rawCode = fence(...args)
     return `<div class="language-${token.info.trim()}">${rawCode}</div>`
   }
-}
+}
\ No newline at end of file
diff --git a/docs/src/plugin/snippet.ts b/docs/src/plugin/snippet.ts
index 3c73816c..5b77117b 100644
--- a/docs/src/plugin/snippet.ts
+++ b/docs/src/plugin/snippet.ts
@@ -7,21 +7,16 @@ export default (md: MarkdownIt): void => {
     const CH = '<'.charCodeAt(0)
     const pos = state.bMarks[startLine] + state.tShift[startLine]
     const max = state.eMarks[startLine]
-
-    // if it's indented more than 3 spaces, it should be a code block
     if (state.sCount[startLine] - state.blkIndent >= 4) {
       return false
     }
-
     for (let i = 0; i < 3; ++i) {
       const ch = state.src.charCodeAt(pos + i)
       if (ch !== CH || pos + i >= max) return false
     }
-
     if (silent) {
       return true
     }
-
     const start = pos + 3
     const end = state.skipSpacesBack(max, pos)
     const rawPath = state.src
@@ -32,17 +27,13 @@ export default (md: MarkdownIt): void => {
       ? fs.readFileSync(rawPath).toString()
       : 'Not found: ' + rawPath
     const meta = rawPath.replace(rawPath, '')
-
     state.line = startLine + 1
-
     const token = state.push('fence', 'code', 0)
     token.info = rawPath.split('.').pop() + meta
     token.content = content
     token.markup = '```'
     token.map = [startLine, startLine + 1]
-
     return true
   }
-
   md.block.ruler.before('fence', 'snippet', parser)
 }
diff --git a/docs/src/router/index.ts b/docs/src/router/index.ts
index b964c90a..1f2ea273 100644
--- a/docs/src/router/index.ts
+++ b/docs/src/router/index.ts
@@ -13,4 +13,4 @@ export function createRouter(): Router {
     history: createWebHashHistory(baseUrl),
     routes: routes,
   })
-}
+}
\ No newline at end of file
diff --git a/docs/src/router/zh-CN.ts b/docs/src/router/zh-CN.ts
index 6ff930da..9a3515ab 100644
--- a/docs/src/router/zh-CN.ts
+++ b/docs/src/router/zh-CN.ts
@@ -246,6 +246,6 @@ const zhCN = [
       },
     ],
   },
-]
+];
 
-export default zhCN
+export default zhCN
\ No newline at end of file
diff --git a/docs/src/styles/code.css b/docs/src/styles/code.css
index 5a0bf422..8ae6b911 100644
--- a/docs/src/styles/code.css
+++ b/docs/src/styles/code.css
@@ -1,4 +1,3 @@
-/* copy from [vitepress](https://github.com/vuejs/vitepress) */
 code {
   margin: 0;
   border-radius: 3px;
diff --git a/docs/src/view/component.vue b/docs/src/view/component.vue
index 980e4274..a82d39c0 100644
--- a/docs/src/view/component.vue
+++ b/docs/src/view/component.vue
@@ -1,6 +1,6 @@
 <template>
   <lay-side>
-    <ul class="layui-menu layui-menu-lg layui-menu-docs" style="padding: 8px">
+    <ul class="layui-menu layui-menu-lg layui-menu-docs">
       <li
         v-for="menu in menus"
         :key="menu"
@@ -145,7 +145,8 @@ export default {
             title: '选项卡',
             subTitle: 'tab',
             path: '/zh-CN/components/tab',
-          },          {
+          },
+          {
             id: 27,
             title: '下拉菜单',
             subTitle: 'dropdown',
@@ -153,36 +154,6 @@ export default {
           },
         ],
       },
-      {
-        id: 1,
-        title: '辅助',
-        children: [
-          {
-            id: 13,
-            title: '徽章',
-            subTitle: 'badge',
-            path: '/zh-CN/components/badge',
-          },
-          {
-            id: 14,
-            title: '区块',
-            subTitle: 'block',
-            path: '/zh-CN/components/block',
-          },
-          {
-            id: 15,
-            title: '分割',
-            subTitle: 'line',
-            path: '/zh-CN/components/line',
-          },
-          {
-            id: 24,
-            title: '字段',
-            subTitle: 'field',
-            path: '/zh-CN/components/field',
-          },
-        ],
-      },
       {
         id: 1,
         title: '表单',
@@ -321,6 +292,36 @@ export default {
           },
         ],
       },
+      {
+        id: 1,
+        title: '辅助',
+        children: [
+          {
+            id: 13,
+            title: '徽章',
+            subTitle: 'badge',
+            path: '/zh-CN/components/badge',
+          },
+          {
+            id: 14,
+            title: '区块',
+            subTitle: 'block',
+            path: '/zh-CN/components/block',
+          },
+          {
+            id: 15,
+            title: '分割',
+            subTitle: 'line',
+            path: '/zh-CN/components/line',
+          },
+          {
+            id: 24,
+            title: '字段',
+            subTitle: 'field',
+            path: '/zh-CN/components/field',
+          },
+        ],
+      },
     ]
 
     const selected = ref(1)
@@ -338,4 +339,4 @@ export default {
     }
   },
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/docs/src/view/guide.vue b/docs/src/view/guide.vue
index d83f4e67..de966622 100644
--- a/docs/src/view/guide.vue
+++ b/docs/src/view/guide.vue
@@ -1,6 +1,6 @@
 <template>
   <lay-side>
-    <ul class="layui-menu layui-menu-lg layui-menu-docs" style="padding: 8px">
+    <ul class="layui-menu layui-menu-lg layui-menu-docs">
       <li
         v-for="menu in menus"
         :key="menu"
@@ -81,7 +81,7 @@ export default {
             path: '/zh-CN/guide/changelog',
           },
         ],
-      }
+      },
     ]
 
     const selected = ref(1)
@@ -99,4 +99,4 @@ export default {
     }
   },
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/docs/src/view/index.vue b/docs/src/view/index.vue
index fb081837..a69b3c1c 100644
--- a/docs/src/view/index.vue
+++ b/docs/src/view/index.vue
@@ -126,7 +126,7 @@
   height: 100%;
 }
 .site-download {
-  margin-top: 80px;
+  margin-top: 72px;
   font-size: 0;
 }
 .site-download a {