Merge branch 'next' into doc-demand

package/component/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "1.0.7-alpha.1",
+  "version": "1.0.7",
   "author": "就眠儀式",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@layui/icons-vue": "^1.0.8",
     "@layui/layer-vue": "^1.3.13",
-    "@vueuse/core": "^8.3.1",
+    "@vueuse/core": "^8.4.2",
     "animate.css": "^4.1.1",
     "async-validator": "^4.0.7",
     "cropperjs": "^1.5.12",
@@ -55,7 +55,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
     "typescript": "^4.6.3",
-    "vite": "2.9.2"
+    "vite": "2.9.8"
   },
   "files": [
     "lib",

package/component/src/component/checkbox/index.less

@@ -1,3 +1,7 @@
+.layui-checkbox input[type="checkbox"] {
+  display: none;
+}
+
 .layui-form-checkbox {
   position: relative;
   height: 30px;

package/component/src/component/checkbox/index.vue

@@ -94,7 +94,7 @@ const handleClick = function () {
 </script>
 
 <template>
-  <span @click.stop="handleClick">
+  <span @click.stop="handleClick" class="layui-checkbox">
     <input type="checkbox" :name="name" :value="label" />
     <div
       class="layui-unselect layui-form-checkbox"

package/component/src/component/input/index.vue

@@ -22,9 +22,17 @@ export interface LayInputProps {
   modelValue?: string;
   placeholder?: string;
   allowClear?: boolean;
+  autofocus?: boolean;
+  autocomplete?: boolean;
 }
 
-const props = withDefaults(defineProps<LayInputProps>(), {});
+const props = withDefaults(defineProps<LayInputProps>(), {
+  disabled: false,
+  readonly: false,
+  allowClear: false,
+  autofocus: false,
+  autocomplete: false,
+});
 
 const emit = defineEmits([
   "update:modelValue",
@@ -34,9 +42,10 @@ const emit = defineEmits([
   "blur",
 ]);
 
-const onInput = function (event: InputEvent) {
+const onInput = function (event: Event) {
   const inputElement = event.target as HTMLInputElement;
-  emit("update:modelValue", inputElement.value);
+  const value = inputElement.value;
+  emit("update:modelValue", value);
   emit("input", event);
 };
 
@@ -44,16 +53,16 @@ const onClear = () => {
   emit("update:modelValue", "");
 };
 
-const onFocus = (event: FocusEvent) => {
+const onFocus = (event: Event) => {
   emit("focus", event);
 };
 
-const onChange = () => {
+const onChange = (event: Event) => {
-  emit("change");
+  emit("change", event);
 };
 
-const onBlur = () => {
+const onBlur = (event: Event) => {
-  emit("blur");
+  emit("blur", event);
 };
 </script>
 
@@ -68,13 +77,15 @@ const onBlur = () => {
       :value="modelValue || value"
       :disabled="disabled"
       :placeholder="placeholder"
+      :autofocus="autofocus"
+      :autocomplete="autocomplete"
+      :readonly="readonly"
       :class="{ 'layui-disabled': disabled }"
       class="layui-input"
       @input="onInput"
       @focus="onFocus"
       @blur="onBlur"
       @change="onChange"
-      :readonly="props.readonly"
     />
     <span class="layui-input-suffix" v-if="slots.suffix">
       <slot name="suffix"></slot>

package/component/src/component/inputNumber/index.vue

@@ -5,10 +5,10 @@ export default {
 </script>
 
 <script setup lang="ts">
-import layButton from "../button/index.vue";
+import "./index.less";
 import layInput from "../input/index.vue";
 import { LayIcon } from "@layui/icons-vue";
-import "./index.less";
+import layButton from "../button/index.vue";
 import { ref, watch, withDefaults, computed } from "vue";
 
 export interface LayInputNumberProps {
@@ -65,6 +65,7 @@ let timer: any = 0;
 const minControl = computed(
   () => props.min !== -Infinity && Number(props.min) >= num.value
 );
+
 const maxControl = computed(
   () => props.max !== Infinity && Number(props.max) <= num.value
 );

package/component/src/component/menu/index.vue

@@ -5,7 +5,15 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { computed, provide, ref, watch } from "vue";
+import {
+  computed,
+  ComputedRef,
+  provide,
+  Ref,
+  ref,
+  watch,
+  WritableComputedRef,
+} from "vue";
 import "./index.less";
 
 export interface LayMenuProps {
@@ -39,10 +47,12 @@ const props = withDefaults(defineProps<LayMenuProps>(), {
   childSpacing: false,
 });
 
-const isTree = computed(() => props.tree);
+const isTree: ComputedRef = computed(() => props.tree);
-const isCollapse = computed(() => props.collapse);
+const isCollapse: ComputedRef = computed(() => props.collapse);
-const isCollapseTransition = computed(() => props.collapseTransition);
+const isCollapseTransition: ComputedRef = computed(
-let oldOpenKeys = ref<string[]>(props.openKeys);
+  () => props.collapseTransition
+);
+const oldOpenKeys: Ref = ref<string[]>(props.openKeys);
 
 const openKeys = computed({
   get() {

package/component/src/component/radio/index.less

@@ -1,3 +1,7 @@
+.layui-radio input[type="radio"]{
+  display: none;
+}
+
 .layui-form-radio,
 .layui-form-radio * {
   display: inline-block;

package/component/src/component/radio/index.vue

@@ -28,7 +28,7 @@ const handleClick = function () {
 </script>
 
 <template>
-  <span>
+  <span class="layui-radio">
     <input type="radio" :value="label" :name="name" />
     <div
       class="layui-unselect layui-form-radio"

package/component/src/component/select/index.less

@@ -60,7 +60,6 @@ dl.layui-anim-upbit > dd .layui-form-checkbox,
   line-height: 1.3;
 }
 
-
 .layui-form-select {
   .layui-input {
     border: 1px solid #eeeeee;

package/component/src/component/side/index.vue

@@ -18,8 +18,8 @@ const props = withDefaults(defineProps<LaySideProps>(), {
 
 const styles = computed<CSSProperties>(() => {
   return {
-    "flex": `0 0 ${props.width}`,
+    flex: `0 0 ${props.width}`,
-    "width": `${props.width}`
+    width: `${props.width}`,
   };
 });
 </script>

package/component/src/component/subMenu/index.vue

@@ -48,11 +48,13 @@ watch(isOpen, () => {
 
 const openHandle = function () {
   if (!isCollapse.value) {
+    let newOpenKeys = [...openKeys.value];
     if (openKeys.value.includes(props.id)) {
-      openKeys.value.splice(openKeys.value.indexOf(props.id), 1);
+      newOpenKeys.splice(newOpenKeys.indexOf(props.id), 1);
     } else {
-      openKeys.value.push(props.id);
+      newOpenKeys.push(props.id);
     }
+    openKeys.value = newOpenKeys;
   }
 };
 

package/component/src/theme/public.less

@@ -178,12 +178,6 @@ a cite {
   border-color: var(--global-neutral-color-3);
 }
 
-.layui-form input[type="checkbox"],
-.layui-form input[type="radio"],
-.layui-form select {
-  display: none;
-}
-
 .layui-form-checkbox,
 .layui-form-checkbox *,
 .layui-form-switch {

package/document/package.json

@@ -36,7 +36,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
     "typescript": "^4.6.3",
-    "vite": "2.9.2",
+    "vite": "2.9.8",
     "vite-plugin-md": "^0.12.4",
     "unplugin-auto-import": "^0.7.1",
     "unplugin-vue-components": "^0.19.3",

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

@@ -13,9 +13,7 @@
 ::: demo 使用 `lay-checkbox` 标签, 创建一个复选框
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary"  v-model="checked1" label="1" ></lay-checkbox>
- </lay-form>
 </template>
 
 <script>
@@ -41,9 +39,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" label="1" v-model="checked2" >普通</lay-checkbox>
- </lay-form>
 </template>
 
 <script>
@@ -69,13 +65,11 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox-group v-model="checkeds" @change="groupChange">
       <lay-checkbox name="like" skin="primary" label="1">写作</lay-checkbox>
       <lay-checkbox name="like" skin="primary" label="2">画画</lay-checkbox>
       <lay-checkbox name="like" skin="primary" label="3">运动</lay-checkbox>
     </lay-checkbox-group>
-  </lay-form>
 </template>
 
 <script>
@@ -105,11 +99,9 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary" v-model="checked3" label="1">写作</lay-checkbox>
     <lay-checkbox name="like" skin="primary" v-model="checked4" label="2">画画</lay-checkbox>
     <lay-checkbox name="like" skin="primary" v-model="checked5" label="3">运动</lay-checkbox>
-  </lay-form>
 </template>
 
 <script>
@@ -137,9 +129,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary" label="1" :disabled="disabled" v-model="checked6">禁用</lay-checkbox>
- </lay-form>
 </template>
 
 <script>
@@ -167,9 +157,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary" label="1" @change="change" v-model="checked7">回调</lay-checkbox>
- </lay-form>
 </template>
 
 <script>

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

@@ -13,6 +13,7 @@
 ::: demo 使用 `lay-input` 标签, 创建输入框
 
 <template>
+  {{ data1 }}
   <lay-input v-model="data1"></lay-input>
 </template>
 
@@ -171,28 +172,31 @@ export default {
 ::: table
 
 | 属性                     | 描述                  | 可选值         |
-| ----------- | ------------- | -------------- |
+| -----------------------  | -------------------- | -------------- |
 | name                     | 原始属性 name         | --             |
 | placeholder              | 提示信息              | --             |
 | disabled                 | 禁用                  | `true` `false` |
-| v-model     | 值            | --             |
+| readonly                 | 原生属性 readonly     | `true` `false` |
+| v-model / modelValue     | 值                   | --             |
+| autofocus                | 原生属性 autofocus    | `true` `false` |
+| autocomplete             | 原生属性 autocomplete | `true` `false` |
 
 :::
 
-::: title Input 属性
+::: title Input 事件
 :::
 
 ::: table
 
 | 事件  | 描述                | 参数             |
-| ----- | --------------- | ---------------- |
+| ----- | ------------------- | ----------------|
-| input | 原生 input 事件 | event : 事件对象 |
+| input | 原生 input 事件     | event : Event    |
-| foucs | 原生 foucs 事件 | event : 事件对象 |
+| foucs | 原生 foucs 事件     | event : Event    |
-| blur  | 原生 blur 事件  | --               |
+| blur  | 原生 blur 事件      | event : Event    |
+| change| 原生 change 事件    | event : Event    |
+| clear | 清空 事件           | --               |
 
 :::
 
- 
-
 ::: previousNext input
 :::

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

@@ -59,7 +59,8 @@ export default {
 ::: demo
 
 <template>
-  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys2" :tree="true">
+  选中：{{ selectedKey }} 打开： {{ openKeys2 }}
+  <lay-menu :selectedKey="selectedKey" @changeSelectedKey="changeSelectedKey" @changeOpenKeys="changeOpenKeys" v-model:openKeys="openKeys2" :tree="true">
     <lay-menu-item id="1">首页</lay-menu-item>
     <lay-menu-item id="2">首页</lay-menu-item>
     <lay-menu-item id="3">首页</lay-menu-item> 
@@ -89,10 +90,19 @@ export default {
 
     const openKeys2 = ref(["7"])
     const selectedKey = ref("5")
+    const changeSelectedKey = (val) => {
+      selectedKey.value = val;
+    }
+
+    const changeOpenKeys = (val) => {
+      openKeys2.value = val;
+    }
 
     return {
       openKeys2,
-      selectedKey
+      selectedKey,
+      changeOpenKeys,
+      changeSelectedKey
     }
   }
 }
@@ -473,6 +483,65 @@ export default {
 
 :::
 
+::: title 层级缩进
+:::
+
+::: demo
+
+<template>
+  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys7" :child-spacing="childSpacing" v-model:tree="isTree">
+    <lay-menu-item id="1">
+      <router-link to="">
+        <lay-icon type="layui-icon-home"></lay-icon> 
+        首页
+      </router-link>
+    </lay-menu-item>
+    <lay-sub-menu id="7">
+        <template v-slot:title> 
+          <router-link to="">
+            <lay-icon type="layui-icon-home"></lay-icon> 
+            目录
+          </router-link>
+        </template>
+        <lay-menu-item id="8">
+            <router-link to="">
+              <lay-icon type="layui-icon-home"></lay-icon> 
+              菜单
+            </router-link>
+        </lay-menu-item> 
+        <lay-menu-item id="9">
+            <router-link to="">
+              <lay-icon type="layui-icon-home"></lay-icon> 
+              菜单
+            </router-link>
+        </lay-menu-item>
+    </lay-sub-menu> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const isTree = ref(true)
+    const selectedKey = ref("5")
+    const openKeys7 = ref(["7"])
+    const childSpacing = ref(true); 
+
+    return {
+      isTree,
+      openKeys7,
+      selectedKey,
+      childSpacing
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title Menu 属性
 :::
 
@@ -535,7 +604,5 @@ export default {
 
 :::
 
- 
-
 ::: previousNext nav
 :::

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

@@ -13,11 +13,9 @@
 ::: demo 使用 `lay-radio` 标签, 创建一个单选框
 
 <template>
-  <lay-form>
     <lay-radio v-model="selected1" name="action" label="1">写作</lay-radio>
     <lay-radio v-model="selected1" name="action" label="2">画画</lay-radio>
     <lay-radio v-model="selected1" name="action" label="3">运动</lay-radio>
-  </lay-form>
 </template>
 
 <script>
@@ -43,12 +41,10 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-radio v-model="selected2" name="action" label="1">写作</lay-radio>
     <lay-radio v-model="selected2" name="action" label="2">画画</lay-radio>
     <lay-radio v-model="selected2" name="action" label="3">运动</lay-radio>
     <lay-radio v-model="selected2" name="action" label="4" :disabled="disabled">禁用</lay-radio>
-  </lay-form>
 </template>
 
 <script>
@@ -76,11 +72,9 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-radio v-model="selected3" name="action" label="1" @change="change">写作</lay-radio>
     <lay-radio v-model="selected3" name="action" label="2" @change="change">画画</lay-radio>
     <lay-radio v-model="selected3" name="action" label="3" @change="change">运动</lay-radio>
-  </lay-form>
 </template>
 
 <script>

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

@@ -194,13 +194,12 @@ export default {
 
 ::: table
 
-| 属性   | 描述     | 可选值           |
+| 属性   | 描述     | 参数           |
 | ------ | -------- | ---------------- |
-| change | 切换事件 | current : 当前值 |
+| change | 切换事件 | val : 当前值 |
 
 :::
 
- 
 ::: title Switch 插槽
 :::
 

package/document/src/document/zh-CN/guide/changelog.md

@@ -14,12 +14,18 @@
     <ul> 
       <a name="1-0-7"></a> 
       <li> 
-        <h3>1.0.7 <span class="layui-badge-rim">2022-05-03</span></h3> 
+        <h3>1.0.7 <span class="layui-badge-rim">2022-05-09</span></h3> 
         <ul>
           <li>[新增] menu 组件 changeOpenKeys 事件。</li>
           <li>[新增] menu 组件 changeSelectedKey 事件。</li>
+          <li>[新增] menu 组件 childSpacing 属性, 开启菜单层级缩进。</li>
           <li>[新增] slider 组件 showDots 属性, 显示步长断点。</li>
-          <li>[修复] side 组件 width 属性失效, 随内容宽度自适应的问题。</li>
+          <li>[新增] input 组件 autocomplete 原生属性。</li>
+          <li>[新增] input 组件 autofocus 原生属性。</li>
+          <li>[修复] side 组件 width 属性无效。</li>
+          <li>[优化] checkbox 组件 css 样式。</li>
+          <li>[优化] radio 组件 css 样式。</li>
+          <li>[升级] vueuse/core 8.4.2。</li>
         </ul> 
       </li>
     </ul>

package/icons/package.json

@@ -39,7 +39,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
     "typescript": "^4.6.3",
-    "vite": "2.9.2"
+    "vite": "2.9.8"
   },
   "files": [
     "lib",

package/layer/package.json

@@ -36,7 +36,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
     "typescript": "^4.6.3",
-    "vite": "2.9.2"
+    "vite": "2.9.8"
   },
   "files": [
     "lib",

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 importers:
 
@@ -30,7 +30,7 @@ importers:
     devDependencies:
       '@commitlint/cli': 16.2.3
       '@commitlint/config-conventional': 16.2.1
-      '@typescript-eslint/eslint-plugin': 5.17.0_3ai3h2p2yu4xq6kzwonzpdpxa4
+      '@typescript-eslint/eslint-plugin': 5.17.0_d811b3e9fac539787959b39b978df707
       '@typescript-eslint/parser': 5.17.0_eslint@8.12.0
       commitizen: 4.2.4
       commitlint-config-cz: 0.13.3
@@ -38,7 +38,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_6ler2d2uceywpuv5sikklk22gy
+      eslint-plugin-prettier: 4.0.0_f2c91d0f54113167d2bd9214a5ab5a36
       eslint-plugin-vue: 8.5.0_eslint@8.12.0
       husky: 7.0.4
       prettier: 2.6.2
@@ -55,7 +55,7 @@ importers:
       '@vitejs/plugin-vue': ^2.3.1
       '@vue/compiler-sfc': ^3.2.33
       '@vue/server-renderer': ^3.2.33
-      '@vueuse/core': ^8.3.1
+      '@vueuse/core': ^8.4.2
       animate.css: ^4.1.1
       async-validator: ^4.0.7
       cropperjs: ^1.5.12
@@ -67,12 +67,12 @@ importers:
       rollup: ^2.70.1
       typescript: ^4.6.3
       uuid: ^8.3.2
-      vite: 2.9.2
+      vite: 2.9.8
       vue-i18n: ^9.1.9
     dependencies:
       '@layui/icons-vue': link:../icons
       '@layui/layer-vue': link:../layer
-      '@vueuse/core': 8.3.1
+      '@vueuse/core': 8.4.2_vue@3.2.33
       animate.css: 4.1.1
       async-validator: 4.0.7
       cropperjs: 1.5.12
@@ -80,21 +80,21 @@ importers:
       dayjs: 1.11.0
       evtd: 0.2.3
       uuid: 8.3.2
-      vue-i18n: 9.1.9
+      vue-i18n: 9.1.9_vue@3.2.33
     devDependencies:
       '@babel/core': 7.17.9
       '@babel/preset-env': 7.16.11_@babel+core@7.17.9
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.9
-      '@rollup/plugin-babel': 5.3.1_p6bgnjzmwqvrgilysw56ndqcdu
+      '@rollup/plugin-babel': 5.3.1_@babel+core@7.17.9+rollup@2.70.1
       '@types/node': 16.11.26
-      '@vitejs/plugin-vue': 2.3.1_vite@2.9.2
+      '@vitejs/plugin-vue': 2.3.1_vite@2.9.8+vue@3.2.33
       '@vue/compiler-sfc': 3.2.33
-      '@vue/server-renderer': 3.2.33
+      '@vue/server-renderer': 3.2.33_vue@3.2.33
       less: 4.1.2
       rimraf: 3.0.2
       rollup: 2.70.1
       typescript: 4.6.3
-      vite: 2.9.2_less@4.1.2
+      vite: 2.9.8_less@4.1.2
 
   package/document:
     specifiers:
@@ -119,28 +119,28 @@ importers:
       rimraf: ^3.0.2
       rollup: ^2.70.1
       typescript: ^4.6.3
-      vite: 2.9.2
+      vite: 2.9.8
       vite-plugin-md: ^0.12.4
       vue-i18n: ^9.2.0-beta.34
       vue-router: ^4.0.12
     dependencies:
-      '@vueuse/core': 8.3.0
+      '@vueuse/core': 8.3.0_vue@3.2.33
-      pinia: 2.0.13_typescript@4.6.3
+      pinia: 2.0.13_typescript@4.6.3+vue@3.2.33
-      pinia-plugin-persist: 1.0.0_pinia@2.0.13
+      pinia-plugin-persist: 1.0.0_pinia@2.0.13+vue@3.2.33
-      vue-i18n: 9.2.0-beta.34
+      vue-i18n: 9.2.0-beta.34_vue@3.2.33
-      vue-router: 4.0.14
+      vue-router: 4.0.14_vue@3.2.33
     devDependencies:
       '@babel/core': 7.17.8
       '@babel/preset-env': 7.16.11_@babel+core@7.17.8
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@rollup/plugin-babel': 5.3.1_b3dmjfji46fxi4pypym34a4m6q
+      '@rollup/plugin-babel': 5.3.1_@babel+core@7.17.8+rollup@2.70.1
       '@types/markdown-it': 12.2.3
       '@types/markdown-it-container': 2.0.5
       '@types/node': 16.11.26
       '@types/prettier': registry.npmmirror.com/@types/prettier/2.6.0
-      '@vitejs/plugin-vue': 2.3.1_vite@2.9.2
+      '@vitejs/plugin-vue': 2.3.1_vite@2.9.8+vue@3.2.33
       '@vue/compiler-sfc': 3.2.33
-      '@vue/server-renderer': 3.2.33
+      '@vue/server-renderer': 3.2.33_vue@3.2.33
       escape-html: 1.0.3
       less: 4.1.2
       markdown-it-container: 3.0.0
@@ -148,8 +148,8 @@ importers:
       rimraf: 3.0.2
       rollup: 2.70.1
       typescript: 4.6.3
-      vite: 2.9.2_less@4.1.2
+      vite: 2.9.8_less@4.1.2
-      vite-plugin-md: 0.12.4_vite@2.9.2
+      vite-plugin-md: 0.12.4_vite@2.9.8
 
   package/icons:
     specifiers:
@@ -165,21 +165,21 @@ importers:
       rimraf: ^3.0.2
       rollup: ^2.70.1
       typescript: ^4.6.3
-      vite: 2.9.2
+      vite: 2.9.8
     devDependencies:
       '@babel/core': 7.17.8
       '@babel/preset-env': 7.16.11_@babel+core@7.17.8
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@rollup/plugin-babel': 5.3.1_b3dmjfji46fxi4pypym34a4m6q
+      '@rollup/plugin-babel': 5.3.1_@babel+core@7.17.8+rollup@2.70.1
       '@types/node': 16.11.26
-      '@vitejs/plugin-vue': 2.3.1_vite@2.9.2
+      '@vitejs/plugin-vue': 2.3.1_vite@2.9.8+vue@3.2.33
       '@vue/compiler-sfc': 3.2.33
-      '@vue/server-renderer': 3.2.33
+      '@vue/server-renderer': 3.2.33_vue@3.2.33
       less: 4.1.2
       rimraf: 3.0.2
       rollup: 2.70.1
       typescript: 4.6.3
-      vite: 2.9.2_less@4.1.2
+      vite: 2.9.8_less@4.1.2
 
   package/layer:
     specifiers:
@@ -195,21 +195,21 @@ importers:
       rimraf: ^3.0.2
       rollup: ^2.70.1
       typescript: ^4.6.3
-      vite: 2.9.2
+      vite: 2.9.8
     devDependencies:
       '@babel/core': 7.17.8
       '@babel/preset-env': 7.16.11_@babel+core@7.17.8
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@rollup/plugin-babel': 5.3.1_b3dmjfji46fxi4pypym34a4m6q
+      '@rollup/plugin-babel': 5.3.1_@babel+core@7.17.8+rollup@2.70.1
       '@types/node': 16.11.26
-      '@vitejs/plugin-vue': 2.3.1_vite@2.9.2
+      '@vitejs/plugin-vue': 2.3.1_vite@2.9.8+vue@3.2.33
       '@vue/compiler-sfc': 3.2.33
-      '@vue/server-renderer': 3.2.33
+      '@vue/server-renderer': 3.2.33_vue@3.2.33
       less: 4.1.2
       rimraf: 3.0.2
       rollup: 2.70.1
       typescript: 4.6.3
-      vite: 2.9.2_less@4.1.2
+      vite: 2.9.8_less@4.1.2
 
 packages:
 
@@ -2435,7 +2435,7 @@ packages:
       '@types/node': 16.11.26
       chalk: 4.1.2
       cosmiconfig: 7.0.1
-      cosmiconfig-typescript-loader: 1.0.7_3wvmryjdv2zgb5mgtbgo5b2ija
+      cosmiconfig-typescript-loader: 1.0.7_ddaac8e123aeb260f586984cee874848
       lodash: 4.17.21
       resolve-from: 5.0.0
       typescript: 4.6.3
@@ -2685,7 +2685,7 @@ packages:
       fastq: 1.13.0
     dev: true
 
-  /@rollup/plugin-babel/5.3.1_b3dmjfji46fxi4pypym34a4m6q:
+  /@rollup/plugin-babel/5.3.1_@babel+core@7.17.8+rollup@2.70.1:
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -2702,7 +2702,7 @@ packages:
       rollup: 2.70.1
     dev: true
 
-  /@rollup/plugin-babel/5.3.1_p6bgnjzmwqvrgilysw56ndqcdu:
+  /@rollup/plugin-babel/5.3.1_@babel+core@7.17.9+rollup@2.70.1:
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -2800,7 +2800,7 @@ packages:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.17.0_3ai3h2p2yu4xq6kzwonzpdpxa4:
+  /@typescript-eslint/eslint-plugin/5.17.0_d811b3e9fac539787959b39b978df707:
     resolution: {integrity: sha512-qVstvQilEd89HJk3qcbKt/zZrfBZ+9h2ynpAGlWjWiizA7m/MtLT9RoX6gjtpE500vfIg8jogAkDzdCxbsFASQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2922,14 +2922,15 @@ packages:
       eslint-visitor-keys: 3.3.0
     dev: true
 
-  /@vitejs/plugin-vue/2.3.1_vite@2.9.2:
+  /@vitejs/plugin-vue/2.3.1_vite@2.9.8+vue@3.2.33:
     resolution: {integrity: sha512-YNzBt8+jt6bSwpt7LP890U1UcTOIZZxfpE5WOJ638PNxSEKOqAi0+FSKS0nVeukfdZ0Ai/H7AFd6k3hayfGZqQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
       vite: ^2.5.10
       vue: ^3.2.25
     dependencies:
-      vite: 2.9.2_less@4.1.2
+      vite: 2.9.8_less@4.1.2
+      vue: 3.2.33
     dev: true
 
   /@vue/compiler-core/3.2.33:
@@ -3013,15 +3014,6 @@ packages:
       csstype: 2.6.20
     dev: false
 
-  /@vue/server-renderer/3.2.33:
-    resolution: {integrity: sha512-4jpJHRD4ORv8PlbYi+/MfP8ec1okz6rybe36MdpkDrGIdEItHEUyaHSKvz+ptNEyQpALmmVfRteHkU9F8vxOew==}
-    peerDependencies:
-      vue: 3.2.33
-    dependencies:
-      '@vue/compiler-ssr': 3.2.33
-      '@vue/shared': 3.2.33
-    dev: true
-
   /@vue/server-renderer/3.2.33_vue@3.2.33:
     resolution: {integrity: sha512-4jpJHRD4ORv8PlbYi+/MfP8ec1okz6rybe36MdpkDrGIdEItHEUyaHSKvz+ptNEyQpALmmVfRteHkU9F8vxOew==}
     peerDependencies:
@@ -3030,7 +3022,6 @@ packages:
       '@vue/compiler-ssr': 3.2.33
       '@vue/shared': 3.2.33
       vue: 3.2.33
-    dev: false
 
   /@vue/shared/3.2.31:
     resolution: {integrity: sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==}
@@ -3039,7 +3030,7 @@ packages:
   /@vue/shared/3.2.33:
     resolution: {integrity: sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==}
 
-  /@vueuse/core/8.3.0:
+  /@vueuse/core/8.3.0_vue@3.2.33:
     resolution: {integrity: sha512-GDHM0vr/E3mw1fbh3yj4DJCJ/KvTXtOtT0OR2kCKuEUOo0Btk45MDGI6MdIqsHMjI0OXBJl8jH8WFv64KU2mOQ==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -3051,12 +3042,13 @@ packages:
         optional: true
     dependencies:
       '@vueuse/metadata': 8.3.0
-      '@vueuse/shared': 8.3.0
+      '@vueuse/shared': 8.3.0_vue@3.2.33
-      vue-demi: 0.12.5
+      vue: 3.2.33
+      vue-demi: 0.12.5_vue@3.2.33
     dev: false
 
-  /@vueuse/core/8.3.1:
+  /@vueuse/core/8.4.2_vue@3.2.33:
-    resolution: {integrity: sha512-WiXUgVyPG9elGx3G8UV8g+zqbEJ2hYacrPICogAxDdW6hnxxcUFdF7FtvDroJ/DxWmo2pg8XNNz07ybfnZyJbw==}
+    resolution: {integrity: sha512-dUVU96lii1ZdWoNJXauQNt+4QrHz1DKbuW+y6pDR2N10q7rGZJMDU7pQeMcC2XeosX7kMODfaBuqsF03NozzLg==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
       vue: ^2.6.0 || ^3.2.0
@@ -3066,20 +3058,21 @@ packages:
       vue:
         optional: true
     dependencies:
-      '@vueuse/metadata': 8.3.1
+      '@vueuse/metadata': 8.4.2
-      '@vueuse/shared': 8.3.1
+      '@vueuse/shared': 8.4.2_vue@3.2.33
-      vue-demi: 0.12.5
+      vue: 3.2.33
+      vue-demi: 0.12.5_vue@3.2.33
     dev: false
 
   /@vueuse/metadata/8.3.0:
     resolution: {integrity: sha512-7R/LNPQWp1r/owa2e71l3dFlJ21p89YE3ks14ZclP2VOTvhC6AzDRcpk+ChISNetv8spsFbWZj/Z7sFjbFZfuw==}
     dev: false
 
-  /@vueuse/metadata/8.3.1:
+  /@vueuse/metadata/8.4.2:
-    resolution: {integrity: sha512-1aZaFL44HzXXkfN6Q7KMDOXBFKTHDClHlOJBxtN8rTBXIIScoGOrJCpxWiQ4kuVg95MzG/pHrd3P4wd8poL9XQ==}
+    resolution: {integrity: sha512-2BIj++7P0/I5dfMsEe8q7Kw0HqVAjVcyNOd9+G22/ILUC9TVLTeYOuJ1kwa1Gpr+0LWKHc6GqHiLWNL33+exoQ==}
     dev: false
 
-  /@vueuse/shared/8.3.0:
+  /@vueuse/shared/8.3.0_vue@3.2.33:
     resolution: {integrity: sha512-xehtLfevPw9nsVIGFe/tWMtFvbvZjeAfXh7DT9Fptt/6/C5rLwpJtxsVguIBtPybjwobO4KCpQYS78aa9fg5Sw==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -3090,11 +3083,12 @@ packages:
       vue:
         optional: true
     dependencies:
-      vue-demi: 0.12.5
+      vue: 3.2.33
+      vue-demi: 0.12.5_vue@3.2.33
     dev: false
 
-  /@vueuse/shared/8.3.1:
+  /@vueuse/shared/8.4.2_vue@3.2.33:
-    resolution: {integrity: sha512-7HKLCcxp4dtONq6QSSoavblo9riYgqzw7jhqiC0/VUYMXKzqj1G/GznOzTmY8Wi8uKKT197JqjKQ1DKt2j/0+A==}
+    resolution: {integrity: sha512-hILXMEjL8YQhj1LHN/HZ49UThyfk8irTjhele2nW+L3N55ElFUBGB/f4w0rg8EW+/suhqv7kJJPTZzvHCqxlIw==}
     peerDependencies:
       '@vue/composition-api': ^1.1.0
       vue: ^2.6.0 || ^3.2.0
@@ -3104,7 +3098,8 @@ packages:
       vue:
         optional: true
     dependencies:
-      vue-demi: 0.12.5
+      vue: 3.2.33
+      vue-demi: 0.12.5_vue@3.2.33
     dev: false
 
   /JSONStream/1.3.5:
@@ -3517,7 +3512,7 @@ packages:
       semver: 7.0.0
     dev: true
 
-  /cosmiconfig-typescript-loader/1.0.7_3wvmryjdv2zgb5mgtbgo5b2ija:
+  /cosmiconfig-typescript-loader/1.0.7_ddaac8e123aeb260f586984cee874848:
     resolution: {integrity: sha512-PxBM//vKuwRmo7xqamKDL+q/FvGig+wKS5pOzaXO/DJbtNzbIYi1bDk251pftEdPRRetEN8RSIyF35n8zLtibA==}
     engines: {node: '>=12', npm: '>=6'}
     peerDependencies:
@@ -3526,7 +3521,7 @@ packages:
     dependencies:
       '@types/node': 16.11.26
       cosmiconfig: 7.0.1
-      ts-node: 10.7.0_3wvmryjdv2zgb5mgtbgo5b2ija
+      ts-node: 10.7.0_ddaac8e123aeb260f586984cee874848
       typescript: 4.6.3
     transitivePeerDependencies:
       - '@swc/core'
@@ -3974,7 +3969,7 @@ packages:
       eslint: 8.12.0
     dev: true
 
-  /eslint-plugin-prettier/4.0.0_6ler2d2uceywpuv5sikklk22gy:
+  /eslint-plugin-prettier/4.0.0_f2c91d0f54113167d2bd9214a5ab5a36:
     resolution: {integrity: sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==}
     engines: {node: '>=6.0.0'}
     peerDependencies:
@@ -4979,6 +4974,12 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanoid/3.3.4:
+    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
+
   /natural-compare/1.4.0:
     resolution: {integrity: sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=}
     dev: true
@@ -5180,7 +5181,7 @@ packages:
     dev: true
     optional: true
 
-  /pinia-plugin-persist/1.0.0_pinia@2.0.13:
+  /pinia-plugin-persist/1.0.0_pinia@2.0.13+vue@3.2.33:
     resolution: {integrity: sha512-M4hBBd8fz/GgNmUPaaUsC29y1M09lqbXrMAHcusVoU8xlQi1TqgkWnnhvMikZwr7Le/hVyMx8KUcumGGrR6GVw==}
     peerDependencies:
       '@vue/composition-api': ^1.0.0
@@ -5190,11 +5191,12 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      pinia: 2.0.13_typescript@4.6.3
+      pinia: 2.0.13_typescript@4.6.3+vue@3.2.33
-      vue-demi: 0.12.5
+      vue: 3.2.33
+      vue-demi: 0.12.5_vue@3.2.33
     dev: false
 
-  /pinia/2.0.13_typescript@4.6.3:
+  /pinia/2.0.13_typescript@4.6.3+vue@3.2.33:
     resolution: {integrity: sha512-B7rSqm1xNpwcPMnqns8/gVBfbbi7lWTByzS6aPZ4JOXSJD4Y531rZHDCoYWBwLyHY/8hWnXljgiXp6rRyrofcw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -5208,7 +5210,8 @@ packages:
     dependencies:
       '@vue/devtools-api': 6.1.4
       typescript: 4.6.3
-      vue-demi: 0.12.5
+      vue: 3.2.33
+      vue-demi: 0.12.5_vue@3.2.33
     dev: false
 
   /postcss/8.4.12:
@@ -5219,6 +5222,15 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  /postcss/8.4.13:
+    resolution: {integrity: sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.4
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
   /prelude-ls/1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -5706,7 +5718,7 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /ts-node/10.7.0_3wvmryjdv2zgb5mgtbgo5b2ija:
+  /ts-node/10.7.0_ddaac8e123aeb260f586984cee874848:
     resolution: {integrity: sha512-TbIGS4xgJoX2i3do417KSaep1uRAW/Lu+WAL2doDHC0D6ummjirVOXU5/7aiZotbQ5p1Zp9tP7U6cYhA0O7M8A==}
     hasBin: true
     peerDependencies:
@@ -5861,7 +5873,7 @@ packages:
       spdx-expression-parse: 3.0.1
     dev: true
 
-  /vite-plugin-md/0.12.4_vite@2.9.2:
+  /vite-plugin-md/0.12.4_vite@2.9.8:
     resolution: {integrity: sha512-qtkzpHAvdp/Zo/2ntmCpfph2JD4F0+tOl1vK3QVAZztpWyoO7Yi8Y2Dqu7Urrnh/fPH7PnIWlrrQy1XV/D92Pg==}
     peerDependencies:
       vite: ^2.0.0
@@ -5872,11 +5884,11 @@ packages:
       '@vue/runtime-core': 3.2.31
       gray-matter: 4.0.3
       markdown-it: 12.3.2
-      vite: 2.9.2_less@4.1.2
+      vite: 2.9.8_less@4.1.2
     dev: true
 
-  /vite/2.9.2_less@4.1.2:
+  /vite/2.9.8_less@4.1.2:
-    resolution: {integrity: sha512-ScbfYsiG1N/xE2TnZWYWJ8aOFBQovEl4VLU+0dktxqXvqdAvcTOEUM5YqwaBkmNHSHUGHLPd92tuXFQ35wDkVw==}
+    resolution: {integrity: sha512-zsBGwn5UT3YS0NLSJ7hnR54+vUKfgzMUh/Z9CxF1YKEBVIe213+63jrFLmZphgGI5zXwQCSmqIdbPuE8NJywPw==}
     engines: {node: '>=12.2.0'}
     hasBin: true
     peerDependencies:
@@ -5893,14 +5905,14 @@ packages:
     dependencies:
       esbuild: 0.14.31
       less: 4.1.2
-      postcss: 8.4.12
+      postcss: 8.4.13
       resolve: 1.22.0
       rollup: 2.70.1
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vue-demi/0.12.5:
+  /vue-demi/0.12.5_vue@3.2.33:
     resolution: {integrity: sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==}
     engines: {node: '>=12'}
     hasBin: true
@@ -5911,6 +5923,8 @@ packages:
     peerDependenciesMeta:
       '@vue/composition-api':
         optional: true
+    dependencies:
+      vue: 3.2.33
     dev: false
 
   /vue-eslint-parser/8.3.0_eslint@8.12.0:
@@ -5931,7 +5945,7 @@ packages:
       - supports-color
     dev: true
 
-  /vue-i18n/9.1.9:
+  /vue-i18n/9.1.9_vue@3.2.33:
     resolution: {integrity: sha512-JeRdNVxS2OGp1E+pye5XB6+M6BBkHwAv9C80Q7+kzoMdUDGRna06tjC0vCB/jDX9aWrl5swxOMFcyAr7or8XTA==}
     engines: {node: '>= 10'}
     peerDependencies:
@@ -5941,9 +5955,10 @@ packages:
       '@intlify/shared': 9.1.9
       '@intlify/vue-devtools': 9.1.9
       '@vue/devtools-api': 6.1.4
+      vue: 3.2.33
     dev: false
 
-  /vue-i18n/9.2.0-beta.34:
+  /vue-i18n/9.2.0-beta.34_vue@3.2.33:
     resolution: {integrity: sha512-AKzOMn91OKBKHTPVWrDF+kBSbYYNGfBeeBhuihkxW2ZTXd1l8vp7WBqA6weV9kb9EDv7HO61Qhctqcr79TmHVw==}
     engines: {node: '>= 12'}
     peerDependencies:
@@ -5953,14 +5968,16 @@ packages:
       '@intlify/shared': 9.2.0-beta.34
       '@intlify/vue-devtools': 9.2.0-beta.34
       '@vue/devtools-api': 6.1.4
+      vue: 3.2.33
     dev: false
 
-  /vue-router/4.0.14:
+  /vue-router/4.0.14_vue@3.2.33:
     resolution: {integrity: sha512-wAO6zF9zxA3u+7AkMPqw9LjoUCjSxfFvINQj3E/DceTt6uEz1XZLraDhdg2EYmvVwTBSGlLYsUw8bDmx0754Mw==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@vue/devtools-api': 6.1.4
+      vue: 3.2.33
     dev: false
 
   /vue/3.2.33: