!76 table 表头固定

Merge pull request !76 from 莫名点/next

package/component/src/component/table/TableRow.vue

@@ -102,8 +102,6 @@ const childrenIndentSize = props.currentIndentSize + props.indentSize;
             class="layui-table-cell"
             :style="{
               textAlign: column.align,
-              width: column.width ? column.width : '0',
-              minWidth: column.minWidth ? column.minWidth : '47px',
               whiteSpace: column.ellipsisTooltip ? 'nowrap' : 'normal',
             }"
           >
@@ -148,8 +146,6 @@ const childrenIndentSize = props.currentIndentSize + props.indentSize;
               class="layui-table-cell"
               :style="{
                 textAlign: column.align,
-                width: column.width ? column.width : '0',
-                minWidth: column.minWidth ? column.minWidth : '47px',
                 whiteSpace: column.ellipsisTooltip ? 'nowrap' : 'normal',
               }"
             >

package/component/src/component/table/index.vue

@@ -15,6 +15,7 @@ import LayTooltip from "../tooltip/index.vue";
 import { LayIcon } from "@layui/icons-vue";
 import LayPage from "../page/index.vue";
 import TableRow from "./TableRow.vue";
+import number from "async-validator/dist-types/validator/number";
 
 export interface LayTableProps {
   id?: string;
@@ -28,6 +29,8 @@ export interface LayTableProps {
   selectedKeys?: Recordable[];
   indentSize?: number;
   childrenColumnName: string;
+  height?: number;
+  maxHeight?: string;
 }
 
 const props = withDefaults(defineProps<LayTableProps>(), {
@@ -37,6 +40,7 @@ const props = withDefaults(defineProps<LayTableProps>(), {
   childrenColumnName: "children",
   dataSource: () => [],
   selectedKeys: () => [],
+  maxHeight: "auto",
 });
 
 const tableId = uuidv4();
@@ -197,8 +201,19 @@ const sortTable = (e: any, key: string, sort: string) => {
 
 let tableHeader = ref<HTMLElement | null>(null);
 let tableBody = ref<HTMLElement | null>(null);
+let scrollWidthCell = ref(0);
 
 onMounted(() => {
+  const scrollWidth: number = tableBody.value?.scrollWidth || 0;
+  const offsetWidth: number = tableBody.value?.offsetWidth || 0;
+
+  console.dir(tableBody.value);
+  console.log(scrollWidth < offsetWidth);
+  console.log(scrollWidth, offsetWidth);
+  if (scrollWidth < offsetWidth) {
+    scrollWidthCell.value = offsetWidth - scrollWidth;
+  }
+  console.log(props.columns);
   tableBody.value?.addEventListener("scroll", () => {
     tableHeader.value!.scrollLeft = tableBody.value?.scrollLeft || 0;
   });
@@ -272,6 +287,16 @@ props.dataSource.map((value: any) => {
         <!-- 表头 -->
         <div class="layui-table-header" ref="tableHeader">
           <table class="layui-table" :lay-size="size">
+            <colgroup>
+              <template v-for="column in columns" :key="column">
+                <col
+                  :width="column.width"
+                  :style="{
+                    minWidth: column.minWidth ? column.minWidth : '100px',
+                  }"
+                />
+              </template>
+            </colgroup>
             <thead>
               <tr>
                 <th v-if="checkbox" class="layui-table-col-special">
@@ -290,8 +315,6 @@ props.dataSource.map((value: any) => {
                     class="layui-table-cell"
                     :style="{
                       textAlign: column.align,
-                      width: column.width ? column.width : '0',
-                      minWidth: column.minWidth ? column.minWidth : '47px',
                     }"
                   >
                     <span>
@@ -321,13 +344,34 @@ props.dataSource.map((value: any) => {
                     </span>
                   </th>
                 </template>
+                <th
+                  v-if="scrollWidthCell > 0"
+                  :style="{
+                    padding: 0,
+                    width: `${scrollWidthCell}px`,
+                  }"
+                ></th>
               </tr>
             </thead>
           </table>
         </div>
         <!-- 表身 -->
-        <div class="layui-table-body layui-table-main" ref="tableBody">
+        <div
+          class="layui-table-body layui-table-main"
+          :style="{ height: height, maxHeight: maxHeight }"
+          ref="tableBody"
+        >
           <table class="layui-table" :lay-size="size">
+            <colgroup>
+              <template v-for="column in columns" :key="column">
+                <col
+                  :width="column.width"
+                  :style="{
+                    minWidth: column.minWidth ? column.minWidth : '100px',
+                  }"
+                />
+              </template>
+            </colgroup>
             <tbody>
               <!-- 渲染 -->
               <template v-for="data in tableDataSource" :key="data">

package/document/src/document/zh-CN/components/table.md

@@ -44,6 +44,7 @@ export default {
     ]
 
     const dataSource1 = [
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
       {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
       {username:"woow", password:"woow", age:"20", remark: 'layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.'}
     ]
@@ -416,6 +417,65 @@ export default {
 
 :::
 
+::: title 固定表头
+:::
+
+::: demo 设置 `height` 或者 `max-height` 即可实现
+
+<template>
+  <lay-table :columns="columns8" :dataSource="dataSource8" max-height="300px"></lay-table>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const columns8 = [
+      {
+        title:"账户",
+        width:"200px",
+        key:"username"
+      },{
+        title:"密码",
+        width: "180px",
+        key:"password"
+      },{
+        title:"年龄",
+        width: "180px",
+        key:"age"
+      },{
+        title:"备注",
+        key:"remark",
+        ellipsisTooltip: true,
+      }
+    ]
+
+    const dataSource8 = [
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"root", password:"root", age:"18", remark: 'layui - vue（谐音：类 UI) '},
+      {username:"woow", password:"woow", age:"20", remark: 'layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.'},
+      {username:"woow", password:"woow", age:"20", remark: 'layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.'},
+      {username:"woow", password:"woow", age:"20", remark: 'layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.'},
+      {username:"woow", password:"woow", age:"20", remark: 'layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.'},
+    ]
+
+    return {
+      columns8,
+      dataSource8
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title Table 属性
 :::
 
@@ -432,6 +492,8 @@ export default {
 | size                 | 尺寸                          | `string`  | `md`    | `lg` `md` `sm` |
 | children-column-name | 树节点字段                    | `string` | `children`| --            |
 | indent-size          | 树表行级缩进                   | `number`  | `30`    | -- |
+| height          | 表格高度                   | `number`  | --   | -- |
+| maxHeight          | 表格最大高度                   | `number`  | --   | -- |
 
 :::
 
@@ -471,7 +533,7 @@ export default {
 | key             | 数据字段                       | --        | --      | --                      |
 | customSlot      | 自定义插槽                     | --        | --      | --                      |
 | width           | 宽度                           | --        | --      | --                      |
-| minWidth        | 最小宽度                       | --        | --      | --                      |
+| minWidth        | 最小宽度                       | --        | `100px`      | --                      |
 | sort            | 排序                           | --        | --      | --                      |
 | titleSlot       | 标题插槽                       | --        | --      | --                      |
 | align           | 对齐方式                       | `string`  | `left`  | `left` `right` `center` |

package/document/src/document/zh-CN/components/tooltip.md

@@ -1,7 +1,7 @@
 ::: anchor
 :::
 
-::: title 基础使用
+::: title 字体使用
 :::
 
 ::: demo

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 importers:
 
@@ -46,10 +46,10 @@ importers:
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.9
       '@commitlint/cli': 16.2.3
       '@commitlint/config-conventional': 16.2.1
-      '@rollup/plugin-babel': 5.3.1_@babel+core@7.17.9+rollup@2.75.5
+      '@rollup/plugin-babel': 5.3.1_hgifciwidddhnedalyprixjsri
       '@types/node': 16.11.26
-      '@typescript-eslint/eslint-plugin': 5.17.0_ec46de5930d083862c6e4af5d970d096
-      '@typescript-eslint/parser': 5.17.0_eslint@8.12.0+typescript@4.7.3
+      '@typescript-eslint/eslint-plugin': 5.17.0_5rdn4wjq2cbymldojl25s4gqsy
+      '@typescript-eslint/parser': 5.17.0_x66lnsojg54lmfpjeg6pogs53i
       '@vitejs/plugin-vue': 2.3.3_vite@2.9.9+vue@3.2.37
       '@vue/compiler-sfc': 3.2.37
       '@vue/server-renderer': 3.2.37_vue@3.2.37
@@ -59,7 +59,7 @@ importers:
       cz-customizable: 6.3.0
       eslint: 8.12.0
       eslint-config-prettier: 8.5.0_eslint@8.12.0
-      eslint-plugin-prettier: 4.0.0_f2c91d0f54113167d2bd9214a5ab5a36
+      eslint-plugin-prettier: 4.0.0_6ler2d2uceywpuv5sikklk22gy
       eslint-plugin-vue: 8.5.0_eslint@8.12.0
       husky: 8.0.1
       less: 4.1.2
@@ -84,14 +84,14 @@ importers:
     dependencies:
       '@layui/icons-vue': link:../icons
       '@layui/layer-vue': link:../layer
-      '@vueuse/core': 8.6.0_vue@3.2.37
+      '@vueuse/core': 8.6.0
       async-validator: 4.1.1
       cropperjs: 1.5.12
       darkreader: 4.9.51
       dayjs: 1.11.0
       evtd: 0.2.3
       uuid: 8.3.2
-      vue-i18n: 9.1.10_vue@3.2.37
+      vue-i18n: 9.1.10
 
   package/document:
     specifiers:
@@ -115,11 +115,11 @@ importers:
       vue-i18n: ^9.1.10
       vue-router: ^4.0.15
     dependencies:
-      '@vueuse/core': 8.3.0_vue@3.2.37
-      pinia: 2.0.14_typescript@4.6.3+vue@3.2.37
-      pinia-plugin-persist: 1.0.0_pinia@2.0.14+vue@3.2.37
-      vue-i18n: 9.1.10_vue@3.2.37
-      vue-router: 4.0.16_vue@3.2.37
+      '@vueuse/core': 8.3.0
+      pinia: 2.0.14_typescript@4.6.3
+      pinia-plugin-persist: 1.0.0_pinia@2.0.14
+      vue-i18n: 9.1.10
+      vue-router: 4.0.16
     devDependencies:
       '@types/markdown-it': 12.2.3
       '@types/markdown-it-container': 2.0.5
@@ -130,10 +130,10 @@ importers:
       rimraf: 3.0.2
       rollup: 2.70.1
       typescript: 4.6.3
-      unplugin-auto-import: 0.7.1_a76dd822845d361a45aae51d061c9f01
+      unplugin-auto-import: 0.7.1_u5w5qiuelu3burnk4uoqmhe7ae
       unplugin-layui-vue-resolver: 0.0.10
-      unplugin-vue-components: 0.19.5_6ec97c80cb79088f5d5236213edbde81
-      vite: 2.9.8_less@4.1.2
+      unplugin-vue-components: 0.19.5_rollup@2.70.1+vite@2.9.8
+      vite: 2.9.8
       vite-plugin-md: 0.13.1_vite@2.9.8
 
   package/icons:
@@ -393,7 +393,6 @@ packages:
   /@babel/helper-validator-identifier/7.16.7:
     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-option/7.16.7:
     resolution: {integrity: sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==}
@@ -436,6 +435,8 @@ packages:
     resolution: {integrity: sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
+    dependencies:
+      '@babel/types': 7.17.0
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.16.7_@babel+core@7.17.9:
     resolution: {integrity: sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==}
@@ -1307,7 +1308,6 @@ packages:
     dependencies:
       '@babel/helper-validator-identifier': 7.16.7
       to-fast-properties: 2.0.0
-    dev: true
 
   /@commitlint/cli/16.2.3:
     resolution: {integrity: sha512-VsJBQLvhhlOgEfxs/Z5liYuK0dXqLE5hz1VJzLBxiOxG31kL/X5Q4OvK292BmO7IGZcm1yJE3XQPWSiFaEHbWA==}
@@ -1393,7 +1393,7 @@ packages:
       '@types/node': 16.11.26
       chalk: 4.1.2
       cosmiconfig: 7.0.1
-      cosmiconfig-typescript-loader: 1.0.7_98be30d9db897f1a45c73c3b6eb340e2
+      cosmiconfig-typescript-loader: 1.0.7_tc7dbwo3rf7rurohhq5w5m2a4i
       lodash: 4.17.21
       resolve-from: 5.0.0
       typescript: 4.7.3
@@ -1605,7 +1605,7 @@ packages:
       fastq: 1.13.0
     dev: true
 
-  /@rollup/plugin-babel/5.3.1_@babel+core@7.17.9+rollup@2.75.5:
+  /@rollup/plugin-babel/5.3.1_hgifciwidddhnedalyprixjsri:
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -1711,7 +1711,7 @@ packages:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.17.0_ec46de5930d083862c6e4af5d970d096:
+  /@typescript-eslint/eslint-plugin/5.17.0_5rdn4wjq2cbymldojl25s4gqsy:
     resolution: {integrity: sha512-qVstvQilEd89HJk3qcbKt/zZrfBZ+9h2ynpAGlWjWiizA7m/MtLT9RoX6gjtpE500vfIg8jogAkDzdCxbsFASQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1722,10 +1722,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.17.0_eslint@8.12.0+typescript@4.7.3
+      '@typescript-eslint/parser': 5.17.0_x66lnsojg54lmfpjeg6pogs53i
       '@typescript-eslint/scope-manager': 5.17.0
-      '@typescript-eslint/type-utils': 5.17.0_eslint@8.12.0+typescript@4.7.3
-      '@typescript-eslint/utils': 5.17.0_eslint@8.12.0+typescript@4.7.3
+      '@typescript-eslint/type-utils': 5.17.0_x66lnsojg54lmfpjeg6pogs53i
+      '@typescript-eslint/utils': 5.17.0_x66lnsojg54lmfpjeg6pogs53i
       debug: 4.3.4
       eslint: 8.12.0
       functional-red-black-tree: 1.0.1
@@ -1738,7 +1738,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.17.0_eslint@8.12.0+typescript@4.7.3:
+  /@typescript-eslint/parser/5.17.0_x66lnsojg54lmfpjeg6pogs53i:
     resolution: {integrity: sha512-aRzW9Jg5Rlj2t2/crzhA2f23SIYFlF9mchGudyP0uiD6SenIxzKoLjwzHbafgHn39dNV/TV7xwQkLfFTZlJ4ig==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1766,7 +1766,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.17.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.17.0_eslint@8.12.0+typescript@4.7.3:
+  /@typescript-eslint/type-utils/5.17.0_x66lnsojg54lmfpjeg6pogs53i:
     resolution: {integrity: sha512-3hU0RynUIlEuqMJA7dragb0/75gZmwNwFf/QJokWzPehTZousP/MNifVSgjxNcDCkM5HI2K22TjQWUmmHUINSg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1776,7 +1776,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.17.0_eslint@8.12.0+typescript@4.7.3
+      '@typescript-eslint/utils': 5.17.0_x66lnsojg54lmfpjeg6pogs53i
       debug: 4.3.4
       eslint: 8.12.0
       tsutils: 3.21.0_typescript@4.7.3
@@ -1811,7 +1811,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.17.0_eslint@8.12.0+typescript@4.7.3:
+  /@typescript-eslint/utils/5.17.0_x66lnsojg54lmfpjeg6pogs53i:
     resolution: {integrity: sha512-DVvndq1QoxQH+hFv+MUQHrrWZ7gQ5KcJzyjhzcqB1Y2Xes1UQQkTRPUfRpqhS8mhTWsSb2+iyvDW1Lef5DD7vA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1905,7 +1905,6 @@ packages:
     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
     dependencies:
       '@vue/shared': 3.2.37
-    dev: false
 
   /@vue/runtime-core/3.2.33:
     resolution: {integrity: sha512-N2D2vfaXsBPhzCV3JsXQa2NECjxP3eXgZlFqKh4tgakp3iX6LCGv76DLlc+IfFZq+TW10Y8QUfeihXOupJ1dGw==}
@@ -1919,7 +1918,6 @@ packages:
     dependencies:
       '@vue/reactivity': 3.2.37
       '@vue/shared': 3.2.37
-    dev: false
 
   /@vue/runtime-dom/3.2.37:
     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
@@ -1927,7 +1925,6 @@ packages:
       '@vue/runtime-core': 3.2.37
       '@vue/shared': 3.2.37
       csstype: 2.6.20
-    dev: false
 
   /@vue/server-renderer/3.2.37_vue@3.2.37:
     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
@@ -1945,7 +1942,7 @@ packages:
   /@vue/shared/3.2.37:
     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
 
-  /@vueuse/core/8.3.0_vue@3.2.37:
+  /@vueuse/core/8.3.0:
     resolution: {integrity: sha512-GDHM0vr/E3mw1fbh3yj4DJCJ/KvTXtOtT0OR2kCKuEUOo0Btk45MDGI6MdIqsHMjI0OXBJl8jH8WFv64KU2mOQ==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -1957,12 +1954,10 @@ packages:
         optional: true
     dependencies:
       '@vueuse/metadata': 8.3.0
-      '@vueuse/shared': 8.3.0_vue@3.2.37
-      vue: 3.2.37
-      vue-demi: 0.12.5_vue@3.2.37
-    dev: false
+      '@vueuse/shared': 8.3.0
+      vue-demi: 0.12.5
 
-  /@vueuse/core/8.6.0_vue@3.2.37:
+  /@vueuse/core/8.6.0:
     resolution: {integrity: sha512-VirzExCm/N+QdrEWT7J4uSrvJ5hquKIAU9alQ37kUvIJk9XxCLxmfRnmekYc1kz2+6BnoyuKYXVmrMV351CB4w==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -1974,20 +1969,18 @@ packages:
         optional: true
     dependencies:
       '@vueuse/metadata': 8.6.0
-      '@vueuse/shared': 8.6.0_vue@3.2.37
-      vue: 3.2.37
-      vue-demi: 0.12.5_vue@3.2.37
+      '@vueuse/shared': 8.6.0
+      vue-demi: 0.12.5
     dev: false
 
   /@vueuse/metadata/8.3.0:
     resolution: {integrity: sha512-7R/LNPQWp1r/owa2e71l3dFlJ21p89YE3ks14ZclP2VOTvhC6AzDRcpk+ChISNetv8spsFbWZj/Z7sFjbFZfuw==}
-    dev: false
 
   /@vueuse/metadata/8.6.0:
     resolution: {integrity: sha512-F+CKPvaExsm7QgRr8y+ZNJFwXasn89rs5wth/HeX9lJ1q8XEt+HJ16Q5Sxh4rfG5YSKXrStveVge8TKvPjMjFA==}
     dev: false
 
-  /@vueuse/shared/8.3.0_vue@3.2.37:
+  /@vueuse/shared/8.3.0:
     resolution: {integrity: sha512-xehtLfevPw9nsVIGFe/tWMtFvbvZjeAfXh7DT9Fptt/6/C5rLwpJtxsVguIBtPybjwobO4KCpQYS78aa9fg5Sw==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -1998,11 +1991,9 @@ packages:
       vue:
         optional: true
     dependencies:
-      vue: 3.2.37
-      vue-demi: 0.12.5_vue@3.2.37
-    dev: false
+      vue-demi: 0.12.5
 
-  /@vueuse/shared/8.6.0_vue@3.2.37:
+  /@vueuse/shared/8.6.0:
     resolution: {integrity: sha512-Y/IVywZo7IfEoSSEtCYpkVEmPV7pU35mEIxV7PbD/D3ly18B3mEsBaPbtDkNM/QP3zAZ5mn4nEkOfddX4uwuIA==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -2013,8 +2004,7 @@ packages:
       vue:
         optional: true
     dependencies:
-      vue: 3.2.37
-      vue-demi: 0.12.5_vue@3.2.37
+      vue-demi: 0.12.5
     dev: false
 
   /JSONStream/1.3.5:
@@ -2421,7 +2411,7 @@ packages:
       semver: 7.0.0
     dev: true
 
-  /cosmiconfig-typescript-loader/1.0.7_98be30d9db897f1a45c73c3b6eb340e2:
+  /cosmiconfig-typescript-loader/1.0.7_tc7dbwo3rf7rurohhq5w5m2a4i:
     resolution: {integrity: sha512-PxBM//vKuwRmo7xqamKDL+q/FvGig+wKS5pOzaXO/DJbtNzbIYi1bDk251pftEdPRRetEN8RSIyF35n8zLtibA==}
     engines: {node: '>=12', npm: '>=6'}
     peerDependencies:
@@ -2430,7 +2420,7 @@ packages:
     dependencies:
       '@types/node': 16.11.26
       cosmiconfig: 7.0.1
-      ts-node: 10.7.0_98be30d9db897f1a45c73c3b6eb340e2
+      ts-node: 10.7.0_tc7dbwo3rf7rurohhq5w5m2a4i
       typescript: 4.7.3
     transitivePeerDependencies:
       - '@swc/core'
@@ -2467,7 +2457,6 @@ packages:
 
   /csstype/2.6.20:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
-    dev: false
 
   /cz-conventional-changelog/3.2.0:
     resolution: {integrity: sha512-yAYxeGpVi27hqIilG1nh4A9Bnx4J3Ov+eXy4koL3drrR+IO9GaWPsKjik20ht608Asqi8TQPf0mczhEeyAtMzg==}
@@ -2530,6 +2519,11 @@ packages:
 
   /debug/3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.1.2
     dev: true
@@ -2879,7 +2873,7 @@ packages:
       eslint: 8.12.0
     dev: true
 
-  /eslint-plugin-prettier/4.0.0_f2c91d0f54113167d2bd9214a5ab5a36:
+  /eslint-plugin-prettier/4.0.0_6ler2d2uceywpuv5sikklk22gy:
     resolution: {integrity: sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==}
     engines: {node: '>=6.0.0'}
     peerDependencies:
@@ -3673,6 +3667,8 @@ packages:
       mime: 1.6.0
       needle: 2.9.1
       source-map: 0.6.1
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /levn/0.4.1:
@@ -3923,6 +3919,8 @@ packages:
       debug: 3.2.7
       iconv-lite: 0.4.24
       sax: 1.2.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
     optional: true
 
@@ -4116,7 +4114,7 @@ packages:
     dev: true
     optional: true
 
-  /pinia-plugin-persist/1.0.0_pinia@2.0.14+vue@3.2.37:
+  /pinia-plugin-persist/1.0.0_pinia@2.0.14:
     resolution: {integrity: sha512-M4hBBd8fz/GgNmUPaaUsC29y1M09lqbXrMAHcusVoU8xlQi1TqgkWnnhvMikZwr7Le/hVyMx8KUcumGGrR6GVw==}
     peerDependencies:
       '@vue/composition-api': ^1.0.0
@@ -4126,12 +4124,11 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      pinia: 2.0.14_typescript@4.6.3+vue@3.2.37
-      vue: 3.2.37
-      vue-demi: 0.12.5_vue@3.2.37
+      pinia: 2.0.14_typescript@4.6.3
+      vue-demi: 0.12.5
     dev: false
 
-  /pinia/2.0.14_typescript@4.6.3+vue@3.2.37:
+  /pinia/2.0.14_typescript@4.6.3:
     resolution: {integrity: sha512-0nPuZR4TetT/WcLN+feMSjWJku3SQU7dBbXC6uw+R6FLQJCsg+/0pzXyD82T1FmAYe0lsx+jnEDQ1BLgkRKlxA==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -4145,8 +4142,7 @@ packages:
     dependencies:
       '@vue/devtools-api': 6.1.4
       typescript: 4.6.3
-      vue: 3.2.37
-      vue-demi: 0.12.5_vue@3.2.37
+      vue-demi: 0.12.5
     dev: false
 
   /postcss/8.4.13:
@@ -4645,7 +4641,6 @@ packages:
   /to-fast-properties/2.0.0:
     resolution: {integrity: sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=}
     engines: {node: '>=4'}
-    dev: true
 
   /to-regex-range/5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
@@ -4659,7 +4654,7 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /ts-node/10.7.0_98be30d9db897f1a45c73c3b6eb340e2:
+  /ts-node/10.7.0_tc7dbwo3rf7rurohhq5w5m2a4i:
     resolution: {integrity: sha512-TbIGS4xgJoX2i3do417KSaep1uRAW/Lu+WAL2doDHC0D6ummjirVOXU5/7aiZotbQ5p1Zp9tP7U6cYhA0O7M8A==}
     hasBin: true
     peerDependencies:
@@ -4739,7 +4734,6 @@ packages:
     resolution: {integrity: sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==}
     engines: {node: '>=4.2.0'}
     hasBin: true
-    dev: true
 
   /typescript/4.7.3:
     resolution: {integrity: sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==}
@@ -4784,7 +4778,7 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unplugin-auto-import/0.7.1_a76dd822845d361a45aae51d061c9f01:
+  /unplugin-auto-import/0.7.1_u5w5qiuelu3burnk4uoqmhe7ae:
     resolution: {integrity: sha512-9865OV9eP99PNxHR2mtTDExeN01m4M9boT5U2BtIwsU1wDRsaFIYWLwcCBEjvXzXfTTC2NNMskhHGVAMfL2WgA==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -4795,7 +4789,7 @@ packages:
     dependencies:
       '@antfu/utils': 0.5.2
       '@rollup/pluginutils': 4.2.0
-      '@vueuse/core': 8.3.0_vue@3.2.37
+      '@vueuse/core': 8.3.0
       local-pkg: 0.4.1
       magic-string: 0.26.2
       resolve: 1.22.0
@@ -4811,7 +4805,7 @@ packages:
     resolution: {integrity: sha512-RrSKKXY/+otwKnwgztgjHSNitPkeEAVRSokA40h3r4Gx8qLLbwoepyrOeuuqnn9wS+zlfq+ZyJqlOeLncKygKQ==}
     dev: true
 
-  /unplugin-vue-components/0.19.5_6ec97c80cb79088f5d5236213edbde81:
+  /unplugin-vue-components/0.19.5_rollup@2.70.1+vite@2.9.8:
     resolution: {integrity: sha512-cIC+PdQEXmG+B1gmZGk4hws2xP+00C6pg3FD6ixEgRyW+WF+QXQW/60pc+hUhtDYs1PFE+23K3NY7yvYTnDDTA==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -4834,7 +4828,6 @@ packages:
       minimatch: 5.0.1
       resolve: 1.22.0
       unplugin: 0.6.3_rollup@2.70.1+vite@2.9.8
-      vue: 3.2.37
     transitivePeerDependencies:
       - esbuild
       - rollup
@@ -4862,7 +4855,7 @@ packages:
     dependencies:
       chokidar: 3.5.3
       rollup: 2.70.1
-      vite: 2.9.8_less@4.1.2
+      vite: 2.9.8
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.4.3
     dev: true
@@ -4915,10 +4908,10 @@ packages:
       '@vue/runtime-core': 3.2.33
       gray-matter: 4.0.3
       markdown-it: 13.0.1
-      vite: 2.9.8_less@4.1.2
+      vite: 2.9.8
     dev: true
 
-  /vite/2.9.8_less@4.1.2:
+  /vite/2.9.8:
     resolution: {integrity: sha512-zsBGwn5UT3YS0NLSJ7hnR54+vUKfgzMUh/Z9CxF1YKEBVIe213+63jrFLmZphgGI5zXwQCSmqIdbPuE8NJywPw==}
     engines: {node: '>=12.2.0'}
     hasBin: true
@@ -4935,7 +4928,6 @@ packages:
         optional: true
     dependencies:
       esbuild: 0.14.31
-      less: 4.1.2
       postcss: 8.4.13
       resolve: 1.22.0
       rollup: 2.70.1
@@ -4968,7 +4960,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vue-demi/0.12.5_vue@3.2.37:
+  /vue-demi/0.12.5:
     resolution: {integrity: sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==}
     engines: {node: '>=12'}
     hasBin: true
@@ -4979,9 +4971,6 @@ packages:
     peerDependenciesMeta:
       '@vue/composition-api':
         optional: true
-    dependencies:
-      vue: 3.2.37
-    dev: false
 
   /vue-eslint-parser/8.3.0_eslint@8.12.0:
     resolution: {integrity: sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==}
@@ -5001,7 +4990,7 @@ packages:
       - supports-color
     dev: true
 
-  /vue-i18n/9.1.10_vue@3.2.37:
+  /vue-i18n/9.1.10:
     resolution: {integrity: sha512-jpr7gV5KPk4n+sSPdpZT8Qx3XzTcNDWffRlHV/cT2NUyEf+sEgTTmLvnBAibjOFJ0zsUyZlVTAWH5DDnYep+1g==}
     engines: {node: '>= 10'}
     peerDependencies:
@@ -5011,16 +5000,14 @@ packages:
       '@intlify/shared': 9.1.10
       '@intlify/vue-devtools': 9.1.10
       '@vue/devtools-api': 6.1.4
-      vue: 3.2.37
     dev: false
 
-  /vue-router/4.0.16_vue@3.2.37:
+  /vue-router/4.0.16:
     resolution: {integrity: sha512-JcO7cb8QJLBWE+DfxGUL3xUDOae/8nhM1KVdnudadTAORbuxIC/xAydC5Zr/VLHUDQi1ppuTF5/rjBGzgzrJNA==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@vue/devtools-api': 6.1.4
-      vue: 3.2.37
     dev: false
 
   /vue/3.2.37:
@@ -5031,7 +5018,6 @@ packages:
       '@vue/runtime-dom': 3.2.37
       '@vue/server-renderer': 3.2.37_vue@3.2.37
       '@vue/shared': 3.2.37
-    dev: false
 
   /webpack-sources/3.2.3:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}