perf(layer): 初步集成 layer 弹层, 新增 useMove 拖拽 hooks

docs/src/layouts/Layout.vue

@@ -43,7 +43,7 @@
           </a>
         </li>
         <li class="layui-nav-item">
-          <a href="javascript:void(0)"> 0.2.1 </a>
+          <a href="javascript:void(0)"> 0.2.2 </a>
         </li>
       </ul>
     </lay-header>

docs/src/router/zh-CN.ts

@@ -52,6 +52,11 @@ const zhCN = [
             component: () => import('../../docs/zh-CN/guide/norms.md'),
             meta: { title: '规范' },
           },
+          {
+            path: '/zh-CN/guide/sandbox',
+            component: () => import('../../docs/zh-CN/guide/sandbox.md'),
+            meta: { title: '沙盒' },
+          },
         ],
       },
       {
@@ -253,6 +258,11 @@ const zhCN = [
               import('../../docs/zh-CN/components/colorPicker.md'),
             meta: { title: '颜色选择器' },
           },
+          {
+            path: '/zh-CN/components/layer',
+            component: () => import('../../docs/zh-CN/components/layer.md'),
+            meta: { title: '弹层' },
+          },
         ],
       },
       {
@@ -267,6 +277,16 @@ const zhCN = [
               import('../../docs/zh-CN/hooks/useClickOutside.md'),
             meta: { title: 'useClickOutside' },
           },
+          {
+            path: '/zh-CN/hooks/useFullScreen',
+            component: () => import('../../docs/zh-CN/hooks/useFullScreen.md'),
+            meta: { title: 'useFullScreen' },
+          },
+          {
+            path: '/zh-CN/hooks/useMove',
+            component: () => import('../../docs/zh-CN/hooks/useMove.md'),
+            meta: { title: 'useMove' },
+          },
         ],
       },
     ],

docs/src/styles/markdown.css

@@ -118,19 +118,27 @@ table {
   width: 100%; /*表格宽度*/
   border-collapse: collapse; /*使用单一线条的边框*/
   empty-cells: show; /*单元格无内容依旧绘制边框*/
+  border-right: 1px solid whitesmoke;
+  border-left: 1px solid whitesmoke;
+  border-radius: 4px;
 }
 
 table th,
 table td {
   font-size: 14px;
-  color: #606266;
+  width: 160px;
+  max-width: 160px;
   height: 50px; /*统一每一行的默认高度*/
   border-top: 1px solid whitesmoke; /*内部边框样式*/
   padding: 0 10px; /*内边距*/
+  padding-left: 28px;
 }
 
 table th {
+  color: #666;
+  font-weight: 500;
   white-space: nowrap; /*表头内容强制在一行显示*/
+  background-color: #fafafa;
 }
 table td {
   white-space: nowrap;

docs/src/view/component.vue

@@ -328,6 +328,18 @@ export default {
           },
         ],
       },
+      {
+        id: 1,
+        title: '反馈',
+        children: [
+          {
+            id: 90,
+            title: '弹层',
+            subTitle: 'layer',
+            path: '/zh-CN/components/layer',
+          },
+        ],
+      },
     ]
 
     const selected = ref(1)

docs/src/view/guide.vue

@@ -86,6 +86,12 @@ export default {
             subTitle: 'change log',
             path: '/zh-CN/guide/changelog',
           },
+          {
+            id: 4,
+            title: '沙盒',
+            subTitle: 'sandbox',
+            path: '/zh-CN/guide/sandbox',
+          },
         ],
       },
     ]

docs/src/view/hooks.vue

@@ -70,10 +70,22 @@ export default {
         children: [
           {
             id: 1,
-            title: 'useClickOutside',
-            subTitle: '',
+            title: '事件',
+            subTitle: 'useClickOutside',
             path: '/zh-CN/hooks/useClickOutside',
           },
+          {
+            id: 3,
+            title: '拖拽',
+            subTitle: 'useMove',
+            path: '/zh-CN/hooks/useMove',
+          },
+          {
+            id: 2,
+            title: '全屏',
+            subTitle: 'useFullScreen',
+            path: '/zh-CN/hooks/useFullScreen',
+          },
         ],
       },
     ]

docs/src/view/index.vue

@@ -28,7 +28,7 @@
           >
         </div>
         <div class="site-version">
-          <span>当前版本：v<cite class="site-showv">0.2.1</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.2.2</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"