From 3c9f394acb2675587ffcd44999a89d15ce5bb42c Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Tue, 25 Jan 2022 00:10:47 +0800
Subject: [PATCH] chore: remove unless code

---
 admin/package.json                            |  16 +-
 admin/src/App.vue                             |   4 +-
 admin/src/components/Basic/src/BasicArrow.vue |  22 +-
 admin/src/components/ClickOutSide/index.ts    |   4 -
 .../ClickOutSide/src/ClickOutSide.vue         |  19 -
 admin/src/components/Container/index.ts       |   2 -
 .../Container/src/LazyContainer.vue           | 148 ----
 admin/src/components/Scrollbar/src/bar.ts     |   1 -
 admin/src/components/Transition/index.ts      |  39 -
 .../Transition/src/CreateTransition.tsx       |  82 ---
 .../Transition/src/ExpandTransition.ts        |  91 ---
 admin/src/components/Tree/src/Tree.vue        |   4 +-
 admin/src/components/Tree/src/TreeHeader.vue  |  69 +-
 admin/src/components/Tree/src/TreeIcon.ts     |   1 -
 admin/src/components/Verify/index.ts          |   7 -
 .../src/components/Verify/src/DragVerify.vue  | 381 ----------
 admin/src/components/Verify/src/ImgRotate.vue | 234 ------
 admin/src/components/Verify/src/props.ts      |  87 ---
 admin/src/components/Verify/src/typing.ts     |  14 -
 admin/src/components/VirtualScroll/index.ts   |   4 -
 .../VirtualScroll/src/VirtualScroll.vue       | 204 ------
 .../hooks/event/useIntersectionObserver.ts    |  48 --
 admin/src/hooks/setting/useRootSetting.ts     |   5 -
 .../default/header/components/index.ts        |   4 -
 admin/src/layouts/default/header/index.vue    |  14 +-
 admin/src/layouts/iframe/index.vue            |  30 +-
 admin/src/layouts/page/index.vue              |  67 +-
 admin/src/logics/error-handle/index.ts        | 183 -----
 admin/src/main.ts                             |   9 -
 admin/src/router/constant.ts                  |   4 +-
 admin/src/router/index.ts                     |  15 +-
 admin/src/router/routes/basic.ts              |  25 -
 admin/src/router/routes/index.ts              |  16 +-
 admin/src/router/routes/mainOut.ts            |  20 +-
 admin/src/router/routes/modules/demo/comp.ts  |  62 --
 admin/src/router/routes/modules/demo/feat.ts  |  26 +-
 admin/src/store/app.ts                        |   5 -
 admin/src/store/permission.ts                 |   3 +-
 admin/src/styles/ant/table.less               |   4 -
 admin/src/styles/index.less                   |   1 +
 admin/src/{ => styles}/tailwind.css           |   0
 .../views/demo/comp/lazy/TargetContent.vue    |  22 -
 admin/src/views/demo/comp/lazy/Transition.vue |  77 --
 admin/src/views/demo/comp/lazy/index.vue      |  52 --
 .../views/demo/comp/scroll/VirtualScroll.vue  |  70 --
 admin/src/views/demo/comp/verify/Rotate.vue   |  33 -
 admin/src/views/demo/comp/verify/index.vue    | 111 ---
 .../views/demo/feat/click-out-side/index.vue  |  46 --
 admin/src/views/demo/feat/ripple/index.vue    |  31 -
 admin/src/views/sys/error-log/DetailModal.vue |  31 -
 admin/src/views/sys/error-log/data.tsx        |  67 --
 admin/src/views/sys/error-log/index.vue       |  95 ---
 admin/src/views/sys/iframe/FrameBlank.vue     |   6 -
 admin/src/views/sys/lock/LockPage.vue         |  14 +-
 admin/src/views/sys/lock/index.vue            |   2 +-
 admin/src/views/sys/login/Login.vue           |   5 +-
 package.json                                  |  12 +-
 packages/directives/index.ts                  |   1 -
 packages/directives/src/clickOutside.ts       |   1 -
 packages/directives/src/ripple/index.css      |  21 -
 packages/directives/src/ripple/index.ts       | 198 ------
 packages/locale/package.json                  |   4 +-
 packages/locale/src/lang/en.ts                |   4 +-
 packages/locale/src/lang/en/routes/basic.ts   |   1 -
 packages/locale/src/lang/en/routes/demo.ts    |  12 -
 .../locale/src/lang/zh-CN/routes/basic.ts     |   1 -
 packages/locale/src/lang/zh-CN/routes/demo.ts |  12 -
 packages/locale/src/lang/zh_CN.ts             |   4 +-
 packages/locale/src/useLocale.ts              |   6 +-
 packages/setting/package.json                 |   3 +
 packages/setting/src/project.ts               |   3 -
 packages/types/src/config.ts                  |   2 -
 packages/use/package.json                     |   4 +-
 packages/utils/bem.ts                         |   9 +-
 packages/utils/package.json                   |  11 +-
 pnpm-lock.yaml                                | 671 ++++++++++--------
 server/package.json                           |   6 +-
 77 files changed, 529 insertions(+), 3093 deletions(-)
 delete mode 100644 admin/src/components/ClickOutSide/index.ts
 delete mode 100644 admin/src/components/ClickOutSide/src/ClickOutSide.vue
 delete mode 100644 admin/src/components/Container/src/LazyContainer.vue
 delete mode 100644 admin/src/components/Transition/src/CreateTransition.tsx
 delete mode 100644 admin/src/components/Transition/src/ExpandTransition.ts
 delete mode 100644 admin/src/components/Verify/index.ts
 delete mode 100644 admin/src/components/Verify/src/DragVerify.vue
 delete mode 100644 admin/src/components/Verify/src/ImgRotate.vue
 delete mode 100644 admin/src/components/Verify/src/props.ts
 delete mode 100644 admin/src/components/Verify/src/typing.ts
 delete mode 100644 admin/src/components/VirtualScroll/index.ts
 delete mode 100644 admin/src/components/VirtualScroll/src/VirtualScroll.vue
 delete mode 100644 admin/src/hooks/event/useIntersectionObserver.ts
 delete mode 100644 admin/src/logics/error-handle/index.ts
 rename admin/src/{ => styles}/tailwind.css (100%)
 delete mode 100644 admin/src/views/demo/comp/lazy/TargetContent.vue
 delete mode 100644 admin/src/views/demo/comp/lazy/Transition.vue
 delete mode 100644 admin/src/views/demo/comp/lazy/index.vue
 delete mode 100644 admin/src/views/demo/comp/scroll/VirtualScroll.vue
 delete mode 100644 admin/src/views/demo/comp/verify/Rotate.vue
 delete mode 100644 admin/src/views/demo/comp/verify/index.vue
 delete mode 100644 admin/src/views/demo/feat/click-out-side/index.vue
 delete mode 100644 admin/src/views/demo/feat/ripple/index.vue
 delete mode 100644 admin/src/views/sys/error-log/DetailModal.vue
 delete mode 100644 admin/src/views/sys/error-log/data.tsx
 delete mode 100644 admin/src/views/sys/error-log/index.vue
 delete mode 100644 packages/directives/src/ripple/index.css
 delete mode 100644 packages/directives/src/ripple/index.ts

diff --git a/admin/package.json b/admin/package.json
index 98428b91..5d08504e 100644
--- a/admin/package.json
+++ b/admin/package.json
@@ -33,7 +33,7 @@
     "@logicflow/core": "^1.0.7",
     "@logicflow/extension": "^1.0.7",
     "@zxcvbn-ts/core": "^1.2.0",
-    "ant-design-vue": "3.0.0-beta.7",
+    "ant-design-vue": "3.0.0-beta.8",
     "codemirror": "^5.65.1",
     "cropperjs": "^1.5.12",
     "echarts": "^5.2.2",
@@ -47,15 +47,15 @@
     "showdown": "^1.9.1",
     "sortablejs": "^1.14.0",
     "tinymce": "^5.10.2",
-    "vditor": "^3.8.10",
-    "vue": "^3.2.27",
+    "vditor": "^3.8.11",
+    "vue": "^3.2.29",
     "vue-json-pretty": "^1.8.2",
     "vue-router": "^4.0.12",
     "xlsx": "^0.17.5"
   },
   "devDependencies": {
     "@admin/types": "workspace:*",
-    "@iconify/json": "^2.0.26",
+    "@iconify/json": "^2.0.28",
     "@purge-icons/generated": "^0.7.0",
     "@types/codemirror": "^5.60.5",
     "@types/inquirer": "^8.1.3",
@@ -67,9 +67,9 @@
     "@types/showdown": "^1.9.4",
     "@types/sortablejs": "^1.10.7",
     "@vitejs/plugin-legacy": "^1.6.4",
-    "@vitejs/plugin-vue": "^2.0.1",
+    "@vitejs/plugin-vue": "^2.1.0",
     "@vitejs/plugin-vue-jsx": "^1.3.3",
-    "@vue/compiler-sfc": "3.2.27",
+    "@vue/compiler-sfc": "3.2.29",
     "@vue/test-utils": "^2.0.0-rc.18",
     "autoprefixer": "^10.4.2",
     "cross-env": "^7.0.3",
@@ -81,7 +81,7 @@
     "vite": "^2.8.0-beta.3",
     "vite-plugin-compression": "^0.4.0",
     "vite-plugin-html": "^2.1.2",
-    "vite-plugin-imagemin": "^0.5.1",
+    "vite-plugin-imagemin": "^0.5.2",
     "vite-plugin-mkcert": "^1.5.2",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-purge-icons": "^0.7.0",
@@ -89,7 +89,7 @@
     "vite-plugin-svg-icons": "^1.1.0",
     "vite-plugin-theme": "^0.8.1",
     "vite-plugin-vue-setup-extend": "^0.3.0",
-    "vue-tsc": "^0.30.6"
+    "vue-tsc": "^0.31.1"
   },
   "repository": {
     "type": "git",
diff --git a/admin/src/App.vue b/admin/src/App.vue
index b9fd669a..e37fd103 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -7,7 +7,7 @@ import { getGlobalConfig } from '@/internal/config'
 import 'dayjs/locale/zh-cn'
 
 // support Multi-language
-const { antdLocale } = useLocale()
+const { uiFrameLocale } = useLocale()
 
 // Listening to page changes and dynamically changing site titles
 const { title } = getGlobalConfig()
@@ -15,7 +15,7 @@ useTitle(title, (route) => route.name !== REDIRECT_NAME)
 </script>
 
 <template>
-  <a-config-provider :locale="antdLocale">
+  <a-config-provider :locale="uiFrameLocale">
     <app-provider>
       <router-view />
     </app-provider>
diff --git a/admin/src/components/Basic/src/BasicArrow.vue b/admin/src/components/Basic/src/BasicArrow.vue
index 3ae42d7d..ad31b3f6 100644
--- a/admin/src/components/Basic/src/BasicArrow.vue
+++ b/admin/src/components/Basic/src/BasicArrow.vue
@@ -1,16 +1,8 @@
-<!--
- * @Author: Vben
- * @Description: Arrow component with animation
--->
-<template>
-  <span :class="getClass">
-    <Icon icon="ion:chevron-forward" :style="$attrs.iconStyle" />
-  </span>
-</template>
 <script lang="ts" setup>
+import type { CSSProperties } from 'vue'
 import { computed } from 'vue'
-import { Icon } from '@/components/Icon'
 import { useDesign } from '@/hooks/web/useDesign'
+import { RightOutlined } from '@ant-design/icons-vue'
 
 const props = defineProps({
   /**
@@ -29,12 +21,14 @@ const props = defineProps({
    * Cancel padding/margin for inline
    */
   inset: { type: Boolean },
+
+  iconStyle: { type: Object as PropType<CSSProperties> },
 })
 
 const { prefixCls } = useDesign('basic-arrow')
 
 // get component class
-const getClass = computed(() => {
+const classes = computed(() => {
   const { expand, up, down, inset } = props
   return [
     prefixCls,
@@ -82,3 +76,9 @@ const getClass = computed(() => {
   }
 }
 </style>
+
+<template>
+  <span :class="classes">
+    <right-outlined :style="iconStyle" />
+  </span>
+</template>
diff --git a/admin/src/components/ClickOutSide/index.ts b/admin/src/components/ClickOutSide/index.ts
deleted file mode 100644
index 967bd4d4..00000000
--- a/admin/src/components/ClickOutSide/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { withInstall } from '@admin/utils'
-import clickOutSide from './src/ClickOutSide.vue'
-
-export const ClickOutSide = withInstall(clickOutSide)
diff --git a/admin/src/components/ClickOutSide/src/ClickOutSide.vue b/admin/src/components/ClickOutSide/src/ClickOutSide.vue
deleted file mode 100644
index 5eaf65e4..00000000
--- a/admin/src/components/ClickOutSide/src/ClickOutSide.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div ref="wrap">
-    <slot></slot>
-  </div>
-</template>
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import { onClickOutside } from '@admin/use'
-const emit = defineEmits(['mounted', 'clickOutside'])
-const wrap = ref<ElRef>(null)
-
-onClickOutside(wrap, () => {
-  emit('clickOutside')
-})
-
-onMounted(() => {
-  emit('mounted')
-})
-</script>
diff --git a/admin/src/components/Container/index.ts b/admin/src/components/Container/index.ts
index 2937cbb9..c3b5af07 100644
--- a/admin/src/components/Container/index.ts
+++ b/admin/src/components/Container/index.ts
@@ -1,10 +1,8 @@
 import { withInstall } from '@admin/utils'
 import collapseContainer from './src/collapse/CollapseContainer.vue'
 import scrollContainer from './src/ScrollContainer.vue'
-import lazyContainer from './src/LazyContainer.vue'
 
 export const CollapseContainer = withInstall(collapseContainer)
 export const ScrollContainer = withInstall(scrollContainer)
-export const LazyContainer = withInstall(lazyContainer)
 
 export * from './src/typing'
diff --git a/admin/src/components/Container/src/LazyContainer.vue b/admin/src/components/Container/src/LazyContainer.vue
deleted file mode 100644
index 46bd5a48..00000000
--- a/admin/src/components/Container/src/LazyContainer.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-  <transition-group
-    class="h-full w-full"
-    v-bind="$attrs"
-    ref="elRef"
-    :name="transitionName"
-    :tag="tag"
-    mode="out-in"
-  >
-    <div key="component" v-if="isInit">
-      <slot :loading="loading"></slot>
-    </div>
-    <div key="skeleton" v-else>
-      <slot name="skeleton" v-if="$slots.skeleton"></slot>
-      <Skeleton v-else />
-    </div>
-  </transition-group>
-</template>
-<script lang="ts">
-import type { PropType } from 'vue'
-import { defineComponent, reactive, onMounted, ref, toRef, toRefs } from 'vue'
-import { Skeleton } from 'ant-design-vue'
-import { useTimeoutFn } from '@admin/use'
-import { useIntersectionObserver } from '@/hooks/event/useIntersectionObserver'
-
-interface State {
-  isInit: boolean
-  loading: boolean
-  intersectionObserverInstance: IntersectionObserver | null
-}
-
-const props = {
-  /**
-   * Waiting time, if the time is specified, whether visible or not, it will be automatically loaded after the specified time
-   */
-  timeout: { type: Number },
-  /**
-   * The viewport where the component is located.
-   * If the component is scrolling in the page container, the viewport is the container
-   */
-  viewport: {
-    type: (typeof window !== 'undefined'
-      ? window.HTMLElement
-      : Object) as PropType<HTMLElement>,
-    default: () => null,
-  },
-  /**
-   * Preload threshold, css unit
-   */
-  threshold: { type: String, default: '0px' },
-  /**
-   * The scroll direction of the viewport, vertical represents the vertical direction, horizontal represents the horizontal direction
-   */
-  direction: {
-    type: String,
-    default: 'vertical',
-    validator: (v) => ['vertical', 'horizontal'].includes(v),
-  },
-  /**
-   * The label name of the outer container that wraps the component
-   */
-  tag: { type: String, default: 'div' },
-  maxWaitingTime: { type: Number, default: 80 },
-  /**
-   * transition name
-   */
-  transitionName: { type: String, default: 'lazy-container' },
-}
-
-export default defineComponent({
-  name: 'LazyContainer',
-  components: { Skeleton },
-  inheritAttrs: false,
-  props,
-  emits: ['init'],
-  setup(props, { emit }) {
-    const elRef = ref()
-    const state = reactive<State>({
-      isInit: false,
-      loading: false,
-      intersectionObserverInstance: null,
-    })
-
-    onMounted(() => {
-      immediateInit()
-      initIntersectionObserver()
-    })
-
-    // If there is a set delay time, it will be executed immediately
-    function immediateInit() {
-      const { timeout } = props
-      timeout &&
-        useTimeoutFn(() => {
-          init()
-        }, timeout)
-    }
-
-    function init() {
-      state.loading = true
-
-      useTimeoutFn(() => {
-        if (state.isInit) return
-        state.isInit = true
-        emit('init')
-      }, props.maxWaitingTime || 80)
-    }
-
-    function initIntersectionObserver() {
-      const { timeout, direction, threshold } = props
-      if (timeout) return
-      // According to the scrolling direction to construct the viewport margin, used to load in advance
-      let rootMargin = '0px'
-      switch (direction) {
-        case 'vertical':
-          rootMargin = `${threshold} 0px`
-          break
-        case 'horizontal':
-          rootMargin = `0px ${threshold}`
-          break
-      }
-
-      try {
-        const { stop, observer } = useIntersectionObserver({
-          rootMargin,
-          target: toRef(elRef.value, '$el'),
-          onIntersect: (entries: any[]) => {
-            const isIntersecting =
-              entries[0].isIntersecting || entries[0].intersectionRatio
-            if (isIntersecting) {
-              init()
-              if (observer) {
-                stop()
-              }
-            }
-          },
-          root: toRef(props, 'viewport'),
-        })
-      } catch (e) {
-        init()
-      }
-    }
-    return {
-      elRef,
-      ...toRefs(state),
-    }
-  },
-})
-</script>
diff --git a/admin/src/components/Scrollbar/src/bar.ts b/admin/src/components/Scrollbar/src/bar.ts
index 57751b59..e303c3c6 100644
--- a/admin/src/components/Scrollbar/src/bar.ts
+++ b/admin/src/components/Scrollbar/src/bar.ts
@@ -9,7 +9,6 @@ import {
   Ref,
 } from 'vue'
 import { on, off } from '@admin/utils'
-
 import { renderThumbStyle, BAR_MAP } from './util'
 
 export default defineComponent({
diff --git a/admin/src/components/Transition/index.ts b/admin/src/components/Transition/index.ts
index b146b4c8..88fc44d9 100644
--- a/admin/src/components/Transition/index.ts
+++ b/admin/src/components/Transition/index.ts
@@ -1,40 +1 @@
-import {
-  createSimpleTransition,
-  createJavascriptTransition,
-} from './src/CreateTransition'
-
-import ExpandTransitionGenerator from './src/ExpandTransition'
-
 export { default as CollapseTransition } from './src/CollapseTransition.vue'
-
-export const FadeTransition = createSimpleTransition('fade-transition')
-export const ScaleTransition = createSimpleTransition('scale-transition')
-export const SlideYTransition = createSimpleTransition('slide-y-transition')
-export const ScrollYTransition = createSimpleTransition('scroll-y-transition')
-export const SlideYReverseTransition = createSimpleTransition(
-  'slide-y-reverse-transition',
-)
-export const ScrollYReverseTransition = createSimpleTransition(
-  'scroll-y-reverse-transition',
-)
-export const SlideXTransition = createSimpleTransition('slide-x-transition')
-export const ScrollXTransition = createSimpleTransition('scroll-x-transition')
-export const SlideXReverseTransition = createSimpleTransition(
-  'slide-x-reverse-transition',
-)
-export const ScrollXReverseTransition = createSimpleTransition(
-  'scroll-x-reverse-transition',
-)
-export const ScaleRotateTransition = createSimpleTransition(
-  'scale-rotate-transition',
-)
-
-export const ExpandXTransition = createJavascriptTransition(
-  'expand-x-transition',
-  ExpandTransitionGenerator('', true),
-)
-
-export const ExpandTransition = createJavascriptTransition(
-  'expand-transition',
-  ExpandTransitionGenerator(''),
-)
diff --git a/admin/src/components/Transition/src/CreateTransition.tsx b/admin/src/components/Transition/src/CreateTransition.tsx
deleted file mode 100644
index 50fe53d2..00000000
--- a/admin/src/components/Transition/src/CreateTransition.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import type { PropType } from 'vue'
-
-import { defineComponent, Transition, TransitionGroup } from 'vue'
-import { getSlot } from '@admin/utils'
-
-type Mode = 'in-out' | 'out-in' | 'default' | undefined
-
-export function createSimpleTransition(
-  name: string,
-  origin = 'top center 0',
-  mode?: Mode,
-) {
-  return defineComponent({
-    name,
-    props: {
-      group: {
-        type: Boolean as PropType<boolean>,
-        default: false,
-      },
-      mode: {
-        type: String as PropType<Mode>,
-        default: mode,
-      },
-      origin: {
-        type: String as PropType<string>,
-        default: origin,
-      },
-    },
-    setup(props, { slots, attrs }) {
-      const onBeforeEnter = (el: HTMLElement) => {
-        el.style.transformOrigin = props.origin
-      }
-
-      return () => {
-        const Tag = !props.group ? Transition : TransitionGroup
-        return (
-          <Tag
-            name={name}
-            mode={props.mode}
-            {...attrs}
-            onBeforeEnter={onBeforeEnter}
-          >
-            {() => getSlot(slots)}
-          </Tag>
-        )
-      }
-    },
-  })
-}
-export function createJavascriptTransition(
-  name: string,
-  functions: Recordable,
-  mode: Mode = 'in-out',
-) {
-  return defineComponent({
-    name,
-    props: {
-      mode: {
-        type: String as PropType<Mode>,
-        default: mode,
-      },
-    },
-    setup(props, { attrs, slots }) {
-      return () => {
-        return (
-          <Transition
-            name={name}
-            mode={props.mode}
-            {...attrs}
-            onBeforeEnter={functions.beforeEnter}
-            onEnter={functions.enter}
-            onLeave={functions.leave}
-            onAfterLeave={functions.afterLeave}
-            onLeaveCancelled={functions.afterLeave}
-          >
-            {() => getSlot(slots)}
-          </Transition>
-        )
-      }
-    },
-  })
-}
diff --git a/admin/src/components/Transition/src/ExpandTransition.ts b/admin/src/components/Transition/src/ExpandTransition.ts
deleted file mode 100644
index 0ee84009..00000000
--- a/admin/src/components/Transition/src/ExpandTransition.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Makes the first character of a string uppercase
- */
-export function upperFirst(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
-
-interface HTMLExpandElement extends HTMLElement {
-  _parent?: (Node & ParentNode & HTMLElement) | null
-  _initialStyle: {
-    transition: string
-    overflow: string | null
-    height?: string | null
-    width?: string | null
-  }
-}
-
-export default function (expandedParentClass = '', x = false) {
-  const sizeProperty = x ? 'width' : ('height' as 'width' | 'height')
-  const offsetProperty = `offset${upperFirst(sizeProperty)}` as
-    | 'offsetHeight'
-    | 'offsetWidth'
-
-  return {
-    beforeEnter(el: HTMLExpandElement) {
-      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null
-      el._initialStyle = {
-        transition: el.style.transition,
-        overflow: el.style.overflow,
-        [sizeProperty]: el.style[sizeProperty],
-      }
-    },
-
-    enter(el: HTMLExpandElement) {
-      const initialStyle = el._initialStyle
-
-      el.style.setProperty('transition', 'none', 'important')
-      el.style.overflow = 'hidden'
-      // const offset = `${el[offsetProperty]}px`;
-
-      // el.style[sizeProperty] = '0';
-
-      void el.offsetHeight // force reflow
-
-      el.style.transition = initialStyle.transition
-
-      if (expandedParentClass && el._parent) {
-        el._parent.classList.add(expandedParentClass)
-      }
-
-      requestAnimationFrame(() => {
-        // el.style[sizeProperty] = offset;
-      })
-    },
-
-    afterEnter: resetStyles,
-    enterCancelled: resetStyles,
-
-    leave(el: HTMLExpandElement) {
-      el._initialStyle = {
-        transition: '',
-        overflow: el.style.overflow,
-        [sizeProperty]: el.style[sizeProperty],
-      }
-
-      el.style.overflow = 'hidden'
-      el.style[sizeProperty] = `${el[offsetProperty]}px`
-      /* eslint-disable-next-line */
-      void el.offsetHeight // force reflow
-
-      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))
-    },
-
-    afterLeave,
-    leaveCancelled: afterLeave,
-  }
-
-  function afterLeave(el: HTMLExpandElement) {
-    if (expandedParentClass && el._parent) {
-      el._parent.classList.remove(expandedParentClass)
-    }
-    resetStyles(el)
-  }
-
-  function resetStyles(el: HTMLExpandElement) {
-    const size = el._initialStyle[sizeProperty]
-    el.style.overflow = el._initialStyle.overflow!
-    if (size != null) el.style[sizeProperty] = size
-    Reflect.deleteProperty(el, '_initialStyle')
-  }
-}
diff --git a/admin/src/components/Tree/src/Tree.vue b/admin/src/components/Tree/src/Tree.vue
index ff718966..a1d6002c 100644
--- a/admin/src/components/Tree/src/Tree.vue
+++ b/admin/src/components/Tree/src/Tree.vue
@@ -8,7 +8,6 @@ import type {
   CheckKeys,
   TreeActionType,
 } from './tree'
-
 import {
   defineComponent,
   reactive,
@@ -38,7 +37,6 @@ import {
   getSlot,
   createBEM,
 } from '@admin/utils'
-
 import { useTree } from './useTree'
 import { useContextMenu } from '@/hooks/web/useContextMenu'
 import { CreateContextOptions } from '@/components/ContextMenu'
@@ -294,7 +292,7 @@ export default defineComponent({
     })
 
     onMounted(() => {
-      const level = parseInt(props.defaultExpandLevel)
+      const level = parseInt(`${props.defaultExpandLevel}`)
       if (level > 0) {
         state.expandedKeys = filterByLevel(level)
       } else if (props.defaultExpandAll) {
diff --git a/admin/src/components/Tree/src/TreeHeader.vue b/admin/src/components/Tree/src/TreeHeader.vue
index 7b98e6ed..39c4ccc6 100644
--- a/admin/src/components/Tree/src/TreeHeader.vue
+++ b/admin/src/components/Tree/src/TreeHeader.vue
@@ -1,37 +1,3 @@
-<template>
-  <div :class="bem()" class="flex px-2 py-1.5 items-center">
-    <slot name="headerTitle" v-if="slots.headerTitle"></slot>
-    <BasicTitle :helpMessage="helpMessage" v-if="!slots.headerTitle && title">
-      {{ title }}
-    </BasicTitle>
-    <div
-      class="flex items-center flex-1 cursor-pointer justify-self-stretch"
-      v-if="search || toolbar"
-    >
-      <div :class="getInputSearchCls" v-if="search">
-        <InputSearch
-          :placeholder="t('common.searchText')"
-          size="small"
-          allowClear
-          v-model:value="searchValue"
-        />
-      </div>
-      <Dropdown @click.prevent v-if="toolbar">
-        <Icon icon="ion:ellipsis-vertical" />
-        <template #overlay>
-          <Menu @click="handleMenuClick">
-            <template v-for="item in toolbarList" :key="item.value">
-              <MenuItem v-bind="{ key: item.value }">
-                {{ item.label }}
-              </MenuItem>
-              <MenuDivider v-if="item.divider" />
-            </template>
-          </Menu>
-        </template>
-      </Dropdown>
-    </div>
-  </div>
-</template>
 <script lang="ts" setup>
 import { computed, ref, watch, useSlots } from 'vue'
 import {
@@ -183,3 +149,38 @@ watch(
   },
 )
 </script>
+
+<template>
+  <div :class="bem()" class="flex px-2 py-1.5 items-center">
+    <slot name="headerTitle" v-if="slots.headerTitle"></slot>
+    <BasicTitle :helpMessage="helpMessage" v-if="!slots.headerTitle && title">
+      {{ title }}
+    </BasicTitle>
+    <div
+      class="flex items-center flex-1 cursor-pointer justify-self-stretch"
+      v-if="search || toolbar"
+    >
+      <div :class="getInputSearchCls" v-if="search">
+        <InputSearch
+          :placeholder="t('common.searchText')"
+          size="small"
+          allowClear
+          v-model:value="searchValue"
+        />
+      </div>
+      <Dropdown @click.prevent v-if="toolbar">
+        <Icon icon="ion:ellipsis-vertical" />
+        <template #overlay>
+          <Menu @click="handleMenuClick">
+            <template v-for="item in toolbarList" :key="item.value">
+              <MenuItem v-bind="{ key: item.value }">
+                {{ item.label }}
+              </MenuItem>
+              <MenuDivider v-if="item.divider" />
+            </template>
+          </Menu>
+        </template>
+      </Dropdown>
+    </div>
+  </div>
+</template>
diff --git a/admin/src/components/Tree/src/TreeIcon.ts b/admin/src/components/Tree/src/TreeIcon.ts
index 39f214bd..8e71744a 100644
--- a/admin/src/components/Tree/src/TreeIcon.ts
+++ b/admin/src/components/Tree/src/TreeIcon.ts
@@ -1,5 +1,4 @@
 import type { VNode, FunctionalComponent } from 'vue'
-
 import { h } from 'vue'
 import { isString } from '@admin/utils'
 import { Icon } from '@/components/Icon'
diff --git a/admin/src/components/Verify/index.ts b/admin/src/components/Verify/index.ts
deleted file mode 100644
index adb3d631..00000000
--- a/admin/src/components/Verify/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { withInstall } from '@admin/utils'
-import basicDragVerify from './src/DragVerify.vue'
-import rotateDragVerify from './src/ImgRotate.vue'
-
-export const BasicDragVerify = withInstall(basicDragVerify)
-export const RotateDragVerify = withInstall(rotateDragVerify)
-export * from './src/typing'
diff --git a/admin/src/components/Verify/src/DragVerify.vue b/admin/src/components/Verify/src/DragVerify.vue
deleted file mode 100644
index 48741de4..00000000
--- a/admin/src/components/Verify/src/DragVerify.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<script lang="tsx">
-import type { Ref } from 'vue'
-import {
-  defineComponent,
-  ref,
-  computed,
-  unref,
-  reactive,
-  watch,
-  watchEffect,
-} from 'vue'
-import { useEventListener } from '@/hooks/event/useEventListener'
-import { basicProps } from './props'
-import { getSlot } from '@admin/utils'
-import { useTimeoutFn } from '@admin/use'
-import { CheckOutlined, DoubleRightOutlined } from '@ant-design/icons-vue'
-
-export default defineComponent({
-  name: 'BaseDargVerify',
-  props: basicProps,
-  emits: ['success', 'update:value', 'change', 'start', 'move', 'end'],
-  setup(props, { emit, slots, expose }) {
-    const state = reactive({
-      isMoving: false,
-      isPassing: false,
-      moveDistance: 0,
-      toLeft: false,
-      startTime: 0,
-      endTime: 0,
-    })
-
-    const wrapElRef = ref<HTMLDivElement | null>(null)
-    const barElRef = ref<HTMLDivElement | null>(null)
-    const contentElRef = ref<HTMLDivElement | null>(null)
-    const actionElRef = ref(null) as Ref<HTMLDivElement | null>
-
-    useEventListener({
-      el: document,
-      name: 'mouseup',
-      listener: () => {
-        if (state.isMoving) {
-          resume()
-        }
-      },
-    })
-
-    const getActionStyleRef = computed(() => {
-      const { height, actionStyle } = props
-      const h = `${parseInt(height as string)}px`
-      return {
-        left: 0,
-        width: h,
-        height: h,
-        ...actionStyle,
-      }
-    })
-
-    const getWrapStyleRef = computed(() => {
-      const { height, width, circle, wrapStyle } = props
-      const h = parseInt(height as string)
-      const w = `${parseInt(width as string)}px`
-      return {
-        width: w,
-        height: `${h}px`,
-        lineHeight: `${h}px`,
-        borderRadius: circle ? h / 2 + 'px' : 0,
-        ...wrapStyle,
-      }
-    })
-
-    const getBarStyleRef = computed(() => {
-      const { height, circle, barStyle } = props
-      const h = parseInt(height as string)
-      return {
-        height: `${h}px`,
-        borderRadius: circle ? h / 2 + 'px 0 0 ' + h / 2 + 'px' : 0,
-        ...barStyle,
-      }
-    })
-
-    const getContentStyleRef = computed(() => {
-      const { height, width, contentStyle } = props
-      const h = `${parseInt(height as string)}px`
-      const w = `${parseInt(width as string)}px`
-
-      return {
-        height: h,
-        width: w,
-        ...contentStyle,
-      }
-    })
-
-    watch(
-      () => state.isPassing,
-      (isPassing) => {
-        if (isPassing) {
-          const { startTime, endTime } = state
-          const time = (endTime - startTime) / 1000
-          emit('success', { isPassing, time: time.toFixed(1) })
-          emit('update:value', isPassing)
-          emit('change', isPassing)
-        }
-      },
-    )
-
-    watchEffect(() => {
-      state.isPassing = !!props.value
-    })
-
-    function getEventPageX(e: MouseEvent | TouchEvent) {
-      return (e as MouseEvent).pageX || (e as TouchEvent).touches[0].pageX
-    }
-
-    function handleDragStart(e: MouseEvent | TouchEvent) {
-      if (state.isPassing) {
-        return
-      }
-      const actionEl = unref(actionElRef)
-      if (!actionEl) return
-      emit('start', e)
-      state.moveDistance =
-        getEventPageX(e) - parseInt(actionEl.style.left.replace('px', ''), 10)
-      state.startTime = new Date().getTime()
-      state.isMoving = true
-    }
-
-    function getOffset(el: HTMLDivElement) {
-      const actionWidth = parseInt(el.style.width)
-      const { width } = props
-      const widthNum = parseInt(width as string)
-      const offset = widthNum - actionWidth - 6
-      return { offset, widthNum, actionWidth }
-    }
-
-    function handleDragMoving(e: MouseEvent | TouchEvent) {
-      const { isMoving, moveDistance } = state
-      if (isMoving) {
-        const actionEl = unref(actionElRef)
-        const barEl = unref(barElRef)
-        if (!actionEl || !barEl) return
-        const { offset, widthNum, actionWidth } = getOffset(actionEl)
-        const moveX = getEventPageX(e) - moveDistance
-
-        emit('move', {
-          event: e,
-          moveDistance,
-          moveX,
-        })
-        if (moveX > 0 && moveX <= offset) {
-          actionEl.style.left = `${moveX}px`
-          barEl.style.width = `${moveX + actionWidth / 2}px`
-        } else if (moveX > offset) {
-          actionEl.style.left = `${widthNum - actionWidth}px`
-          barEl.style.width = `${widthNum - actionWidth / 2}px`
-          if (!props.isSlot) {
-            checkPass()
-          }
-        }
-      }
-    }
-
-    function handleDragOver(e: MouseEvent | TouchEvent) {
-      const { isMoving, isPassing, moveDistance } = state
-      if (isMoving && !isPassing) {
-        emit('end', e)
-        const actionEl = unref(actionElRef)
-        const barEl = unref(barElRef)
-        if (!actionEl || !barEl) return
-        const moveX = getEventPageX(e) - moveDistance
-        const { offset, widthNum, actionWidth } = getOffset(actionEl)
-        if (moveX < offset) {
-          if (!props.isSlot) {
-            resume()
-          } else {
-            setTimeout(() => {
-              if (!props.value) {
-                resume()
-              } else {
-                const contentEl = unref(contentElRef)
-                if (contentEl) {
-                  contentEl.style.width = `${parseInt(barEl.style.width)}px`
-                }
-              }
-            }, 0)
-          }
-        } else {
-          actionEl.style.left = `${widthNum - actionWidth}px`
-          barEl.style.width = `${widthNum - actionWidth / 2}px`
-          checkPass()
-        }
-        state.isMoving = false
-      }
-    }
-
-    function checkPass() {
-      if (props.isSlot) {
-        resume()
-        return
-      }
-      state.endTime = new Date().getTime()
-      state.isPassing = true
-      state.isMoving = false
-    }
-
-    function resume() {
-      state.isMoving = false
-      state.isPassing = false
-      state.moveDistance = 0
-      state.toLeft = false
-      state.startTime = 0
-      state.endTime = 0
-      const actionEl = unref(actionElRef)
-      const barEl = unref(barElRef)
-      const contentEl = unref(contentElRef)
-      if (!actionEl || !barEl || !contentEl) return
-      state.toLeft = true
-      useTimeoutFn(() => {
-        state.toLeft = false
-        actionEl.style.left = '0'
-        barEl.style.width = '0'
-        //  The time is consistent with the animation time
-      }, 300)
-      contentEl.style.width = unref(getContentStyleRef).width
-    }
-
-    expose({
-      resume,
-    })
-
-    return () => {
-      const renderBar = () => {
-        const cls = [`darg-verify-bar`]
-        if (state.toLeft) {
-          cls.push('to-left')
-        }
-        return <div class={cls} ref={barElRef} style={unref(getBarStyleRef)} />
-      }
-
-      const renderContent = () => {
-        const cls = [`darg-verify-content`]
-        const { isPassing } = state
-        const { text, successText } = props
-
-        isPassing && cls.push('success')
-
-        return (
-          <div class={cls} ref={contentElRef} style={unref(getContentStyleRef)}>
-            {getSlot(slots, 'text', isPassing) ||
-              (isPassing ? successText : text)}
-          </div>
-        )
-      }
-
-      const renderAction = () => {
-        const cls = [`darg-verify-action`]
-        const { toLeft, isPassing } = state
-        if (toLeft) {
-          cls.push('to-left')
-        }
-        return (
-          <div
-            class={cls}
-            onMousedown={handleDragStart}
-            onTouchstart={handleDragStart}
-            style={unref(getActionStyleRef)}
-            ref={actionElRef}
-          >
-            {getSlot(slots, 'actionIcon', isPassing) ||
-              (isPassing ? (
-                <CheckOutlined class={`darg-verify-action__icon`} />
-              ) : (
-                <DoubleRightOutlined class={`darg-verify-action__icon`} />
-              ))}
-          </div>
-        )
-      }
-
-      return (
-        <div
-          class="darg-verify"
-          ref={wrapElRef}
-          style={unref(getWrapStyleRef)}
-          onMousemove={handleDragMoving}
-          onTouchmove={handleDragMoving}
-          onMouseleave={handleDragOver}
-          onMouseup={handleDragOver}
-          onTouchend={handleDragOver}
-        >
-          {renderBar()}
-          {renderContent()}
-          {renderAction()}
-        </div>
-      )
-    }
-  },
-})
-</script>
-<style lang="less">
-@radius: 4px;
-
-.darg-verify {
-  position: relative;
-  overflow: hidden;
-  text-align: center;
-  background-color: rgb(238 238 238);
-  border: 1px solid #ddd;
-  border-radius: @radius;
-
-  &-bar {
-    position: absolute;
-    width: 0;
-    height: 36px;
-    background-color: @success-color;
-    border-radius: @radius;
-
-    &.to-left {
-      width: 0 !important;
-      transition: width 0.3s;
-    }
-  }
-
-  &-content {
-    position: absolute;
-    top: 0;
-    font-size: 12px;
-    text-size-adjust: none;
-    background-color: -webkit-gradient(
-      linear,
-      left top,
-      right top,
-      color-stop(0, #333),
-      color-stop(0.4, #333),
-      color-stop(0.5, #fff),
-      color-stop(0.6, #333),
-      color-stop(1, #333)
-    );
-    animation: slidetounlock 3s infinite;
-    background-clip: text;
-    user-select: none;
-
-    &.success {
-      -webkit-text-fill-color: @white;
-    }
-
-    & > * {
-      -webkit-text-fill-color: #333;
-    }
-  }
-
-  &-action {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    cursor: move;
-    background-color: @white;
-    border-radius: @radius;
-    justify-content: center;
-    align-items: center;
-
-    &__icon {
-      cursor: inherit;
-    }
-
-    &.to-left {
-      left: 0 !important;
-      transition: left 0.3s;
-    }
-  }
-}
-
-@keyframes slidetounlock {
-  0% {
-    background-position: -120px 0;
-  }
-
-  100% {
-    background-position: 120px 0;
-  }
-}
-</style>
diff --git a/admin/src/components/Verify/src/ImgRotate.vue b/admin/src/components/Verify/src/ImgRotate.vue
deleted file mode 100644
index d2cc410d..00000000
--- a/admin/src/components/Verify/src/ImgRotate.vue
+++ /dev/null
@@ -1,234 +0,0 @@
-<script lang="tsx">
-import type { MoveData, DragVerifyActionType } from './typing'
-import { defineComponent, computed, unref, reactive, watch, ref } from 'vue'
-import { useTimeoutFn } from '@admin/use'
-import BasicDragVerify from './DragVerify.vue'
-import { hackCss } from '@admin/utils'
-import { rotateProps } from './props'
-import { useI18n } from '@admin/locale'
-
-export default defineComponent({
-  name: 'ImgRotateDragVerify',
-  inheritAttrs: false,
-  props: rotateProps,
-  emits: ['success', 'change', 'update:value'],
-  setup(props, { emit, attrs, expose }) {
-    const basicRef = ref<Nullable<DragVerifyActionType>>(null)
-    const state = reactive({
-      showTip: false,
-      isPassing: false,
-      imgStyle: {},
-      randomRotate: 0,
-      currentRotate: 0,
-      toOrigin: false,
-      startTime: 0,
-      endTime: 0,
-      draged: false,
-    })
-    const { t } = useI18n()
-
-    watch(
-      () => state.isPassing,
-      (isPassing) => {
-        if (isPassing) {
-          const { startTime, endTime } = state
-          const time = (endTime - startTime) / 1000
-          emit('success', { isPassing, time: time.toFixed(1) })
-          emit('change', isPassing)
-          emit('update:value', isPassing)
-        }
-      },
-    )
-
-    const getImgWrapStyleRef = computed(() => {
-      const { imgWrapStyle, imgWidth } = props
-      return {
-        width: `${imgWidth}px`,
-        height: `${imgWidth}px`,
-        ...imgWrapStyle,
-      }
-    })
-
-    const getFactorRef = computed(() => {
-      const { minDegree, maxDegree } = props
-      if (minDegree === maxDegree) {
-        return Math.floor(1 + Math.random() * 1) / 10 + 1
-      }
-      return 1
-    })
-    function handleStart() {
-      state.startTime = new Date().getTime()
-    }
-
-    function handleDragBarMove(data: MoveData) {
-      state.draged = true
-      const { imgWidth, height, maxDegree } = props
-      const { moveX } = data
-      const currentRotate = Math.ceil(
-        (moveX / (imgWidth! - parseInt(height as string))) *
-          maxDegree! *
-          unref(getFactorRef),
-      )
-      state.currentRotate = currentRotate
-      state.imgStyle = hackCss(
-        'transform',
-        `rotateZ(${state.randomRotate - currentRotate}deg)`,
-      )
-    }
-
-    function handleImgOnLoad() {
-      const { minDegree, maxDegree } = props
-      const ranRotate = Math.floor(
-        minDegree! + Math.random() * (maxDegree! - minDegree!),
-      ) // 生成随机角度
-      state.randomRotate = ranRotate
-      state.imgStyle = hackCss('transform', `rotateZ(${ranRotate}deg)`)
-    }
-
-    function handleDragEnd() {
-      const { randomRotate, currentRotate } = state
-      const { diffDegree } = props
-
-      if (Math.abs(randomRotate - currentRotate) >= (diffDegree || 20)) {
-        state.imgStyle = hackCss('transform', `rotateZ(${randomRotate}deg)`)
-        state.toOrigin = true
-        useTimeoutFn(() => {
-          state.toOrigin = false
-          state.showTip = true
-          //  时间与动画时间保持一致
-        }, 300)
-      } else {
-        checkPass()
-      }
-      state.showTip = true
-    }
-    function checkPass() {
-      state.isPassing = true
-      state.endTime = new Date().getTime()
-    }
-
-    function resume() {
-      state.showTip = false
-      const basicEl = unref(basicRef)
-      if (!basicEl) {
-        return
-      }
-      state.isPassing = false
-
-      basicEl.resume()
-      handleImgOnLoad()
-    }
-
-    expose({ resume })
-
-    // handleImgOnLoad();
-    return () => {
-      const { src } = props
-      const { toOrigin, isPassing, startTime, endTime } = state
-      const imgCls: string[] = []
-      if (toOrigin) {
-        imgCls.push('to-origin')
-      }
-      const time = (endTime - startTime) / 1000
-
-      return (
-        <div class="ir-dv">
-          <div class={`ir-dv-img__wrap`} style={unref(getImgWrapStyleRef)}>
-            <img
-              src={src}
-              onLoad={handleImgOnLoad}
-              width={parseInt(props.width as string)}
-              class={imgCls}
-              style={state.imgStyle}
-              onClick={() => {
-                resume()
-              }}
-              alt="verify"
-            />
-            {state.showTip && (
-              <span
-                class={[
-                  `ir-dv-img__tip`,
-                  state.isPassing ? 'success' : 'error',
-                ]}
-              >
-                {state.isPassing
-                  ? t('component.verify.time', { time: time.toFixed(1) })
-                  : t('component.verify.error')}
-              </span>
-            )}
-            {!state.showTip && !state.draged && (
-              <span class={[`ir-dv-img__tip`, 'normal']}>
-                {t('component.verify.redoTip')}
-              </span>
-            )}
-          </div>
-          <BasicDragVerify
-            class={`ir-dv-drag__bar`}
-            onMove={handleDragBarMove}
-            onEnd={handleDragEnd}
-            onStart={handleStart}
-            ref={basicRef}
-            {...{ ...attrs, ...props }}
-            value={isPassing}
-            isSlot={true}
-          />
-        </div>
-      )
-    }
-  },
-})
-</script>
-<style lang="less">
-.ir-dv {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  &-img__wrap {
-    position: relative;
-    overflow: hidden;
-    border-radius: 50%;
-
-    img {
-      width: 100%;
-      border-radius: 50%;
-
-      &.to-origin {
-        transition: transform 0.3s;
-      }
-    }
-  }
-
-  &-img__tip {
-    position: absolute;
-    bottom: 10px;
-    left: 0;
-    z-index: 1;
-    display: block;
-    width: 100%;
-    height: 30px;
-    font-size: 12px;
-    line-height: 30px;
-    color: @white;
-    text-align: center;
-
-    &.success {
-      background-color: fade(@success-color, 60%);
-    }
-
-    &.error {
-      background-color: fade(@error-color, 60%);
-    }
-
-    &.normal {
-      background-color: rgb(0 0 0 / 30%);
-    }
-  }
-
-  &-drag__bar {
-    margin-top: 20px;
-  }
-}
-</style>
diff --git a/admin/src/components/Verify/src/props.ts b/admin/src/components/Verify/src/props.ts
deleted file mode 100644
index 8a69f2de..00000000
--- a/admin/src/components/Verify/src/props.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import type { PropType } from 'vue'
-import { useI18n } from '@admin/locale'
-
-const { t } = useI18n()
-export const basicProps = {
-  value: {
-    type: Boolean as PropType<boolean>,
-    default: false,
-  },
-
-  isSlot: {
-    type: Boolean as PropType<boolean>,
-    default: false,
-  },
-
-  text: {
-    type: [String] as PropType<string>,
-    default: t('component.verify.dragText'),
-  },
-  successText: {
-    type: [String] as PropType<string>,
-    default: t('component.verify.successText'),
-  },
-  height: {
-    type: [Number, String] as PropType<number | string>,
-    default: 40,
-  },
-
-  width: {
-    type: [Number, String] as PropType<number | string>,
-    default: 220,
-  },
-
-  circle: {
-    type: Boolean as PropType<boolean>,
-    default: false,
-  },
-
-  wrapStyle: {
-    type: Object as PropType<any>,
-    default: {},
-  },
-  contentStyle: {
-    type: Object as PropType<any>,
-    default: {},
-  },
-  barStyle: {
-    type: Object as PropType<any>,
-    default: {},
-  },
-  actionStyle: {
-    type: Object as PropType<any>,
-    default: {},
-  },
-}
-
-export const rotateProps = {
-  ...basicProps,
-  src: {
-    type: String as PropType<string>,
-  },
-
-  imgWidth: {
-    type: Number as PropType<number>,
-    default: 260,
-  },
-
-  imgWrapStyle: {
-    type: Object as PropType<any>,
-    default: {},
-  },
-
-  minDegree: {
-    type: Number as PropType<number>,
-    default: 90,
-  },
-
-  maxDegree: {
-    type: Number as PropType<number>,
-    default: 270,
-  },
-
-  diffDegree: {
-    type: Number as PropType<number>,
-    default: 20,
-  },
-}
diff --git a/admin/src/components/Verify/src/typing.ts b/admin/src/components/Verify/src/typing.ts
deleted file mode 100644
index 6ff148e4..00000000
--- a/admin/src/components/Verify/src/typing.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export interface DragVerifyActionType {
-  resume: () => void
-}
-
-export interface PassingData {
-  isPassing: boolean
-  time: number
-}
-
-export interface MoveData {
-  event: MouseEvent | TouchEvent
-  moveDistance: number
-  moveX: number
-}
diff --git a/admin/src/components/VirtualScroll/index.ts b/admin/src/components/VirtualScroll/index.ts
deleted file mode 100644
index e4ef792c..00000000
--- a/admin/src/components/VirtualScroll/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { withInstall } from '@admin/utils'
-import vScroll from './src/VirtualScroll.vue'
-
-export const VScroll = withInstall(vScroll)
diff --git a/admin/src/components/VirtualScroll/src/VirtualScroll.vue b/admin/src/components/VirtualScroll/src/VirtualScroll.vue
deleted file mode 100644
index 90f50e8a..00000000
--- a/admin/src/components/VirtualScroll/src/VirtualScroll.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<script lang="tsx">
-import {
-  defineComponent,
-  computed,
-  ref,
-  unref,
-  reactive,
-  onMounted,
-  watch,
-  nextTick,
-  CSSProperties,
-} from 'vue'
-import { useEventListener } from '@/hooks/event/useEventListener'
-import { getSlot } from '@admin/utils'
-
-type NumberOrNumberString = PropType<string | number | undefined>
-
-const props = {
-  height: [Number, String] as NumberOrNumberString,
-  maxHeight: [Number, String] as NumberOrNumberString,
-  maxWidth: [Number, String] as NumberOrNumberString,
-  minHeight: [Number, String] as NumberOrNumberString,
-  minWidth: [Number, String] as NumberOrNumberString,
-  width: [Number, String] as NumberOrNumberString,
-  bench: {
-    type: [Number, String] as NumberOrNumberString,
-    default: 0,
-  },
-  itemHeight: {
-    type: [Number, String] as NumberOrNumberString,
-    required: true,
-  },
-  items: {
-    type: Array as PropType<any[]>,
-    default: () => [],
-  },
-}
-
-const prefixCls = 'virtual-scroll'
-
-function convertToUnit(
-  str: string | number | null | undefined,
-  unit = 'px',
-): string | undefined {
-  if (str == null || str === '') {
-    return undefined
-  } else if (isNaN(+str!)) {
-    return String(str)
-  } else {
-    return `${Number(str)}${unit}`
-  }
-}
-
-export default defineComponent({
-  name: 'VirtualScroll',
-  props,
-  setup(props, { slots }) {
-    const wrapElRef = ref<HTMLDivElement | null>(null)
-    const state = reactive({
-      first: 0,
-      last: 0,
-      scrollTop: 0,
-    })
-
-    const getBenchRef = computed(() => {
-      return parseInt(props.bench as string, 10)
-    })
-
-    const getItemHeightRef = computed(() => {
-      return parseInt(props.itemHeight as string, 10)
-    })
-
-    const getFirstToRenderRef = computed(() => {
-      return Math.max(0, state.first - unref(getBenchRef))
-    })
-
-    const getLastToRenderRef = computed(() => {
-      return Math.min(
-        (props.items || []).length,
-        state.last + unref(getBenchRef),
-      )
-    })
-
-    const getContainerStyleRef = computed((): CSSProperties => {
-      return {
-        height: convertToUnit(
-          (props.items || []).length * unref(getItemHeightRef),
-        ),
-      }
-    })
-
-    const getWrapStyleRef = computed((): CSSProperties => {
-      const styles: Recordable<string> = {}
-      const height = convertToUnit(props.height)
-      const minHeight = convertToUnit(props.minHeight)
-      const minWidth = convertToUnit(props.minWidth)
-      const maxHeight = convertToUnit(props.maxHeight)
-      const maxWidth = convertToUnit(props.maxWidth)
-      const width = convertToUnit(props.width)
-
-      if (height) styles.height = height
-      if (minHeight) styles.minHeight = minHeight
-      if (minWidth) styles.minWidth = minWidth
-      if (maxHeight) styles.maxHeight = maxHeight
-      if (maxWidth) styles.maxWidth = maxWidth
-      if (width) styles.width = width
-      return styles
-    })
-
-    watch([() => props.itemHeight, () => props.height], () => {
-      onScroll()
-    })
-
-    function getLast(first: number): number {
-      const wrapEl = unref(wrapElRef)
-      if (!wrapEl) {
-        return 0
-      }
-      const height =
-        parseInt(`${props.height}` || '0', 10) || wrapEl.clientHeight
-
-      return first + Math.ceil(height / unref(getItemHeightRef))
-    }
-
-    function getFirst(): number {
-      return Math.floor(state.scrollTop / unref(getItemHeightRef))
-    }
-
-    function onScroll() {
-      const wrapEl = unref(wrapElRef)
-      if (!wrapEl) {
-        return
-      }
-      state.scrollTop = wrapEl.scrollTop
-      state.first = getFirst()
-      state.last = getLast(state.first)
-    }
-
-    function renderChildren() {
-      const { items = [] } = props
-      return items
-        .slice(unref(getFirstToRenderRef), unref(getLastToRenderRef))
-        .map(genChild)
-    }
-
-    function genChild(item: any, index: number) {
-      index += unref(getFirstToRenderRef)
-      const top = convertToUnit(index * unref(getItemHeightRef))
-      return (
-        <div class={`${prefixCls}__item`} style={{ top }} key={index}>
-          {getSlot(slots, 'default', { index, item })}
-        </div>
-      )
-    }
-
-    onMounted(() => {
-      state.last = getLast(0)
-      nextTick(() => {
-        const wrapEl = unref(wrapElRef)
-        if (!wrapEl) {
-          return
-        }
-        useEventListener({
-          el: wrapEl,
-          name: 'scroll',
-          listener: onScroll,
-          wait: 0,
-        })
-      })
-    })
-
-    return () => (
-      <div class={prefixCls} style={unref(getWrapStyleRef)} ref={wrapElRef}>
-        <div
-          class={`${prefixCls}__container`}
-          style={unref(getContainerStyleRef)}
-        >
-          {renderChildren()}
-        </div>
-      </div>
-    )
-  },
-})
-</script>
-<style scoped lang="less">
-.virtual-scroll {
-  position: relative;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  overflow: auto;
-  flex: 1 1 auto;
-
-  &__container {
-    display: block;
-  }
-
-  &__item {
-    position: absolute;
-    right: 0;
-    left: 0;
-  }
-}
-</style>
diff --git a/admin/src/hooks/event/useIntersectionObserver.ts b/admin/src/hooks/event/useIntersectionObserver.ts
deleted file mode 100644
index 9329366b..00000000
--- a/admin/src/hooks/event/useIntersectionObserver.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Ref, watchEffect, ref } from 'vue'
-
-interface IntersectionObserverProps {
-  target: Ref<Element | null | undefined>
-  root?: Ref<any>
-  onIntersect: IntersectionObserverCallback
-  rootMargin?: string
-  threshold?: number
-}
-
-export function useIntersectionObserver({
-  target,
-  root,
-  onIntersect,
-  rootMargin = '0px',
-  threshold = 0.1,
-}: IntersectionObserverProps) {
-  let cleanup = () => {}
-  const observer: Ref<Nullable<IntersectionObserver>> = ref(null)
-  const stopEffect = watchEffect(() => {
-    cleanup()
-
-    observer.value = new IntersectionObserver(onIntersect, {
-      root: root ? root.value : null,
-      rootMargin,
-      threshold,
-    })
-
-    const current = target.value
-
-    current && observer.value.observe(current)
-
-    cleanup = () => {
-      if (observer.value) {
-        observer.value.disconnect()
-        target.value && observer.value.unobserve(target.value)
-      }
-    }
-  })
-
-  return {
-    observer,
-    stop: () => {
-      cleanup()
-      stopEffect()
-    },
-  }
-}
diff --git a/admin/src/hooks/setting/useRootSetting.ts b/admin/src/hooks/setting/useRootSetting.ts
index 59580bf5..7bedb32f 100644
--- a/admin/src/hooks/setting/useRootSetting.ts
+++ b/admin/src/hooks/setting/useRootSetting.ts
@@ -43,10 +43,6 @@ export function useRootSetting() {
     () => appStore.getProjectConfig.showSettingButton,
   )
 
-  const getUseErrorHandle = computed(
-    () => appStore.getProjectConfig.useErrorHandle,
-  )
-
   const getShowFooter = computed(() => appStore.getProjectConfig.showFooter)
 
   const getShowBreadCrumb = computed(
@@ -99,7 +95,6 @@ export function useRootSetting() {
     getCanEmbedIFramePage,
     getPermissionMode,
     getShowLogo,
-    getUseErrorHandle,
     getShowBreadCrumb,
     getShowBreadCrumbIcon,
     getUseOpenBackTop,
diff --git a/admin/src/layouts/default/header/components/index.ts b/admin/src/layouts/default/header/components/index.ts
index 2bfcde49..984a2ce2 100644
--- a/admin/src/layouts/default/header/components/index.ts
+++ b/admin/src/layouts/default/header/components/index.ts
@@ -8,8 +8,4 @@ export const LayoutBreadcrumb = createAsyncComponent(
 
 export const Notify = createAsyncComponent(() => import('./notify/index.vue'))
 
-export const ErrorAction = createAsyncComponent(
-  () => import('./ErrorAction.vue'),
-)
-
 export { FullScreen, UserDropDown }
diff --git a/admin/src/layouts/default/header/index.vue b/admin/src/layouts/default/header/index.vue
index 0719b730..ae2e75db 100644
--- a/admin/src/layouts/default/header/index.vue
+++ b/admin/src/layouts/default/header/index.vue
@@ -42,11 +42,6 @@
     <div :class="`${prefixCls}-action`">
       <AppSearch :class="`${prefixCls}-action__item `" v-if="getShowSearch" />
 
-      <ErrorAction
-        v-if="getUseErrorHandle"
-        :class="`${prefixCls}-action__item error-action`"
-      />
-
       <Notify
         v-if="getShowNotice"
         :class="`${prefixCls}-action__item notify-item`"
@@ -97,7 +92,6 @@ import {
   LayoutBreadcrumb,
   FullScreen,
   Notify,
-  ErrorAction,
 } from './components'
 import { useAppInject } from '@/hooks/web/useAppInject'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -118,7 +112,6 @@ export default defineComponent({
     FullScreen,
     Notify,
     AppSearch,
-    ErrorAction,
     SettingDrawer,
   },
   props: {
@@ -134,11 +127,7 @@ export default defineComponent({
       getMenuWidth,
       getIsMixSidebar,
     } = useMenuSetting()
-    const {
-      getUseErrorHandle,
-      getShowSettingButton,
-      getSettingButtonPosition,
-    } = useRootSetting()
+    const { getShowSettingButton, getSettingButtonPosition } = useRootSetting()
 
     const {
       getHeaderTheme,
@@ -211,7 +200,6 @@ export default defineComponent({
       showLocalePicker,
       getShowFullScreen,
       getShowNotice,
-      getUseErrorHandle,
       getLogoWidth,
       getIsMixSidebar,
       getShowSettingButton,
diff --git a/admin/src/layouts/iframe/index.vue b/admin/src/layouts/iframe/index.vue
index 886cd464..fc35fda4 100644
--- a/admin/src/layouts/iframe/index.vue
+++ b/admin/src/layouts/iframe/index.vue
@@ -1,7 +1,17 @@
+<script lang="ts" setup>
+import { unref, computed } from 'vue'
+import FramePage from '@/views/sys/iframe/index.vue'
+import { useFrameKeepAlive } from './useFrameKeepAlive'
+
+const { getFramePages, hasRenderFrame, showIframe } = useFrameKeepAlive()
+
+const showFrame = computed(() => unref(getFramePages).length > 0)
+</script>
+
 <template>
   <div v-if="showFrame">
     <template v-for="frame in getFramePages" :key="frame.path">
-      <FramePage
+      <frame-page
         v-if="frame.meta.frameSrc && hasRenderFrame(frame.name)"
         v-show="showIframe(frame)"
         :frameSrc="frame.meta.frameSrc"
@@ -9,21 +19,3 @@
     </template>
   </div>
 </template>
-<script lang="ts">
-import { defineComponent, unref, computed } from 'vue'
-import FramePage from '@/views/sys/iframe/index.vue'
-
-import { useFrameKeepAlive } from './useFrameKeepAlive'
-
-export default defineComponent({
-  name: 'FrameLayout',
-  components: { FramePage },
-  setup() {
-    const { getFramePages, hasRenderFrame, showIframe } = useFrameKeepAlive()
-
-    const showFrame = computed(() => unref(getFramePages).length > 0)
-
-    return { getFramePages, hasRenderFrame, showIframe, showFrame }
-  },
-})
-</script>
diff --git a/admin/src/layouts/page/index.vue b/admin/src/layouts/page/index.vue
index 9f7da0f0..3ac082e9 100644
--- a/admin/src/layouts/page/index.vue
+++ b/admin/src/layouts/page/index.vue
@@ -1,50 +1,37 @@
-<template>
-  <RouterView>
-    <template #default="{ Component, route }">
-      <transition name="fade-slide" mode="out-in" appear>
-        <keep-alive v-if="openCache" :include="getCaches">
-          <component :is="Component" :key="route.fullPath" />
-        </keep-alive>
-        <component v-else :is="Component" :key="route.fullPath" />
-      </transition>
-    </template>
-  </RouterView>
-  <FrameLayout v-if="getCanEmbedIFramePage" />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, unref } from 'vue'
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
 import { useRootSetting } from '@/hooks/setting/useRootSetting'
 import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
 import { useMultipleTabStore } from '@/store/multipleTab'
-
 import FrameLayout from '@/layouts/iframe/index.vue'
 
-export default defineComponent({
-  name: 'PageLayout',
-  components: { FrameLayout },
-  setup() {
-    const { getShowMultipleTab } = useMultipleTabSetting()
-    const tabStore = useMultipleTabStore()
+const { getShowMultipleTab } = useMultipleTabSetting()
+const tabStore = useMultipleTabStore()
 
-    const { getOpenKeepAlive, getCanEmbedIFramePage } = useRootSetting()
+const { getOpenKeepAlive, getCanEmbedIFramePage } = useRootSetting()
 
-    const openCache = computed(
-      () => unref(getOpenKeepAlive) && unref(getShowMultipleTab),
-    )
+const openCache = computed(
+  () => unref(getOpenKeepAlive) && unref(getShowMultipleTab),
+)
 
-    const getCaches = computed((): string[] => {
-      if (!unref(getOpenKeepAlive)) {
-        return []
-      }
-      return tabStore.getCachedTabList
-    })
-
-    return {
-      openCache,
-      getCaches,
-      getCanEmbedIFramePage,
-    }
-  },
+const getCaches = computed((): string[] => {
+  if (!unref(getOpenKeepAlive)) {
+    return []
+  }
+  return tabStore.getCachedTabList
 })
 </script>
+
+<template>
+  <router-view>
+    <template #default="{ Component, route }">
+      <transition name="fade-slide" mode="out-in" appear>
+        <keep-alive v-if="openCache" :include="getCaches">
+          <component :is="Component" :key="route.fullPath" />
+        </keep-alive>
+        <component v-else :is="Component" :key="route.fullPath" />
+      </transition>
+    </template>
+  </router-view>
+  <frame-layout v-if="getCanEmbedIFramePage" />
+</template>
diff --git a/admin/src/logics/error-handle/index.ts b/admin/src/logics/error-handle/index.ts
deleted file mode 100644
index 9509d7f2..00000000
--- a/admin/src/logics/error-handle/index.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-/**
- * Used to configure the global error handling function, which can monitor vue errors, script errors, static resource errors and Promise errors
- */
-
-import type { ErrorLogInfo } from '@admin/types'
-import type { App } from 'vue'
-
-import { useErrorLogStoreWithOut } from '@/store/errorLog'
-import { ErrorTypeEnum } from '@admin/tokens'
-import { projectSetting } from '@admin/setting'
-
-/**
- * Handling error stack information
- * @param error
- */
-function processStackMsg(error: Error) {
-  if (!error.stack) {
-    return ''
-  }
-  let stack = error.stack
-    .replace(/\n/gi, '') // Remove line breaks to save the size of the transmitted content
-    .replace(/\bat\b/gi, '@') // At in chrome, @ in ff
-    .split('@') // Split information with @
-    .slice(0, 9) // The maximum stack length (Error.stackTraceLimit = 10), so only take the first 10
-    .map((v) => v.replace(/^\s*|\s*$/g, '')) // Remove extra spaces
-    .join('~') // Manually add separators for later display
-    .replace(/\?[^:]+/gi, '') // Remove redundant parameters of js file links (?x=1 and the like)
-  const msg = error.toString()
-  if (stack.indexOf(msg) < 0) {
-    stack = msg + '@' + stack
-  }
-  return stack
-}
-
-/**
- * get comp name
- * @param vm
- */
-function formatComponentName(vm: any) {
-  if (vm.$root === vm) {
-    return {
-      name: 'root',
-      path: 'root',
-    }
-  }
-
-  const options = vm.$options as any
-  if (!options) {
-    return {
-      name: 'anonymous',
-      path: 'anonymous',
-    }
-  }
-  const name = options.name || options._componentTag
-  return {
-    name: name,
-    path: options.__file,
-  }
-}
-
-/**
- * Configure Vue error handling function
- */
-
-function vueErrorHandler(err: Error, vm: any, info: string) {
-  const errorLogStore = useErrorLogStoreWithOut()
-  const { name, path } = formatComponentName(vm)
-  errorLogStore.addErrorLogInfo({
-    type: ErrorTypeEnum.VUE,
-    name,
-    file: path,
-    message: err.message,
-    stack: processStackMsg(err),
-    detail: info,
-    url: window.location.href,
-  })
-}
-
-/**
- * Configure script error handling function
- */
-export function scriptErrorHandler(
-  event: Event | string,
-  source?: string,
-  lineno?: number,
-  colno?: number,
-  error?: Error,
-) {
-  if (event === 'Script error.' && !source) {
-    return false
-  }
-  const errorInfo: Partial<ErrorLogInfo> = {}
-  colno = colno || (window.event && (window.event as any).errorCharacter) || 0
-  errorInfo.message = event as string
-  if (error?.stack) {
-    errorInfo.stack = error.stack
-  } else {
-    errorInfo.stack = ''
-  }
-  const name = source ? source.substr(source.lastIndexOf('/') + 1) : 'script'
-  const errorLogStore = useErrorLogStoreWithOut()
-  errorLogStore.addErrorLogInfo({
-    type: ErrorTypeEnum.SCRIPT,
-    name: name,
-    file: source as string,
-    detail: 'lineno' + lineno,
-    url: window.location.href,
-    ...(errorInfo as Pick<ErrorLogInfo, 'message' | 'stack'>),
-  })
-  return true
-}
-
-/**
- * Configure Promise error handling function
- */
-function registerPromiseErrorHandler() {
-  window.addEventListener(
-    'unhandledrejection',
-    function (event) {
-      const errorLogStore = useErrorLogStoreWithOut()
-      errorLogStore.addErrorLogInfo({
-        type: ErrorTypeEnum.PROMISE,
-        name: 'Promise Error!',
-        file: 'none',
-        detail: 'promise error!',
-        url: window.location.href,
-        stack: 'promise error!',
-        message: event.reason,
-      })
-    },
-    true,
-  )
-}
-
-/**
- * Configure monitoring resource loading error handling function
- */
-function registerResourceErrorHandler() {
-  // Monitoring resource loading error(img,script,css,and jsonp)
-  window.addEventListener(
-    'error',
-    function (e: Event) {
-      const target = e.target ? e.target : (e.srcElement as any)
-      const errorLogStore = useErrorLogStoreWithOut()
-      errorLogStore.addErrorLogInfo({
-        type: ErrorTypeEnum.RESOURCE,
-        name: 'Resource Error!',
-        file: (e.target || ({} as any)).currentSrc,
-        detail: JSON.stringify({
-          tagName: target.localName,
-          html: target.outerHTML,
-          type: e.type,
-        }),
-        url: window.location.href,
-        stack: 'resource is not found',
-        message: (e.target || ({} as any)).localName + ' is load error',
-      })
-    },
-    true,
-  )
-}
-
-/**
- * Configure global error handling
- * @param app
- */
-export function setupErrorHandle(app: App) {
-  const { useErrorHandle } = projectSetting
-  if (!useErrorHandle) {
-    return
-  }
-  // Vue exception monitoring;
-  app.config.errorHandler = vueErrorHandler
-
-  // script error
-  window.onerror = scriptErrorHandler
-
-  //  promise exception
-  registerPromiseErrorHandler()
-
-  // Static resource exception
-  registerResourceErrorHandler()
-}
diff --git a/admin/src/main.ts b/admin/src/main.ts
index ac8c1ff5..3eb5c12d 100644
--- a/admin/src/main.ts
+++ b/admin/src/main.ts
@@ -1,5 +1,4 @@
 import 'ant-design-vue/dist/antd.less'
-import './tailwind.css'
 import '@/styles/index.less'
 // Register icon sprite
 import 'virtual:svg-icons-register'
@@ -8,13 +7,10 @@ import App from './App.vue'
 import { initAdminModules } from './initAdminModules'
 import { createApp } from 'vue'
 import { initAppConfigStore } from '@/logics/initAppConfig'
-import { setupErrorHandle } from '@/logics/error-handle'
 import { router, setupRouter } from '@/router'
 import { setupRouterGuard } from '@/router/guard'
 import { pinia, registerGlobalComponents } from '@/internal'
 import { setupI18n } from '@admin/locale'
-import { namespace } from '@admin/setting'
-import { createBEMPlugin } from '@admin/utils/bem'
 import { registerGlobalDirective } from '@admin/directives'
 
 const bootstrap = async () => {
@@ -26,8 +22,6 @@ const bootstrap = async () => {
   // ! 需要注意调用时机
   await initAdminModules()
 
-  app.use(createBEMPlugin(namespace))
-
   // Initialize internal system configuration
   initAppConfigStore()
 
@@ -49,9 +43,6 @@ const bootstrap = async () => {
   // Register global directive
   registerGlobalDirective(app)
 
-  // Configure global error handling
-  setupErrorHandle(app)
-
   await router.isReady()
 
   app.mount('#app')
diff --git a/admin/src/router/constant.ts b/admin/src/router/constant.ts
index bd435bfd..46d25822 100644
--- a/admin/src/router/constant.ts
+++ b/admin/src/router/constant.ts
@@ -8,7 +8,5 @@ export const LAYOUT = () => import('@/layouts/default/index.vue')
  */
 export const getParentLayout = () => () =>
   new Promise((resolve) => {
-    resolve({
-      name: 'ParentLayout',
-    })
+    resolve({ name: 'ParentLayout' })
   })
diff --git a/admin/src/router/index.ts b/admin/src/router/index.ts
index a8d78b3b..91bbc9ef 100644
--- a/admin/src/router/index.ts
+++ b/admin/src/router/index.ts
@@ -1,18 +1,19 @@
 import type { App } from 'vue'
-
 import { createRouter, createWebHashHistory } from 'vue-router'
 import { basicRoutes } from './routes'
 
 // 白名单应该包含基本静态路由
 const WHITE_NAME_LIST: string[] = []
 
-const getRouteNames = (array: any[]) =>
-  array.forEach((item) => {
-    WHITE_NAME_LIST.push(item.name)
-    getRouteNames(item.children || [])
-  })
+;(() => {
+  const getRouteNames = (array: any[]) =>
+    array.forEach((item) => {
+      WHITE_NAME_LIST.push(item.name)
+      getRouteNames(item.children || [])
+    })
 
-getRouteNames(basicRoutes)
+  getRouteNames(basicRoutes)
+})()
 
 // app router
 export const router = createRouter({
diff --git a/admin/src/router/routes/basic.ts b/admin/src/router/routes/basic.ts
index ea6ce39c..370a037c 100644
--- a/admin/src/router/routes/basic.ts
+++ b/admin/src/router/routes/basic.ts
@@ -1,4 +1,3 @@
-import { t } from '@admin/locale'
 import { REDIRECT_NAME, PAGE_NOT_FOUND_NAME } from '@admin/tokens'
 import { LAYOUT } from '@/router/constant'
 
@@ -50,27 +49,3 @@ export const REDIRECT_ROUTE: RouteRecordItem = {
     },
   ],
 }
-
-export const ERROR_LOG_ROUTE: RouteRecordItem = {
-  path: '/error-log',
-  name: 'ErrorLog',
-  component: LAYOUT,
-  redirect: '/error-log/list',
-  meta: {
-    title: 'ErrorLog',
-    hideBreadcrumb: true,
-    hideChildrenInMenu: true,
-  },
-  children: [
-    {
-      path: 'list',
-      name: 'ErrorLogList',
-      component: () => import('@/views/sys/error-log/index.vue'),
-      meta: {
-        title: t('routes.basic.errorLogList'),
-        hideBreadcrumb: true,
-        currentActiveMenu: '/error-log',
-      },
-    },
-  ],
-}
diff --git a/admin/src/router/routes/index.ts b/admin/src/router/routes/index.ts
index 48d03baa..15e10d95 100644
--- a/admin/src/router/routes/index.ts
+++ b/admin/src/router/routes/index.ts
@@ -1,20 +1,20 @@
 import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic'
-
 import { mainOutRoutes } from './mainOut'
 import { PageEnum } from '@admin/tokens'
 import { t } from '@admin/locale'
 
-const modules = import.meta.globEager('./modules/**/*.ts')
+const routeModuleRecord = import.meta.globEager('./modules/**/*.ts')
 
-const routeModuleList: RouteRecordItem[] = []
+const routeModules: RouteRecordItem[] = []
 
-Object.keys(modules).forEach((key) => {
-  const mod = modules[key].default || {}
-  const modList = Array.isArray(mod) ? [...mod] : [mod]
-  routeModuleList.push(...modList)
+Object.keys(routeModuleRecord).forEach((key) => {
+  const routeModule = routeModuleRecord[key].default || {}
+  routeModules.push(
+    ...(Array.isArray(routeModule) ? [...routeModule] : [routeModule]),
+  )
 })
 
-export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModuleList]
+export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModules]
 
 export const RootRoute: RouteRecordItem = {
   path: '/',
diff --git a/admin/src/router/routes/mainOut.ts b/admin/src/router/routes/mainOut.ts
index 248c946c..254de24a 100644
--- a/admin/src/router/routes/mainOut.ts
+++ b/admin/src/router/routes/mainOut.ts
@@ -2,24 +2,26 @@
 The routing of this file will not show the layout.
 It is an independent new page.
 the contents of the file still need to log in to access
+Test with annotations turned on
 
 这个文件的路由不会显示布局。
 这是一个独立的新页面。
 文件内容仍需登录才能访问
+打开注释后进行测试
  */
 
 // test
 // http:ip:port/main-out
 export const mainOutRoutes: RouteRecordItem[] = [
-  {
-    path: '/main-out',
-    name: 'MainOut',
-    component: () => import('@/views/demo/main-out/index.vue'),
-    meta: {
-      title: 'MainOut',
-      ignoreAuth: true,
-    },
-  },
+  // {
+  //   path: '/main-out',
+  //   name: 'MainOut',
+  //   component: () => import('@/views/demo/main-out/index.vue'),
+  //   meta: {
+  //     title: 'MainOut',
+  //     ignoreAuth: true,
+  //   },
+  // },
 ]
 
 export const mainOutRouteNames = mainOutRoutes.map((item) => item.name)
diff --git a/admin/src/router/routes/modules/demo/comp.ts b/admin/src/router/routes/modules/demo/comp.ts
index 334500a2..6495d5a0 100644
--- a/admin/src/router/routes/modules/demo/comp.ts
+++ b/admin/src/router/routes/modules/demo/comp.ts
@@ -411,14 +411,6 @@ const comp: RouteRecordItem = {
             title: t('routes.demo.comp.scrollAction'),
           },
         },
-        {
-          path: 'virtualScroll',
-          name: 'VirtualScrollDemo',
-          component: () => import('@/views/demo/comp/scroll/VirtualScroll.vue'),
-          meta: {
-            title: t('routes.demo.comp.virtualScroll'),
-          },
-        },
       ],
     },
 
@@ -447,60 +439,6 @@ const comp: RouteRecordItem = {
       },
     },
 
-    {
-      path: 'lazy',
-      name: 'LazyDemo',
-      component: getParentLayout(),
-      redirect: '/comp/lazy/basic',
-      meta: {
-        title: t('routes.demo.comp.lazy'),
-      },
-      children: [
-        {
-          path: 'basic',
-          name: 'BasicLazyDemo',
-          component: () => import('@/views/demo/comp/lazy/index.vue'),
-          meta: {
-            title: t('routes.demo.comp.lazyBasic'),
-          },
-        },
-        {
-          path: 'transition',
-          name: 'BasicTransitionDemo',
-          component: () => import('@/views/demo/comp/lazy/Transition.vue'),
-          meta: {
-            title: t('routes.demo.comp.lazyTransition'),
-          },
-        },
-      ],
-    },
-    {
-      path: 'verify',
-      name: 'VerifyDemo',
-      component: getParentLayout(),
-      redirect: '/comp/verify/drag',
-      meta: {
-        title: t('routes.demo.comp.verify'),
-      },
-      children: [
-        {
-          path: 'drag',
-          name: 'VerifyDragDemo',
-          component: () => import('@/views/demo/comp/verify/index.vue'),
-          meta: {
-            title: t('routes.demo.comp.verifyDrag'),
-          },
-        },
-        {
-          path: 'rotate',
-          name: 'VerifyRotateDemo',
-          component: () => import('@/views/demo/comp/verify/Rotate.vue'),
-          meta: {
-            title: t('routes.demo.comp.verifyRotate'),
-          },
-        },
-      ],
-    },
     //
 
     {
diff --git a/admin/src/router/routes/modules/demo/feat.ts b/admin/src/router/routes/modules/demo/feat.ts
index 5b8fc8f7..c1b219b2 100644
--- a/admin/src/router/routes/modules/demo/feat.ts
+++ b/admin/src/router/routes/modules/demo/feat.ts
@@ -140,14 +140,7 @@ const feat: RouteRecordItem = {
         title: t('routes.demo.feat.download'),
       },
     },
-    {
-      path: 'click-out-side',
-      name: 'ClickOutSideDemo',
-      component: () => import('@/views/demo/feat/click-out-side/index.vue'),
-      meta: {
-        title: t('routes.demo.feat.clickOutSide'),
-      },
-    },
+
     {
       path: 'img-preview',
       name: 'ImgPreview',
@@ -180,14 +173,7 @@ const feat: RouteRecordItem = {
         title: t('routes.demo.feat.watermark'),
       },
     },
-    {
-      path: 'ripple',
-      name: 'RippleDemo',
-      component: () => import('@/views/demo/feat/ripple/index.vue'),
-      meta: {
-        title: t('routes.demo.feat.ripple'),
-      },
-    },
+
     {
       path: 'full-screen',
       name: 'FullScreenDemo',
@@ -196,14 +182,6 @@ const feat: RouteRecordItem = {
         title: t('routes.demo.feat.fullScreen'),
       },
     },
-    {
-      path: '/error-log',
-      name: 'ErrorLog',
-      component: () => import('@/views/sys/error-log/index.vue'),
-      meta: {
-        title: t('routes.demo.feat.errorLog'),
-      },
-    },
     {
       path: 'excel',
       name: 'Excel',
diff --git a/admin/src/store/app.ts b/admin/src/store/app.ts
index f2cf4b0d..e596e4f9 100644
--- a/admin/src/store/app.ts
+++ b/admin/src/store/app.ts
@@ -2,7 +2,6 @@ import type {
   ProjectConfig,
   HeaderSetting,
   MenuSetting,
-  TransitionSetting,
   MultiTabsSetting,
   BeforeMiniState,
 } from '@admin/types'
@@ -63,10 +62,6 @@ export const useAppStore = defineStore({
       return this.getProjectConfig.menuSetting
     },
 
-    getTransitionSetting(): TransitionSetting {
-      return this.getProjectConfig.transitionSetting
-    },
-
     getMultiTabsSetting(): MultiTabsSetting {
       return this.getProjectConfig.multiTabsSetting
     },
diff --git a/admin/src/store/permission.ts b/admin/src/store/permission.ts
index da284f11..8717d7cd 100644
--- a/admin/src/store/permission.ts
+++ b/admin/src/store/permission.ts
@@ -14,7 +14,7 @@ import { transformRouteToMenu } from '@/router/helper/menuHelper'
 import { projectSetting } from '@admin/setting'
 import { PermissionModeEnum, PageEnum } from '@admin/tokens'
 import { asyncRoutes } from '@/router/routes'
-import { ERROR_LOG_ROUTE, PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
 import { filterTree } from '@admin/utils'
 import { getMenuList } from '@service/sys/menu'
 import { getPermCode } from '@service/sys/user'
@@ -201,7 +201,6 @@ export const usePermissionStore = defineStore({
           break
       }
 
-      routes.push(ERROR_LOG_ROUTE)
       patchHomeAffix(routes)
       return routes
     },
diff --git a/admin/src/styles/ant/table.less b/admin/src/styles/ant/table.less
index ee62b998..fd50da72 100644
--- a/admin/src/styles/ant/table.less
+++ b/admin/src/styles/ant/table.less
@@ -44,10 +44,6 @@
         .ant-table {
           .ant-table-content {
             .ant-table-scroll {
-              .ant-table-hide-scrollbar {
-                //overflow-x: auto !important;
-              }
-
               .ant-table-body {
                 overflow: auto !important;
               }
diff --git a/admin/src/styles/index.less b/admin/src/styles/index.less
index f3750232..66692cae 100644
--- a/admin/src/styles/index.less
+++ b/admin/src/styles/index.less
@@ -3,6 +3,7 @@
 @import 'public.less';
 @import 'ant/index.less';
 @import './theme.less';
+@import './tailwind.css';
 
 input:-webkit-autofill {
   box-shadow: 0 0 0 1000px white inset !important;
diff --git a/admin/src/tailwind.css b/admin/src/styles/tailwind.css
similarity index 100%
rename from admin/src/tailwind.css
rename to admin/src/styles/tailwind.css
diff --git a/admin/src/views/demo/comp/lazy/TargetContent.vue b/admin/src/views/demo/comp/lazy/TargetContent.vue
deleted file mode 100644
index 21dd21bf..00000000
--- a/admin/src/views/demo/comp/lazy/TargetContent.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <Card hoverable :style="{ width: '240px', background: '#fff' }">
-    <template #cover>
-      <img
-        alt="example"
-        src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
-      />
-    </template>
-    <CardMeta title="懒加载组件" />
-  </Card>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { Card } from 'ant-design-vue'
-
-export default defineComponent({
-  components: { CardMeta: Card.Meta, Card },
-  setup() {
-    return {}
-  },
-})
-</script>
diff --git a/admin/src/views/demo/comp/lazy/Transition.vue b/admin/src/views/demo/comp/lazy/Transition.vue
deleted file mode 100644
index 03435688..00000000
--- a/admin/src/views/demo/comp/lazy/Transition.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <PageWrapper title="懒加载自定义动画示例" content="懒加载组件显示动画">
-    <div class="lazy-base-demo-wrap">
-      <h1>向下滚动</h1>
-
-      <div class="lazy-base-demo-box">
-        <LazyContainer transitionName="custom">
-          <TargetContent />
-        </LazyContainer>
-      </div>
-    </div>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import TargetContent from './TargetContent.vue'
-import { LazyContainer } from '@/components/Container/index'
-import { PageWrapper } from '@/components/Page'
-
-export default defineComponent({
-  components: { LazyContainer, TargetContent, PageWrapper },
-})
-</script>
-<style lang="less">
-.lazy-base-demo {
-  &-wrap {
-    display: flex;
-    width: 50%;
-    height: 2000px;
-    margin: 20px auto;
-    text-align: center;
-    background-color: @component-background;
-    justify-content: center;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  &-box {
-    width: 300px;
-    height: 300px;
-  }
-
-  h1 {
-    height: 1300px;
-    margin: 20px 0;
-  }
-}
-
-.custom-enter {
-  opacity: 0%;
-  transform: scale(0.4) translate(100%);
-}
-
-.custom-enter-to {
-  opacity: 100%;
-}
-
-.custom-enter-active {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  transition: all 0.5s;
-}
-
-.custom-leave {
-  opacity: 100%;
-}
-
-.custom-leave-to {
-  opacity: 0%;
-  transform: scale(0.4) translate(-100%);
-}
-
-.custom-leave-active {
-  transition: all 0.5s;
-}
-</style>
diff --git a/admin/src/views/demo/comp/lazy/index.vue b/admin/src/views/demo/comp/lazy/index.vue
deleted file mode 100644
index 4916b308..00000000
--- a/admin/src/views/demo/comp/lazy/index.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <PageWrapper title="懒加载基础示例" content="向下滚动到可见区域才会加载组件">
-    <div class="lazy-base-demo-wrap">
-      <h1>向下滚动</h1>
-
-      <div class="lazy-base-demo-box">
-        <LazyContainer>
-          <TargetContent />
-          <template #skeleton>
-            <Skeleton :rows="10" />
-          </template>
-        </LazyContainer>
-      </div>
-    </div>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { Skeleton } from 'ant-design-vue'
-import TargetContent from './TargetContent.vue'
-import { LazyContainer } from '@/components/Container/index'
-import { PageWrapper } from '@/components/Page'
-
-export default defineComponent({
-  components: { LazyContainer, PageWrapper, TargetContent, Skeleton },
-})
-</script>
-<style lang="less">
-.lazy-base-demo {
-  &-wrap {
-    display: flex;
-    width: 50%;
-    height: 2000px;
-    margin: 20px auto;
-    text-align: center;
-    background-color: @component-background;
-    justify-content: center;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  &-box {
-    width: 300px;
-    height: 300px;
-  }
-
-  h1 {
-    height: 1300px;
-    margin: 20px 0;
-  }
-}
-</style>
diff --git a/admin/src/views/demo/comp/scroll/VirtualScroll.vue b/admin/src/views/demo/comp/scroll/VirtualScroll.vue
deleted file mode 100644
index 4b1b1b61..00000000
--- a/admin/src/views/demo/comp/scroll/VirtualScroll.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-  <PageWrapper class="virtual-scroll-demo">
-    <Divider>基础滚动示例</Divider>
-    <div class="virtual-scroll-demo-wrap">
-      <VScroll :itemHeight="41" :items="data" :height="300" :width="300">
-        <template #default="{ item }">
-          <div class="virtual-scroll-demo__item">
-            {{ item.title }}
-          </div>
-        </template>
-      </VScroll>
-    </div>
-
-    <Divider>即使不可见，也预先加载50条数据，防止空白</Divider>
-    <div class="virtual-scroll-demo-wrap">
-      <VScroll
-        :itemHeight="41"
-        :items="data"
-        :height="300"
-        :width="300"
-        :bench="50"
-      >
-        <template #default="{ item }">
-          <div class="virtual-scroll-demo__item">
-            {{ item.title }}
-          </div>
-        </template>
-      </VScroll>
-    </div>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { VScroll } from '@/components/VirtualScroll/index'
-
-import { Divider } from 'ant-design-vue'
-import { PageWrapper } from '@/components/Page'
-const data: Recordable[] = (() => {
-  const arr: Recordable[] = []
-  for (let index = 1; index < 20000; index++) {
-    arr.push({
-      title: '列表项' + index,
-    })
-  }
-  return arr
-})()
-export default defineComponent({
-  components: { VScroll: VScroll, Divider, PageWrapper },
-  setup() {
-    return { data: data }
-  },
-})
-</script>
-<style lang="less" scoped>
-.virtual-scroll-demo {
-  &-wrap {
-    display: flex;
-    margin: 0 30%;
-    background-color: @component-background;
-    justify-content: center;
-  }
-
-  &__item {
-    height: 40px;
-    padding: 0 20px;
-    line-height: 40px;
-    border-bottom: 1px solid @border-color-base;
-  }
-}
-</style>
diff --git a/admin/src/views/demo/comp/verify/Rotate.vue b/admin/src/views/demo/comp/verify/Rotate.vue
deleted file mode 100644
index 1ebe6e94..00000000
--- a/admin/src/views/demo/comp/verify/Rotate.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <PageWrapper title="旋转校验示例">
-    <div class="flex justify-center p-4 items-center bg-gray-700">
-      <RotateDragVerify :src="img" ref="el" @success="handleSuccess" />
-    </div>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { RotateDragVerify } from '@/components/Verify/index'
-
-import img from '@/assets/images/header.jpg'
-
-import { PageWrapper } from '@/components/Page'
-
-export default defineComponent({
-  components: { RotateDragVerify, PageWrapper },
-  setup() {
-    const handleSuccess = () => {
-      console.log('success!')
-    }
-    return {
-      handleSuccess,
-      img,
-    }
-  },
-})
-</script>
-<style lang="less" scoped>
-.bg-gray-700 {
-  background-color: #4a5568;
-}
-</style>
diff --git a/admin/src/views/demo/comp/verify/index.vue b/admin/src/views/demo/comp/verify/index.vue
deleted file mode 100644
index ebf1b940..00000000
--- a/admin/src/views/demo/comp/verify/index.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-  <PageWrapper title="拖动校验示例">
-    <div class="flex justify-center p-4 items-center bg-gray-700">
-      <BasicDragVerify ref="el1" @success="handleSuccess" />
-      <a-button type="primary" class="ml-2" @click="handleBtnClick(el1)">
-        还原
-      </a-button>
-    </div>
-
-    <div class="flex justify-center p-4 items-center bg-gray-700">
-      <BasicDragVerify ref="el2" @success="handleSuccess" circle />
-      <a-button type="primary" class="ml-2" @click="handleBtnClick(el2)">
-        还原
-      </a-button>
-    </div>
-
-    <div class="flex justify-center p-4 items-center bg-gray-700">
-      <BasicDragVerify
-        ref="el3"
-        @success="handleSuccess"
-        text="拖动以进行校验"
-        successText="校验成功"
-        :barStyle="{
-          backgroundColor: '#018ffb',
-        }"
-      />
-      <a-button type="primary" class="ml-2" @click="handleBtnClick(el3)">
-        还原
-      </a-button>
-    </div>
-
-    <div class="flex justify-center p-4 items-center bg-gray-700">
-      <BasicDragVerify ref="el4" @success="handleSuccess">
-        <template #actionIcon="isPassing">
-          <BugOutlined v-if="isPassing" />
-          <RightOutlined v-else />
-        </template>
-      </BasicDragVerify>
-      <a-button type="primary" class="ml-2" @click="handleBtnClick(el4)">
-        还原
-      </a-button>
-    </div>
-
-    <div class="flex justify-center p-4 items-center bg-gray-700">
-      <BasicDragVerify ref="el5" @success="handleSuccess">
-        <template #text="isPassing">
-          <div v-if="isPassing">
-            <BugOutlined />
-            成功
-          </div>
-          <div v-else>
-            拖动
-            <RightOutlined />
-          </div>
-        </template>
-      </BasicDragVerify>
-      <a-button type="primary" class="ml-2" @click="handleBtnClick(el5)">
-        还原
-      </a-button>
-    </div>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-import {
-  BasicDragVerify,
-  DragVerifyActionType,
-  PassingData,
-} from '@/components/Verify/index'
-import { useMessage } from '@/hooks/web/useMessage'
-import { BugOutlined, RightOutlined } from '@ant-design/icons-vue'
-import { PageWrapper } from '@/components/Page'
-
-export default defineComponent({
-  components: { BasicDragVerify, BugOutlined, RightOutlined, PageWrapper },
-  setup() {
-    const { createMessage } = useMessage()
-    const el1 = ref<Nullable<DragVerifyActionType>>(null)
-    const el2 = ref<Nullable<DragVerifyActionType>>(null)
-    const el3 = ref<Nullable<DragVerifyActionType>>(null)
-    const el4 = ref<Nullable<DragVerifyActionType>>(null)
-    const el5 = ref<Nullable<DragVerifyActionType>>(null)
-
-    function handleSuccess(data: PassingData) {
-      const { time } = data
-      createMessage.success(`校验成功,耗时${time}秒`)
-    }
-
-    function handleBtnClick(elRef: Nullable<DragVerifyActionType>) {
-      if (!elRef) {
-        return
-      }
-      elRef.resume()
-    }
-    return {
-      handleSuccess,
-      el1,
-      el2,
-      el3,
-      el4,
-      el5,
-      handleBtnClick,
-    }
-  },
-})
-</script>
-<style lang="less" scoped>
-.bg-gray-700 {
-  background-color: #4a5568;
-}
-</style>
diff --git a/admin/src/views/demo/feat/click-out-side/index.vue b/admin/src/views/demo/feat/click-out-side/index.vue
deleted file mode 100644
index 22dc9705..00000000
--- a/admin/src/views/demo/feat/click-out-side/index.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <PageWrapper title="点内外部触发事件">
-    <ClickOutSide
-      @clickOutside="handleClickOutside"
-      class="flex justify-center"
-    >
-      <div @click="innerClick" class="demo-box">
-        {{ text }}
-      </div>
-    </ClickOutSide>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-import { ClickOutSide } from '@/components/ClickOutSide'
-import { PageWrapper } from '@/components/Page'
-
-export default defineComponent({
-  components: { ClickOutSide, PageWrapper },
-  setup() {
-    const text = ref('Click')
-    function handleClickOutside() {
-      text.value = 'Click Out Side'
-    }
-
-    function innerClick() {
-      text.value = 'Click Inner'
-    }
-    return { innerClick, handleClickOutside, text }
-  },
-})
-</script>
-
-<style lang="less" scoped>
-.demo-box {
-  display: flex;
-  width: 100%;
-  height: 300px;
-  font-size: 24px;
-  color: #fff;
-  background-color: #408ede;
-  border-radius: 10px;
-  justify-content: center;
-  align-items: center;
-}
-</style>
diff --git a/admin/src/views/demo/feat/ripple/index.vue b/admin/src/views/demo/feat/ripple/index.vue
deleted file mode 100644
index af271ce8..00000000
--- a/admin/src/views/demo/feat/ripple/index.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <PageWrapper title="Ripple示例">
-    <div class="demo-box" v-ripple>content</div>
-  </PageWrapper>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { ripple } from '@admin/directives'
-import { PageWrapper } from '@/components/Page'
-
-export default defineComponent({
-  components: { PageWrapper },
-  directives: {
-    ripple: ripple,
-  },
-})
-</script>
-
-<style lang="less" scoped>
-.demo-box {
-  display: flex;
-  width: 300px;
-  height: 300px;
-  font-size: 24px;
-  color: #fff;
-  background-color: #408ede;
-  border-radius: 10px;
-  justify-content: center;
-  align-items: center;
-}
-</style>
diff --git a/admin/src/views/sys/error-log/DetailModal.vue b/admin/src/views/sys/error-log/DetailModal.vue
deleted file mode 100644
index be22b55e..00000000
--- a/admin/src/views/sys/error-log/DetailModal.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <BasicModal
-    :width="800"
-    :title="t('sys.errorLog.tableActionDesc')"
-    v-bind="$attrs"
-  >
-    <Description :data="info" @register="register" />
-  </BasicModal>
-</template>
-<script lang="ts" setup>
-import type { PropType } from 'vue'
-import type { ErrorLogInfo } from '@admin/types'
-import { BasicModal } from '@/components/Modal/index'
-import { Description, useDescription } from '@/components/Description/index'
-import { useI18n } from '@admin/locale'
-import { getDescSchema } from './data'
-
-defineProps({
-  info: {
-    type: Object as PropType<ErrorLogInfo>,
-    default: null,
-  },
-})
-
-const { t } = useI18n()
-
-const [register] = useDescription({
-  column: 2,
-  schema: getDescSchema()!,
-})
-</script>
diff --git a/admin/src/views/sys/error-log/data.tsx b/admin/src/views/sys/error-log/data.tsx
deleted file mode 100644
index 90cfbcf2..00000000
--- a/admin/src/views/sys/error-log/data.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Tag } from 'ant-design-vue'
-import { BasicColumn } from '@/components/Table/index'
-import { ErrorTypeEnum } from '@admin/tokens'
-import { useI18n } from '@admin/locale'
-
-const { t } = useI18n()
-
-export function getColumns(): BasicColumn[] {
-  return [
-    {
-      dataIndex: 'type',
-      title: t('sys.errorLog.tableColumnType'),
-      width: 80,
-      customRender: ({ text }) => {
-        const color =
-          text === ErrorTypeEnum.VUE
-            ? 'green'
-            : text === ErrorTypeEnum.RESOURCE
-            ? 'cyan'
-            : text === ErrorTypeEnum.PROMISE
-            ? 'blue'
-            : ErrorTypeEnum.AJAX
-            ? 'red'
-            : 'purple'
-        return <Tag color={color}>{() => text}</Tag>
-      },
-    },
-    {
-      dataIndex: 'url',
-      title: 'URL',
-      width: 200,
-    },
-    {
-      dataIndex: 'time',
-      title: t('sys.errorLog.tableColumnDate'),
-      width: 160,
-    },
-    {
-      dataIndex: 'file',
-      title: t('sys.errorLog.tableColumnFile'),
-      width: 200,
-    },
-    {
-      dataIndex: 'name',
-      title: 'Name',
-      width: 200,
-    },
-    {
-      dataIndex: 'message',
-      title: t('sys.errorLog.tableColumnMsg'),
-      width: 300,
-    },
-    {
-      dataIndex: 'stack',
-      title: t('sys.errorLog.tableColumnStackMsg'),
-    },
-  ]
-}
-
-export function getDescSchema(): any {
-  return getColumns().map((column) => {
-    return {
-      field: column.dataIndex!,
-      label: column.title,
-    }
-  })
-}
diff --git a/admin/src/views/sys/error-log/index.vue b/admin/src/views/sys/error-log/index.vue
deleted file mode 100644
index 4cbd6464..00000000
--- a/admin/src/views/sys/error-log/index.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <div class="p-4">
-    <template v-for="src in imgList" :key="src">
-      <img :src="src" v-show="false" />
-    </template>
-    <DetailModal :info="rowInfo" @register="registerModal" />
-    <BasicTable @register="register" class="error-handle-table">
-      <template #toolbar>
-        <a-button @click="fireVueError" type="primary">
-          {{ t('sys.errorLog.fireVueError') }}
-        </a-button>
-        <a-button @click="fireResourceError" type="primary">
-          {{ t('sys.errorLog.fireResourceError') }}
-        </a-button>
-        <a-button @click="fireAjaxError" type="primary">
-          {{ t('sys.errorLog.fireAjaxError') }}
-        </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: t('sys.errorLog.tableActionDesc'),
-              onClick: handleDetail.bind(null, record),
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { ErrorLogInfo } from '@admin/types'
-import { watch, ref, nextTick } from 'vue'
-import DetailModal from './DetailModal.vue'
-import { BasicTable, useTable, TableAction } from '@/components/Table/index'
-import { useModal } from '@/components/Modal'
-import { useMessage } from '@/hooks/web/useMessage'
-import { useI18n } from '@admin/locale'
-import { useErrorLogStore } from '@/store/errorLog'
-import { fireErrorApi } from '@service/demo/error'
-import { getColumns } from './data'
-import { cloneDeep } from '@admin/utils'
-
-const rowInfo = ref<ErrorLogInfo>()
-const imgList = ref<string[]>([])
-
-const { t } = useI18n()
-const errorLogStore = useErrorLogStore()
-const [register, { setTableData }] = useTable({
-  title: t('sys.errorLog.tableTitle'),
-  columns: getColumns(),
-  actionColumn: {
-    width: 80,
-    title: 'Action',
-    dataIndex: 'action',
-    slots: { customRender: 'action' },
-  },
-})
-const [registerModal, { openModal }] = useModal()
-
-watch(
-  () => errorLogStore.getErrorLogInfoList,
-  (list) => {
-    nextTick(() => {
-      setTableData(cloneDeep(list))
-    })
-  },
-  {
-    immediate: true,
-  },
-)
-const { createMessage } = useMessage()
-if (import.meta.env.DEV) {
-  createMessage.info(t('sys.errorLog.enableMessage'))
-}
-// 查看详情
-function handleDetail(row: ErrorLogInfo) {
-  rowInfo.value = row
-  openModal(true)
-}
-
-function fireVueError() {
-  throw new Error('fire vue error!')
-}
-
-function fireResourceError() {
-  imgList.value.push(`${new Date().getTime()}.png`)
-}
-
-async function fireAjaxError() {
-  await fireErrorApi()
-}
-</script>
diff --git a/admin/src/views/sys/iframe/FrameBlank.vue b/admin/src/views/sys/iframe/FrameBlank.vue
index a1c61071..7b8b46cb 100644
--- a/admin/src/views/sys/iframe/FrameBlank.vue
+++ b/admin/src/views/sys/iframe/FrameBlank.vue
@@ -1,9 +1,3 @@
 <template>
   <div></div>
 </template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-export default defineComponent({
-  name: 'FrameBlank',
-})
-</script>
diff --git a/admin/src/views/sys/lock/LockPage.vue b/admin/src/views/sys/lock/LockPage.vue
index 280c37f2..bf84ee35 100644
--- a/admin/src/views/sys/lock/LockPage.vue
+++ b/admin/src/views/sys/lock/LockPage.vue
@@ -1,11 +1,11 @@
 <template>
   <div
     :class="prefixCls"
-    class="fixed inset-0 flex h-screen w-screen bg-black items-center justify-center"
+    class="fixed inset-0 flex items-center justify-center w-screen h-screen bg-black"
   >
     <div
       :class="`${prefixCls}__unlock`"
-      class="absolute top-0 left-1/2 flex pt-5 h-16 items-center justify-center sm:text-md xl:text-xl text-white flex-col cursor-pointer transform translate-x-1/2"
+      class="absolute top-0 flex flex-col items-center justify-center h-16 pt-5 text-white transform translate-x-1/2 cursor-pointer left-1/2 sm:text-md xl:text-xl"
       @click="handleShowForm(false)"
       v-show="showDate"
     >
@@ -13,14 +13,14 @@
       <span>{{ t('sys.lock.unlock') }}</span>
     </div>
 
-    <div class="flex w-screen h-screen justify-center items-center">
+    <div class="flex items-center justify-center w-screen h-screen">
       <div
         :class="`${prefixCls}__hour`"
-        class="relative mr-5 md:mr-20 w-2/5 h-2/5 md:h-4/5"
+        class="relative w-2/5 mr-5 md:mr-20 h-2/5 md:h-4/5"
       >
         <span>{{ hour }}</span>
         <span
-          class="meridiem absolute left-5 top-5 text-md xl:text-xl"
+          class="absolute meridiem left-5 top-5 text-md xl:text-xl"
           v-show="showDate"
         >
           {{ meridiem }}
@@ -84,9 +84,9 @@
     </transition>
 
     <div
-      class="absolute bottom-5 w-full text-gray-300 xl:text-xl 2xl:text-3xl text-center enter-y"
+      class="absolute w-full text-center text-gray-300 bottom-5 xl:text-xl 2xl:text-3xl enter-y"
     >
-      <div class="text-5xl mb-4 enter-x" v-show="!showDate">
+      <div class="mb-4 text-5xl enter-x" v-show="!showDate">
         {{ hour }}:{{ minute }} <span class="text-3xl">{{ meridiem }}</span>
       </div>
       <div class="text-2xl">{{ year }}/{{ month }}/{{ day }} {{ week }}</div>
diff --git a/admin/src/views/sys/lock/index.vue b/admin/src/views/sys/lock/index.vue
index a485002a..081e0974 100644
--- a/admin/src/views/sys/lock/index.vue
+++ b/admin/src/views/sys/lock/index.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="fade-bottom" mode="out-in">
-    <LockPage v-if="getIsLock" />
+    <lock-page v-if="getIsLock" />
   </transition>
 </template>
 <script lang="ts" setup>
diff --git a/admin/src/views/sys/login/Login.vue b/admin/src/views/sys/login/Login.vue
index 283a5178..0023de7c 100644
--- a/admin/src/views/sys/login/Login.vue
+++ b/admin/src/views/sys/login/Login.vue
@@ -31,6 +31,7 @@ const title = computed(() => globSetting?.title ?? '')
       :show-text="false"
       v-if="!sessionTimeout && showLocalePicker"
     />
+
     <AppDarkModeToggle
       class="absolute top-3 right-7 enter-x"
       v-if="!sessionTimeout"
@@ -55,9 +56,7 @@ const title = computed(() => globSetting?.title ?? '')
                 {{ t('sys.login.signInTitle') }}</span
               >
             </div>
-            <div
-              class="mt-5 font-normal text-white text-md dark:text-gray-500 -enter-x"
-            >
+            <div class="mt-5 font-normal text-white text-md -enter-x">
               {{ t('sys.login.signInDesc') }}
             </div>
           </div>
diff --git a/package.json b/package.json
index 94e3332d..2f73aa8c 100644
--- a/package.json
+++ b/package.json
@@ -45,15 +45,15 @@
     "husky": "^7.0.4",
     "inquirer": "^8.2.0",
     "jsdom": "^19.0.0",
-    "lint-staged": "12.2.1",
+    "lint-staged": "12.3.1",
     "postcss": "^8.4.5",
     "postcss-html": "^1.3.0",
     "postcss-less": "^6.0.0",
     "prettier": "^2.5.1",
     "pretty-quick": "^3.1.3",
     "rimraf": "^3.0.2",
-    "rollup": "^2.64.0",
-    "stylelint": "^14.2.0",
+    "rollup": "^2.66.0",
+    "stylelint": "^14.3.0",
     "stylelint-config-html": "^1.0.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^6.0.0",
@@ -61,9 +61,9 @@
     "stylelint-order": "^5.0.0",
     "ts-node": "^10.4.0",
     "turbo": "^1.0.28",
-    "typescript": "^4.5.4",
-    "vitest": "^0.1.24",
-    "vue-eslint-parser": "^8.0.1"
+    "typescript": "^4.5.5",
+    "vitest": "^0.2.1",
+    "vue-eslint-parser": "^8.2.0"
   },
   "resolutions": {
     "bin-wrapper": "npm:bin-wrapper-china",
diff --git a/packages/directives/index.ts b/packages/directives/index.ts
index 7367dfad..d6b30f98 100644
--- a/packages/directives/index.ts
+++ b/packages/directives/index.ts
@@ -3,7 +3,6 @@ import type { App } from 'vue'
 import { loading } from './src/loading'
 import { auth } from './src/auth'
 
-export { ripple } from './src/ripple'
 export { clickOutside } from './src/clickOutside'
 export { auth, loading }
 
diff --git a/packages/directives/src/clickOutside.ts b/packages/directives/src/clickOutside.ts
index a5d42d5e..1ff034f8 100644
--- a/packages/directives/src/clickOutside.ts
+++ b/packages/directives/src/clickOutside.ts
@@ -3,7 +3,6 @@ import type {
   DirectiveBinding,
   ObjectDirective,
 } from 'vue'
-
 import { on, isClient } from '@admin/utils'
 
 type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void
diff --git a/packages/directives/src/ripple/index.css b/packages/directives/src/ripple/index.css
deleted file mode 100644
index 9c0718ed..00000000
--- a/packages/directives/src/ripple/index.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.ripple-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-  overflow: hidden;
-  pointer-events: none;
-}
-
-.ripple-effect {
-  position: relative;
-  z-index: 9999;
-  width: 1px;
-  height: 1px;
-  margin-top: 0;
-  margin-left: 0;
-  pointer-events: none;
-  border-radius: 50%;
-  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-}
diff --git a/packages/directives/src/ripple/index.ts b/packages/directives/src/ripple/index.ts
deleted file mode 100644
index 4e3f13c6..00000000
--- a/packages/directives/src/ripple/index.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import type { Directive } from 'vue'
-
-import './index.css'
-
-export interface RippleOptions {
-  event: string
-  transition: number
-}
-
-export interface RippleProto {
-  background?: string
-  zIndex?: string
-}
-
-export type EventType = Event & MouseEvent & TouchEvent
-
-const options: RippleOptions = {
-  event: 'mousedown',
-  transition: 400,
-}
-
-const ripple: Directive & RippleProto = {
-  beforeMount: (el: HTMLElement, binding) => {
-    if (binding.value === false) return
-
-    const bg = el.getAttribute('ripple-background')
-    setProps(Object.keys(binding.modifiers), options)
-
-    const background = bg || ripple.background
-    const zIndex = ripple.zIndex
-
-    el.addEventListener(options.event, (event: EventType) => {
-      rippler({
-        event,
-        el,
-        background,
-        zIndex,
-      })
-    })
-  },
-  updated(el, binding) {
-    if (!binding.value) {
-      el?.clearRipple?.()
-      return
-    }
-    const bg = el.getAttribute('ripple-background')
-    el?.setBackground?.(bg)
-  },
-}
-
-const rippler = ({
-  event,
-  el,
-  zIndex,
-  background,
-}: { event: EventType; el: HTMLElement } & RippleProto) => {
-  const targetBorder = parseInt(
-    getComputedStyle(el).borderWidth.replace('px', ''),
-  )
-  const clientX = event.clientX || event.touches[0].clientX
-  const clientY = event.clientY || event.touches[0].clientY
-
-  const rect = el.getBoundingClientRect()
-  const { left, top } = rect
-  const { offsetWidth: width, offsetHeight: height } = el
-  const { transition } = options
-  const dx = clientX - left
-  const dy = clientY - top
-  const maxX = Math.max(dx, width - dx)
-  const maxY = Math.max(dy, height - dy)
-  const style = window.getComputedStyle(el)
-  const radius = Math.sqrt(maxX * maxX + maxY * maxY)
-  const border = targetBorder > 0 ? targetBorder : 0
-
-  const ripple = document.createElement('div')
-  const rippleContainer = document.createElement('div')
-
-  // Styles for ripple
-  ripple.className = 'ripple'
-
-  Object.assign(ripple.style ?? {}, {
-    marginTop: '0px',
-    marginLeft: '0px',
-    width: '1px',
-    height: '1px',
-    transition: `all ${transition}ms cubic-bezier(0.4, 0, 0.2, 1)`,
-    borderRadius: '50%',
-    pointerEvents: 'none',
-    position: 'relative',
-    zIndex: zIndex ?? '9999',
-    backgroundColor: background ?? 'rgba(0, 0, 0, 0.12)',
-  })
-
-  // Styles for rippleContainer
-  rippleContainer.className = 'ripple-container'
-  Object.assign(rippleContainer.style ?? {}, {
-    position: 'absolute',
-    left: `${0 - border}px`,
-    top: `${0 - border}px`,
-    height: '0',
-    width: '0',
-    pointerEvents: 'none',
-    overflow: 'hidden',
-  })
-
-  const storedTargetPosition =
-    el.style.position.length > 0
-      ? el.style.position
-      : getComputedStyle(el).position
-
-  if (storedTargetPosition !== 'relative') {
-    el.style.position = 'relative'
-  }
-
-  rippleContainer.appendChild(ripple)
-  el.appendChild(rippleContainer)
-
-  Object.assign(ripple.style, {
-    marginTop: `${dy}px`,
-    marginLeft: `${dx}px`,
-  })
-
-  const {
-    borderTopLeftRadius,
-    borderTopRightRadius,
-    borderBottomLeftRadius,
-    borderBottomRightRadius,
-  } = style
-  Object.assign(rippleContainer.style, {
-    width: `${width}px`,
-    height: `${height}px`,
-    direction: 'ltr',
-    borderTopLeftRadius,
-    borderTopRightRadius,
-    borderBottomLeftRadius,
-    borderBottomRightRadius,
-  })
-
-  setTimeout(() => {
-    const wh = `${radius * 2}px`
-    Object.assign(ripple.style ?? {}, {
-      width: wh,
-      height: wh,
-      marginLeft: `${dx - radius}px`,
-      marginTop: `${dy - radius}px`,
-    })
-  }, 0)
-
-  function clearRipple() {
-    setTimeout(() => {
-      ripple.style.backgroundColor = 'rgba(0, 0, 0, 0)'
-    }, 250)
-
-    setTimeout(() => {
-      rippleContainer?.parentNode?.removeChild(rippleContainer)
-    }, 850)
-    el.removeEventListener('mouseup', clearRipple, false)
-    el.removeEventListener('mouseleave', clearRipple, false)
-    el.removeEventListener('dragstart', clearRipple, false)
-    setTimeout(() => {
-      let clearPosition = true
-      for (let i = 0; i < el.childNodes.length; i++) {
-        if ((el.childNodes[i] as Recordable).className === 'ripple-container') {
-          clearPosition = false
-        }
-      }
-
-      if (clearPosition) {
-        el.style.position =
-          storedTargetPosition !== 'static' ? storedTargetPosition : ''
-      }
-    }, options.transition + 260)
-  }
-
-  if (event.type === 'mousedown') {
-    el.addEventListener('mouseup', clearRipple, false)
-    el.addEventListener('mouseleave', clearRipple, false)
-    el.addEventListener('dragstart', clearRipple, false)
-  } else {
-    clearRipple()
-  }
-
-  ;(el as Recordable).setBackground = (bgColor: string) => {
-    if (!bgColor) {
-      return
-    }
-    ripple.style.backgroundColor = bgColor
-  }
-}
-
-const setProps = (modifiers: Recordable, props: Recordable) => {
-  modifiers.forEach((item: Recordable) => {
-    if (isNaN(Number(item))) props.event = item
-    else props.transition = item
-  })
-}
-
-export { ripple }
diff --git a/packages/locale/package.json b/packages/locale/package.json
index c7bce518..04b292eb 100644
--- a/packages/locale/package.json
+++ b/packages/locale/package.json
@@ -8,14 +8,14 @@
     "clean": "pnpm rimraf node_modules"
   },
   "optionalDependencies": {
-    "vue": "^3.2.27"
+    "vue": "^3.2.29"
   },
   "dependencies": {
     "@admin/setting": "workspace:*",
     "@admin/tokens": "workspace:*",
     "@admin/types": "workspace:*",
     "@admin/utils": "workspace:*",
-    "@vueuse/core": "^7.5.3",
+    "@vueuse/core": "^7.5.4",
     "vue-i18n": "^9.1.9"
   }
 }
diff --git a/packages/locale/src/lang/en.ts b/packages/locale/src/lang/en.ts
index 239145d8..3518ff9b 100644
--- a/packages/locale/src/lang/en.ts
+++ b/packages/locale/src/lang/en.ts
@@ -1,11 +1,11 @@
 import { genMessage } from '../helper'
-import antdLocale from 'ant-design-vue/es/locale/en_US'
+import uiFrameLocale from 'ant-design-vue/es/locale/en_US'
 
 const modules = import.meta.globEager('./en/**/*.ts')
 export default {
   message: {
     ...genMessage(modules, 'en'),
-    antdLocale,
+    uiFrameLocale,
   },
   dateLocale: null,
   dateLocaleName: 'en',
diff --git a/packages/locale/src/lang/en/routes/basic.ts b/packages/locale/src/lang/en/routes/basic.ts
index a347312d..e8d0d505 100644
--- a/packages/locale/src/lang/en/routes/basic.ts
+++ b/packages/locale/src/lang/en/routes/basic.ts
@@ -1,4 +1,3 @@
 export default {
   login: 'Login',
-  errorLogList: 'Error Log',
 }
diff --git a/packages/locale/src/lang/en/routes/demo.ts b/packages/locale/src/lang/en/routes/demo.ts
index 902c5673..b7bd3fcb 100644
--- a/packages/locale/src/lang/en/routes/demo.ts
+++ b/packages/locale/src/lang/en/routes/demo.ts
@@ -16,7 +16,6 @@ export default {
     scroll: 'Scroll',
     scrollBasic: 'Basic',
     scrollAction: 'Scroll Function',
-    virtualScroll: 'Virtual Scroll',
 
     tree: 'Tree',
 
@@ -28,14 +27,6 @@ export default {
     drawer: 'Drawer',
     desc: 'Desc',
 
-    lazy: 'Lazy',
-    lazyBasic: 'Basic',
-    lazyTransition: 'Animation',
-
-    verify: 'Verify',
-    verifyDrag: 'Drag ',
-    verifyRotate: 'Picture Restore',
-
     qrcode: 'QR code',
     strength: 'Password strength',
     upload: 'Upload',
@@ -71,14 +62,11 @@ export default {
     print: 'Print',
     contextMenu: 'Context Menu',
     download: 'Download',
-    clickOutSide: 'ClickOutSide',
     imgPreview: 'Picture Preview',
     copy: 'Clipboard',
     msg: 'Message prompt',
     watermark: 'Watermark',
-    ripple: 'Ripple',
     fullScreen: 'Full Screen',
-    errorLog: 'Error Log',
     tab: 'Tab with parameters',
     tab1: 'Tab with parameter 1',
     tab2: 'Tab with parameter 2',
diff --git a/packages/locale/src/lang/zh-CN/routes/basic.ts b/packages/locale/src/lang/zh-CN/routes/basic.ts
index 8027a14f..66ad2ba2 100644
--- a/packages/locale/src/lang/zh-CN/routes/basic.ts
+++ b/packages/locale/src/lang/zh-CN/routes/basic.ts
@@ -1,4 +1,3 @@
 export default {
   login: '登录',
-  errorLogList: '错误日志列表',
 }
diff --git a/packages/locale/src/lang/zh-CN/routes/demo.ts b/packages/locale/src/lang/zh-CN/routes/demo.ts
index 953e57ef..0a597baa 100644
--- a/packages/locale/src/lang/zh-CN/routes/demo.ts
+++ b/packages/locale/src/lang/zh-CN/routes/demo.ts
@@ -16,7 +16,6 @@ export default {
     scroll: '滚动组件',
     scrollBasic: '基础滚动',
     scrollAction: '滚动函数',
-    virtualScroll: '虚拟滚动',
 
     tree: 'Tree',
     treeBasic: '基础树',
@@ -27,14 +26,6 @@ export default {
     drawer: '抽屉扩展',
     desc: '详情组件',
 
-    lazy: '懒加载组件',
-    lazyBasic: '基础示例',
-    lazyTransition: '动画效果',
-
-    verify: '验证组件',
-    verifyDrag: '拖拽校验',
-    verifyRotate: '图片还原',
-
     qrcode: '二维码组件',
     strength: '密码强度组件',
     upload: '上传组件',
@@ -70,14 +61,11 @@ export default {
     print: '打印',
     contextMenu: '右键菜单',
     download: '文件下载',
-    clickOutSide: 'ClickOutSide组件',
     imgPreview: '图片预览',
     copy: '剪切板',
     msg: '消息提示',
     watermark: '水印',
-    ripple: '水波纹',
     fullScreen: '全屏',
-    errorLog: '错误日志',
     tab: 'Tab带参',
     tab1: 'Tab带参1',
     tab2: 'Tab带参2',
diff --git a/packages/locale/src/lang/zh_CN.ts b/packages/locale/src/lang/zh_CN.ts
index 204c90b2..f1a6c178 100644
--- a/packages/locale/src/lang/zh_CN.ts
+++ b/packages/locale/src/lang/zh_CN.ts
@@ -1,10 +1,10 @@
 import { genMessage } from '../helper'
-import antdLocale from 'ant-design-vue/es/locale/zh_CN'
+import uiFrameLocale from 'ant-design-vue/es/locale/zh_CN'
 
 const modules = import.meta.globEager('./zh-CN/**/*.ts')
 export default {
   message: {
     ...genMessage(modules, 'zh-CN'),
-    antdLocale,
+    uiFrameLocale,
   },
 }
diff --git a/packages/locale/src/useLocale.ts b/packages/locale/src/useLocale.ts
index 636837e6..216dce0e 100644
--- a/packages/locale/src/useLocale.ts
+++ b/packages/locale/src/useLocale.ts
@@ -21,8 +21,8 @@ function setI18nLanguage(locale: LocaleType) {
 }
 
 export const useLocale = () => {
-  const antdLocale = computed((): any => {
-    return i18n.global.getLocaleMessage(unref(getLocale))?.antdLocale ?? {}
+  const uiFrameLocale = computed((): any => {
+    return i18n.global.getLocaleMessage(unref(getLocale))?.uiFrameLocale ?? {}
   })
 
   // Switching the language will change the locale of useI18n
@@ -60,6 +60,6 @@ export const useLocale = () => {
     getLocale,
     showLocalePicker,
     changeLocale,
-    antdLocale,
+    uiFrameLocale,
   }
 }
diff --git a/packages/setting/package.json b/packages/setting/package.json
index 3d57a599..b701099d 100644
--- a/packages/setting/package.json
+++ b/packages/setting/package.json
@@ -10,5 +10,8 @@
   "dependencies": {
     "@admin/types": "workspace:*",
     "@admin/tokens": "workspace:*"
+  },
+  "optionalDependencies": {
+    "vue": "^3.2.29"
   }
 }
diff --git a/packages/setting/src/project.ts b/packages/setting/src/project.ts
index 63645f15..2e80652e 100644
--- a/packages/setting/src/project.ts
+++ b/packages/setting/src/project.ts
@@ -152,9 +152,6 @@ export const projectSetting: ProjectConfig = {
   // Whether to show the breadcrumb icon
   showBreadCrumbIcon: false,
 
-  // Use error-handler-plugin
-  useErrorHandle: false,
-
   // Whether to open back to top
   useOpenBackTop: true,
 
diff --git a/packages/types/src/config.ts b/packages/types/src/config.ts
index dac37b27..c6125db4 100644
--- a/packages/types/src/config.ts
+++ b/packages/types/src/config.ts
@@ -113,8 +113,6 @@ export interface ProjectConfig {
   showBreadCrumb: boolean
   // Show breadcrumb icon
   showBreadCrumbIcon: boolean
-  // Use error-handler-plugin
-  useErrorHandle: boolean
   // Whether to open back to top
   useOpenBackTop: boolean
   // Is it possible to embed iframe pages
diff --git a/packages/use/package.json b/packages/use/package.json
index 0e162d61..0bd99922 100644
--- a/packages/use/package.json
+++ b/packages/use/package.json
@@ -13,9 +13,9 @@
   "dependencies": {
     "@admin/locale": "workspace:*",
     "@admin/utils": "workspace:*",
-    "@vueuse/core": "^7.5.3"
+    "@vueuse/core": "^7.5.4"
   },
   "optionalDependencies": {
-    "vue": "^3.2.27"
+    "vue": "^3.2.29"
   }
 }
diff --git a/packages/utils/bem.ts b/packages/utils/bem.ts
index 7516611e..9f074d02 100644
--- a/packages/utils/bem.ts
+++ b/packages/utils/bem.ts
@@ -1,6 +1,5 @@
-import type { Plugin } from 'vue'
+import { namespace } from '@admin/setting'
 
-let namespace = ''
 type Mod = string | { [key: string]: any }
 type Mods = Mod | Mod[]
 
@@ -54,9 +53,3 @@ export const createNamespace = (name: string) => {
   const prefixedName = `${namespace}-${name}`
   return [prefixedName, buildBEM(prefixedName)] as const
 }
-
-export const createBEMPlugin = (_namespace: string): Plugin => ({
-  install: () => {
-    namespace = _namespace
-  },
-})
diff --git a/packages/utils/package.json b/packages/utils/package.json
index ebf1d431..d7ea50f9 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -11,10 +11,11 @@
     "clean": "rimraf node_modules"
   },
   "dependencies": {
-    "@vue/runtime-core": "^3.2.27",
-    "@vue/shared": "^3.2.27",
-    "@vueuse/core": "^7.5.3",
-    "@vueuse/shared": "^7.5.3",
+    "@admin/setting": "workspace:*",
+    "@vue/runtime-core": "^3.2.29",
+    "@vue/shared": "^3.2.29",
+    "@vueuse/core": "^7.5.4",
+    "@vueuse/shared": "^7.5.4",
     "dayjs": "^1.10.7",
     "lodash-es": "^4.17.21"
   },
@@ -22,6 +23,6 @@
     "@types/lodash-es": "^4.17.5"
   },
   "optionalDependencies": {
-    "vue": "^3.2.27"
+    "vue": "^3.2.29"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 67c48648..9012b5a4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,15 +27,15 @@ importers:
       husky: ^7.0.4
       inquirer: ^8.2.0
       jsdom: ^19.0.0
-      lint-staged: 12.2.1
+      lint-staged: 12.3.1
       postcss: ^8.4.5
       postcss-html: ^1.3.0
       postcss-less: ^6.0.0
       prettier: ^2.5.1
       pretty-quick: ^3.1.3
       rimraf: ^3.0.2
-      rollup: ^2.64.0
-      stylelint: ^14.2.0
+      rollup: ^2.66.0
+      stylelint: ^14.3.0
       stylelint-config-html: ^1.0.0
       stylelint-config-prettier: ^9.0.3
       stylelint-config-recommended: ^6.0.0
@@ -43,17 +43,17 @@ importers:
       stylelint-order: ^5.0.0
       ts-node: ^10.4.0
       turbo: ^1.0.28
-      typescript: ^4.5.4
-      vitest: ^0.1.24
-      vue-eslint-parser: ^8.0.1
+      typescript: ^4.5.5
+      vitest: ^0.2.1
+      vue-eslint-parser: ^8.2.0
     devDependencies:
       '@commitlint/cli': 16.1.0_@types+node@17.0.10
       '@commitlint/config-conventional': 16.0.0
       '@types/fs-extra': 9.0.13
       '@types/inquirer': 8.1.3
       '@types/node': 17.0.10
-      '@typescript-eslint/eslint-plugin': 5.10.0_3b6b276e93ead7cf6063f183a5e18d1f
-      '@typescript-eslint/parser': 5.10.0_eslint@8.7.0+typescript@4.5.4
+      '@typescript-eslint/eslint-plugin': 5.10.0_706fb07ce74b1db611f19a02ad2ce784
+      '@typescript-eslint/parser': 5.10.0_eslint@8.7.0+typescript@4.5.5
       c8: 7.11.0
       commitizen: 4.2.4_@types+node@17.0.10
       conventional-changelog-cli: 2.2.2
@@ -62,30 +62,30 @@ importers:
       eslint-config-prettier: 8.3.0_eslint@8.7.0
       eslint-plugin-prettier: 4.0.0_4660519532e4c3b0a9e5bb6623cfedf6
       eslint-plugin-vue: 8.3.0_eslint@8.7.0
-      esno: 0.14.0_typescript@4.5.4
+      esno: 0.14.0_typescript@4.5.5
       fs-extra: 10.0.0
       husky: 7.0.4
       inquirer: 8.2.0
       jsdom: 19.0.0
-      lint-staged: 12.2.1
+      lint-staged: 12.3.1
       postcss: 8.4.5
       postcss-html: 1.3.0
       postcss-less: 6.0.0_postcss@8.4.5
       prettier: 2.5.1
       pretty-quick: 3.1.3_prettier@2.5.1
       rimraf: 3.0.2
-      rollup: 2.64.0
-      stylelint: 14.2.0
-      stylelint-config-html: 1.0.0_2d1bcf73d0f2e8e613ccd6d821b0344f
-      stylelint-config-prettier: 9.0.3_stylelint@14.2.0
-      stylelint-config-recommended: 6.0.0_stylelint@14.2.0
-      stylelint-config-standard: 24.0.0_stylelint@14.2.0
-      stylelint-order: 5.0.0_stylelint@14.2.0
-      ts-node: 10.4.0_82b55006877de54992e74492b614ace9
+      rollup: 2.66.0
+      stylelint: 14.3.0
+      stylelint-config-html: 1.0.0_387acde72b94c028532b3c9cd4a4cddd
+      stylelint-config-prettier: 9.0.3_stylelint@14.3.0
+      stylelint-config-recommended: 6.0.0_stylelint@14.3.0
+      stylelint-config-standard: 24.0.0_stylelint@14.3.0
+      stylelint-order: 5.0.0_stylelint@14.3.0
+      ts-node: 10.4.0_9d6cd740eceb93d711351e2e9548d1bd
       turbo: 1.0.28
-      typescript: 4.5.4
-      vitest: 0.1.24_c8@7.11.0+jsdom@19.0.0
-      vue-eslint-parser: 8.0.1_eslint@8.7.0
+      typescript: 4.5.5
+      vitest: 0.2.1_c8@7.11.0+jsdom@19.0.0
+      vue-eslint-parser: 8.2.0_eslint@8.7.0
 
   admin:
     specifiers:
@@ -100,7 +100,7 @@ importers:
       '@ant-design/colors': ^6.0.0
       '@ant-design/icons-vue': ^6.0.1
       '@iconify/iconify': ^2.1.1
-      '@iconify/json': ^2.0.26
+      '@iconify/json': ^2.0.28
       '@logicflow/core': ^1.0.7
       '@logicflow/extension': ^1.0.7
       '@purge-icons/generated': ^0.7.0
@@ -114,12 +114,12 @@ importers:
       '@types/showdown': ^1.9.4
       '@types/sortablejs': ^1.10.7
       '@vitejs/plugin-legacy': ^1.6.4
-      '@vitejs/plugin-vue': ^2.0.1
+      '@vitejs/plugin-vue': ^2.1.0
       '@vitejs/plugin-vue-jsx': ^1.3.3
-      '@vue/compiler-sfc': 3.2.27
+      '@vue/compiler-sfc': 3.2.29
       '@vue/test-utils': ^2.0.0-rc.18
       '@zxcvbn-ts/core': ^1.2.0
-      ant-design-vue: 3.0.0-beta.7
+      ant-design-vue: 3.0.0-beta.8
       autoprefixer: ^10.4.2
       codemirror: ^5.65.1
       cropperjs: ^1.5.12
@@ -140,11 +140,11 @@ importers:
       sortablejs: ^1.14.0
       tailwindcss: ^3.0.15
       tinymce: ^5.10.2
-      vditor: ^3.8.10
+      vditor: ^3.8.11
       vite: ^2.8.0-beta.3
       vite-plugin-compression: ^0.4.0
       vite-plugin-html: ^2.1.2
-      vite-plugin-imagemin: ^0.5.1
+      vite-plugin-imagemin: ^0.5.2
       vite-plugin-mkcert: ^1.5.2
       vite-plugin-mock: ^2.9.6
       vite-plugin-purge-icons: ^0.7.0
@@ -152,10 +152,10 @@ importers:
       vite-plugin-svg-icons: ^1.1.0
       vite-plugin-theme: ^0.8.1
       vite-plugin-vue-setup-extend: ^0.3.0
-      vue: ^3.2.27
+      vue: ^3.2.29
       vue-json-pretty: ^1.8.2
       vue-router: ^4.0.12
-      vue-tsc: ^0.30.6
+      vue-tsc: ^0.31.1
       xlsx: ^0.17.5
     dependencies:
       '@admin/directives': link:../packages/directives
@@ -166,12 +166,12 @@ importers:
       '@admin/use': link:../packages/use
       '@admin/utils': link:../packages/utils
       '@ant-design/colors': 6.0.0
-      '@ant-design/icons-vue': 6.0.1_vue@3.2.27
+      '@ant-design/icons-vue': 6.0.1_vue@3.2.29
       '@iconify/iconify': 2.1.1
       '@logicflow/core': 1.0.7
       '@logicflow/extension': 1.0.7
       '@zxcvbn-ts/core': 1.2.0
-      ant-design-vue: 3.0.0-beta.7_1d3c0f59c01af099101b44516eefc99f
+      ant-design-vue: 3.0.0-beta.8_7b9c5f8a4a835fb1fc33e1e095e7e31c
       codemirror: 5.65.1
       cropperjs: 1.5.12
       echarts: 5.2.2
@@ -179,20 +179,20 @@ importers:
       mockjs: 1.1.0
       nprogress: 0.2.0
       path-to-regexp: 6.2.0
-      pinia: 2.0.9_typescript@4.5.4+vue@3.2.27
+      pinia: 2.0.9_typescript@4.5.5+vue@3.2.29
       print-js: 1.6.0
       qrcode: 1.5.0
       showdown: 1.9.1
       sortablejs: 1.14.0
       tinymce: 5.10.2
-      vditor: 3.8.10
-      vue: 3.2.27
+      vditor: 3.8.11
+      vue: 3.2.29
       vue-json-pretty: 1.8.2
-      vue-router: 4.0.12_vue@3.2.27
+      vue-router: 4.0.12_vue@3.2.29
       xlsx: 0.17.5
     devDependencies:
       '@admin/types': link:../packages/types
-      '@iconify/json': 2.0.26
+      '@iconify/json': 2.0.28
       '@purge-icons/generated': 0.7.0
       '@types/codemirror': 5.60.5
       '@types/inquirer': 8.1.3
@@ -204,29 +204,29 @@ importers:
       '@types/showdown': 1.9.4
       '@types/sortablejs': 1.10.7
       '@vitejs/plugin-legacy': 1.6.4_vite@2.8.0-beta.3
-      '@vitejs/plugin-vue': 2.0.1_vite@2.8.0-beta.3+vue@3.2.27
+      '@vitejs/plugin-vue': 2.1.0_vite@2.8.0-beta.3+vue@3.2.29
       '@vitejs/plugin-vue-jsx': 1.3.3
-      '@vue/compiler-sfc': 3.2.27
-      '@vue/test-utils': 2.0.0-rc.18_vue@3.2.27
+      '@vue/compiler-sfc': 3.2.29
+      '@vue/test-utils': 2.0.0-rc.18_vue@3.2.29
       autoprefixer: 10.4.2_postcss@8.4.5
       cross-env: 7.0.3
       dotenv: 14.2.0
-      esno: 0.14.0_typescript@4.5.4
+      esno: 0.14.0_typescript@4.5.5
       less: 4.1.2
-      rollup-plugin-visualizer: 5.5.4_rollup@2.64.0
+      rollup-plugin-visualizer: 5.5.4_rollup@2.66.0
       tailwindcss: 3.0.15_f98f8cb1d4c2734d9765edb689db6e16
       vite: 2.8.0-beta.3_less@4.1.2
       vite-plugin-compression: 0.4.0_vite@2.8.0-beta.3
       vite-plugin-html: 2.1.2_vite@2.8.0-beta.3
-      vite-plugin-imagemin: 0.5.1_vite@2.8.0-beta.3
+      vite-plugin-imagemin: 0.5.2_vite@2.8.0-beta.3
       vite-plugin-mkcert: 1.5.2
-      vite-plugin-mock: 2.9.6_bba4b2c0a8a0dca0e4cd540196be3bcd
+      vite-plugin-mock: 2.9.6_9105dc42f8630f2eaffc2f7074e6443c
       vite-plugin-purge-icons: 0.7.0_vite@2.8.0-beta.3
       vite-plugin-pwa: 0.11.13_vite@2.8.0-beta.3
       vite-plugin-svg-icons: 1.1.0_vite@2.8.0-beta.3
       vite-plugin-theme: 0.8.1_vite@2.8.0-beta.3
       vite-plugin-vue-setup-extend: 0.3.0_vite@2.8.0-beta.3
-      vue-tsc: 0.30.6_typescript@4.5.4
+      vue-tsc: 0.31.1_typescript@4.5.5
 
   packages/directives:
     specifiers:
@@ -242,18 +242,18 @@ importers:
       '@admin/tokens': workspace:*
       '@admin/types': workspace:*
       '@admin/utils': workspace:*
-      '@vueuse/core': ^7.5.3
-      vue: ^3.2.27
+      '@vueuse/core': ^7.5.4
+      vue: ^3.2.29
       vue-i18n: ^9.1.9
     dependencies:
       '@admin/setting': link:../setting
       '@admin/tokens': link:../tokens
       '@admin/types': link:../types
       '@admin/utils': link:../utils
-      '@vueuse/core': 7.5.3_vue@3.2.27
-      vue-i18n: 9.1.9_vue@3.2.27
+      '@vueuse/core': 7.5.4_vue@3.2.29
+      vue-i18n: 9.1.9_vue@3.2.29
     optionalDependencies:
-      vue: 3.2.27
+      vue: 3.2.29
 
   packages/service:
     specifiers:
@@ -275,9 +275,12 @@ importers:
     specifiers:
       '@admin/tokens': workspace:*
       '@admin/types': workspace:*
+      vue: ^3.2.29
     dependencies:
       '@admin/tokens': link:../tokens
       '@admin/types': link:../types
+    optionalDependencies:
+      vue: 3.2.29
 
   packages/tokens:
     specifiers: {}
@@ -292,34 +295,36 @@ importers:
     specifiers:
       '@admin/locale': workspace:*
       '@admin/utils': workspace:*
-      '@vueuse/core': ^7.5.3
-      vue: ^3.2.27
+      '@vueuse/core': ^7.5.4
+      vue: ^3.2.29
     dependencies:
       '@admin/locale': link:../locale
       '@admin/utils': link:../utils
-      '@vueuse/core': 7.5.3_vue@3.2.27
+      '@vueuse/core': 7.5.4_vue@3.2.29
     optionalDependencies:
-      vue: 3.2.27
+      vue: 3.2.29
 
   packages/utils:
     specifiers:
+      '@admin/setting': workspace:*
       '@types/lodash-es': ^4.17.5
-      '@vue/runtime-core': ^3.2.27
-      '@vue/shared': ^3.2.27
-      '@vueuse/core': ^7.5.3
-      '@vueuse/shared': ^7.5.3
+      '@vue/runtime-core': ^3.2.29
+      '@vue/shared': ^3.2.29
+      '@vueuse/core': ^7.5.4
+      '@vueuse/shared': ^7.5.4
       dayjs: ^1.10.7
       lodash-es: ^4.17.21
-      vue: ^3.2.27
+      vue: ^3.2.29
     dependencies:
-      '@vue/runtime-core': 3.2.27
-      '@vue/shared': 3.2.27
-      '@vueuse/core': 7.5.3_vue@3.2.27
-      '@vueuse/shared': 7.5.3_vue@3.2.27
+      '@admin/setting': link:../setting
+      '@vue/runtime-core': 3.2.29
+      '@vue/shared': 3.2.29
+      '@vueuse/core': 7.5.4_vue@3.2.29
+      '@vueuse/shared': 7.5.4_vue@3.2.29
       dayjs: 1.10.7
       lodash-es: 4.17.21
     optionalDependencies:
-      vue: 3.2.27
+      vue: 3.2.29
     devDependencies:
       '@types/lodash-es': 4.17.5
 
@@ -356,9 +361,9 @@ importers:
       esno: ^0.14.0
       execa: 6.0.0
       express: ^4.17.2
-      express-rate-limit: 6.1.0
+      express-rate-limit: 6.2.0
       fs-extra: 10.0.0
-      helmet: 5.0.1
+      helmet: 5.0.2
       lodash: 4.17.21
       markdown-it: 12.3.2
       reflect-metadata: ^0.1.13
@@ -368,7 +373,7 @@ importers:
       swagger-ui-express: 4.3.0
       tsup: 5.11.11
       winston: 3.4.0
-      winston-daily-rotate-file: 4.5.5
+      winston-daily-rotate-file: 4.6.0
     dependencies:
       '@hapi/joi': 17.1.1
       '@nestjs/common': 8.2.6_b0b27b9de4f5c82e378bde4082c2f1c4
@@ -387,9 +392,9 @@ importers:
       debug: 4.3.3
       dotenv: 14.2.0
       express: 4.17.2
-      express-rate-limit: 6.1.0_express@4.17.2
+      express-rate-limit: 6.2.0_express@4.17.2
       fs-extra: 10.0.0
-      helmet: 5.0.1
+      helmet: 5.0.2
       lodash: 4.17.21
       markdown-it: 12.3.2
       reflect-metadata: 0.1.13
@@ -397,10 +402,10 @@ importers:
       rxjs: 7.5.2
       swagger-ui-express: 4.3.0_express@4.17.2
       winston: 3.4.0
-      winston-daily-rotate-file: 4.5.5_winston@3.4.0
+      winston-daily-rotate-file: 4.6.0_winston@3.4.0
     devDependencies:
       '@nestjs/cli': 8.2.0_eslint@8.7.0
-      '@nestjs/schematics': 8.0.5_typescript@4.5.4
+      '@nestjs/schematics': 8.0.5_typescript@4.5.5
       '@nestjs/testing': 8.2.6_b893ca8083ee374883b6d648098a9aeb
       '@types/debug': 4.1.7
       '@types/execa': 2.0.0
@@ -411,10 +416,10 @@ importers:
       '@types/node': 17.0.10
       '@types/supertest': 2.0.11
       cross-env: 7.0.3
-      esno: 0.14.0_typescript@4.5.4
+      esno: 0.14.0_typescript@4.5.5
       execa: 6.0.0
       supertest: 6.2.2
-      tsup: 5.11.11_ts-node@10.4.0+typescript@4.5.4
+      tsup: 5.11.11_ts-node@10.4.0+typescript@4.5.5
 
 packages:
   /@angular-devkit/core/13.0.2:
@@ -605,7 +610,7 @@ packages:
       }
     dev: false
 
-  /@ant-design/icons-vue/6.0.1_vue@3.2.27:
+  /@ant-design/icons-vue/6.0.1_vue@3.2.29:
     resolution:
       {
         integrity: sha512-HigIgEVV6bbcrz2A92/qDzi/aKWB5EC6b6E1mxMB6aQA7ksiKY+gi4U94TpqyEIIhR23uaDrjufJ+xCZQ+vx6Q==,
@@ -617,7 +622,7 @@ packages:
       '@ant-design/icons-svg': 4.2.1
       '@types/lodash': 4.14.178
       lodash: 4.17.21
-      vue: 3.2.27
+      vue: 3.2.29
     dev: false
 
   /@apideck/better-ajv-errors/0.3.2_ajv@8.9.0:
@@ -2239,10 +2244,10 @@ packages:
       '@commitlint/types': 16.0.0
       chalk: 4.1.2
       cosmiconfig: 7.0.1
-      cosmiconfig-typescript-loader: 1.0.3_82b55006877de54992e74492b614ace9
+      cosmiconfig-typescript-loader: 1.0.3_9d6cd740eceb93d711351e2e9548d1bd
       lodash: 4.17.21
       resolve-from: 5.0.0
-      typescript: 4.5.4
+      typescript: 4.5.5
     transitivePeerDependencies:
       - '@swc/core'
       - '@swc/wasm'
@@ -2523,10 +2528,10 @@ packages:
     dependencies:
       cross-fetch: 3.1.4
 
-  /@iconify/json/2.0.26:
+  /@iconify/json/2.0.28:
     resolution:
       {
-        integrity: sha512-LEcXxLv+wVTGGWvYddPnXBfctBWq1YvvP5ntbQrVPUsS5HUwjIjIYV3gsNX04PCenRKNgOwnShyn3ltHjlruhQ==,
+        integrity: sha512-zrmt8N90ipGMwvDSkUph3EzoIKtPma6ObSpnFsCYzG/0m66MWL9sTSGvjBVwtiCdO3/9wczAl96Xejh6bbQASQ==,
       }
     dependencies:
       '@iconify/types': 1.0.12
@@ -2847,7 +2852,7 @@ packages:
       - chokidar
     dev: true
 
-  /@nestjs/schematics/8.0.5_typescript@4.5.4:
+  /@nestjs/schematics/8.0.5_typescript@4.5.5:
     resolution:
       {
         integrity: sha512-nK1hWQeLNbdhsiJDX/XJXLqq7nC6/xxC8CN+seFTQmly+H3gG2xaFnl6JPHURumuQaYJX8JEpC8m0+4tz+wvOg==,
@@ -2860,7 +2865,7 @@ packages:
       fs-extra: 10.0.0
       jsonc-parser: 3.0.0
       pluralize: 8.0.0
-      typescript: 4.5.4
+      typescript: 4.5.5
     transitivePeerDependencies:
       - chokidar
     dev: true
@@ -3208,7 +3213,7 @@ packages:
       rollup: 2.64.0
     dev: true
 
-  /@rollup/plugin-node-resolve/13.1.3_rollup@2.64.0:
+  /@rollup/plugin-node-resolve/13.1.3_rollup@2.66.0:
     resolution:
       {
         integrity: sha512-BdxNk+LtmElRo5d06MGY4zoepyrXX1tkzX2hrnPEZ53k78GuOMWLqmJDGIIOPwVRIFZrLQOo+Yr6KtCuLIA0AQ==,
@@ -3217,13 +3222,13 @@ packages:
     peerDependencies:
       rollup: ^2.42.0
     dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.64.0
+      '@rollup/pluginutils': 3.1.0_rollup@2.66.0
       '@types/resolve': 1.17.1
       builtin-modules: 3.2.0
       deepmerge: 4.2.2
       is-module: 1.0.0
       resolve: 1.21.0
-      rollup: 2.64.0
+      rollup: 2.66.0
     dev: true
 
   /@rollup/plugin-replace/2.4.2_rollup@2.64.0:
@@ -3254,6 +3259,21 @@ packages:
       rollup: 2.64.0
     dev: true
 
+  /@rollup/pluginutils/3.1.0_rollup@2.66.0:
+    resolution:
+      {
+        integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==,
+      }
+    engines: { node: '>= 8.0.0' }
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@types/estree': 0.0.39
+      estree-walker: 1.0.1
+      picomatch: 2.3.1
+      rollup: 2.66.0
+    dev: true
+
   /@rollup/pluginutils/4.1.2:
     resolution:
       {
@@ -3511,7 +3531,7 @@ packages:
       }
     dependencies:
       '@types/minimatch': 3.0.5
-      '@types/node': 17.0.9
+      '@types/node': 17.0.10
     dev: true
 
   /@types/imagemin-gifsicle/7.0.1:
@@ -3575,7 +3595,7 @@ packages:
         integrity: sha512-xEn5+M3lDBtI3JxLy6eU3ksoVurygnlG7OYhTqJfGGP4PcvYnfn+IABCmMve7ziM/SneHDm5xgJFKC8hCYPicw==,
       }
     dependencies:
-      '@types/node': 17.0.9
+      '@types/node': 17.0.10
     dev: true
 
   /@types/inquirer/8.1.3:
@@ -3858,7 +3878,7 @@ packages:
       }
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.10.0_3b6b276e93ead7cf6063f183a5e18d1f:
+  /@typescript-eslint/eslint-plugin/5.10.0_706fb07ce74b1db611f19a02ad2ce784:
     resolution:
       {
         integrity: sha512-XXVKnMsq2fuu9K2KsIxPUGqb6xAImz8MEChClbXmE3VbveFtBUU5bzM6IPVWqzyADIgdkS2Ws/6Xo7W2TeZWjQ==,
@@ -3872,23 +3892,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.10.0_eslint@8.7.0+typescript@4.5.4
+      '@typescript-eslint/parser': 5.10.0_eslint@8.7.0+typescript@4.5.5
       '@typescript-eslint/scope-manager': 5.10.0
-      '@typescript-eslint/type-utils': 5.10.0_eslint@8.7.0+typescript@4.5.4
-      '@typescript-eslint/utils': 5.10.0_eslint@8.7.0+typescript@4.5.4
+      '@typescript-eslint/type-utils': 5.10.0_eslint@8.7.0+typescript@4.5.5
+      '@typescript-eslint/utils': 5.10.0_eslint@8.7.0+typescript@4.5.5
       debug: 4.3.3
       eslint: 8.7.0
       functional-red-black-tree: 1.0.1
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.5
-      tsutils: 3.21.0_typescript@4.5.4
-      typescript: 4.5.4
+      tsutils: 3.21.0_typescript@4.5.5
+      typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.10.0_eslint@8.7.0+typescript@4.5.4:
+  /@typescript-eslint/parser/5.10.0_eslint@8.7.0+typescript@4.5.5:
     resolution:
       {
         integrity: sha512-pJB2CCeHWtwOAeIxv8CHVGJhI5FNyJAIpx5Pt72YkK3QfEzt6qAlXZuyaBmyfOdM62qU0rbxJzNToPTVeJGrQw==,
@@ -3903,10 +3923,10 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 5.10.0
       '@typescript-eslint/types': 5.10.0
-      '@typescript-eslint/typescript-estree': 5.10.0_typescript@4.5.4
+      '@typescript-eslint/typescript-estree': 5.10.0_typescript@4.5.5
       debug: 4.3.3
       eslint: 8.7.0
-      typescript: 4.5.4
+      typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3922,7 +3942,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.10.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.10.0_eslint@8.7.0+typescript@4.5.4:
+  /@typescript-eslint/type-utils/5.10.0_eslint@8.7.0+typescript@4.5.5:
     resolution:
       {
         integrity: sha512-TzlyTmufJO5V886N+hTJBGIfnjQDQ32rJYxPaeiyWKdjsv2Ld5l8cbS7pxim4DeNs62fKzRSt8Q14Evs4JnZyQ==,
@@ -3935,11 +3955,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.10.0_eslint@8.7.0+typescript@4.5.4
+      '@typescript-eslint/utils': 5.10.0_eslint@8.7.0+typescript@4.5.5
       debug: 4.3.3
       eslint: 8.7.0
-      tsutils: 3.21.0_typescript@4.5.4
-      typescript: 4.5.4
+      tsutils: 3.21.0_typescript@4.5.5
+      typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3952,7 +3972,7 @@ packages:
     engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.10.0_typescript@4.5.4:
+  /@typescript-eslint/typescript-estree/5.10.0_typescript@4.5.5:
     resolution:
       {
         integrity: sha512-x+7e5IqfwLwsxTdliHRtlIYkgdtYXzE0CkFeV6ytAqq431ZyxCFzNMNR5sr3WOlIG/ihVZr9K/y71VHTF/DUQA==,
@@ -3970,13 +3990,13 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.5
-      tsutils: 3.21.0_typescript@4.5.4
-      typescript: 4.5.4
+      tsutils: 3.21.0_typescript@4.5.5
+      typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.10.0_eslint@8.7.0+typescript@4.5.4:
+  /@typescript-eslint/utils/5.10.0_eslint@8.7.0+typescript@4.5.5:
     resolution:
       {
         integrity: sha512-IGYwlt1CVcFoE2ueW4/ioEwybR60RAdGeiJX/iDAw0t5w0wK3S7QncDwpmsM70nKgGTuVchEWB8lwZwHqPAWRg==,
@@ -3988,7 +4008,7 @@ packages:
       '@types/json-schema': 7.0.9
       '@typescript-eslint/scope-manager': 5.10.0
       '@typescript-eslint/types': 5.10.0
-      '@typescript-eslint/typescript-estree': 5.10.0_typescript@4.5.4
+      '@typescript-eslint/typescript-estree': 5.10.0_typescript@4.5.5
       eslint: 8.7.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.7.0
@@ -4042,10 +4062,10 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue/2.0.1_vite@2.8.0-beta.3+vue@3.2.27:
+  /@vitejs/plugin-vue/2.1.0_vite@2.8.0-beta.3+vue@3.2.29:
     resolution:
       {
-        integrity: sha512-wtdMnGVvys9K8tg+DxowU1ytTrdVveXr3LzdhaKakysgGXyrsfaeds2cDywtvujEASjWOwWL/OgWM+qoeM8Plg==,
+        integrity: sha512-AZ78WxvFMYd8JmM/GBV6a6SGGTU0GgN/0/4T+FnMMsLzFEzTeAUwuraapy50ifHZsC+G5SvWs86bvaCPTneFlA==,
       }
     engines: { node: '>=12.0.0' }
     peerDependencies:
@@ -4053,23 +4073,23 @@ packages:
       vue: ^3.2.25
     dependencies:
       vite: 2.8.0-beta.3_less@4.1.2
-      vue: 3.2.27
+      vue: 3.2.29
     dev: true
 
-  /@volar/code-gen/0.30.6:
+  /@volar/code-gen/0.31.1:
     resolution:
       {
-        integrity: sha512-odkXN91QCS/KRKPk4eUQp7jkN0PuYLwDuJZwGiDDJrZWUCCSdEvSj7e+Cjk7Q7doX0G9WAF88BL7ozcjzrtiKw==,
+        integrity: sha512-HsUNJHBdq4vGxenYlREqtBNf1Gh5JV1GBkD703bcH8clauc7ADTkUrayfLAF2ulXP/U0l7dFL8C8bwqJ7PZbMw==,
       }
     dependencies:
-      '@volar/shared': 0.30.6
-      '@volar/source-map': 0.30.6
+      '@volar/shared': 0.31.1
+      '@volar/source-map': 0.31.1
     dev: true
 
-  /@volar/html2pug/0.30.6:
+  /@volar/html2pug/0.31.1:
     resolution:
       {
-        integrity: sha512-mPRQCRa/Nse0bC1wxJ+K7q/Ou0Wg+220qL3nPI3mqwSn0KECOAPsZxaVHRFauY4MeBxO2sOzkOvFfQLk8whJ1g==,
+        integrity: sha512-m/lbsz9t+zXx9HsuLH17Z/5nNtefv5qxncL8rycR+GaypHQKF5kg+GqQNOURMQ8T8lq2D6fNsGQOcMXoo3IqWQ==,
       }
     dependencies:
       domelementtype: 2.2.0
@@ -4078,10 +4098,10 @@ packages:
       pug: 3.0.2
     dev: true
 
-  /@volar/shared/0.30.6:
+  /@volar/shared/0.31.1:
     resolution:
       {
-        integrity: sha512-YJa7kl2HRkSZaETBPCVEm/ZVXPBpt1aAlCxNuj55GaCHhcabOVj2oCBZioJLiwAvSR0e6k6KjbJBcKTuKrP9bw==,
+        integrity: sha512-WbMiPOlXbpFinZnQ+/qsJQ7+YW6MFla2fLdD6Er5bLW5DEXI+GupLQ2gnia7F0w6QborMowfOIEXnrnMPPYGOA==,
       }
     dependencies:
       upath: 2.0.1
@@ -4090,38 +4110,38 @@ packages:
       vscode-uri: 3.0.3
     dev: true
 
-  /@volar/source-map/0.30.6:
+  /@volar/source-map/0.31.1:
     resolution:
       {
-        integrity: sha512-B0KLi0StdM3KsMLA+iK5pdE+mokukio7r0EkOMUAYZN/xn/kGWkKIdleJjLtgmtH2tw4kBz/5hP+KKEOlD3Etg==,
+        integrity: sha512-t+bUmxI5bkunBxX6UYpBX6+xnYYJhpciL3Hqv0dkHSaS63kJqY13OhV/utmQMjto3b3FAbYLSVqpt09FtdTPzg==,
       }
     dependencies:
-      '@volar/shared': 0.30.6
+      '@volar/shared': 0.31.1
       vscode-languageserver-textdocument: 1.0.3
     dev: true
 
-  /@volar/transforms/0.30.6:
+  /@volar/transforms/0.31.1:
     resolution:
       {
-        integrity: sha512-jbVBXOBOeKc6Rb7dzyiq5b+FfYsXFWGFLLDZok5U+JoFujxoPfn5HwX9A3t+RW/NRwQkZxrdiPmW8b69B5nMKQ==,
+        integrity: sha512-O9rrGwCTzzsVFe06WOKUx7f9rkPg396ugWkMX6O0M15EF1a3ykqH7QX1uxVhFS0NwvWDnIeJYe7NG1uf1BwR+w==,
       }
     dependencies:
-      '@volar/shared': 0.30.6
+      '@volar/shared': 0.31.1
       vscode-languageserver-types: 3.17.0-next.6
     dev: true
 
-  /@volar/vue-code-gen/0.30.6:
+  /@volar/vue-code-gen/0.31.1:
     resolution:
       {
-        integrity: sha512-UGpbOuC5ZxT2GXvkq2IWUuca9IDJVaaywWparKW0SwPFOZaMM2ivHLOfQpiuPqDUKTZLGK3fQuBWuXSTl+GIbA==,
+        integrity: sha512-MBMqhE+Z7xt2MSeQQA4ld0qx894gr5eLFWkTORdNoCbK8+02oB3yrZVr3T+i9jprjiV6svXKBoyk0RZ6YsgNqw==,
       }
     dependencies:
-      '@volar/code-gen': 0.30.6
-      '@volar/shared': 0.30.6
-      '@volar/source-map': 0.30.6
-      '@vue/compiler-core': 3.2.27
-      '@vue/compiler-dom': 3.2.27
-      '@vue/shared': 3.2.27
+      '@volar/code-gen': 0.31.1
+      '@volar/shared': 0.31.1
+      '@volar/source-map': 0.31.1
+      '@vue/compiler-core': 3.2.29
+      '@vue/compiler-dom': 3.2.29
+      '@vue/shared': 3.2.29
       upath: 2.0.1
     dev: true
 
@@ -4166,51 +4186,51 @@ packages:
       - supports-color
     dev: true
 
-  /@vue/compiler-core/3.2.27:
+  /@vue/compiler-core/3.2.29:
     resolution:
       {
-        integrity: sha512-JyxAglSM/pb9paG5ZNuKrf5IUpzLzQA3khjWGF9oESELCLQlt6O3YyPMR2A69wIpYWrf5mScZ8YY8TJKOI/1kQ==,
+        integrity: sha512-RePZ/J4Ub3sb7atQw6V6Rez+/5LCRHGFlSetT3N4VMrejqJnNPXKUt5AVm/9F5MJriy2w/VudEIvgscCfCWqxw==,
       }
     dependencies:
       '@babel/parser': 7.16.8
-      '@vue/shared': 3.2.27
+      '@vue/shared': 3.2.29
       estree-walker: 2.0.2
       source-map: 0.6.1
 
-  /@vue/compiler-dom/3.2.27:
+  /@vue/compiler-dom/3.2.29:
     resolution:
       {
-        integrity: sha512-NyQ7nEbopUBPUMHM4c3FPCbFbnQwptoPjW5Y5qfJ7hfiCNhOuhQsDNqi5JYKBxfpxiFNwjcN9F8t1AsnLrDloQ==,
+        integrity: sha512-y26vK5khdNS9L3ckvkqJk/78qXwWb75Ci8iYLb67AkJuIgyKhIOcR1E8RIt4mswlVCIeI9gQ+fmtdhaiTAtrBQ==,
       }
     dependencies:
-      '@vue/compiler-core': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/compiler-core': 3.2.29
+      '@vue/shared': 3.2.29
 
-  /@vue/compiler-sfc/3.2.27:
+  /@vue/compiler-sfc/3.2.29:
     resolution:
       {
-        integrity: sha512-WyecUhLN5UAQAr2QlmG2nA56OEnhZJaBnSw0G1tazb9rwDuK0V9tnbIXbQgmQlx+x4sJxgg61yWGcIXfilTl3A==,
+        integrity: sha512-X9+0dwsag2u6hSOP/XsMYqFti/edvYvxamgBgCcbSYuXx1xLZN+dS/GvQKM4AgGS4djqo0jQvWfIXdfZ2ET68g==,
       }
     dependencies:
       '@babel/parser': 7.16.8
-      '@vue/compiler-core': 3.2.27
-      '@vue/compiler-dom': 3.2.27
-      '@vue/compiler-ssr': 3.2.27
-      '@vue/reactivity-transform': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/compiler-core': 3.2.29
+      '@vue/compiler-dom': 3.2.29
+      '@vue/compiler-ssr': 3.2.29
+      '@vue/reactivity-transform': 3.2.29
+      '@vue/shared': 3.2.29
       estree-walker: 2.0.2
       magic-string: 0.25.7
       postcss: 8.4.5
       source-map: 0.6.1
 
-  /@vue/compiler-ssr/3.2.27:
+  /@vue/compiler-ssr/3.2.29:
     resolution:
       {
-        integrity: sha512-+l09t319iV7HVSrXfBw9OLwMZIPOFTXmHjZ61Bc5ZcwKqOYAR4uTurKpoXAfcSc5qs/q6WdE9jY3nrP0LUEMQQ==,
+        integrity: sha512-LrvQwXlx66uWsB9/VydaaqEpae9xtmlUkeSKF6aPDbzx8M1h7ukxaPjNCAXuFd3fUHblcri8k42lfimHfzMICA==,
       }
     dependencies:
-      '@vue/compiler-dom': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/compiler-dom': 3.2.29
+      '@vue/shared': 3.2.29
 
   /@vue/devtools-api/6.0.0-beta.21.1:
     resolution:
@@ -4219,67 +4239,67 @@ packages:
       }
     dev: false
 
-  /@vue/reactivity-transform/3.2.27:
+  /@vue/reactivity-transform/3.2.29:
     resolution:
       {
-        integrity: sha512-67//61ObGxGnVrPhjygocb24eYUh+TFMhkm7szm8v5XdKXjkNl7qgIOflwGvUnwuIRJmr9nZ7+PvY0fL+H2upA==,
+        integrity: sha512-YF6HdOuhdOw6KyRm59+3rML8USb9o8mYM1q+SH0G41K3/q/G7uhPnHGKvspzceD7h9J3VR1waOQ93CUZj7J7OA==,
       }
     dependencies:
       '@babel/parser': 7.16.8
-      '@vue/compiler-core': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/compiler-core': 3.2.29
+      '@vue/shared': 3.2.29
       estree-walker: 2.0.2
       magic-string: 0.25.7
 
-  /@vue/reactivity/3.2.27:
+  /@vue/reactivity/3.2.29:
     resolution:
       {
-        integrity: sha512-QPfIQEJidRGIu/mPexhcB4csp1LEg2Nr+/QE72MnXs/OYDtFErhC9FxIyymkxp/xvAgL5wsnSOuDD6zWF42vRQ==,
+        integrity: sha512-Ryhb6Gy62YolKXH1gv42pEqwx7zs3n8gacRVZICSgjQz8Qr8QeCcFygBKYfJm3o1SccR7U+bVBQDWZGOyG1k4g==,
       }
     dependencies:
-      '@vue/shared': 3.2.27
+      '@vue/shared': 3.2.29
 
-  /@vue/runtime-core/3.2.27:
+  /@vue/runtime-core/3.2.29:
     resolution:
       {
-        integrity: sha512-NJrjuViHJyrT4bwIocbE4XDaDlA1Pj61pQlneZZdFEvgdMLlhzCCiJ4WZnWcohYQeisUAZjEFKK8GjQieDPFbw==,
+        integrity: sha512-VMvQuLdzoTGmCwIKTKVwKmIL0qcODIqe74JtK1pVr5lnaE0l25hopodmPag3RcnIcIXe+Ye3B2olRCn7fTCgig==,
       }
     dependencies:
-      '@vue/reactivity': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/reactivity': 3.2.29
+      '@vue/shared': 3.2.29
     dev: false
 
-  /@vue/runtime-dom/3.2.27:
+  /@vue/runtime-dom/3.2.29:
     resolution:
       {
-        integrity: sha512-tlnKkvBSkV7MPUp/wRFsYcv67U1rUeZTPfpPzq5Kpmw5NNGkY6J075fFBH2k0MNxDucXS+qfStNrxAyGTUMkSA==,
+        integrity: sha512-YJgLQLwr+SQyORzTsBQLL5TT/5UiV83tEotqjL7F9aFDIQdFBTCwpkCFvX9jqwHoyi9sJqM9XtTrMcc8z/OjPA==,
       }
     dependencies:
-      '@vue/runtime-core': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/runtime-core': 3.2.29
+      '@vue/shared': 3.2.29
       csstype: 2.6.19
     dev: false
 
-  /@vue/server-renderer/3.2.27_vue@3.2.27:
+  /@vue/server-renderer/3.2.29_vue@3.2.29:
     resolution:
       {
-        integrity: sha512-dZnzkFCDe6A/GIe/F1LcG6lWpprHVh62DjTv8wubtkHwfJWOmOeHp+KvPDRrswL/L3ghsm+E31xY+pvkgM3pbQ==,
+        integrity: sha512-lpiYx7ciV7rWfJ0tPkoSOlLmwqBZ9FTmQm33S+T4g0j1fO/LmhJ9b9Ctl1o5xvIFVDk9QkSUWANZn7H2pXuxVw==,
       }
     peerDependencies:
-      vue: 3.2.27
+      vue: 3.2.29
     dependencies:
-      '@vue/compiler-ssr': 3.2.27
-      '@vue/shared': 3.2.27
-      vue: 3.2.27
+      '@vue/compiler-ssr': 3.2.29
+      '@vue/shared': 3.2.29
+      vue: 3.2.29
     dev: false
 
-  /@vue/shared/3.2.27:
+  /@vue/shared/3.2.29:
     resolution:
       {
-        integrity: sha512-rpAn9k6O08Lvo7ekBIAnkOukX/4EsEQLPrRJBKhIEasMsOI5eX0f6mq1sDUSY7cgAqWw2d7QtP74CWxdXoyKxA==,
+        integrity: sha512-BjNpU8OK6Z0LVzGUppEk0CMYm/hKDnZfYdjSmPOs0N+TR1cLKJAkDwW8ASZUvaaSLEi6d3hVM7jnWnX+6yWnHw==,
       }
 
-  /@vue/test-utils/2.0.0-rc.18_vue@3.2.27:
+  /@vue/test-utils/2.0.0-rc.18_vue@3.2.29:
     resolution:
       {
         integrity: sha512-aifolXjVdsogjaLmDoZ0FU8vN+R67aWmg9OuVeED4w5Ij5GFQLrlhM19uhWe/r5xXUL4fXMk3pX5wW6FJP1NcQ==,
@@ -4287,13 +4307,13 @@ packages:
     peerDependencies:
       vue: ^3.0.1
     dependencies:
-      vue: 3.2.27
+      vue: 3.2.29
     dev: true
 
-  /@vueuse/core/7.5.3_vue@3.2.27:
+  /@vueuse/core/7.5.4_vue@3.2.29:
     resolution:
       {
-        integrity: sha512-D9j5ymHFMFRXQqCp0yZJkf/bvBGiz0MrKUa364p+L8dMyd5zyq2K1JmHyvoBd4xbTFRfmQ1h878u6YE5LCkDVQ==,
+        integrity: sha512-PKmyHN2lZuttGgKmsoMMqiSojSYYKraszilP0gpQIGcLt2YoLABaG3VFjdPs2tY6DM+HG3o70HuzOMEQCY8fqQ==,
       }
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -4304,15 +4324,15 @@ packages:
       vue:
         optional: true
     dependencies:
-      '@vueuse/shared': 7.5.3_vue@3.2.27
-      vue: 3.2.27
-      vue-demi: 0.12.1_vue@3.2.27
+      '@vueuse/shared': 7.5.4_vue@3.2.29
+      vue: 3.2.29
+      vue-demi: 0.12.1_vue@3.2.29
     dev: false
 
-  /@vueuse/shared/7.5.3_vue@3.2.27:
+  /@vueuse/shared/7.5.4_vue@3.2.29:
     resolution:
       {
-        integrity: sha512-BJ71cxHN5VByW1S58Gl85NFJaQu93F7Vs7K/MuAKsIIuHm9PBbkR5Vxkg9ko9cBdiKVt+FNoo13BhdbA+Vwycg==,
+        integrity: sha512-750RnGUEgg1+K4jGVkv7M5UOStAa/IjAInV6BugyBOvRYL2l1lcIDUi4V/qIKTlhd2oUAByCEnlqIpFD2a3tfw==,
       }
     peerDependencies:
       '@vue/composition-api': ^1.1.0
@@ -4323,8 +4343,8 @@ packages:
       vue:
         optional: true
     dependencies:
-      vue: 3.2.27
-      vue-demi: 0.12.1_vue@3.2.27
+      vue: 3.2.29
+      vue-demi: 0.12.1_vue@3.2.29
     dev: false
 
   /@webassemblyjs/ast/1.11.1:
@@ -4811,20 +4831,20 @@ packages:
     engines: { node: '>=12' }
     dev: true
 
-  /ant-design-vue/3.0.0-beta.7_1d3c0f59c01af099101b44516eefc99f:
+  /ant-design-vue/3.0.0-beta.8_7b9c5f8a4a835fb1fc33e1e095e7e31c:
     resolution:
       {
-        integrity: sha512-8ay9+AnleifI/Ji6DnbrBku1kwo3fPjNrxyqsBAfe573T4gML9AVpX2/CaJgc41ID9liJdNV8fChgVEckeVb1A==,
+        integrity: sha512-3fgfg0pfIqvQ7VN5nKKZayqMH8V1T8nn+e3hWOz6QYdYa7gNydgm5GH+r8ZyhQitkmiAIYXbNDakcqrUdOPXOA==,
       }
     peerDependencies:
       '@vue/compiler-sfc': '>=3.1.0'
       vue: '>=3.1.0'
     dependencies:
       '@ant-design/colors': 6.0.0
-      '@ant-design/icons-vue': 6.0.1_vue@3.2.27
+      '@ant-design/icons-vue': 6.0.1_vue@3.2.29
       '@babel/runtime': 7.16.7
       '@simonwep/pickr': 1.8.2
-      '@vue/compiler-sfc': 3.2.27
+      '@vue/compiler-sfc': 3.2.29
       array-tree-filter: 2.1.0
       async-validator: 4.0.7
       dayjs: 1.10.7
@@ -4835,8 +4855,8 @@ packages:
       resize-observer-polyfill: 1.5.1
       scroll-into-view-if-needed: 2.2.28
       shallow-equal: 1.2.1
-      vue: 3.2.27
-      vue-types: 3.0.2_vue@3.2.27
+      vue: 3.2.29
+      vue-types: 3.0.2_vue@3.2.29
       warning: 4.0.3
     dev: false
 
@@ -6560,7 +6580,7 @@ packages:
       object-assign: 4.1.1
       vary: 1.1.2
 
-  /cosmiconfig-typescript-loader/1.0.3_82b55006877de54992e74492b614ace9:
+  /cosmiconfig-typescript-loader/1.0.3_9d6cd740eceb93d711351e2e9548d1bd:
     resolution:
       {
         integrity: sha512-ARo21VjxdacJUcHxgVMEYNIoVPYiuKOEwWBIYej4M22+pEbe3LzKgmht2UPM+0u7/T/KnZf2r/5IzHv2Nwz+/w==,
@@ -6572,8 +6592,8 @@ packages:
     dependencies:
       '@types/node': 17.0.10
       cosmiconfig: 7.0.1
-      ts-node: 10.4.0_82b55006877de54992e74492b614ace9
-      typescript: 4.5.4
+      ts-node: 10.4.0_9d6cd740eceb93d711351e2e9548d1bd
+      typescript: 4.5.5
     transitivePeerDependencies:
       - '@swc/core'
       - '@swc/wasm'
@@ -8040,7 +8060,7 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-node-loader/0.6.4_typescript@4.5.4:
+  /esbuild-node-loader/0.6.4_typescript@4.5.5:
     resolution:
       {
         integrity: sha512-7Esvc3CWHf+DcXHX+VdIl91s4hPs83wV/DqDbjrR2q5gKjnR4O7NCX2Hw7QVYd8h5Pzc7fIV2z12SMqAcHIyJg==,
@@ -8049,7 +8069,7 @@ packages:
       typescript: ^4.0
     dependencies:
       esbuild: 0.14.11
-      typescript: 4.5.4
+      typescript: 4.5.5
     dev: true
 
   /esbuild-openbsd-64/0.13.15:
@@ -8420,7 +8440,7 @@ packages:
       eslint-utils: 3.0.0_eslint@8.7.0
       natural-compare: 1.4.0
       semver: 7.3.5
-      vue-eslint-parser: 8.0.1_eslint@8.7.0
+      vue-eslint-parser: 8.2.0_eslint@8.7.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -8436,17 +8456,6 @@ packages:
       estraverse: 4.3.0
     dev: true
 
-  /eslint-scope/6.0.0:
-    resolution:
-      {
-        integrity: sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==,
-      }
-    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-    dev: true
-
   /eslint-scope/7.1.0:
     resolution:
       {
@@ -8534,7 +8543,7 @@ packages:
       - supports-color
     dev: true
 
-  /esno/0.14.0_typescript@4.5.4:
+  /esno/0.14.0_typescript@4.5.5:
     resolution:
       {
         integrity: sha512-KEij9fDbMSO+WxwZRZRXWRxSpd48tXKF1VUW8dPUezN7VbUM6jKUXBrYY3CAbnkVfHzEbD8RWkapCYwc+ZaYoA==,
@@ -8543,7 +8552,7 @@ packages:
     dependencies:
       cross-spawn: 7.0.3
       esbuild: 0.14.11
-      esbuild-node-loader: 0.6.4_typescript@4.5.4
+      esbuild-node-loader: 0.6.4_typescript@4.5.5
       esbuild-register: 3.3.2_esbuild@0.14.11
       import-meta-resolve: 1.1.1
     transitivePeerDependencies:
@@ -8785,10 +8794,10 @@ packages:
       homedir-polyfill: 1.0.3
     dev: true
 
-  /express-rate-limit/6.1.0_express@4.17.2:
+  /express-rate-limit/6.2.0_express@4.17.2:
     resolution:
       {
-        integrity: sha512-OWyJUDYVq/hRxGU3ufTnXDer5bRBwFiq5D35ZSZ9B2EHdjulWO4bwrbg+iIrapodDZse/35obeOj7igRHuP3Zw==,
+        integrity: sha512-q9xfttbPX79HiBsHA4LT3PZEeJR96CJ5/2jloAKSEECMx8XlOOOpjxx6iK/kBw3hFJ8uhx6Q9lCfSGp70yV0tQ==,
       }
     engines: { node: '>= 14.5.0' }
     peerDependencies:
@@ -9020,10 +9029,10 @@ packages:
       flat-cache: 3.0.4
     dev: true
 
-  /file-stream-rotator/0.5.7:
+  /file-stream-rotator/0.6.1:
     resolution:
       {
-        integrity: sha512-VYb3HZ/GiAGUCrfeakO8Mp54YGswNUHvL7P09WQcXAJNSj3iQ5QraYSp3cIn1MUyw6uzfgN/EFOarCNa4JvUHQ==,
+        integrity: sha512-u+dBid4PvZw17PmDeRcNOtCP9CCK/9lRN2w+r1xIS7yOL9JFrIBKTvrYsxT4P0pGtThYTn++QS5ChHaUov3+zQ==,
       }
     dependencies:
       moment: 2.29.1
@@ -10011,10 +10020,10 @@ packages:
     hasBin: true
     dev: true
 
-  /helmet/5.0.1:
+  /helmet/5.0.2:
     resolution:
       {
-        integrity: sha512-iyYpGYH2nbQVaQtauYDnemWg45S2RyGvJ+iKj+V9jp7Dc1NTtAJHmD+hFOSYS7Xdwe1GeyVEYSydggXLOg6TKQ==,
+        integrity: sha512-QWlwUZZ8BtlvwYVTSDTBChGf8EOcQ2LkGMnQJxSzD1mUu8CCjXJZq/BXP8eWw4kikRnzlhtYo3lCk0ucmYA3Vg==,
       }
     engines: { node: '>=12.0.0' }
     dev: false
@@ -11534,10 +11543,10 @@ packages:
       uc.micro: 1.0.6
     dev: false
 
-  /lint-staged/12.2.1:
+  /lint-staged/12.3.1:
     resolution:
       {
-        integrity: sha512-VCVcA9C2Vt5HHxSR4EZVZFJcQRJH984CGBeY+cJ/xed4mBd+JidbM/xbKcCq5ASaygAV0iITtdsCTnID7h/1OQ==,
+        integrity: sha512-Ocht/eT+4/siWOZDJpNUKcKX2UeWW/pDbohJ4gRsrafAjBi79JK8kiNVk2ciIVNKdw0Q4ABptl2nr6uQAlRImw==,
       }
     engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
     hasBin: true
@@ -11548,7 +11557,7 @@ packages:
       debug: 4.3.3_supports-color@9.2.1
       execa: 5.1.1
       lilconfig: 2.0.4
-      listr2: 3.14.0
+      listr2: 4.0.1
       micromatch: 4.0.4
       normalize-path: 3.0.0
       object-inspect: 1.12.0
@@ -11559,12 +11568,12 @@ packages:
       - enquirer
     dev: true
 
-  /listr2/3.14.0:
+  /listr2/4.0.1:
     resolution:
       {
-        integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==,
+        integrity: sha512-D65Nl+zyYHL2jQBGmxtH/pU8koPZo5C8iCNE8EoB04RwPgQG1wuaKwVbeZv9LJpiH4Nxs0FCp+nNcG8OqpniiA==,
       }
-    engines: { node: '>=10.0.0' }
+    engines: { node: '>=12' }
     peerDependencies:
       enquirer: '>= 2.3.0 < 3'
     peerDependenciesMeta:
@@ -13212,7 +13221,7 @@ packages:
     engines: { node: '>=6' }
     dev: true
 
-  /pinia/2.0.9_typescript@4.5.4+vue@3.2.27:
+  /pinia/2.0.9_typescript@4.5.5+vue@3.2.29:
     resolution:
       {
         integrity: sha512-iuYdxLJKQ07YPyOHYH05wNG9eKWqkP/4y4GE8+RqEYtz5fwHgPA5kr6zQbg/DoEJGnR2XCm1w1vdt6ppzL9ATg==,
@@ -13228,9 +13237,9 @@ packages:
         optional: true
     dependencies:
       '@vue/devtools-api': 6.0.0-beta.21.1
-      typescript: 4.5.4
-      vue: 3.2.27
-      vue-demi: 0.12.1_vue@3.2.27
+      typescript: 4.5.5
+      vue: 3.2.29
+      vue-demi: 0.12.1_vue@3.2.29
     dev: false
 
   /pinkie-promise/2.0.1:
@@ -13338,7 +13347,7 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.0.4
-      ts-node: 10.4.0_82b55006877de54992e74492b614ace9
+      ts-node: 10.4.0_9d6cd740eceb93d711351e2e9548d1bd
       yaml: 1.10.2
     dev: true
 
@@ -13397,6 +13406,17 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /postcss-selector-parser/6.0.9:
+    resolution:
+      {
+        integrity: sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ==,
+      }
+    engines: { node: '>=4' }
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /postcss-sorting/7.0.1_postcss@8.4.5:
     resolution:
       {
@@ -14338,7 +14358,7 @@ packages:
       - acorn
     dev: true
 
-  /rollup-plugin-visualizer/5.5.4_rollup@2.64.0:
+  /rollup-plugin-visualizer/5.5.4_rollup@2.66.0:
     resolution:
       {
         integrity: sha512-CJQFUuZ75S1daGEkk62UH7lL6UFCoP86Sn/iz4gXBdamdwFeD5nPGCHHXfXCrly/wNgQOYTH7cdcxk4+OG3Xjw==,
@@ -14350,7 +14370,7 @@ packages:
     dependencies:
       nanoid: 3.2.0
       open: 8.4.0
-      rollup: 2.64.0
+      rollup: 2.66.0
       source-map: 0.7.3
       yargs: 17.3.1
     dev: true
@@ -14366,6 +14386,17 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /rollup/2.66.0:
+    resolution:
+      {
+        integrity: sha512-L6mKOkdyP8HK5kKJXaiWG7KZDumPJjuo1P+cfyHOJPNNTK3Moe7zCH5+fy7v8pVmHXtlxorzaBjvkBMB23s98g==,
+      }
+    engines: { node: '>=10.0.0' }
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /run-async/2.4.1:
     resolution:
       {
@@ -15327,7 +15358,7 @@ packages:
     resolution: { integrity: sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI= }
     dev: true
 
-  /stylelint-config-html/1.0.0_2d1bcf73d0f2e8e613ccd6d821b0344f:
+  /stylelint-config-html/1.0.0_387acde72b94c028532b3c9cd4a4cddd:
     resolution:
       {
         integrity: sha512-rKQUUWDpaYC7ybsS6tLxddjn6DxhjSIXybElSmcTyVQj3ExhmU3q+l41ktrlwHRyY0M5SkTkZiwngvYPYmsgSQ==,
@@ -15338,10 +15369,10 @@ packages:
       stylelint: '>=14.0.0'
     dependencies:
       postcss-html: 1.3.0
-      stylelint: 14.2.0
+      stylelint: 14.3.0
     dev: true
 
-  /stylelint-config-prettier/9.0.3_stylelint@14.2.0:
+  /stylelint-config-prettier/9.0.3_stylelint@14.3.0:
     resolution:
       {
         integrity: sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==,
@@ -15351,10 +15382,10 @@ packages:
     peerDependencies:
       stylelint: '>=11.0.0'
     dependencies:
-      stylelint: 14.2.0
+      stylelint: 14.3.0
     dev: true
 
-  /stylelint-config-recommended/6.0.0_stylelint@14.2.0:
+  /stylelint-config-recommended/6.0.0_stylelint@14.3.0:
     resolution:
       {
         integrity: sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==,
@@ -15362,10 +15393,10 @@ packages:
     peerDependencies:
       stylelint: ^14.0.0
     dependencies:
-      stylelint: 14.2.0
+      stylelint: 14.3.0
     dev: true
 
-  /stylelint-config-standard/24.0.0_stylelint@14.2.0:
+  /stylelint-config-standard/24.0.0_stylelint@14.3.0:
     resolution:
       {
         integrity: sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==,
@@ -15373,11 +15404,11 @@ packages:
     peerDependencies:
       stylelint: ^14.0.0
     dependencies:
-      stylelint: 14.2.0
-      stylelint-config-recommended: 6.0.0_stylelint@14.2.0
+      stylelint: 14.3.0
+      stylelint-config-recommended: 6.0.0_stylelint@14.3.0
     dev: true
 
-  /stylelint-order/5.0.0_stylelint@14.2.0:
+  /stylelint-order/5.0.0_stylelint@14.3.0:
     resolution:
       {
         integrity: sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==,
@@ -15387,13 +15418,13 @@ packages:
     dependencies:
       postcss: 8.4.5
       postcss-sorting: 7.0.1_postcss@8.4.5
-      stylelint: 14.2.0
+      stylelint: 14.3.0
     dev: true
 
-  /stylelint/14.2.0:
+  /stylelint/14.3.0:
     resolution:
       {
-        integrity: sha512-i0DrmDXFNpDsWiwx6SPRs4/pyw4kvZgqpDGvsTslQMY7hpUl6r33aQvNSn6cnTg2wtZ9rreFElI7XAKpOWi1vQ==,
+        integrity: sha512-PZXSwtJe4f4qBPWBwAbHL0M0Qjrv8iHN+cLpUNsffaVMS3YzpDDRI73+2lsqLAYfQEzxRwpll6BDKImREbpHWA==,
       }
     engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
     hasBin: true
@@ -15426,17 +15457,18 @@ packages:
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.1
       postcss-safe-parser: 6.0.0_postcss@8.4.5
-      postcss-selector-parser: 6.0.8
+      postcss-selector-parser: 6.0.9
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       specificity: 0.4.1
       string-width: 4.2.3
       strip-ansi: 6.0.1
       style-search: 0.1.0
+      supports-hyperlinks: 2.2.0
       svg-tags: 1.0.0
       table: 6.8.0
       v8-compile-cache: 2.3.0
-      write-file-atomic: 3.0.3
+      write-file-atomic: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -15541,6 +15573,17 @@ packages:
     engines: { node: '>=12' }
     dev: true
 
+  /supports-hyperlinks/2.2.0:
+    resolution:
+      {
+        integrity: sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==,
+      }
+    engines: { node: '>=8' }
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
+    dev: true
+
   /supports-preserve-symlinks-flag/1.0.0:
     resolution:
       {
@@ -16081,7 +16124,7 @@ packages:
       }
     dev: true
 
-  /ts-node/10.4.0_82b55006877de54992e74492b614ace9:
+  /ts-node/10.4.0_9d6cd740eceb93d711351e2e9548d1bd:
     resolution:
       {
         integrity: sha512-g0FlPvvCXSIO1JDF6S232P5jPYqBkRL9qly81ZgAOSU7rwI0stphCgd2kLiCrU9DjQCrJMWEqcNSjQL02s6d8A==,
@@ -16110,7 +16153,7 @@ packages:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 4.5.4
+      typescript: 4.5.5
       yn: 3.1.1
     dev: true
 
@@ -16157,7 +16200,7 @@ packages:
         integrity: sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==,
       }
 
-  /tsup/5.11.11_ts-node@10.4.0+typescript@4.5.4:
+  /tsup/5.11.11_ts-node@10.4.0+typescript@4.5.5:
     resolution:
       {
         integrity: sha512-rgbTu+KhAI9PdGUS07rKohDXbRLTstBGJaxl75q7RZYRGF+n+kN8L4RlXY5pqYb9Hsq0gEB6nS39v7nSvVBS+g==,
@@ -16183,13 +16226,13 @@ packages:
       source-map: 0.7.3
       sucrase: 3.20.3
       tree-kill: 1.2.2
-      typescript: 4.5.4
+      typescript: 4.5.5
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  /tsutils/3.21.0_typescript@4.5.4:
+  /tsutils/3.21.0_typescript@4.5.5:
     resolution:
       {
         integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==,
@@ -16199,7 +16242,7 @@ packages:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.5.4
+      typescript: 4.5.5
     dev: true
 
   /tunnel-agent/0.6.0:
@@ -16454,13 +16497,11 @@ packages:
       mime-types: 2.1.34
     dev: false
 
-  /typedarray-to-buffer/3.1.5:
+  /typedarray-to-buffer/4.0.0:
     resolution:
       {
-        integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==,
+        integrity: sha512-6dOYeZfS3O9RtRD1caom0sMxgK59b27+IwoNy8RDPsmslSGOyU+mpTamlaIW7aNKi90ZQZ9DFaZL3YRoiSCULQ==,
       }
-    dependencies:
-      is-typedarray: 1.0.0
     dev: true
 
   /typedarray/0.0.6:
@@ -16476,6 +16517,15 @@ packages:
     hasBin: true
     dev: true
 
+  /typescript/4.5.5:
+    resolution:
+      {
+        integrity: sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==,
+      }
+    engines: { node: '>=4.2.0' }
+    hasBin: true
+    dev: true
+
   /uc.micro/1.0.6:
     resolution:
       {
@@ -16730,10 +16780,10 @@ packages:
     resolution: { integrity: sha1-IpnwLG3tMNSllhsLn3RSShj2NPw= }
     engines: { node: '>= 0.8' }
 
-  /vditor/3.8.10:
+  /vditor/3.8.11:
     resolution:
       {
-        integrity: sha512-n15aA9cgcE52EJgW357HX9oFSAAiFFwICwpjDYrZPHZhVKdrdpbG3GBBYUzyiqRvLtD3LPET1IBaHGiF+8dO6g==,
+        integrity: sha512-nwS2TLgu3DnHdfxcjnUESg/qbnYU0YR9YAvn2IKBK/F36h4k1BMqjsfEQqE4TL2RH5RGIapcQfAdJ9xF1iQNWw==,
       }
     dependencies:
       diff-match-patch: 1.0.5
@@ -16774,10 +16824,10 @@ packages:
       - acorn
     dev: true
 
-  /vite-plugin-imagemin/0.5.1_vite@2.8.0-beta.3:
+  /vite-plugin-imagemin/0.5.2_vite@2.8.0-beta.3:
     resolution:
       {
-        integrity: sha512-V/o/JWZZEPHOJLyhyx9a9Q9svAi91KQqXC78vMrRng1ZRMMnEn85PDlb264407WVlI7hZv2fW3p08SoSfZbyTA==,
+        integrity: sha512-uJtxWkJIyYS7qjKZmeuHkQonyCcHdHCJWz2y/FX8Xeor7PkkCCrR2v7pIeeGRHhutTs2uROo8nVeq0J0XFTHmQ==,
       }
     peerDependencies:
       vite: '>=2.0.0'
@@ -16823,7 +16873,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-mock/2.9.6_bba4b2c0a8a0dca0e4cd540196be3bcd:
+  /vite-plugin-mock/2.9.6_9105dc42f8630f2eaffc2f7074e6443c:
     resolution:
       {
         integrity: sha512-/Rm59oPppe/ncbkSrUuAxIQihlI2YcBmnbR4ST1RA2VzM1C0tEQc1KlbQvnUGhXECAGTaQN2JyasiwXP6EtKgg==,
@@ -16833,7 +16883,7 @@ packages:
       mockjs: '>=1.1.0'
       vite: '>=2.0.0'
     dependencies:
-      '@rollup/plugin-node-resolve': 13.1.3_rollup@2.64.0
+      '@rollup/plugin-node-resolve': 13.1.3_rollup@2.66.0
       '@types/mockjs': 1.0.6
       chalk: 4.1.2
       chokidar: 3.5.3
@@ -16936,7 +16986,7 @@ packages:
     peerDependencies:
       vite: '>=2.0.0'
     dependencies:
-      '@vue/compiler-sfc': 3.2.27
+      '@vue/compiler-sfc': 3.2.29
       magic-string: 0.25.7
       vite: 2.8.0-beta.3_less@4.1.2
     dev: true
@@ -16963,7 +17013,7 @@ packages:
       esbuild: 0.13.15
       postcss: 8.4.5
       resolve: 1.21.0
-      rollup: 2.64.0
+      rollup: 2.66.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
@@ -16996,10 +17046,10 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.1.24_c8@7.11.0+jsdom@19.0.0:
+  /vitest/0.2.1_c8@7.11.0+jsdom@19.0.0:
     resolution:
       {
-        integrity: sha512-m1x3hKO/QCpPPFOvSqpB1QoDxkICn0HQuwrqerrBqS53x3dh1WF0CUfRnYHCekBNKFsVXgdvfJFAoGKXKsEF4A==,
+        integrity: sha512-9tk436ZwXXykce3XagiBc97DaSWghoJqlnbWDm2Q52JFPVmD9iaBuvbWgVhLElREHinzPPtI/RhcCrHV3/0olg==,
       }
     engines: { node: '>=14.14.0' }
     hasBin: true
@@ -17121,29 +17171,29 @@ packages:
       }
     dev: true
 
-  /vscode-pug-languageservice/0.30.6:
+  /vscode-pug-languageservice/0.31.1:
     resolution:
       {
-        integrity: sha512-oHXKmHaxLxVYDY6dOmxpm0YfilGgohIMEcE/ahK9O+0lvhgZ4xjEOdP27QcZs90fv92eOWf3CU9tgg4fR6e3+w==,
+        integrity: sha512-71aQbVF3RjE+dUbUA/DnL1oGaLXXIMEy5z4TkE/irO/qodMjfwVbW/bxMCBwrVrXmIObIMlsWYPD+S/+EE3CXQ==,
       }
     dependencies:
-      '@volar/code-gen': 0.30.6
-      '@volar/shared': 0.30.6
-      '@volar/source-map': 0.30.6
-      '@volar/transforms': 0.30.6
+      '@volar/code-gen': 0.31.1
+      '@volar/shared': 0.31.1
+      '@volar/source-map': 0.31.1
+      '@volar/transforms': 0.31.1
       pug-lexer: 5.0.1
       pug-parser: 6.0.0
       vscode-languageserver-textdocument: 1.0.3
       vscode-languageserver-types: 3.17.0-next.6
     dev: true
 
-  /vscode-typescript-languageservice/0.30.6:
+  /vscode-typescript-languageservice/0.31.1:
     resolution:
       {
-        integrity: sha512-Dni0VnMe01QkSvO0z7yIIy+vSll6hWCNtuuWvmBNoHAnFlndgq4OibPrpabv2iv4Lmq+66p40kqGcDg/bpjx5Q==,
+        integrity: sha512-qJlkrznmRJGHAxIclfnAuJSbNfmKwDfAn7o3PLM7bBqtBvJG6HAFCBXaBWaE1kkM/ELG20Dn8Xi7lCfT15DlpA==,
       }
     dependencies:
-      '@volar/shared': 0.30.6
+      '@volar/shared': 0.31.1
       semver: 7.3.5
       upath: 2.0.1
       vscode-languageserver-protocol: 3.17.0-next.12
@@ -17165,32 +17215,32 @@ packages:
       }
     dev: true
 
-  /vscode-vue-languageservice/0.30.6:
+  /vscode-vue-languageservice/0.31.1:
     resolution:
       {
-        integrity: sha512-ZDaW6F2WK0LXt9RpwziKEvhfNxNmpx3ULLfPCGc+jIkM+u00gIB4i2K/5F99yNzbvrtxcgb3emFRH5FBlmmWDQ==,
+        integrity: sha512-7HY4VkD00iyfWyWpJcl3zObnsa9gBKGjTtrWflFR0SqGHMsccfh7QXdrPmgy/2nFRkD6n60XU7eSYg2rN/QexA==,
       }
     dependencies:
-      '@volar/code-gen': 0.30.6
-      '@volar/html2pug': 0.30.6
-      '@volar/shared': 0.30.6
-      '@volar/source-map': 0.30.6
-      '@volar/transforms': 0.30.6
-      '@volar/vue-code-gen': 0.30.6
+      '@volar/code-gen': 0.31.1
+      '@volar/html2pug': 0.31.1
+      '@volar/shared': 0.31.1
+      '@volar/source-map': 0.31.1
+      '@volar/transforms': 0.31.1
+      '@volar/vue-code-gen': 0.31.1
       '@vscode/emmet-helper': 2.8.3
-      '@vue/reactivity': 3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/reactivity': 3.2.29
+      '@vue/shared': 3.2.29
       upath: 2.0.1
       vscode-css-languageservice: 5.1.9
       vscode-html-languageservice: 4.2.1
       vscode-json-languageservice: 4.1.10
       vscode-languageserver-protocol: 3.17.0-next.12
       vscode-languageserver-textdocument: 1.0.3
-      vscode-pug-languageservice: 0.30.6
-      vscode-typescript-languageservice: 0.30.6
+      vscode-pug-languageservice: 0.31.1
+      vscode-typescript-languageservice: 0.31.1
     dev: true
 
-  /vue-demi/0.12.1_vue@3.2.27:
+  /vue-demi/0.12.1_vue@3.2.29:
     resolution:
       {
         integrity: sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==,
@@ -17205,13 +17255,13 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.2.27
+      vue: 3.2.29
     dev: false
 
-  /vue-eslint-parser/8.0.1_eslint@8.7.0:
+  /vue-eslint-parser/8.2.0_eslint@8.7.0:
     resolution:
       {
-        integrity: sha512-lhWjDXJhe3UZw2uu3ztX51SJAPGPey1Tff2RK3TyZURwbuI4vximQLzz4nQfCv8CZq4xx7uIiogHMMoSJPr33A==,
+        integrity: sha512-hvl8OVT8imlKk/lQyhkshqwQQChzHETcBd5abiO4ePw7ib7QUZLfW+2TUrJHKUvFOCFRJrDin5KJO9OHzB5bRQ==,
       }
     engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
     peerDependencies:
@@ -17219,7 +17269,7 @@ packages:
     dependencies:
       debug: 4.3.3
       eslint: 8.7.0
-      eslint-scope: 6.0.0
+      eslint-scope: 7.1.0
       eslint-visitor-keys: 3.2.0
       espree: 9.3.0
       esquery: 1.4.0
@@ -17229,7 +17279,7 @@ packages:
       - supports-color
     dev: true
 
-  /vue-i18n/9.1.9_vue@3.2.27:
+  /vue-i18n/9.1.9_vue@3.2.29:
     resolution:
       {
         integrity: sha512-JeRdNVxS2OGp1E+pye5XB6+M6BBkHwAv9C80Q7+kzoMdUDGRna06tjC0vCB/jDX9aWrl5swxOMFcyAr7or8XTA==,
@@ -17242,7 +17292,7 @@ packages:
       '@intlify/shared': 9.1.9
       '@intlify/vue-devtools': 9.1.9
       '@vue/devtools-api': 6.0.0-beta.21.1
-      vue: 3.2.27
+      vue: 3.2.29
     dev: false
 
   /vue-json-pretty/1.8.2:
@@ -17253,7 +17303,7 @@ packages:
     engines: { node: '>= 10.0.0', npm: '>= 5.0.0' }
     dev: false
 
-  /vue-router/4.0.12_vue@3.2.27:
+  /vue-router/4.0.12_vue@3.2.29:
     resolution:
       {
         integrity: sha512-CPXvfqe+mZLB1kBWssssTiWg4EQERyqJZes7USiqfW9B5N2x+nHlnsM1D3b5CaJ6qgCvMmYJnz+G0iWjNCvXrg==,
@@ -17262,24 +17312,24 @@ packages:
       vue: ^3.0.0
     dependencies:
       '@vue/devtools-api': 6.0.0-beta.21.1
-      vue: 3.2.27
+      vue: 3.2.29
     dev: false
 
-  /vue-tsc/0.30.6_typescript@4.5.4:
+  /vue-tsc/0.31.1_typescript@4.5.5:
     resolution:
       {
-        integrity: sha512-p+lemuubzFgwr1Az3pqQ70uvWraf36qTrKkC6C7anv5S1G3aPerc4eY5Rjz3eVDOkK94E+KeBHevvpZbmVwvHA==,
+        integrity: sha512-pyLQG1fCA02is6NAL0uY5SKxDfjJRI167x89iRz0gWOB0tUng6NjJZicE+Oh+3ZuN/LJ3J/wKfdW7O+hnfhxdg==,
       }
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/shared': 0.30.6
-      typescript: 4.5.4
-      vscode-vue-languageservice: 0.30.6
+      '@volar/shared': 0.31.1
+      typescript: 4.5.5
+      vscode-vue-languageservice: 0.31.1
     dev: true
 
-  /vue-types/3.0.2_vue@3.2.27:
+  /vue-types/3.0.2_vue@3.2.29:
     resolution:
       {
         integrity: sha512-IwUC0Aq2zwaXqy74h4WCvFCUtoV0iSWr0snWnE9TnU18S66GAQyqQbRf2qfJtUuiFsBf6qp0MEwdonlwznlcrw==,
@@ -17289,20 +17339,20 @@ packages:
       vue: ^3.0.0
     dependencies:
       is-plain-object: 3.0.1
-      vue: 3.2.27
+      vue: 3.2.29
     dev: false
 
-  /vue/3.2.27:
+  /vue/3.2.29:
     resolution:
       {
-        integrity: sha512-p1cH8Q6eaPwvANCjFQj497a914cxXKKwOG3Lg9USddTOrn4/zFMKjn9dnovkx+L8VtFaNgbVqW8mLJS/eTA6xw==,
+        integrity: sha512-cFIwr7LkbtCRanjNvh6r7wp2yUxfxeM2yPpDQpAfaaLIGZSrUmLbNiSze9nhBJt5MrZ68Iqt0O5scwAMEVxF+Q==,
       }
     dependencies:
-      '@vue/compiler-dom': 3.2.27
-      '@vue/compiler-sfc': 3.2.27
-      '@vue/runtime-dom': 3.2.27
-      '@vue/server-renderer': 3.2.27_vue@3.2.27
-      '@vue/shared': 3.2.27
+      '@vue/compiler-dom': 3.2.29
+      '@vue/compiler-sfc': 3.2.29
+      '@vue/runtime-dom': 3.2.29
+      '@vue/server-renderer': 3.2.29_vue@3.2.29
+      '@vue/shared': 3.2.29
     dev: false
 
   /w3c-hr-time/1.0.2:
@@ -17521,16 +17571,16 @@ packages:
       execa: 4.1.0
     dev: true
 
-  /winston-daily-rotate-file/4.5.5_winston@3.4.0:
+  /winston-daily-rotate-file/4.6.0_winston@3.4.0:
     resolution:
       {
-        integrity: sha512-ds0WahIjiDhKCiMXmY799pDBW+58ByqIBtUcsqr4oDoXrAI3Zn+hbgFdUxzMfqA93OG0mPLYVMiotqTgE/WeWQ==,
+        integrity: sha512-mvpFb1LYmTvh/vz0dIS/aDCwEm0cvDa8D/tE4xWwdUYolD250wf+n0y1PZ2xr7fbvTLF/PQYqXtFIFrmog03Ow==,
       }
-    engines: { node: '>=8' }
+    engines: { node: '>=12' }
     peerDependencies:
       winston: ^3
     dependencies:
-      file-stream-rotator: 0.5.7
+      file-stream-rotator: 0.6.1
       object-hash: 2.2.0
       triple-beam: 1.3.0
       winston: 3.4.0
@@ -17842,16 +17892,17 @@ packages:
   /wrappy/1.0.2:
     resolution: { integrity: sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8= }
 
-  /write-file-atomic/3.0.3:
+  /write-file-atomic/4.0.0:
     resolution:
       {
-        integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==,
+        integrity: sha512-JhcWoKffJNF7ivO9yflBhc7tn3wKnokMUfWpBriM9yCXj4ePQnRPcWglBkkg1AHC8nsW/EfxwwhqsLtOy59djA==,
       }
+    engines: { node: ^12.13.0 || ^14.15.0 || >=16 }
     dependencies:
       imurmurhash: 0.1.4
       is-typedarray: 1.0.0
       signal-exit: 3.0.6
-      typedarray-to-buffer: 3.1.5
+      typedarray-to-buffer: 4.0.0
     dev: true
 
   /ws/8.2.3:
diff --git a/server/package.json b/server/package.json
index cca7ac70..81f99952 100644
--- a/server/package.json
+++ b/server/package.json
@@ -34,9 +34,9 @@
     "debug": "4.3.3",
     "dotenv": "14.2.0",
     "express": "^4.17.2",
-    "express-rate-limit": "6.1.0",
+    "express-rate-limit": "6.2.0",
     "fs-extra": "10.0.0",
-    "helmet": "5.0.1",
+    "helmet": "5.0.2",
     "lodash": "4.17.21",
     "markdown-it": "12.3.2",
     "reflect-metadata": "^0.1.13",
@@ -44,7 +44,7 @@
     "rxjs": "^7.5.2",
     "swagger-ui-express": "4.3.0",
     "winston": "3.4.0",
-    "winston-daily-rotate-file": "4.5.5"
+    "winston-daily-rotate-file": "4.6.0"
   },
   "devDependencies": {
     "@nestjs/cli": "^8.2.0",
-- 
GitLab