From d854c63031a459f69fb0cc669913d88185e63205 Mon Sep 17 00:00:00 2001
From: "PCPRO-CRLANG\\crlang" <crlang@163.com>
Date: Sun, 26 Jun 2022 23:25:10 +0800
Subject: [PATCH] style: lint code

---
 index.html                                    |   3 +-
 src/App.vue                                   |   8 +-
 src/api/demo/system.ts                        |   6 +-
 src/api/model/baseModel.ts                    |   2 +-
 src/api/sys/upload.ts                         |   5 +-
 .../Application/src/AppProvider.vue           |  11 -
 src/components/Basic/src/BasicHelp.vue        |  41 +-
 src/components/Basic/src/BasicTitle.vue       |   1 -
 .../BasicDescription/src/BasicDescription.vue |   7 +-
 src/components/BasicDescription/src/props.ts  |  24 +-
 src/components/BasicDescription/src/typing.ts |   5 +-
 .../BasicDrawer/src/BasicDrawer.vue           |  11 +-
 src/components/BasicDrawer/src/props.ts       |  80 ++--
 src/components/BasicDrawer/src/useDrawer.ts   |  14 +-
 src/components/BasicForm/src/BasicForm.vue    |  13 +-
 .../BasicForm/src/components/FormAction.vue   |   4 +-
 .../BasicForm/src/components/FormItem.vue     | 117 +++---
 src/components/BasicForm/src/const.ts         |  24 +-
 .../BasicForm/src/hooks/useAdvanced.ts        |  23 +-
 .../BasicForm/src/hooks/useBasic.ts           |   5 +-
 src/components/BasicForm/src/hooks/useForm.ts |   6 +-
 .../BasicForm/src/hooks/useFormEvents.ts      |   6 +-
 .../BasicForm/src/hooks/useFormValues.ts      |  23 +-
 src/components/BasicModal/src/BasicModal.vue  |  22 +-
 .../src/components/ModalWrapper.vue           |  42 +--
 src/components/BasicModal/src/typing.ts       |   4 +-
 src/components/BasicModal/src/useModal.ts     |  19 +-
 .../BasicModal/src/useModalContext.ts         |   2 +-
 src/components/BasicTable/src/BasicTable.vue  |  58 +--
 .../BasicTable/src/components/TableAction.vue |  21 +-
 .../src/components/TablePagination.vue        |   9 +-
 .../src/components/TableSetting.vue           |   2 +-
 .../BasicTable/src/hooks/useColumns.ts        |  49 +--
 .../BasicTable/src/hooks/useDataSource.ts     |  24 +-
 .../BasicTable/src/hooks/usePagination.tsx    |   2 +-
 .../BasicTable/src/hooks/useTable.ts          |  20 +-
 .../BasicTable/src/hooks/useTableContext.ts   |  10 +-
 .../BasicTable/src/hooks/useTableExpand.ts    |   2 +-
 .../BasicTable/src/hooks/useTableForm.ts      |   4 +-
 .../BasicTable/src/hooks/useTableScroll.ts    |   9 +-
 src/components/BasicTable/src/typing.ts       |   2 +-
 .../BasicUpload/src/BasicUpload.vue           |  30 +-
 .../BasicUpload/src/components/FileList.vue   |   4 +-
 .../src/components/PreviewModal.vue           |   2 +-
 .../src/components/UploadModal.vue            |  39 +-
 src/components/BasicUpload/src/data.tsx       |  17 +-
 src/components/Button/src/Button.vue          |   1 -
 src/components/Button/src/props.ts            |  32 +-
 src/components/CardGrid/src/CardGrid.vue      |   7 +-
 .../src/CollapseContainer.vue                 |   1 -
 .../ContextMenu/src/ContextMenu.vue           |  12 +-
 src/components/CountTo/src/props.ts           |   1 -
 .../CountdownInput/src/CountdownInput.vue     |   4 +-
 src/components/DragVerify/src/DragVerify.vue  |   4 +-
 src/components/DragVerify/src/ImgRotate.vue   |  14 +-
 src/components/ElementPlus/index.ts           |   4 +-
 src/components/Icon/src/Icon.vue              |   4 +-
 src/components/IconPicker/src/IconPicker.vue  |   8 +-
 src/components/IconPicker/src/data/index.ts   |   1 -
 .../LazyContainer/src/LazyContainer.vue       |   2 +-
 src/components/List/src/index.vue             |   2 +-
 src/components/List/src/item.vue              |  12 +-
 src/components/List/src/meta.vue              |  14 +-
 src/components/List/src/props.ts              |   3 +-
 src/components/List/src/types.ts              |   1 -
 .../Menu/src/components/BasicSubMenuItem.vue  |   2 +-
 .../PageWrapper/src/PageWrapper.vue           |   3 +-
 .../ScrollContainer/src/ScrollContainer.vue   |   2 +-
 src/components/ScrollContainer/src/typing.ts  |   2 +-
 src/components/Scrollbar/src/bar.ts           |  31 +-
 .../SimpleMenu/src/SimpleMenuTag.vue          |   2 +-
 .../SimpleMenu/src/components/SubMenuItem.vue |   3 +-
 .../StrengthMeter/src/StrengthMeter.vue       |  10 +-
 src/components/SvgIcon/src/SvgIcon.vue        |   4 +-
 src/components/Time/src/Time.vue              |   2 +-
 src/components/Transition/src/Transition.tsx  |  14 +-
 .../VirtualScroll/src/VirtualScroll.vue       |  14 +-
 src/directives/clickOutside.ts                |  14 +-
 src/directives/clickRepeat.ts                 |  18 +-
 src/enums/breakpointEnum.ts                   |   4 +-
 src/hooks/core/useContext.ts                  |  11 +-
 src/hooks/core/useLockFn.ts                   |   4 +-
 src/hooks/setting/useHeaderSetting.ts         |  20 +-
 src/hooks/web/useContentHeight.ts             |   5 +-
 src/hooks/web/useECharts.ts                   |   5 +-
 src/hooks/web/useMessage.tsx                  |  10 +-
 src/hooks/web/usePermission.ts                |   4 +-
 src/hooks/web/useWatermark.ts                 |   4 +-
 src/layouts/default/footer/index.vue          |   2 +-
 src/layouts/default/header/MultipleHeader.vue |   3 +-
 .../default/header/components/Breadcrumb.vue  |   7 +-
 .../header/components/lock/LockModal.vue      |   6 +-
 .../header/components/notify/NoticeList.vue   |   4 +-
 .../header/components/notify/index.vue        |   7 +-
 .../components/search/AppSearchModal.vue      |   8 +-
 .../header/components/user-dropdown/index.vue |  26 +-
 src/layouts/default/menu/index.vue            |  21 +-
 src/layouts/default/menu/useLayoutMenu.ts     |   8 +-
 src/layouts/default/setting/SettingDrawer.tsx | 157 +++-----
 .../setting/components/InputNumberItem.vue    |  12 +-
 .../default/setting/components/SelectItem.vue |   2 +-
 .../setting/components/SettingFooter.vue      |   9 +-
 .../default/setting/components/SwitchItem.vue |   3 +-
 .../default/setting/components/TypePicker.vue |   2 +-
 src/layouts/default/setting/index.vue         |   2 +-
 src/layouts/default/sider/LayoutSider.vue     |   9 +-
 src/layouts/default/sider/MixSider.vue        |   2 +-
 src/layouts/default/sider/useLayoutSider.ts   |  10 +-
 .../default/tabs/components/TabContent.vue    |  11 +-
 src/layouts/default/tabs/index.vue            |   2 +-
 src/layouts/default/tabs/useTabDropdown.ts    |   2 +-
 src/layouts/iframe/index.vue                  |   3 +-
 src/logics/initAppConfig.ts                   |   8 +-
 src/logics/mitt/routeChange.ts                |   5 +-
 src/logics/theme/updateBackground.ts          |   4 +-
 src/router/routes/index.ts                    |   8 +-
 src/settings/componentSetting.ts              |   6 +-
 src/store/modules/app.ts                      |   8 +-
 src/store/modules/errorLog.ts                 |   5 +-
 src/store/modules/user.ts                     |   2 +-
 src/utils/color.ts                            |  11 +-
 src/utils/dateUtil.ts                         |   5 +-
 src/utils/demo/index.ts                       |  11 +-
 src/utils/domUtils.ts                         |   6 +-
 src/utils/file/download.ts                    |   2 +-
 src/utils/helper/treeHelper.ts                |  35 +-
 src/utils/http/axios/Axios.ts                 |  11 +-
 src/utils/http/axios/axiosTransform.ts        |   5 +-
 src/utils/http/axios/checkStatus.ts           |   6 +-
 src/utils/http/axios/index.ts                 |   9 +-
 src/utils/index.ts                            |   7 +-
 src/utils/validators.ts                       |  21 +-
 .../analysis/components/OrderAnalysis.vue     |  14 +-
 .../analysis/components/OrderAnalysisBar.vue  |  11 +-
 .../analysis/components/VisitAnalysis.vue     | 355 +++++++++---------
 .../analysis/components/VisitAnalysisPie.vue  |  12 +-
 .../dashboard/analysis/components/anaCard.vue |  25 +-
 .../analysis/components/anaOrder.vue          |  10 +-
 .../analysis/components/anaProduct.vue        |   3 +-
 .../analysis/components/anaSite2.vue          |  10 +-
 src/views/dashboard/analysis/data.ts          |  14 +-
 .../workbench/components/ActivityTimeline.vue |   1 -
 .../workbench/components/ProjectCard.vue      |   2 +-
 .../workbench/components/QuickNav.vue         |   2 +-
 src/views/dashboard/workbench/index.vue       |   4 +-
 src/views/demo/charts/Dync.vue                |   8 +-
 src/views/demo/charts/data.ts                 |  41 +-
 src/views/demo/charts/map/Baidu.vue           |   3 +-
 src/views/demo/charts/map/Tencent.vue         |   3 +-
 src/views/demo/comp/button/index.vue          |  11 +-
 src/views/demo/comp/desc/index.vue            |   4 +-
 src/views/demo/comp/drawer/Drawer1.vue        |   2 +-
 src/views/demo/comp/lazy/Transition.vue       |   3 +-
 src/views/demo/comp/loading/index.vue         |   4 +-
 src/views/demo/comp/modal/Modal1.vue          |  12 +-
 src/views/demo/comp/modal/Modal2.vue          |   4 +-
 src/views/demo/comp/modal/Modal3.vue          |   1 -
 src/views/demo/comp/modal/index.vue           |  23 +-
 src/views/demo/comp/scroll/Action.vue         |   2 +-
 src/views/demo/comp/scroll/VirtualScroll.vue  |   6 +-
 src/views/demo/comp/scroll/data.ts            |   1 -
 src/views/demo/comp/scroll/index.vue          |   2 +-
 src/views/demo/comp/time/index.vue            |   4 +-
 src/views/demo/comp/transition/index.vue      |   7 +-
 src/views/demo/comp/upload/index.vue          |   4 +-
 src/views/demo/comp/verify/index.vue          |   2 +-
 src/views/demo/feat/breadcrumb/FlatList.vue   |   2 +-
 src/views/demo/feat/download/index.vue        |   6 +-
 src/views/demo/feat/icon/index.vue            |   3 +-
 src/views/demo/feat/session-timeout/index.vue |   6 +-
 src/views/demo/feat/tab-params/index.vue      |   4 +-
 src/views/demo/feat/ws/index.vue              |   6 +-
 src/views/demo/form/AdvancedForm.vue          |   6 +-
 src/views/demo/form/CustomerForm.vue          |   2 +-
 src/views/demo/form/RefForm.vue               |   8 +-
 src/views/demo/form/RuleForm.vue              |  21 +-
 src/views/demo/form/UseForm.vue               |  34 +-
 src/views/demo/form/data.ts                   |   4 +-
 src/views/demo/level/Menu111.vue              |   6 +-
 src/views/demo/level/Menu12.vue               |   6 +-
 src/views/demo/level/Menu2.vue                |   6 +-
 .../demo/page/account/center/Application.vue  |   2 +-
 .../demo/page/account/center/Project.vue      |   5 +-
 src/views/demo/page/account/center/index.vue  |   2 +-
 .../demo/page/account/setting/BaseSetting.vue |   4 +-
 src/views/demo/page/account/setting/data.ts   |   2 +-
 src/views/demo/page/desc/basic/index.vue      |   8 +-
 src/views/demo/page/desc/high/index.vue       |  13 +-
 src/views/demo/page/form/basic/index.vue      |   8 +-
 src/views/demo/page/form/high/index.vue       |   3 +-
 src/views/demo/page/list/basic/data.ts        |   2 +-
 src/views/demo/page/list/basic/index.vue      |   6 +-
 src/views/demo/page/list/card/index.vue       |   2 +-
 src/views/demo/page/list/search/index.vue     |   2 +-
 src/views/demo/page/result/fail/index.vue     |   4 +-
 .../demo/permission/CurrentPermissionMode.vue |   3 +-
 src/views/demo/permission/back/Btn.vue        |   8 +-
 src/views/demo/permission/front/Btn.vue       |   5 +-
 src/views/demo/permission/front/index.vue     |   6 +-
 .../demo/system/account/AccountModal.vue      |  12 +-
 src/views/demo/system/account/DeptTree.vue    |   5 +-
 src/views/demo/system/account/data.ts         |   1 -
 src/views/demo/system/account/index.vue       |  10 +-
 src/views/demo/system/dept/index.vue          |   2 +-
 src/views/demo/system/menu/MenuDrawer.vue     |   1 -
 src/views/demo/system/menu/index.vue          |   2 +-
 src/views/demo/system/role/RoleDrawer.vue     |   2 +-
 src/views/demo/table/AuthColumn.vue           |   2 +-
 src/views/demo/table/Basic.vue                |   7 +-
 src/views/demo/table/CustomerCell.vue         |  12 +-
 src/views/demo/table/FixedColumn.vue          |   4 +-
 src/views/demo/tree/ActionTree.vue            |  18 +-
 src/views/demo/tree/EditTree.vue              |  40 +-
 src/views/demo/tree/index.vue                 |  18 +-
 src/views/sys/error-log/index.vue             |  12 +-
 src/views/sys/exception/Exception.vue         |  12 +-
 src/views/sys/iframe/index.vue                |   1 -
 src/views/sys/lock/LockPage.vue               |   3 +-
 src/views/sys/login/Login.vue                 |  41 +-
 src/views/sys/login/LoginForm.vue             |   1 -
 src/views/sys/login/RegisterForm.vue          |   4 +-
 src/views/sys/login/useLogin.ts               |   8 +-
 222 files changed, 1186 insertions(+), 1487 deletions(-)

diff --git a/index.html b/index.html
index f6c72f7d..1d4271c6 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,7 @@
     <meta name="renderer" content="webkit" />
     <meta
       name="viewport"
-      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
-    />
+      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
     <title><%= title %></title>
     <link rel="icon" href="/favicon.ico" />
   </head>
diff --git a/src/App.vue b/src/App.vue
index 796a3ac2..5f35f739 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,11 @@ useTitle()
 if ((process.env.NODE_ENV || '') === 'production') {
   const { pkg, lastBuildTime } = __APP_INFO__
   const { name, version } = pkg
-  console.info(` %c ${name} %c 版本${version} %c 构建时间${lastBuildTime} `, 'color: #fadfa3; background: #030307; padding:5px 0;', 'color: #fadfa3; background: #4D4A48; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
+  console.info(
+    ` %c ${name} %c 版本${version} %c 构建时间${lastBuildTime} `,
+    'color: #fadfa3; background: #030307; padding:5px 0;',
+    'color: #fadfa3; background: #4D4A48; padding:5px 0;',
+    'background: #fadfa3; padding:5px 0;'
+  )
 }
-
 </script>
diff --git a/src/api/demo/system.ts b/src/api/demo/system.ts
index dc083dc6..8242b4d4 100644
--- a/src/api/demo/system.ts
+++ b/src/api/demo/system.ts
@@ -25,11 +25,9 @@ enum Api {
 export const getAccountList = (params: AccountParams) =>
   defHttp.get<AccountListGetResultModel>({ url: Api.AccountList, params })
 
-export const getDeptList = (params?: DeptListItem) =>
-  defHttp.get<DeptListGetResultModel>({ url: Api.DeptList, params })
+export const getDeptList = (params?: DeptListItem) => defHttp.get<DeptListGetResultModel>({ url: Api.DeptList, params })
 
-export const getMenuList = (params?: MenuParams) =>
-  defHttp.get<MenuListGetResultModel>({ url: Api.MenuList, params })
+export const getMenuList = (params?: MenuParams) => defHttp.get<MenuListGetResultModel>({ url: Api.MenuList, params })
 
 export const getRoleListByPage = (params?: RolePageParams) =>
   defHttp.get<RolePageListGetResultModel>({ url: Api.RolePageList, params })
diff --git a/src/api/model/baseModel.ts b/src/api/model/baseModel.ts
index 3d8b0d74..c2cafd9d 100644
--- a/src/api/model/baseModel.ts
+++ b/src/api/model/baseModel.ts
@@ -5,6 +5,6 @@ export interface BasicPageParams {
 
 export interface BasicFetchResult<T> {
   items: T[]
-  page: number,
+  page: number
   total: number
 }
diff --git a/src/api/sys/upload.ts b/src/api/sys/upload.ts
index c13b3fa6..3f927ab4 100644
--- a/src/api/sys/upload.ts
+++ b/src/api/sys/upload.ts
@@ -8,10 +8,7 @@ const { uploadUrl = '' } = useGlobSetting()
 /**
  * @description: Upload interface
  */
-export function uploadApi(
-  params: UploadFileParams,
-  onUploadProgress?: (progressEvent: ProgressEvent) => void
-) {
+export function uploadApi(params: UploadFileParams, onUploadProgress?: (progressEvent: ProgressEvent) => void) {
   return defHttp.uploadFile<UploadApiResult>(
     {
       url: uploadUrl,
diff --git a/src/components/Application/src/AppProvider.vue b/src/components/Application/src/AppProvider.vue
index 5ce1f006..ace097da 100644
--- a/src/components/Application/src/AppProvider.vue
+++ b/src/components/Application/src/AppProvider.vue
@@ -2,17 +2,9 @@
 import { defineComponent, ref, unref } from 'vue'
 import { createAppProviderContext } from './useAppContext'
 import { createBreakpointListen } from '@/hooks/event/useBreakpoint'
-// import { prefixCls } from '@/settings/designSetting'
 import { useAppStore } from '@/store/modules/app'
 import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum'
 
-// const props = {
-/**
-   * class style prefix
-   */
-// prefixCls: { type: String, default: prefixCls },
-// }
-
 export default defineComponent({
   name: 'AppProvider',
   inheritAttrs: false,
@@ -33,11 +25,8 @@ export default defineComponent({
       handleRestoreState()
     })
 
-    // const { prefixCls } = toRefs(props)
-
     // Inject variables into the global
     createAppProviderContext({
-      // prefixCls,
       isMobile,
     })
 
diff --git a/src/components/Basic/src/BasicHelp.vue b/src/components/Basic/src/BasicHelp.vue
index 73d19edc..44e189fc 100644
--- a/src/components/Basic/src/BasicHelp.vue
+++ b/src/components/Basic/src/BasicHelp.vue
@@ -80,10 +80,7 @@ export default defineComponent({
 
     return () => {
       return (
-        <ElTooltip
-          popper-class={`${prefixCls}__wrap`}
-          effect={props.effect}
-          placement={props.placement} >
+        <ElTooltip popper-class={`${prefixCls}__wrap`} effect={props.effect} placement={props.placement}>
           {{
             content: () => renderTitle(),
             default: () => <span class={prefixCls}>{getSlot(slots) || <SvgIcon name={'info-fill'} />}</span>,
@@ -96,28 +93,28 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-  $prefix-cls: '#{$tonyname}-basic-help';
+$prefix-cls: '#{$tonyname}-basic-help';
 
-  .#{$prefix-cls} {
-    display: inline-block;
-    margin-left: 6px;
-    font-size: 0.875rem;
-    color: var(--text-secondary-color);
-    cursor: pointer;
+.#{$prefix-cls} {
+  display: inline-block;
+  margin-left: 6px;
+  font-size: 0.875rem;
+  color: var(--text-secondary-color);
+  cursor: pointer;
 
-    &:hover {
-      color: var(--primary-color);
-    }
+  &:hover {
+    color: var(--primary-color);
+  }
 
-    svg {
-      width: 1em;
-      height: 1em;
-    }
+  svg {
+    width: 1em;
+    height: 1em;
+  }
 
-    &__wrap {
-      p {
-        margin-bottom: 0;
-      }
+  &__wrap {
+    p {
+      margin-bottom: 0;
     }
   }
+}
 </style>
diff --git a/src/components/Basic/src/BasicTitle.vue b/src/components/Basic/src/BasicTitle.vue
index 72511e74..9ec5bc7c 100644
--- a/src/components/Basic/src/BasicTitle.vue
+++ b/src/components/Basic/src/BasicTitle.vue
@@ -53,7 +53,6 @@ export default defineComponent({
     return { prefixCls, getClass }
   },
 })
-
 </script>
 
 <style lang="scss">
diff --git a/src/components/BasicDescription/src/BasicDescription.vue b/src/components/BasicDescription/src/BasicDescription.vue
index 4b57067d..d1dc19ae 100644
--- a/src/components/BasicDescription/src/BasicDescription.vue
+++ b/src/components/BasicDescription/src/BasicDescription.vue
@@ -108,7 +108,7 @@ export default defineComponent({
           }
 
           return (
-            <ElDescriptionsItem {...(unref(item))}>
+            <ElDescriptionsItem {...unref(item)}>
               {() => {
                 if (!minWidth) {
                   return getContent()
@@ -117,8 +117,7 @@ export default defineComponent({
                   minWidth: `${minWidth}px`,
                 }
                 return <div style={style}>{getContent()}</div>
-              }
-              }
+              }}
             </ElDescriptionsItem>
           )
         })
@@ -132,7 +131,7 @@ export default defineComponent({
      */
     const renderDesc = () => {
       return (
-        <ElDescriptions class={`${prefixCls}`} {...(unref(getBindValues))}>
+        <ElDescriptions class={`${prefixCls}`} {...unref(getBindValues)}>
           {renderItem()}
         </ElDescriptions>
       )
diff --git a/src/components/BasicDescription/src/props.ts b/src/components/BasicDescription/src/props.ts
index 5c89eb98..1c09eb58 100644
--- a/src/components/BasicDescription/src/props.ts
+++ b/src/components/BasicDescription/src/props.ts
@@ -13,25 +13,25 @@ export const customProps = {
     default: () => [],
   },
   /**
-     * 描述数据
-     *
-     * Description data
-     */
+   * 描述数据
+   *
+   * Description data
+   */
   data: { type: Object },
   /**
-     * 是否包含折叠组件
-     *
-     * Whether to include the collapse component
-     */
+   * 是否包含折叠组件
+   *
+   * Whether to include the collapse component
+   */
   useCollapse: {
     type: Boolean,
     default: true,
   },
   /**
-     * 折叠组件配置
-     *
-     * Collapse component configuration
-     */
+   * 折叠组件配置
+   *
+   * Collapse component configuration
+   */
   collapseOptions: {
     type: Object as PropType<CollapseBasicProps>,
     default: null,
diff --git a/src/components/BasicDescription/src/typing.ts b/src/components/BasicDescription/src/typing.ts
index dc0cf6bb..ac792230 100644
--- a/src/components/BasicDescription/src/typing.ts
+++ b/src/components/BasicDescription/src/typing.ts
@@ -30,10 +30,7 @@ export interface DescItem extends EleDescriptionsItem {
    *
    * Custom rendering description item content (VNode)
    */
-  render?: (
-    val: any,
-    data: Recordable,
-  ) => JSX.Element | undefined | Element | string | number
+  render?: (val: any, data: Recordable) => JSX.Element | undefined | Element | string | number
 }
 
 /**
diff --git a/src/components/BasicDrawer/src/BasicDrawer.vue b/src/components/BasicDrawer/src/BasicDrawer.vue
index 857e7408..2bd3ace2 100644
--- a/src/components/BasicDrawer/src/BasicDrawer.vue
+++ b/src/components/BasicDrawer/src/BasicDrawer.vue
@@ -8,13 +8,14 @@
         <span
           :class="`${prefixCls}-header__back`"
           v-if="isDetail"
-          @click="handleClose()"><SvgIcon
+          @click="handleClose()">
+          <SvgIcon
             name="arrow-right"
             :size="16"
-            rotate="180deg" /></span>
+            rotate="180deg" />
+        </span>
 
-        <BasicTitle
-          :class="`${prefixCls}-header__title`">
+        <BasicTitle :class="`${prefixCls}-header__title`">
           <template v-if="title">{{ title || '' }}</template>
           <template v-else><slot name="title"></slot></template>
         </BasicTitle>
@@ -168,7 +169,7 @@ export default defineComponent({
       const { closeFn } = unref(getProps)
 
       if (typeof closeFn === 'function') {
-        const isClose:boolean = await closeFn()
+        const isClose: boolean = await closeFn()
         visibleRef.value = !isClose
         return
       } else {
diff --git a/src/components/BasicDrawer/src/props.ts b/src/components/BasicDrawer/src/props.ts
index 4f2e8cf8..7e18bd96 100644
--- a/src/components/BasicDrawer/src/props.ts
+++ b/src/components/BasicDrawer/src/props.ts
@@ -5,58 +5,58 @@ import { EleDrawerProps } from '@/components/ElementPlus'
 export const customProps = {
   modelValue: { type: Boolean },
   /**
-    * 抽屉标题
-    *
-    * Drawer title
-    */
+   * 抽屉标题
+   *
+   * Drawer title
+   */
   title: { type: String },
   /**
-    * 是否为详情模式（带返回按钮）
-    *
-    * Whether it is in detail mode (with back button)
-    */
+   * 是否为详情模式（带返回按钮）
+   *
+   * Whether it is in detail mode (with back button)
+   */
   isDetail: Boolean,
   /**
-    * 是否显示加载状态
-    *
-    * Whether to show loading
-    */
+   * 是否显示加载状态
+   *
+   * Whether to show loading
+   */
   loading: Boolean,
   /**
-    * 加载提示文字
-    *
-    * Loading text
-    */
+   * 加载提示文字
+   *
+   * Loading text
+   */
   loadingText: String,
   /**
-    * 关闭前触发的方法
-    *
-    * Method triggered before closing
-    */
+   * 关闭前触发的方法
+   *
+   * Method triggered before closing
+   */
   closeFn: {
     type: Function as PropType<(arg?: Recordable) => Promise<boolean>>,
     default: null,
   },
   /**
-    * 是否显示脚部
-    *
-    * Whether to display the footer
-    */
+   * 是否显示脚部
+   *
+   * Whether to display the footer
+   */
   showFooter: Boolean,
   /**
-    * 是否显示确认按钮
-    *
-    * Whether to show the confirm button
-    */
+   * 是否显示确认按钮
+   *
+   * Whether to show the confirm button
+   */
   showConfirmBtn: {
     type: Boolean,
     default: true,
   },
   /**
-    * 确认按钮配置，同 ElButton
-    *
-    * Confirm button configuration, same as ElButton
-    */
+   * 确认按钮配置，同 ElButton
+   *
+   * Confirm button configuration, same as ElButton
+   */
   confirmOptions: {
     type: Object as PropType<EleButton>,
     default: {
@@ -65,19 +65,19 @@ export const customProps = {
     },
   },
   /**
-    * 是否显示取消按钮
-    *
-    * Whether to show the cancel button
-    */
+   * 是否显示取消按钮
+   *
+   * Whether to show the cancel button
+   */
   showCancelBtn: {
     type: Boolean,
     default: true,
   },
   /**
-    * 取消按钮配置，同 ElButton
-    *
-    * Confirm button configuration, same as ElButton
-    */
+   * 取消按钮配置，同 ElButton
+   *
+   * Confirm button configuration, same as ElButton
+   */
   cancelOptions: {
     type: Object as PropType<EleButton>,
     default: {
diff --git a/src/components/BasicDrawer/src/useDrawer.ts b/src/components/BasicDrawer/src/useDrawer.ts
index 04bf7db2..a790cda2 100644
--- a/src/components/BasicDrawer/src/useDrawer.ts
+++ b/src/components/BasicDrawer/src/useDrawer.ts
@@ -1,4 +1,10 @@
-import type { UseDrawerReturnType, DrawerInstanceMethods, DrawerActionMethods, BasicProps, UseDrawerInnerReturnType } from './typing'
+import type {
+  UseDrawerReturnType,
+  DrawerInstanceMethods,
+  DrawerActionMethods,
+  BasicProps,
+  UseDrawerInnerReturnType
+} from './typing'
 
 import { ref, getCurrentInstance, unref, reactive, watchEffect, nextTick, toRaw, computed } from 'vue'
 import { tryOnUnmounted } from '@vueuse/core'
@@ -59,7 +65,9 @@ export function useDrawer(): UseDrawerReturnType {
   const getInstance = () => {
     const instance = unref(drawer)
     if (!instance) {
-      error('The drawer instance has not been obtained, please make sure the instance is rendered when performing the instance operation!')
+      error(
+        'The drawer instance has not been obtained, please make sure the instance is rendered when performing the instance operation!'
+      )
     }
     return instance
   }
@@ -70,7 +78,6 @@ export function useDrawer(): UseDrawerReturnType {
    * Define instance methods
    */
   const methods: DrawerActionMethods = {
-
     setDrawerProps: (props: Partial<BasicProps>): void => {
       getInstance()?.setDrawerProps(props)
     },
@@ -156,7 +163,6 @@ export const useDrawerInner = (callbackFn?: Fn): UseDrawerInnerReturnType => {
    * Define inner instance methods
    */
   const methods: ReturnInnerMethods = {
-
     getVisible: computed((): boolean => {
       return visibleData[~~unref(uidRef)]
     }),
diff --git a/src/components/BasicForm/src/BasicForm.vue b/src/components/BasicForm/src/BasicForm.vue
index 069d8bee..e07a8c5d 100644
--- a/src/components/BasicForm/src/BasicForm.vue
+++ b/src/components/BasicForm/src/BasicForm.vue
@@ -83,14 +83,7 @@ export default defineComponent({
       actionSpan: BASIC_COL_SIZE,
     })
 
-    const {
-      validate,
-      validateField,
-      resetFields,
-      scrollToField,
-      clearValidate,
-      getBasicEmits,
-    } = useBasicFormFn({
+    const { validate, validateField, resetFields, scrollToField, clearValidate, getBasicEmits } = useBasicFormFn({
       formElRef,
       emit,
     })
@@ -156,7 +149,7 @@ export default defineComponent({
      * Get and process the form data structure
      */
     const getSchema = computed((): BasicFormSchema[] => {
-      const schemas = unref(schemaRef)?.length ? unref(schemaRef) : (unref(getProps).schemas || [])
+      const schemas = unref(schemaRef)?.length ? unref(schemaRef) : unref(getProps).schemas || []
 
       if (unref(getProps).showAdvancedButton) {
         return schemas.filter((schema) => schema.component !== 'ElDivider')
@@ -283,7 +276,7 @@ export default defineComponent({
             try {
               modalFn?.redoModalHeight()
             } catch (error) {
-            // try redo modal height
+              // try redo modal height
             }
           })
         }
diff --git a/src/components/BasicForm/src/components/FormAction.vue b/src/components/BasicForm/src/components/FormAction.vue
index dc67b4a1..1064e58d 100644
--- a/src/components/BasicForm/src/components/FormAction.vue
+++ b/src/components/BasicForm/src/components/FormAction.vue
@@ -67,9 +67,7 @@ export default defineComponent({
     const actionColOptions = computed((): Partial<EleCol> => {
       const { showAdvancedButton, actionSpan, actionColProps } = props
       const actSpan = BASIC_COL_LEN - actionSpan
-      const advancedSpanObj = showAdvancedButton
-        ? { span: actSpan < BASIC_COL_SIZE ? BASIC_COL_LEN : actSpan }
-        : {}
+      const advancedSpanObj = showAdvancedButton ? { span: actSpan < BASIC_COL_SIZE ? BASIC_COL_LEN : actSpan } : {}
 
       return {
         ...advancedSpanObj,
diff --git a/src/components/BasicForm/src/components/FormItem.vue b/src/components/BasicForm/src/components/FormItem.vue
index c1b5517c..c3076661 100644
--- a/src/components/BasicForm/src/components/FormItem.vue
+++ b/src/components/BasicForm/src/components/FormItem.vue
@@ -63,7 +63,9 @@ export default defineComponent({
       if (['ElInput', 'ElInputNumber'].includes(component)) {
         return '请输入'
       }
-      if (['ElSelect', 'ElCascader', 'ElDatePicker', 'ElTimePicker', 'ElTimeSelect', 'ElSelectV2'].includes(component)) {
+      if (
+        ['ElSelect', 'ElCascader', 'ElDatePicker', 'ElTimePicker', 'ElTimeSelect', 'ElSelectV2'].includes(component)
+      ) {
         return '请选择'
       }
       return ''
@@ -142,13 +144,7 @@ export default defineComponent({
      */
     function handleRules(): EleFormItemRule[] {
       const { schema, formProps } = props
-      const {
-        component,
-        rulesMessageJoinLabel,
-        label,
-        dynamicRules,
-        required,
-      } = schema
+      const { component, rulesMessageJoinLabel, label, dynamicRules, required } = schema
 
       if (typeof dynamicRules === 'function') {
         return dynamicRules(unref(getValues))
@@ -163,7 +159,7 @@ export default defineComponent({
        *
        * Validation rules when processing required fields
        */
-      function validator(rule: InternalRuleItem, value: any, callback:any) {
+      function validator(rule: InternalRuleItem, value: any, callback: any) {
         const msg = (rule.message || defaultMsg) as string
         if (value === undefined || value === null) {
           // null
@@ -199,10 +195,7 @@ export default defineComponent({
               if (!Reflect.has(rule, 'type')) {
                 if (component === 'ElInputNumber') {
                   rule.type = 'number'
-                } else if (
-                  (component === 'ElSelect' && componentProp?.multiple) ||
-               component === 'ElCheckboxGroup'
-                ) {
+                } else if ((component === 'ElSelect' && componentProp?.multiple) || component === 'ElCheckboxGroup') {
                   rule.type = 'array'
                 }
               }
@@ -241,13 +234,7 @@ export default defineComponent({
      * Render the form item component
      */
     function renderComponent() {
-      const {
-        renderComponentContent,
-        component,
-        field,
-        changeEvent,
-        valueField,
-      } = props.schema
+      const { renderComponentContent, component, field, changeEvent, valueField } = props.schema
 
       if (!component) {
         return null
@@ -264,7 +251,7 @@ export default defineComponent({
             propsData[eventKey](...args)
           }
           const target = e ? e.target : null
-          const value = target?.value ?? (target ?? e)
+          const value = target?.value ?? target ?? e
           props.setFormModel(field, value)
         },
       }
@@ -285,8 +272,7 @@ export default defineComponent({
       // input placeholder
       const isCreatePlaceholder = !propsData.disabled && autoSetPlaceHolder
       if (isCreatePlaceholder) {
-        propsData.placeholder =
-            unref(getComponentsProps)?.placeholder || createPlaceholderMessage(component)
+        propsData.placeholder = unref(getComponentsProps)?.placeholder || createPlaceholderMessage(component)
       }
 
       // input value
@@ -309,31 +295,43 @@ export default defineComponent({
         // Trying to set a form item component with options
         if (compAttr?.options?.length) {
           if (component === 'ElSelect') {
-            compSlot.default = () => compAttr.options.map((k: any) => {
-              return <ElOption {...k} />
-            })
+            compSlot.default = () =>
+              compAttr.options.map((k: any) => {
+                return <ElOption {...k} />
+              })
           } else if (component === 'ElCheckboxGroup') {
-            compSlot.default = () => compAttr.options.map((k: any) => {
-              return <ElCheckbox {...k} label={k.value}>{k.label}</ElCheckbox>
-            })
+            compSlot.default = () =>
+              compAttr.options.map((k: any) => {
+                return (
+                  <ElCheckbox {...k} label={k.value}>
+                    {k.label}
+                  </ElCheckbox>
+                )
+              })
           } else if (component === 'ElRadioGroup') {
-            compSlot.default = () => compAttr.options.map((k: any) => {
-              return <ElRadio {...k} label={k.value}>{k.label}</ElRadio>
-            })
+            compSlot.default = () =>
+              compAttr.options.map((k: any) => {
+                return (
+                  <ElRadio {...k} label={k.value}>
+                    {k.label}
+                  </ElRadio>
+                )
+              })
           }
         }
 
-        return <Comp {...compAttr} >{compSlot}</Comp>
+        return <Comp {...compAttr}>{compSlot}</Comp>
       }
 
       // input component custom set
-      const compSlot = typeof renderComponentContent === 'function'
-        ? {
-          ...renderComponentContent(unref(getValues)),
-        }
-        : {
-          default: () => renderComponentContent,
-        }
+      const compSlot =
+        typeof renderComponentContent === 'function'
+          ? {
+            ...renderComponentContent(unref(getValues)),
+          }
+          : {
+            default: () => renderComponentContent,
+          }
       return <Comp {...compAttr}>{compSlot}</Comp>
     }
 
@@ -345,21 +343,23 @@ export default defineComponent({
     function renderLabelHelpMessage() {
       const { label, helpMessage, subLabel } = props.schema
       const renderLabel = subLabel ? (
-        <span>{label} <span>{subLabel}</span></span>
+        <span>
+          {label} <span>{subLabel}</span>
+        </span>
       ) : (
         label
       )
       // no help message
-      const getHelpMessage = typeof helpMessage === 'function'
-        ? helpMessage(unref(getValues))
-        : helpMessage
+      const getHelpMessage = typeof helpMessage === 'function' ? helpMessage(unref(getValues)) : helpMessage
       if (!getHelpMessage || (Array.isArray(getHelpMessage) && getHelpMessage.length === 0)) {
         return renderLabel
       }
 
       // has help message
       return (
-        <span>{renderLabel} <BasicHelp placement='top' class='mx-1' text={getHelpMessage} /></span>
+        <span>
+          {renderLabel} <BasicHelp placement='top' class='mx-1' text={getHelpMessage} />
+        </span>
       )
     }
 
@@ -373,9 +373,7 @@ export default defineComponent({
 
       // render ElDivider
       if (component === 'ElDivider') {
-        return (
-          <ElDivider {...unref(getComponentsProps)}>{renderLabelHelpMessage()}</ElDivider>
-        )
+        return <ElDivider {...unref(getComponentsProps)}>{renderLabelHelpMessage()}</ElDivider>
       } else {
         /**
          * 获取表单项内容
@@ -387,8 +385,8 @@ export default defineComponent({
           // slot
           if (slot) {
             return getSlot(slots, slot, unref(getValues))
-          // 自定义渲染
-          // custom render
+            // 自定义渲染
+            // custom render
           } else if (render) {
             return render(unref(getValues))
           }
@@ -396,16 +394,11 @@ export default defineComponent({
         }
 
         return (
-          <ElFormItem
-            prop={field}
-            {...(itemProps as Recordable)}
-            rules={handleRules()} >
-            {
-              {
-                label: () => renderLabelHelpMessage(),
-                default: () => getContent(),
-              }
-            }
+          <ElFormItem prop={field} {...(itemProps as Recordable)} rules={handleRules()}>
+            {{
+              label: () => renderLabelHelpMessage(),
+              default: () => getContent(),
+            }}
           </ElFormItem>
         )
       }
@@ -432,8 +425,8 @@ export default defineComponent({
         // slot
         if (colSlot) {
           return getSlot(slots, colSlot, values)
-        // 自定义渲染表单项及其组件
-        // custom render form item and input components
+          // 自定义渲染表单项及其组件
+          // custom render form item and input components
         } else if (renderColContent) {
           return renderColContent(values)
         }
diff --git a/src/components/BasicForm/src/const.ts b/src/components/BasicForm/src/const.ts
index d26d118c..58ca9461 100644
--- a/src/components/BasicForm/src/const.ts
+++ b/src/components/BasicForm/src/const.ts
@@ -10,22 +10,22 @@ const { form } = componentSetting
 export const BASIC_COL_LEN = form.fullColumnSize
 
 /**
-  * 默认单行显示的个数
-  *
-  * The default number of single-line display
-  */
+ * 默认单行显示的个数
+ *
+ * The default number of single-line display
+ */
 export const BASIC_COL_NUM = form.defaultItemSize
 
 /**
-  * 默认列的大小，根据计算所得
-  *
-  * Default column size, based on calculated
-  */
+ * 默认列的大小，根据计算所得
+ *
+ * Default column size, based on calculated
+ */
 export const BASIC_COL_SIZE = BASIC_COL_LEN / BASIC_COL_NUM
 
 /**
-  * 列间隔大小(px)
-  *
-  * Column spacer size (px)
-  */
+ * 列间隔大小(px)
+ *
+ * Column spacer size (px)
+ */
 export const BASIC_ROW_GUTTER = form.defaultItemGutter
diff --git a/src/components/BasicForm/src/hooks/useAdvanced.ts b/src/components/BasicForm/src/hooks/useAdvanced.ts
index 2d678984..7b83c97e 100644
--- a/src/components/BasicForm/src/hooks/useAdvanced.ts
+++ b/src/components/BasicForm/src/hooks/useAdvanced.ts
@@ -9,12 +9,12 @@ import { useBreakpoint } from '@/hooks/event/useBreakpoint'
 import { BASIC_COL_LEN, BASIC_COL_SIZE } from '../const'
 
 interface UseAdvancedContext {
-  advanceState: AdvanceState;
-  emit: EmitType;
-  getProps: ComputedRef<BasicProps>;
-  getSchema: ComputedRef<BasicFormSchema[]>;
-  formModel: Recordable;
-  defaultValueRef: Ref<Recordable>;
+  advanceState: AdvanceState
+  emit: EmitType
+  getProps: ComputedRef<BasicProps>
+  getSchema: ComputedRef<BasicFormSchema[]>
+  formModel: Recordable
+  defaultValueRef: Ref<Recordable>
 }
 
 /**
@@ -46,11 +46,7 @@ export function useAdvanced({
     // 默认列宽
     // Default col size
     const mdWidth =
-      parseInt(itemCol.md) ||
-      parseInt(itemCol.xs) ||
-      parseInt(itemCol.sm) ||
-      parseInt(itemCol.span) ||
-      BASIC_COL_SIZE
+      parseInt(itemCol.md) || parseInt(itemCol.xs) || parseInt(itemCol.sm) || parseInt(itemCol.span) || BASIC_COL_SIZE
 
     // 尝试查找是否存在自定义列宽
     // Try to find if there is a custom column width
@@ -121,10 +117,7 @@ export function useAdvanced({
       }
 
       if (isShow && (colProps || baseColProps)) {
-        const { itemColSum: sum, isAdvanced } = getAdvanced(
-          { ...baseColProps, ...colProps },
-          itemColSum
-        )
+        const { itemColSum: sum, isAdvanced } = getAdvanced({ ...baseColProps, ...colProps }, itemColSum)
 
         itemColSum = sum || 0
         if (isAdvanced) {
diff --git a/src/components/BasicForm/src/hooks/useBasic.ts b/src/components/BasicForm/src/hooks/useBasic.ts
index 9a0b72aa..31ce79f8 100644
--- a/src/components/BasicForm/src/hooks/useBasic.ts
+++ b/src/components/BasicForm/src/hooks/useBasic.ts
@@ -16,10 +16,7 @@ interface UseBasicFnContext {
  *
  * Please refer to Element Plus documentation for method usage
  */
-export function useBasicFormFn({
-  formElRef,
-  emit,
-}: UseBasicFnContext) {
+export function useBasicFormFn({ formElRef, emit }: UseBasicFnContext) {
   function validate(callback?: (isValid: boolean, invalidFields?: ValidateFieldsError) => void): Promise<void> {
     return getUseInstance<FormActionMethods>(formElRef, 'form')?.validate(callback)
   }
diff --git a/src/components/BasicForm/src/hooks/useForm.ts b/src/components/BasicForm/src/hooks/useForm.ts
index 9d7350ed..9ef109ed 100644
--- a/src/components/BasicForm/src/hooks/useForm.ts
+++ b/src/components/BasicForm/src/hooks/useForm.ts
@@ -84,11 +84,7 @@ export function useForm(formProps?: Props): UseFormReturnType {
       return getUseInstance<FormActionMethods>(formRef, 'form')?.setFieldsValue(values)
     },
 
-    appendSchemaByField: (
-      schema: BasicFormSchema,
-      beforeField?: string,
-      first?: boolean
-    ) => {
+    appendSchemaByField: (schema: BasicFormSchema, beforeField?: string, first?: boolean) => {
       return getUseInstance<FormActionMethods>(formRef, 'form')?.appendSchemaByField(schema, beforeField, first)
     },
   }
diff --git a/src/components/BasicForm/src/hooks/useFormEvents.ts b/src/components/BasicForm/src/hooks/useFormEvents.ts
index 8d30eb7c..58753955 100644
--- a/src/components/BasicForm/src/hooks/useFormEvents.ts
+++ b/src/components/BasicForm/src/hooks/useFormEvents.ts
@@ -166,16 +166,14 @@ export function useFormEvents({
    */
   function updateSchema(schema: Partial<BasicFormSchema>): boolean {
     if (!schema.field) {
-      error(
-        'The `field` of schema data must exist'
-      )
+      error('The `field` of schema data must exist')
       return false
     }
 
     const schemaList: BasicFormSchema[] = [...unref(getSchema)]
     for (let i = 0; i < schemaList.length; i++) {
       if (schemaList[i].field === schema?.field) {
-        schemaList[i] = { ...(schemaList[i]), ...schema }
+        schemaList[i] = { ...schemaList[i], ...schema }
         schemaRef.value = schemaList
         return true
       }
diff --git a/src/components/BasicForm/src/hooks/useFormValues.ts b/src/components/BasicForm/src/hooks/useFormValues.ts
index 201d1497..ae50309c 100644
--- a/src/components/BasicForm/src/hooks/useFormValues.ts
+++ b/src/components/BasicForm/src/hooks/useFormValues.ts
@@ -17,12 +17,7 @@ interface UseFormValuesContext {
  *
  * Process the value of the form
  */
-export function useFormValues({
-  defaultValueRef,
-  getSchema,
-  formModel,
-  getProps,
-}: UseFormValuesContext) {
+export function useFormValues({ defaultValueRef, getSchema, formModel, getProps }: UseFormValuesContext) {
   // check dayjs
   const isDayjsVal = (v) => v instanceof dayjs
 
@@ -60,14 +55,10 @@ export function useFormValues({
       if (typeof transformDateFn === 'function') {
         if (Array.isArray(value)) {
           for (let i = 0; i < value.length; i++) {
-            value[i] = isDayjsVal(value[i])
-              ? transformDateFn?.(value[i])
-              : value[i]
+            value[i] = isDayjsVal(value[i]) ? transformDateFn?.(value[i]) : value[i]
           }
         } else {
-          value = isDayjsVal(value)
-            ? transformDateFn?.(value)
-            : value
+          value = isDayjsVal(value) ? transformDateFn?.(value) : value
         }
       }
 
@@ -116,14 +107,10 @@ export function useFormValues({
         if (typeof transformDateFn === 'function') {
           if (Array.isArray(defaultValue)) {
             for (let i = 0; i < defaultValue.length; i++) {
-              item.defaultValue[i] = isDayjsVal(defaultValue[i])
-                ? transformDateFn?.(defaultValue[i])
-                : defaultValue[i]
+              item.defaultValue[i] = isDayjsVal(defaultValue[i]) ? transformDateFn?.(defaultValue[i]) : defaultValue[i]
             }
           } else {
-            item.defaultValue = isDayjsVal(defaultValue)
-              ? transformDateFn?.(defaultValue)
-              : defaultValue
+            item.defaultValue = isDayjsVal(defaultValue) ? transformDateFn?.(defaultValue) : defaultValue
           }
         }
       }
diff --git a/src/components/BasicModal/src/BasicModal.vue b/src/components/BasicModal/src/BasicModal.vue
index d434a1b8..1588c170 100644
--- a/src/components/BasicModal/src/BasicModal.vue
+++ b/src/components/BasicModal/src/BasicModal.vue
@@ -34,13 +34,17 @@
           <ElButton
             v-bind="cancelOptions"
             @click="handleCancel"
-            v-if="showCancelBtn">{{ cancelOptions?.text || 'Cancel' }}</ElButton>
+            v-if="showCancelBtn">
+            {{ cancelOptions?.text || 'Cancel' }}
+          </ElButton>
           <slot name="centerFooter"></slot>
           <ElButton
             v-bind="confirmOptions"
             :loading="getProps.confirmOptions?.loading"
             @click="handleConfirm"
-            v-if="showConfirmBtn">{{ confirmOptions?.text || 'OK' }}</ElButton>
+            v-if="showConfirmBtn">
+            {{ confirmOptions?.text || 'OK' }}
+          </ElButton>
           <slot name="appendFooter"></slot>
         </template>
       </div>
@@ -149,11 +153,7 @@ export default defineComponent({
      * Bind content props
      */
     const getWrapperBindValue = computed(() => {
-      const {
-        dyncHeight,
-        loading,
-        loadingText,
-      } = unref(getProps)
+      const { dyncHeight, loading, loadingText } = unref(getProps)
 
       const opts = {
         dyncHeight,
@@ -195,7 +195,7 @@ export default defineComponent({
       const { closeFn } = unref(getProps)
 
       if (typeof closeFn === 'function') {
-        const isClose:boolean = await closeFn()
+        const isClose: boolean = await closeFn()
         visibleRef.value = !isClose
         return
       } else {
@@ -250,13 +250,13 @@ export default defineComponent({
           // 如果 scrollTop 为 true，弹窗显示时会尝试滚动内容到顶部
           // If scrollTop is true, the popup will try to scroll the content to the top when displayed
           if (props?.scrollTop && v && unref(modalWrapperRef)) {
-            (unref(modalWrapperRef))?.scrollTop(0)
+            unref(modalWrapperRef)?.scrollTop(0)
           }
         })
       },
       {
         immediate: false,
-      },
+      }
     )
 
     return {
@@ -325,7 +325,7 @@ $prefix-cls: '#{$tonyname}-basic-modal';
 
         &:hover {
           color: var(--primary-color);
-          background: rgba(0,0,0,0.05);
+          background: rgba(0, 0, 0, 0.05);
         }
 
         > svg {
diff --git a/src/components/BasicModal/src/components/ModalWrapper.vue b/src/components/BasicModal/src/components/ModalWrapper.vue
index 5c5fb187..4bf76126 100644
--- a/src/components/BasicModal/src/components/ModalWrapper.vue
+++ b/src/components/BasicModal/src/components/ModalWrapper.vue
@@ -17,15 +17,7 @@
 <script lang="ts">
 import type { CSSProperties } from 'vue'
 
-import {
-  defineComponent,
-  computed,
-  ref,
-  watchEffect,
-  unref,
-  watch,
-  nextTick,
-} from 'vue'
+import { defineComponent, computed, ref, watchEffect, unref, watch, nextTick } from 'vue'
 import { ElLoading } from 'element-plus'
 // import { useMutationObserver } from '@vueuse/core'
 
@@ -61,14 +53,16 @@ export default defineComponent({
      */
     const spinStyle = computed((): CSSProperties => {
       const { dyncHeight } = props
-      return dyncHeight ? {
-        // 动态获取内容区高度
-        // Dynamically get the height of the content area
-        'height': `${unref(realHeightRef)}px`,
-      } : {
-        'height': 'auto',
-        'padding': '1rem',
-      }
+      return dyncHeight
+        ? {
+          // 动态获取内容区高度
+          // Dynamically get the height of the content area
+          height: `${unref(realHeightRef)}px`,
+        }
+        : {
+          height: 'auto',
+          padding: '1rem',
+        }
     })
 
     /**
@@ -79,8 +73,8 @@ export default defineComponent({
     async function scrollTop() {
       nextTick(() => {
         const wrapperRefDom = unref(wrapperRef)
-        if (!wrapperRefDom) return;
-        (wrapperRefDom as any)?.scrollTo?.(0)
+        if (!wrapperRefDom) return
+        ;(wrapperRefDom as any)?.scrollTo?.(0)
       })
     }
 
@@ -134,10 +128,10 @@ export default defineComponent({
         // 计算合适的内容区高度
         // Calculate proper content area height
         let maxHeight =
-            window.innerHeight - // window height
-            modalTop * 2 - // modal offset top/bottom
-            modalFooterHeight - // modal footer height
-           modalHeaderHeight // modal header height
+          window.innerHeight - // window height
+          modalTop * 2 - // modal offset top/bottom
+          modalFooterHeight - // modal footer height
+          modalHeaderHeight // modal header height
 
         // 如果插槽内容高度低于计算的高度，直接拿插槽内容高度
         // If the inner content height is lower than the calculated height, directly take the slot content height
@@ -181,7 +175,7 @@ export default defineComponent({
       () => props.fullscreen,
       () => {
         setModalHeight()
-      },
+      }
     )
 
     return {
diff --git a/src/components/BasicModal/src/typing.ts b/src/components/BasicModal/src/typing.ts
index 8920ca9b..68c614cc 100644
--- a/src/components/BasicModal/src/typing.ts
+++ b/src/components/BasicModal/src/typing.ts
@@ -54,7 +54,7 @@ export interface ModalCustomFooter {
    *
    * Confirm button configuration, same as ElButton
    */
-  confirmOptions?: EleButton,
+  confirmOptions?: EleButton
   /**
    * 是否显示取消按钮
    *
@@ -66,7 +66,7 @@ export interface ModalCustomFooter {
    *
    * Confirm button configuration, same as ElButton
    */
-  cancelOptions?: EleButton,
+  cancelOptions?: EleButton
 }
 
 export interface BasicProps extends EleDialog, ModalCustomHeader, ModalCustomContent, ModalCustomFooter {
diff --git a/src/components/BasicModal/src/useModal.ts b/src/components/BasicModal/src/useModal.ts
index fa5f8c35..5fb960b6 100644
--- a/src/components/BasicModal/src/useModal.ts
+++ b/src/components/BasicModal/src/useModal.ts
@@ -4,20 +4,10 @@ import type {
   BasicProps,
   ModalActionMethods,
   ReturnInnerMethods,
-  UseModalInnerReturnType,
+  UseModalInnerReturnType
 } from './typing'
 
-import {
-  ref,
-  onUnmounted,
-  unref,
-  getCurrentInstance,
-  reactive,
-  watchEffect,
-  nextTick,
-  toRaw,
-  computed
-} from 'vue'
+import { ref, onUnmounted, unref, getCurrentInstance, reactive, watchEffect, nextTick, toRaw, computed } from 'vue'
 import { isEqual } from 'lodash-es'
 import { tryOnUnmounted } from '@vueuse/core'
 
@@ -74,7 +64,9 @@ export function useModal(): UseModalReturnType {
   const getInstance = () => {
     const instance = unref(modal)
     if (!instance) {
-      error('The modal instance has not been obtained, please make sure the instance is rendered when performing the instance operation!')
+      error(
+        'The modal instance has not been obtained, please make sure the instance is rendered when performing the instance operation!'
+      )
     }
     return instance
   }
@@ -169,7 +161,6 @@ export const useModalInner = (callbackFn?: Fn): UseModalInnerReturnType => {
    * Define inner instance methods
    */
   const methods: ReturnInnerMethods = {
-
     changeLoading: (loading = true) => {
       getInstance()?.setModalProps({ loading })
     },
diff --git a/src/components/BasicModal/src/useModalContext.ts b/src/components/BasicModal/src/useModalContext.ts
index 5346f7e4..72215a22 100644
--- a/src/components/BasicModal/src/useModalContext.ts
+++ b/src/components/BasicModal/src/useModalContext.ts
@@ -13,7 +13,7 @@ export interface ModalContextProps {
    *
    * redo modal height
    */
-  redoModalHeight: () => void;
+  redoModalHeight: () => void
 }
 
 const key: InjectionKey<ModalContextProps> = Symbol()
diff --git a/src/components/BasicTable/src/BasicTable.vue b/src/components/BasicTable/src/BasicTable.vue
index 0681ca88..9572982f 100644
--- a/src/components/BasicTable/src/BasicTable.vue
+++ b/src/components/BasicTable/src/BasicTable.vue
@@ -138,13 +138,7 @@ export default defineComponent({
     loading: ElLoading.directive,
   },
   props: basicProps,
-  emits: [
-    ...ElTableBasicEmits,
-    'fetch-success',
-    'fetch-error',
-    'register',
-    'pagination',
-  ],
+  emits: [...ElTableBasicEmits, 'fetch-success', 'fetch-error', 'register', 'pagination'],
 
   setup(props, { attrs, emit, slots, expose }) {
     const tableElRef = ref()
@@ -167,16 +161,9 @@ export default defineComponent({
       return { ...props, ...unref(propsRef) } as BasicProps
     })
 
-    const {
-      getLoading,
-      setLoading,
-    } = useLoading(getProps)
+    const { getLoading, setLoading } = useLoading(getProps)
 
-    const {
-      getTablePagination,
-      getPagination,
-      setPagination,
-    } = usePagination(getProps)
+    const { getTablePagination, getPagination, setPagination } = usePagination(getProps)
 
     const {
       handleTableChange,
@@ -199,7 +186,7 @@ export default defineComponent({
       setPagination,
       setLoading,
       formActions.getFieldsValue,
-      emit,
+      emit
     )
 
     const {
@@ -216,38 +203,19 @@ export default defineComponent({
       sort,
     } = useBasicTableFn(getProps, tableElRef, handleTableChange, emit)
 
-    const {
-      getViewColumns,
-      getColumns,
-      setColumns,
-      getCacheColumns,
-    } = useColumns(getProps, getTablePagination)
+    const { getViewColumns, getColumns, setColumns, getCacheColumns } = useColumns(getProps, getTablePagination)
 
-    const {
-      redoHeight,
-    } = useTableScroll(
-      getProps,
-      tableElRef,
-      getDataSourceRef
-    )
+    const { redoHeight } = useTableScroll(getProps, tableElRef, getDataSourceRef)
 
-    const {
-      getExpandOptions,
-      expandAll,
-      collapseAll,
-    } = useTableExpand(
+    const { getExpandOptions, expandAll, collapseAll } = useTableExpand(getProps, getDataSourceRef, getRowKey)
+
+    const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchSubmit } = useTableForm(
       getProps,
-      getDataSourceRef,
-      getRowKey
+      slots,
+      fetch,
+      getLoading
     )
 
-    const {
-      getFormProps,
-      replaceFormSlotKey,
-      getFormSlotKeys,
-      handleSearchSubmit,
-    } = useTableForm(getProps, slots, fetch, getLoading)
-
     /**
      * 获取头部 Props
      *
@@ -397,7 +365,7 @@ export default defineComponent({
       unref(isFixedHeightPage) &&
         props.canResize &&
         warn(
-          "'canResize' of BasicTable may not work in PageWrapper with 'contentFullHeight' (especially in hot updates)",
+          "'canResize' of BasicTable may not work in PageWrapper with 'contentFullHeight' (especially in hot updates)"
         )
     })
 
diff --git a/src/components/BasicTable/src/components/TableAction.vue b/src/components/BasicTable/src/components/TableAction.vue
index d54d308d..795c935b 100644
--- a/src/components/BasicTable/src/components/TableAction.vue
+++ b/src/components/BasicTable/src/components/TableAction.vue
@@ -10,7 +10,8 @@
         @click="handleClick(action)">
         <SvgIcon
           :name="action.svgName"
-          v-if="action?.svgName" />{{ action.buttonProps?.text || '' }}
+          v-if="action?.svgName" />
+        {{ action.buttonProps?.text || '' }}
       </el-button>
     </template>
   </div>
@@ -68,10 +69,11 @@ export default defineComponent({
     const getActions = computed(() => {
       const { actions = [] } = props.column
 
-      const opts = actions.filter((action) => {
-        // 过滤权限
-        return hasPermission(action.auth) && isIfShow(action)
-      })
+      const opts = actions
+        .filter((action) => {
+          // 过滤权限
+          return hasPermission(action.auth) && isIfShow(action)
+        })
         .map((action: TableActionItem) => {
           const opt = {
             callback: action?.callback || null,
@@ -127,10 +129,11 @@ export default defineComponent({
       // 如果存在确认按钮时
       // If there is a confirmation
       if (action.popConfirm) {
-        createConfirm({ ...action.popConfirm }).then(res => {
-          action?.callback!(props.scopes, res)
-        })
-          .catch(err => {
+        createConfirm({ ...action.popConfirm })
+          .then((res) => {
+            action?.callback!(props.scopes, res)
+          })
+          .catch((err) => {
             action?.callback!(props.scopes, err)
           })
       } else {
diff --git a/src/components/BasicTable/src/components/TablePagination.vue b/src/components/BasicTable/src/components/TablePagination.vue
index 470be51c..8d6cf49e 100644
--- a/src/components/BasicTable/src/components/TablePagination.vue
+++ b/src/components/BasicTable/src/components/TablePagination.vue
@@ -43,10 +43,7 @@ export default defineComponent({
      */
     const getWrapperClass = computed(() => {
       const { prefixCls } = props
-      return [
-        prefixCls,
-        `${prefixCls}--align-${PAGE_POSITION_ALIGN}`,
-      ]
+      return [prefixCls, `${prefixCls}--align-${PAGE_POSITION_ALIGN}`]
     })
 
     watchEffect(() => {
@@ -59,14 +56,14 @@ export default defineComponent({
       () => unref(pageRef),
       (v) => {
         v && emit('pageChange', v)
-      },
+      }
     )
 
     watch(
       () => unref(sizeRef),
       (v) => {
         v && emit('sizeChange', v)
-      },
+      }
     )
 
     return {
diff --git a/src/components/BasicTable/src/components/TableSetting.vue b/src/components/BasicTable/src/components/TableSetting.vue
index fa07a582..0293f92b 100644
--- a/src/components/BasicTable/src/components/TableSetting.vue
+++ b/src/components/BasicTable/src/components/TableSetting.vue
@@ -22,7 +22,7 @@
     content="全屏">
     <SvgIcon
       @click="toggle"
-      :name="isFullscreen ? 'fullscreen-exit': 'fullscreen'" />
+      :name="isFullscreen ? 'fullscreen-exit' : 'fullscreen'" />
   </ElTooltip>
 </template>
 
diff --git a/src/components/BasicTable/src/hooks/useColumns.ts b/src/components/BasicTable/src/hooks/useColumns.ts
index 3dc6a0e0..aea135e3 100644
--- a/src/components/BasicTable/src/hooks/useColumns.ts
+++ b/src/components/BasicTable/src/hooks/useColumns.ts
@@ -16,10 +16,7 @@ import { PAGE_SIZE } from '../const'
  * @param propsRef
  * @param getPaginationRef
  */
-export function useColumns(
-  propsRef: ComputedRef<BasicProps>,
-  getPaginationRef: ComputedRef<boolean | ElePagination>
-) {
+export function useColumns(propsRef: ComputedRef<BasicProps>, getPaginationRef: ComputedRef<boolean | ElePagination>) {
   let cacheColumns = unref(propsRef).columns
   const columnsRef = ref(cacheColumns)
   const { showIndexColumn, showCheckboxColumn } = unref(propsRef)
@@ -54,13 +51,12 @@ export function useColumns(
     const viewColumns = sortFixedColumn(unref(getColumnsRef))
 
     const columns = cloneDeep(viewColumns)
-    return columns
-      .filter((column) => {
-        return hasPermission(column.auth) && isIfShow(column)
-      })
-      // .map((column) => {
-      //   return column
-      // })
+    return columns.filter((column) => {
+      return hasPermission(column.auth) && isIfShow(column)
+    })
+    // .map((column) => {
+    //   return column
+    // })
   })
 
   /**
@@ -105,8 +101,7 @@ export function useColumns(
       // Sort according to another array
       if (!isEqual(cacheKeys, columns)) {
         newColumns.sort((prev, next) => {
-          return (cacheKeys.indexOf(prev.prop as string) -
-            cacheKeys.indexOf(next.prop as string))
+          return cacheKeys.indexOf(prev.prop as string) - cacheKeys.indexOf(next.prop as string)
         })
       }
       columnsRef.value = newColumns
@@ -221,10 +216,7 @@ function handleChildren(children: BasicColumn[] | undefined) {
  * @param columns BasicColumn[]
  * @param getPaginationRef
  */
-function handleIndexColumn(
-  columns: BasicColumn[],
-  getPaginationRef: ComputedRef<boolean | ElePagination>
-) {
+function handleIndexColumn(columns: BasicColumn[], getPaginationRef: ComputedRef<boolean | ElePagination>) {
   // 如果存在自定义索引列，则不处理
   // If there is a custom index column, it will not be processed
   const hasIndexColumn = columns.some((item) => item.type === 'index')
@@ -263,7 +255,7 @@ function handleIndexColumn(
 function handleCheckboxColumn(columns: BasicColumn[]) {
   // 存在子项则不渲染复选框
   // If there are children, do not render the checkbox
-  const hasChildrenColumn = columns.some((item) => (item?.children?.length))
+  const hasChildrenColumn = columns.some((item) => item?.children?.length)
   if (hasChildrenColumn) return
 
   // 如果存在自定义复选框列，则不处理
@@ -299,15 +291,14 @@ function handleActionColumn(columns: BasicColumn[]) {
   if (hasIndex < 0) return
 
   const isFixedRight = columns.some((item) => item.fixed === 'right')
-  columns[hasIndex] =
-    {
-      width: 120,
-      label: '操作',
-      prop: 'action',
-      type: 'action',
-      fixed: isFixedRight ? 'right' : undefined,
-      ...columns[hasIndex],
-    }
+  columns[hasIndex] = {
+    width: 120,
+    label: '操作',
+    prop: 'action',
+    type: 'action',
+    fixed: isFixedRight ? 'right' : undefined,
+    ...columns[hasIndex],
+  }
 }
 
 /**
@@ -357,7 +348,5 @@ function sortFixedColumn(columns: BasicColumn[]) {
   }
   // 剔除默认隐藏列
   // Remove default hidden columns
-  return [...fixedLeftColumns, ...defColumns, ...fixedRightColumns].filter(
-    (item) => !item.defaultHidden
-  )
+  return [...fixedLeftColumns, ...defColumns, ...fixedRightColumns].filter((item) => !item.defaultHidden)
 }
diff --git a/src/components/BasicTable/src/hooks/useDataSource.ts b/src/components/BasicTable/src/hooks/useDataSource.ts
index 0df62fcf..0daf2f0e 100644
--- a/src/components/BasicTable/src/hooks/useDataSource.ts
+++ b/src/components/BasicTable/src/hooks/useDataSource.ts
@@ -24,10 +24,10 @@ import { FETCH_SETTING, ROW_KEY, PAGE_SIZE } from '../const'
 export function useDataSource(
   propsRef: ComputedRef<BasicProps>,
   tableData: Ref<Recordable[]>,
-  paginationRef:ComputedRef<ElePagination>,
+  paginationRef: ComputedRef<ElePagination>,
   setPagination: (info: Partial<ElePagination>) => void,
   setLoading: (loading: boolean) => void,
-  getFieldsValue:() => Recordable,
+  getFieldsValue: () => Recordable,
   emit: EmitType
 ) {
   const sortInfo = ref<Recordable>({})
@@ -105,7 +105,7 @@ export function useDataSource(
   function handleTableChange(
     pagination: Partial<ElePagination>,
     sorter?: ColumnSorterResult,
-    filters?: Partial<Recordable<string[]>>,
+    filters?: Partial<Recordable<string[]>>
   ) {
     const { sortFn, filterFn } = unref(propsRef)
     // 更新了分页
@@ -166,10 +166,7 @@ export function useDataSource(
    * @param rowKey
    * @param record 新记录
    */
-  function updateTableDataRecord(
-    rowKey: string | number,
-    record: Recordable
-  ): Recordable | undefined {
+  function updateTableDataRecord(rowKey: string | number, record: Recordable): Recordable | undefined {
     const row = findTableDataRecord(rowKey)
 
     if (row) {
@@ -193,9 +190,9 @@ export function useDataSource(
       unref(dataSourceRef).splice(recordIndex, 1)
     }
 
-    const total = (unref(paginationRef)?.total || 0)
+    const total = unref(paginationRef)?.total || 0
     setPagination({
-      total: total > 0 ? (total - 1) : 0,
+      total: total > 0 ? total - 1 : 0,
     })
 
     return unref(dataSourceRef)
@@ -282,8 +279,7 @@ export function useDataSource(
    * @param opt FetchParams
    */
   async function fetch(opt?: FetchParams) {
-    const { api, searchInfo, fetchSetting, beforeFetchFn, afterFetchFn, useSearchForm, pagination } =
-      unref(propsRef)
+    const { api, searchInfo, fetchSetting, beforeFetchFn, afterFetchFn, useSearchForm, pagination } = unref(propsRef)
 
     // api 必须为函数
     // 'api' must be a function
@@ -291,11 +287,7 @@ export function useDataSource(
 
     try {
       setLoading(true)
-      const { pageField, sizeField, listField, totalField } = Object.assign(
-        {},
-        FETCH_SETTING,
-        fetchSetting
-      )
+      const { pageField, sizeField, listField, totalField } = Object.assign({}, FETCH_SETTING, fetchSetting)
       let pageParams: Recordable = {}
 
       const { currentPage = 1, pageSize = PAGE_SIZE } = unref(paginationRef) ?? {}
diff --git a/src/components/BasicTable/src/hooks/usePagination.tsx b/src/components/BasicTable/src/hooks/usePagination.tsx
index 6cc47f94..e5fb59da 100644
--- a/src/components/BasicTable/src/hooks/usePagination.tsx
+++ b/src/components/BasicTable/src/hooks/usePagination.tsx
@@ -22,7 +22,7 @@ export function usePagination(propsRef: ComputedRef<BasicProps>) {
   const getTablePagination = computed((): ElePagination => {
     const { pagination, api } = unref(propsRef)
 
-    if (isBoolean(pagination) || !pagination && (!api || typeof api !== 'function')) {
+    if (isBoolean(pagination) || (!pagination && (!api || typeof api !== 'function'))) {
       return false
     }
 
diff --git a/src/components/BasicTable/src/hooks/useTable.ts b/src/components/BasicTable/src/hooks/useTable.ts
index c177b026..102793b1 100644
--- a/src/components/BasicTable/src/hooks/useTable.ts
+++ b/src/components/BasicTable/src/hooks/useTable.ts
@@ -2,7 +2,14 @@ import type { WatchStopHandle } from 'vue'
 import type { DynamicProps } from '#/utils'
 import type { FormActionMethods } from '@/components/BasicForm'
 import type { ElePagination } from '@/components/ElementPlus'
-import type { BasicProps, TableActionMethods, FetchParams, BasicColumn, GetColumnsParams, UseTableMethod } from '../typing'
+import type {
+  BasicProps,
+  TableActionMethods,
+  FetchParams,
+  BasicColumn,
+  GetColumnsParams,
+  UseTableMethod
+} from '../typing'
 
 import { ref, onUnmounted, unref, watch } from 'vue'
 
@@ -15,10 +22,9 @@ import { error } from '@/utils/log'
  *
  * Define use instance
  */
-export function useTable(tableProps?: Partial<DynamicProps<BasicProps>>): [
-  (instance: TableActionMethods, formInstance: UseTableMethod) => void,
-  UseTableMethod,
-] {
+export function useTable(
+  tableProps?: Partial<DynamicProps<BasicProps>>
+): [(instance: TableActionMethods, formInstance: UseTableMethod) => void, UseTableMethod] {
   const tableRef = ref<Nullable<TableActionMethods>>(null)
   const loadedRef = ref<Nullable<boolean>>(false)
   const formRef = ref<Nullable<UseTableMethod>>(null)
@@ -79,7 +85,7 @@ export function useTable(tableProps?: Partial<DynamicProps<BasicProps>>): [
    * Define instance methods
    */
   const methods: TableActionMethods & {
-    getFormRef: () => FormActionMethods;
+    getFormRef: () => FormActionMethods
   } = {
     // Element Plus
     clearSelection: () => {
@@ -117,7 +123,7 @@ export function useTable(tableProps?: Partial<DynamicProps<BasicProps>>): [
     setTableProps: (props: Partial<BasicProps>) => {
       getTableInstance().setTableProps(props)
     },
-    getColumns: ({ ignoreIndex = false }:GetColumnsParams = {}) => {
+    getColumns: ({ ignoreIndex = false }: GetColumnsParams = {}) => {
       const columns = getTableInstance().getColumns({ ignoreIndex }) || []
       return columns
     },
diff --git a/src/components/BasicTable/src/hooks/useTableContext.ts b/src/components/BasicTable/src/hooks/useTableContext.ts
index f048d725..0006f68f 100644
--- a/src/components/BasicTable/src/hooks/useTableContext.ts
+++ b/src/components/BasicTable/src/hooks/useTableContext.ts
@@ -6,13 +6,13 @@ import { provide, inject, ComputedRef } from 'vue'
 const key = Symbol('basic-table')
 
 type Instance = TableActionMethods & {
-  wrapRef: Ref<Nullable<HTMLElement>>;
-  getBindValues: ComputedRef<Recordable>;
-};
+  wrapRef: Ref<Nullable<HTMLElement>>
+  getBindValues: ComputedRef<Recordable>
+}
 
 type RetInstance = Omit<Instance, 'getBindValues'> & {
-  getBindValues: ComputedRef<BasicProps>;
-};
+  getBindValues: ComputedRef<BasicProps>
+}
 
 /**
  * 创建表格上下文
diff --git a/src/components/BasicTable/src/hooks/useTableExpand.ts b/src/components/BasicTable/src/hooks/useTableExpand.ts
index d22d97a3..dfa222c2 100644
--- a/src/components/BasicTable/src/hooks/useTableExpand.ts
+++ b/src/components/BasicTable/src/hooks/useTableExpand.ts
@@ -16,7 +16,7 @@ import { warn } from '@/utils/log'
 export function useTableExpand(
   propsRef: ComputedRef<BasicProps>,
   getDataSourceRef: ComputedRef<Recordable[]>,
-  getRowKey: ComputedRef<string | undefined>,
+  getRowKey: ComputedRef<string | undefined>
 ) {
   /**
    * 展开的key
diff --git a/src/components/BasicTable/src/hooks/useTableForm.ts b/src/components/BasicTable/src/hooks/useTableForm.ts
index 75282e68..d3b3070e 100644
--- a/src/components/BasicTable/src/hooks/useTableForm.ts
+++ b/src/components/BasicTable/src/hooks/useTableForm.ts
@@ -36,9 +36,7 @@ export function useTableForm(
    */
   const getFormSlotKeys: ComputedRef<string[]> = computed(() => {
     const keys = Object.keys(slots)
-    return keys
-      .map((item) => (item.startsWith('form-') ? item : null))
-      .filter((item) => !!item) as string[]
+    return keys.map((item) => (item.startsWith('form-') ? item : null)).filter((item) => !!item) as string[]
   })
 
   /**
diff --git a/src/components/BasicTable/src/hooks/useTableScroll.ts b/src/components/BasicTable/src/hooks/useTableScroll.ts
index a0b83c74..919bea0f 100644
--- a/src/components/BasicTable/src/hooks/useTableScroll.ts
+++ b/src/components/BasicTable/src/hooks/useTableScroll.ts
@@ -20,7 +20,7 @@ import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated'
 export function useTableScroll(
   propsRef: ComputedRef<BasicProps>,
   tableElRef: Ref<ComponentRef>,
-  getDataSourceRef: ComputedRef<Recordable[]>,
+  getDataSourceRef: ComputedRef<Recordable[]>
 ) {
   let paginationEl: HTMLElement | null
   let bodyEl: HTMLElement | null
@@ -112,10 +112,7 @@ export function useTableScroll(
       headerHeight = (headEl as HTMLElement).offsetHeight
     }
 
-    let height =
-      bottomIncludeBody -
-      paginationHeight -
-      headerHeight
+    let height = bottomIncludeBody - paginationHeight - headerHeight
 
     // 如果给出了最大高度
     // If maxHeight is given
@@ -143,7 +140,7 @@ export function useTableScroll(
     },
     {
       flush: 'post',
-    },
+    }
   )
   return { redoHeight }
 }
diff --git a/src/components/BasicTable/src/typing.ts b/src/components/BasicTable/src/typing.ts
index 87898025..a82246ff 100644
--- a/src/components/BasicTable/src/typing.ts
+++ b/src/components/BasicTable/src/typing.ts
@@ -54,7 +54,7 @@ export interface FetchParams {
    *
    * Current page
    */
-  page?: number,
+  page?: number
   /**
    * 搜索参数
    *
diff --git a/src/components/BasicUpload/src/BasicUpload.vue b/src/components/BasicUpload/src/BasicUpload.vue
index cd4a6b2a..619744b2 100644
--- a/src/components/BasicUpload/src/BasicUpload.vue
+++ b/src/components/BasicUpload/src/BasicUpload.vue
@@ -12,13 +12,16 @@
           <div
             :class="`${prefixCls}-entry-thumb__img--upload`"
             @click="openUpload()">
-            <SvgIcon name="cloud-upload" /> 上传
+            <SvgIcon name="cloud-upload" />
+            上传
           </div>
           <div
             :class="`${prefixCls}-entry-thumb__img--preview`"
             v-if="getProps.showPreview"
             @click="openPreview()">
-            <SvgIcon name="eye" /> 预览 <template v-if="fileList.length && showPreviewNumber"> ({{ fileList.length }})</template>
+            <SvgIcon name="eye" />
+            预览
+            <template v-if="fileList.length && showPreviewNumber">({{ fileList.length }})</template>
           </div>
         </div>
       </div>
@@ -27,8 +30,7 @@
       <div
         :class="`${prefixCls}-entry-thumb__btn`"
         @click="openUpload()">
-        <SvgIcon
-          name="cloud-upload" />
+        <SvgIcon name="cloud-upload" />
       </div>
     </template>
   </div>
@@ -40,7 +42,8 @@
       @click="openUpload()">
       <SvgIcon
         name="cloud-upload"
-        class="mr-1" /> <span>上传</span>
+        class="mr-1" />
+      <span>上传</span>
     </ElButton>
     <ElTooltip
       placement="bottom"
@@ -54,7 +57,8 @@
       <ElButton
         @click="openPreview()"
         v-if="getProps.showPreview">
-        <SvgIcon name="eye" /> <template v-if="fileList.length && showPreviewNumber"> {{ fileList.length }}</template>
+        <SvgIcon name="eye" />
+        <template v-if="fileList.length && showPreviewNumber">{{ fileList.length }}</template>
       </ElButton>
     </ElTooltip>
   </ElButtonGroup>
@@ -116,7 +120,7 @@ export default defineComponent({
      *
      * Get thumb style
      */
-    const getThumbStyle = computed(():CSSProperties => {
+    const getThumbStyle = computed((): CSSProperties => {
       const { thumbSize } = props
 
       return {
@@ -140,7 +144,8 @@ export default defineComponent({
      */
     const getBindValues = computed(() => {
       const opts = {
-        ...attrs, ...unref(getProps),
+        ...attrs,
+        ...unref(getProps),
       }
 
       // 绑定组件Porps前，移除自定义附加项
@@ -214,7 +219,7 @@ export default defineComponent({
       (value = []) => {
         fileList.value = isArray(value) ? value : []
       },
-      { immediate: true },
+      { immediate: true }
     )
 
     return {
@@ -242,7 +247,7 @@ $prefix-cls: '#{$tonyname}-basic-upload';
 
 .#{$prefix-cls} {
   &-entry-thumb {
-    &__img ,
+    &__img,
     &__btn {
       position: relative;
       display: flex;
@@ -285,7 +290,7 @@ $prefix-cls: '#{$tonyname}-basic-upload';
         transition: all 0.15s;
       }
 
-      &--upload ,
+      &--upload,
       &--preview {
         display: flex;
         justify-content: center;
@@ -301,7 +306,7 @@ $prefix-cls: '#{$tonyname}-basic-upload';
           opacity: 0.9;
         }
 
-        >span {
+        > span {
           margin-right: 8px;
         }
       }
@@ -335,5 +340,4 @@ $prefix-cls: '#{$tonyname}-basic-upload';
     }
   }
 }
-
 </style>
diff --git a/src/components/BasicUpload/src/components/FileList.vue b/src/components/BasicUpload/src/components/FileList.vue
index 56e32eae..0711fbc3 100644
--- a/src/components/BasicUpload/src/components/FileList.vue
+++ b/src/components/BasicUpload/src/components/FileList.vue
@@ -84,9 +84,7 @@ export default defineComponent({
                     const render = typeof customRender === 'function'
                     return (
                       <td class={align} key={prop}>
-                        {render
-                          ? customRender?.({ text: record[prop], record })
-                          : record[prop]}
+                        {render ? customRender?.({ text: record[prop], record }) : record[prop]}
                       </td>
                     )
                   })}
diff --git a/src/components/BasicUpload/src/components/PreviewModal.vue b/src/components/BasicUpload/src/components/PreviewModal.vue
index f24d8755..f02cdd6d 100644
--- a/src/components/BasicUpload/src/components/PreviewModal.vue
+++ b/src/components/BasicUpload/src/components/PreviewModal.vue
@@ -36,7 +36,7 @@ export default defineComponent({
   setup(_, { emit }) {
     const fileListRef = ref<PreviewFileItem[]>([])
 
-    const [register, { closeModal }] = useModalInner((data:string[]) => {
+    const [register, { closeModal }] = useModalInner((data: string[]) => {
       // 接收 BasicUpload 页面传递过来的 data
       // Receive the data passed from the BasicUpload page
       fileListRef.value = data
diff --git a/src/components/BasicUpload/src/components/UploadModal.vue b/src/components/BasicUpload/src/components/UploadModal.vue
index 36fdfdb3..8029b34b 100644
--- a/src/components/BasicUpload/src/components/UploadModal.vue
+++ b/src/components/BasicUpload/src/components/UploadModal.vue
@@ -10,7 +10,6 @@
     :closeFn="handleCloseFn"
     :confirm-options="getConfirmProps"
     :cancel-options="getCancelProps">
-
     <template #centerFooter>
       <el-button
         @click="handleStartUpload"
@@ -20,7 +19,7 @@
         {{ getUploadBtnText }}
       </el-button>
     </template>
-    <div style="display: flex;align-items: center;margin-bottom: 8px;">
+    <div style="display: flex; align-items: center; margin-bottom: 8px">
       <ElAlert
         :title="getHelpText"
         type="info"
@@ -33,9 +32,11 @@
         :disabled="getUploadState"
         :show-file-list="false"
         :before-upload="beforeUpload"
-        style="margin-left: 8px;"><ElButton
+        style="margin-left: 8px">
+        <ElButton
           type="primary"
-          :disabled="getUploadState">选择文件</ElButton></ElUpload>
+          :disabled="getUploadState">选择文件</ElButton>
+      </ElUpload>
     </div>
 
     <FileList
@@ -75,7 +76,7 @@ export default defineComponent({
     const previewFileList = ref<string[]>([])
     const { accept, helpText, maxNumber, maxSize } = toRefs(props)
 
-    const [register, { closeModal }] = useModalInner((data:string[]) => {
+    const [register, { closeModal }] = useModalInner((data: string[]) => {
       // 接收 BasicUpload 页面传递过来的 data
       // Receive the data passed from the BasicUpload page
       previewFileList.value = data || []
@@ -97,8 +98,7 @@ export default defineComponent({
      */
     const getIsSelectFile = computed(() => {
       return (
-        fileListRef.value.length > 0 &&
-          !fileListRef.value.every((item) => item.status === UploadResultStatus.SUCCESS)
+        fileListRef.value.length > 0 && !fileListRef.value.every((item) => item.status === UploadResultStatus.SUCCESS)
       )
     })
     /**
@@ -106,10 +106,8 @@ export default defineComponent({
      *
      * Get confirm button configuration
      */
-    const getConfirmProps = computed(():EleButton => {
-      const someSuccess = fileListRef.value.some(
-        (item) => item.status === UploadResultStatus.SUCCESS,
-      )
+    const getConfirmProps = computed((): EleButton => {
+      const someSuccess = fileListRef.value.some((item) => item.status === UploadResultStatus.SUCCESS)
       return {
         text: '保存',
         type: 'primary',
@@ -121,7 +119,7 @@ export default defineComponent({
      *
      * Get cancel button configuration
      */
-    const getCancelProps = computed(():EleButton => {
+    const getCancelProps = computed((): EleButton => {
       return {
         text: '关闭',
         disabled: isUploadingRef.value,
@@ -132,8 +130,8 @@ export default defineComponent({
      *
      * Get whether the upload is in progress or the number of uploads exceeds the limit
      */
-    const getUploadState = computed(():boolean => {
-      return isUploadingRef.value || (fileListRef.value.length + previewFileList.value.length) >= maxNumber.value
+    const getUploadState = computed((): boolean => {
+      return isUploadingRef.value || fileListRef.value.length + previewFileList.value.length >= maxNumber.value
     })
     /**
      * 获取上传按钮文字状态变化
@@ -141,10 +139,8 @@ export default defineComponent({
      * Get upload button text state change
      */
     const getUploadBtnText = computed(() => {
-      const someError = fileListRef.value.some(
-        (item) => item.status === UploadResultStatus.ERROR,
-      )
-      return isUploadingRef.value ? '上传中' : (someError ? '重新上传失败文件' : '开始上传')
+      const someError = fileListRef.value.some((item) => item.status === UploadResultStatus.ERROR)
+      return isUploadingRef.value ? '上传中' : someError ? '重新上传失败文件' : '开始上传'
     })
     /**
      * 检查文件数量
@@ -152,7 +148,7 @@ export default defineComponent({
      * Check the number of files
      */
     function checkFileLimit() {
-      if ((fileListRef.value.length + previewFileList.value.length) > maxNumber.value) {
+      if (fileListRef.value.length + previewFileList.value.length > maxNumber.value) {
         createMessage.warning(`最多只能上传${maxNumber.value}个文件`)
         return false
       }
@@ -283,12 +279,11 @@ export default defineComponent({
 
       try {
         isUploadingRef.value = true
-        const uploadFileList =
-            fileListRef.value.filter((item) => item.status !== UploadResultStatus.SUCCESS) || []
+        const uploadFileList = fileListRef.value.filter((item) => item.status !== UploadResultStatus.SUCCESS) || []
         const data = await Promise.all(
           uploadFileList.map((item) => {
             return uploadApiByItem(item)
-          }),
+          })
         )
         isUploadingRef.value = false
         // 筛选未上传成功文件
diff --git a/src/components/BasicUpload/src/data.tsx b/src/components/BasicUpload/src/data.tsx
index 3cfa696c..8877c4a4 100644
--- a/src/components/BasicUpload/src/data.tsx
+++ b/src/components/BasicUpload/src/data.tsx
@@ -86,7 +86,11 @@ export function createActionColumn(handleRemove: Fn): FileBasicColumn {
     prop: 'action',
     fixed: false,
     customRender: ({ record }) => {
-      return <ElButton type='danger' onClick={handleRemove.bind(null, record)}>{() => '删除'}</ElButton>
+      return (
+        <ElButton type='danger' onClick={handleRemove.bind(null, record)}>
+          {() => '删除'}
+        </ElButton>
+      )
     },
   }
 }
@@ -133,7 +137,16 @@ export function createPreviewActionColumn({
     prop: 'action',
     fixed: false,
     customRender: ({ record }) => {
-      return <ElButtonGroup><ElButton type='danger' onClick={handleRemove.bind(null, record)}>{() => '删除'}</ElButton><ElButton type='success' onClick={handleDownload.bind(null, record)}>{() => '下载'}</ElButton></ElButtonGroup>
+      return (
+        <ElButtonGroup>
+          <ElButton type='danger' onClick={handleRemove.bind(null, record)}>
+            {() => '删除'}
+          </ElButton>
+          <ElButton type='success' onClick={handleDownload.bind(null, record)}>
+            {() => '下载'}
+          </ElButton>
+        </ElButtonGroup>
+      )
     },
   }
 }
diff --git a/src/components/Button/src/Button.vue b/src/components/Button/src/Button.vue
index 91dabc72..c09fdb46 100644
--- a/src/components/Button/src/Button.vue
+++ b/src/components/Button/src/Button.vue
@@ -79,7 +79,6 @@ $prefix-cls: '#{$tonyname}-basic-button';
     > .eleicon {
       &:first-child {
         margin-right: 4px;
-
       }
 
       &:last-child {
diff --git a/src/components/Button/src/props.ts b/src/components/Button/src/props.ts
index 1382ba80..00f0c4a7 100644
--- a/src/components/Button/src/props.ts
+++ b/src/components/Button/src/props.ts
@@ -8,31 +8,31 @@ export const customProps = {
    */
   shadow: { type: Boolean },
   /**
-    * 文本前图标
-    *
-    * Text before icon
-    */
+   * 文本前图标
+   *
+   * Text before icon
+   */
   preIcon: { type: String },
   /**
-    * 文本后图标
-    *
-    * Text after icon
-    */
+   * 文本后图标
+   *
+   * Text after icon
+   */
   sufIcon: { type: String },
   /**
-    * 图标大小
-    *
-    * Icon size
-    */
+   * 图标大小
+   *
+   * Icon size
+   */
   iconSize: {
     type: Number,
     default: 14,
   },
   /**
-    * 点击事件
-    *
-    * Click event
-    */
+   * 点击事件
+   *
+   * Click event
+   */
   onClick: {
     type: Function as PropType<(...args) => any>,
     default: null,
diff --git a/src/components/CardGrid/src/CardGrid.vue b/src/components/CardGrid/src/CardGrid.vue
index 8b6e30d5..7eff66c5 100644
--- a/src/components/CardGrid/src/CardGrid.vue
+++ b/src/components/CardGrid/src/CardGrid.vue
@@ -1,7 +1,7 @@
 <template>
   <ElCard
     shadow="never"
-    :class="[prefixCls,{'is-center': center}]">
+    :class="[prefixCls, { 'is-center': center }]">
     <template #header>
       <div>{{ title || '' }}</div>
       <slot name="extra"></slot>
@@ -70,11 +70,12 @@ $prefix-cls: '#{$tonyname}-card-grid';
     cursor: pointer;
     border: 0;
     border-radius: 0;
-    box-shadow: 1px 0 var(--border-color-light), 0 1px var(--border-color-light), 1px 1px var(--border-color-light), 1px 0 var(--border-color-light) inset, 0 1px var(--border-color-light) inset;
+    box-shadow: 1px 0 var(--border-color-light), 0 1px var(--border-color-light), 1px 1px var(--border-color-light),
+      1px 0 var(--border-color-light) inset, 0 1px var(--border-color-light) inset;
     transition: all 0.3s;
 
     &:hover {
-      box-shadow: 0 1px 2px -2px rgba(0, 0, 0,0.12),0 4px 8px rgba(0, 0, 0, 0.09),0 6px 18px 4px rgba(0, 0, 0, 0.06);
+      box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.09), 0 6px 18px 4px rgba(0, 0, 0, 0.06);
     }
   }
 
diff --git a/src/components/CollapseContainer/src/CollapseContainer.vue b/src/components/CollapseContainer/src/CollapseContainer.vue
index 99c1b508..8f1123ee 100644
--- a/src/components/CollapseContainer/src/CollapseContainer.vue
+++ b/src/components/CollapseContainer/src/CollapseContainer.vue
@@ -76,7 +76,6 @@ export default defineComponent({
     }
   },
 })
-
 </script>
 
 <style lang="scss">
diff --git a/src/components/ContextMenu/src/ContextMenu.vue b/src/components/ContextMenu/src/ContextMenu.vue
index 7129eec9..4169fbd8 100644
--- a/src/components/ContextMenu/src/ContextMenu.vue
+++ b/src/components/ContextMenu/src/ContextMenu.vue
@@ -31,9 +31,7 @@ const props = {
 const ItemContent: FunctionalComponent<ItemContentProps> = (props) => {
   const { item } = props
   return (
-    <div
-      class={`${prefixCls}__text`}
-      onClick={props.handler.bind(null, item)} >
+    <div class={`${prefixCls}__text`} onClick={props.handler.bind(null, item)}>
       {props.showIcon && item.icon && <Icon class='mr-2' name={item.icon} />}
       <span>{item.label}</span>
     </div>
@@ -167,8 +165,7 @@ export default defineComponent({
 $default-height: 44px;
 
 .context-menu {
-
-  @include item-style ();
+  @include item-style();
 
   position: fixed;
   top: 0;
@@ -181,8 +178,7 @@ $default-height: 44px;
   background-color: var(--background-primary-color);
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-radius: 0.25rem;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1),
-    0 1px 5px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
   background-clip: padding-box;
   user-select: none;
 
@@ -199,7 +195,7 @@ $default-height: 44px;
   }
 
   &__popup {
-    @include item-style ();
+    @include item-style();
 
     > ul {
       padding: 0;
diff --git a/src/components/CountTo/src/props.ts b/src/components/CountTo/src/props.ts
index de191b0d..0d2cff09 100644
--- a/src/components/CountTo/src/props.ts
+++ b/src/components/CountTo/src/props.ts
@@ -1,4 +1,3 @@
-
 export const basicProps = {
   /**
    * 开始数值
diff --git a/src/components/CountdownInput/src/CountdownInput.vue b/src/components/CountdownInput/src/CountdownInput.vue
index 33b4584e..a9f24130 100644
--- a/src/components/CountdownInput/src/CountdownInput.vue
+++ b/src/components/CountdownInput/src/CountdownInput.vue
@@ -68,9 +68,7 @@ export default defineComponent({
      * Monitor the countdown text change
      */
     const getButtonText = computed(() => {
-      return !unref(isStart)
-        ? '获取验证码'
-        : `${unref(currentCount)}秒后重新获取`
+      return !unref(isStart) ? '获取验证码' : `${unref(currentCount)}秒后重新获取`
     })
 
     /**
diff --git a/src/components/DragVerify/src/DragVerify.vue b/src/components/DragVerify/src/DragVerify.vue
index e0b24de3..50cf2060 100644
--- a/src/components/DragVerify/src/DragVerify.vue
+++ b/src/components/DragVerify/src/DragVerify.vue
@@ -327,7 +327,9 @@ export default defineComponent({
             onTouchstart={handleDragStart}
             style={unref(getActionStyleRef)}
             ref={actionElRef} >
-            {getSlot(slots, 'actionIcon', isPassing) || (<SvgIcon class={`${prefixCls}-action__icon`} name={`${isPassing ? 'select' : 'arrow-double-right'}`} />)}
+            {getSlot(slots, 'actionIcon', isPassing) || (
+              <SvgIcon class={`${prefixCls}-action__icon`} name={`${isPassing ? 'select' : 'arrow-double-right'}`} />
+            )}
           </div>
         )
       }
diff --git a/src/components/DragVerify/src/ImgRotate.vue b/src/components/DragVerify/src/ImgRotate.vue
index 32fddf30..055f93a2 100644
--- a/src/components/DragVerify/src/ImgRotate.vue
+++ b/src/components/DragVerify/src/ImgRotate.vue
@@ -76,11 +76,9 @@ export default defineComponent({
       const { imgSize, height, maxDegree } = props
       const { moveX } = data
 
-      const currentRotate = Math.ceil(
-        (moveX / (imgSize! - height)) * maxDegree! * unref(getFactorRef)
-      )
+      const currentRotate = Math.ceil((moveX / (imgSize! - height)) * maxDegree! * unref(getFactorRef))
       state.currentRotate = currentRotate
-      state.imgStyle = { 'transform': `rotateZ(${state.randomRotate - currentRotate}deg)` }
+      state.imgStyle = { transform: `rotateZ(${state.randomRotate - currentRotate}deg)` }
     }
 
     /**
@@ -93,7 +91,7 @@ export default defineComponent({
       // Generate random angles
       const ranRotate = Math.floor(minDegree! + Math.random() * (maxDegree! - minDegree!))
       state.randomRotate = ranRotate
-      state.imgStyle = { 'transform': `rotateZ(${ranRotate}deg)` }
+      state.imgStyle = { transform: `rotateZ(${ranRotate}deg)` }
     }
 
     /**
@@ -108,7 +106,7 @@ export default defineComponent({
       // 拖动失败，恢复原位
       // Failed to drag, return to original position
       if (Math.abs(randomRotate - currentRotate) >= (diffDegree || 20)) {
-        state.imgStyle = { 'transform': `rotateZ(${randomRotate}deg)` }
+        state.imgStyle = { transform: `rotateZ(${randomRotate}deg)` }
         state.toOrigin = true
         useTimeoutFn(() => {
           state.toOrigin = false
@@ -186,9 +184,7 @@ export default defineComponent({
               alt='verify' />
             {state.showTip && (
               <span class={[`${prefixCls}-img__tip`, state.isPassing ? 'success' : 'error']}>
-                {state.isPassing
-                  ? `验证校验成功,耗时${time.toFixed(1)}秒！`
-                  : '验证失败！'}
+                {state.isPassing ? `验证校验成功,耗时${time.toFixed(1)}秒！` : '验证失败！'}
               </span>
             )}
             {!state.showTip && !state.draged && (
diff --git a/src/components/ElementPlus/index.ts b/src/components/ElementPlus/index.ts
index 02618b4a..4df4f72c 100644
--- a/src/components/ElementPlus/index.ts
+++ b/src/components/ElementPlus/index.ts
@@ -114,7 +114,7 @@ export const EleDescriptionsProps = {
   },
   size: {
     type: String as PropType<ComponentSize>,
-    validator: (v:string) => componentSizes.includes(v),
+    validator: (v: string) => componentSizes.includes(v),
   },
   title: {
     type: String,
@@ -243,7 +243,7 @@ export const EleFormItemProps = {
   },
   size: {
     type: String as PropType<ComponentSize>,
-    validator: (v:string) => componentSizes.includes(v),
+    validator: (v: string) => componentSizes.includes(v),
   },
 }
 
diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index 5431910d..3165fac9 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -1,7 +1,7 @@
 <template>
   <span
     ref="elRef"
-    :class="[`${prefixCls} eleicon`, spin&&`${prefixCls}-spin`]"
+    :class="[`${prefixCls} eleicon`, spin && `${prefixCls}-spin`]"
     :style="getWrapStyle"></span>
 </template>
 
@@ -13,7 +13,7 @@ import { useDesign } from '@/hooks/web/useDesign'
 
 export default defineComponent({
   name: 'Icon',
-  components: { },
+  components: {},
   props: {
     /**
      * 图标名称，名称来源请参考 TA 文档说明，如 ep:view
diff --git a/src/components/IconPicker/src/IconPicker.vue b/src/components/IconPicker/src/IconPicker.vue
index 2f843664..44778f45 100644
--- a/src/components/IconPicker/src/IconPicker.vue
+++ b/src/components/IconPicker/src/IconPicker.vue
@@ -24,7 +24,7 @@
               <li
                 v-for="icon in currentList"
                 :key="icon"
-                :class="{'is-actived': currentSelect === icon}"
+                :class="{ 'is-actived': currentSelect === icon }"
                 @click="handleClick(icon)"
                 :title="icon">
                 <SvgIcon
@@ -53,7 +53,6 @@
             :class="`${prefixCls}__search`"
             v-else><Icon :name="currentSelect || 'ion:apps-outline'" /></span>
         </template>
-
       </ElPopover>
     </template>
   </ElInput>
@@ -203,14 +202,13 @@ export default defineComponent({
     }
   },
 })
-
 </script>
 
 <style lang="scss">
 $prefix-cls: '#{$tonyname}-icon-picker';
 
 .#{$prefix-cls} {
-  &__list{
+  &__list {
     display: block;
     margin: 24px 0;
 
@@ -261,7 +259,7 @@ $prefix-cls: '#{$tonyname}-icon-picker';
 
 html[data-theme='dark'] {
   .#{$prefix-cls} {
-    &__list{
+    &__list {
       .eleicon {
         border-color: var(--border-color-light);
 
diff --git a/src/components/IconPicker/src/data/index.ts b/src/components/IconPicker/src/data/index.ts
index 86092daa..99554bcb 100644
--- a/src/components/IconPicker/src/data/index.ts
+++ b/src/components/IconPicker/src/data/index.ts
@@ -1,4 +1,3 @@
-
 /**
  * 关于图标数据说明
  *
diff --git a/src/components/LazyContainer/src/LazyContainer.vue b/src/components/LazyContainer/src/LazyContainer.vue
index 73d3034e..01d504f8 100644
--- a/src/components/LazyContainer/src/LazyContainer.vue
+++ b/src/components/LazyContainer/src/LazyContainer.vue
@@ -63,7 +63,7 @@ export default defineComponent({
     direction: {
       type: String as PropType<'vertical' | 'horizontal'>,
       default: 'vertical',
-      validator: (v:string) => ['vertical', 'horizontal'].includes(v),
+      validator: (v: string) => ['vertical', 'horizontal'].includes(v),
     },
     /**
      * 包裹组件的外层容器的标签名称
diff --git a/src/components/List/src/index.vue b/src/components/List/src/index.vue
index 532b152f..c3065262 100644
--- a/src/components/List/src/index.vue
+++ b/src/components/List/src/index.vue
@@ -10,7 +10,7 @@ import { useDesign } from '@/hooks/web/useDesign'
 
 export default defineComponent({
   name: 'List',
-  components: { },
+  components: {},
   setup() {
     const { prefixCls } = useDesign('basic-list')
 
diff --git a/src/components/List/src/item.vue b/src/components/List/src/item.vue
index 30efb66d..85b456d9 100644
--- a/src/components/List/src/item.vue
+++ b/src/components/List/src/item.vue
@@ -28,22 +28,22 @@ export default defineComponent({
   components: { ListMeta },
   props: {
     /**
-   * Thumbnail address
-   */
+     * Thumbnail address
+     */
     thumb: {
       type: String,
       default: '',
     },
     /**
-   * List title
-   */
+     * List title
+     */
     title: {
       type: String,
       default: '',
     },
     /**
-   * List description
-   */
+     * List description
+     */
     description: {
       type: String,
       default: '',
diff --git a/src/components/List/src/meta.vue b/src/components/List/src/meta.vue
index 9408b304..79f05f3f 100644
--- a/src/components/List/src/meta.vue
+++ b/src/components/List/src/meta.vue
@@ -1,31 +1,31 @@
 <template>
   <div :class="prefixCls">
     <div
-      :class="prefixCls+'-thumb'"
+      :class="prefixCls + '-thumb'"
       v-if="$slots.thumb">
       <slot name="thumb"></slot>
     </div>
     <div
-      :class="prefixCls+'-thumb'"
+      :class="prefixCls + '-thumb'"
       v-else-if="thumb">
       <img
         :src="thumb"
         :alt="title || 'pic'" />
     </div>
     <div
-      :class="prefixCls+'-content'"
+      :class="prefixCls + '-content'"
       v-if="$slots.title || $slots.description">
       <h4
-        :class="prefixCls+'-title'"
+        :class="prefixCls + '-title'"
         v-if="$slots.title"><slot name="title"></slot></h4>
       <h4
-        :class="prefixCls+'-title'"
+        :class="prefixCls + '-title'"
         v-else-if="title">{{ title }}</h4>
       <div
-        :class="prefixCls+'-description'"
+        :class="prefixCls + '-description'"
         v-if="$slots.description"><slot name="description"></slot></div>
       <div
-        :class="prefixCls+'-description'"
+        :class="prefixCls + '-description'"
         v-else-if="description">{{ description }}</div>
     </div>
   </div>
diff --git a/src/components/List/src/props.ts b/src/components/List/src/props.ts
index 0afb5948..4d9e6c2d 100644
--- a/src/components/List/src/props.ts
+++ b/src/components/List/src/props.ts
@@ -1,5 +1,4 @@
-export const basicProps = {
-}
+export const basicProps = {}
 
 export const itemProps = {
   /**
diff --git a/src/components/List/src/types.ts b/src/components/List/src/types.ts
index 3d45aafe..5db07bb2 100644
--- a/src/components/List/src/types.ts
+++ b/src/components/List/src/types.ts
@@ -1,2 +1 @@
-
 export type ListTypes = 'card' | 'list'
diff --git a/src/components/Menu/src/components/BasicSubMenuItem.vue b/src/components/Menu/src/components/BasicSubMenuItem.vue
index f084b46a..14a283d2 100644
--- a/src/components/Menu/src/components/BasicSubMenuItem.vue
+++ b/src/components/Menu/src/components/BasicSubMenuItem.vue
@@ -12,7 +12,7 @@
     </template>
 
     <template
-      v-for="childrenItem in (item.children || [])"
+      v-for="childrenItem in item.children || []"
       :key="childrenItem.path">
       <BasicSubMenuItem :item="childrenItem" />
     </template>
diff --git a/src/components/PageWrapper/src/PageWrapper.vue b/src/components/PageWrapper/src/PageWrapper.vue
index 5664e1db..6e7b269e 100644
--- a/src/components/PageWrapper/src/PageWrapper.vue
+++ b/src/components/PageWrapper/src/PageWrapper.vue
@@ -109,7 +109,7 @@ export default defineComponent({
     // According to the provided content, automatically determine whether the height is full
     provide(
       PageWrapperFixedHeightKey,
-      computed(() => props.contentFullHeight),
+      computed(() => props.contentFullHeight)
     )
 
     const getClass = computed(() => {
@@ -248,6 +248,5 @@ $prefix-cls: '#{$tonyname}-page-wrapper';
       z-index: 11;
     }
   }
-
 }
 </style>
diff --git a/src/components/ScrollContainer/src/ScrollContainer.vue b/src/components/ScrollContainer/src/ScrollContainer.vue
index c21cd646..46cc19d6 100644
--- a/src/components/ScrollContainer/src/ScrollContainer.vue
+++ b/src/components/ScrollContainer/src/ScrollContainer.vue
@@ -79,7 +79,7 @@ export default defineComponent({
       })
     }
 
-    const scrollAction:ScrollActionType = {
+    const scrollAction: ScrollActionType = {
       wrap: null,
       scrollTo,
       scrollBottom,
diff --git a/src/components/ScrollContainer/src/typing.ts b/src/components/ScrollContainer/src/typing.ts
index c3ee735a..1f20ef98 100644
--- a/src/components/ScrollContainer/src/typing.ts
+++ b/src/components/ScrollContainer/src/typing.ts
@@ -3,5 +3,5 @@ import type { ScrollbarType } from '@/components/Scrollbar'
 export interface ScrollActionType extends ScrollbarType {
   scrollBottom: () => void
   getScrollWrap: () => ElRef
-  scrollTo: (top: number, duration?:number) => void
+  scrollTo: (top: number, duration?: number) => void
 }
diff --git a/src/components/Scrollbar/src/bar.ts b/src/components/Scrollbar/src/bar.ts
index 7b29c73a..1cea6422 100644
--- a/src/components/Scrollbar/src/bar.ts
+++ b/src/components/Scrollbar/src/bar.ts
@@ -1,13 +1,4 @@
-import {
-  defineComponent,
-  h,
-  computed,
-  ref,
-  getCurrentInstance,
-  onUnmounted,
-  inject,
-  Ref
-} from 'vue'
+import { defineComponent, h, computed, ref, getCurrentInstance, onUnmounted, inject, Ref } from 'vue'
 
 import { renderThumbStyle, BAR_MAP } from './util'
 
@@ -42,15 +33,11 @@ export default defineComponent({
     }
 
     const clickTrackHandler = (e: any) => {
-      const offset = Math.abs(
-        e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]
-      )
+      const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client])
       const thumbHalf = thumb.value[bar.value.offset] / 2
-      const thumbPositionPercentage =
-        ((offset - thumbHalf) * 100) / instance?.vnode.el?.[bar.value.offset]
+      const thumbPositionPercentage = ((offset - thumbHalf) * 100) / instance?.vnode.el?.[bar.value.offset]
 
-      wrap.value[bar.value.scroll] =
-        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
+      wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
     }
     const startDrag = (e: any) => {
       e.stopImmediatePropagation()
@@ -66,14 +53,10 @@ export default defineComponent({
 
       if (!prevPage) return
 
-      const offset =
-        (instance?.vnode.el?.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) *
-        -1
+      const offset = (instance?.vnode.el?.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1
       const thumbClickPosition = thumb.value[bar.value.offset] - prevPage
-      const thumbPositionPercentage =
-        ((offset - thumbClickPosition) * 100) / instance?.vnode.el?.[bar.value.offset]
-      wrap.value[bar.value.scroll] =
-        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
+      const thumbPositionPercentage = ((offset - thumbClickPosition) * 100) / instance?.vnode.el?.[bar.value.offset]
+      wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
     }
 
     function mouseUpDocumentHandler() {
diff --git a/src/components/SimpleMenu/src/SimpleMenuTag.vue b/src/components/SimpleMenu/src/SimpleMenuTag.vue
index 76dab5a6..02ea09be 100644
--- a/src/components/SimpleMenu/src/SimpleMenuTag.vue
+++ b/src/components/SimpleMenu/src/SimpleMenuTag.vue
@@ -42,7 +42,7 @@ export default defineComponent({
       const { item, collapseParent } = props
       const { tag } = item
       const { dot, content } = tag!
-      return (dot || collapseParent) ? '' : content
+      return dot || collapseParent ? '' : content
     })
 
     const getTagClass = computed(() => {
diff --git a/src/components/SimpleMenu/src/components/SubMenuItem.vue b/src/components/SimpleMenu/src/components/SubMenuItem.vue
index d309277d..2319b566 100644
--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -47,8 +47,7 @@
             v-if="getParentSubMenu"
             name="eva:arrow-ios-downward-outline"
             :size="14"
-            :class="`${prefixCls}-title-icon`"
-          />
+            :class="`${prefixCls}-title-icon`" />
         </div>
       </template>
       <div v-bind="getEvents(true)">
diff --git a/src/components/StrengthMeter/src/StrengthMeter.vue b/src/components/StrengthMeter/src/StrengthMeter.vue
index 8037beba..7f0c5fab 100644
--- a/src/components/StrengthMeter/src/StrengthMeter.vue
+++ b/src/components/StrengthMeter/src/StrengthMeter.vue
@@ -29,11 +29,11 @@ export default defineComponent({
   components: { ElInput },
   inheritAttrs: false,
   props: {
-  /**
-   * 绑定的值(密码)
-   *
-   * Bind value
-   */
+    /**
+     * 绑定的值(密码)
+     *
+     * Bind value
+     */
     modelValue: String,
     /**
      * 是否显示输入框
diff --git a/src/components/SvgIcon/src/SvgIcon.vue b/src/components/SvgIcon/src/SvgIcon.vue
index 835e5334..148e703f 100644
--- a/src/components/SvgIcon/src/SvgIcon.vue
+++ b/src/components/SvgIcon/src/SvgIcon.vue
@@ -1,6 +1,6 @@
 <template>
   <span
-    :class="[`${prefixCls}`, spin&&`${prefixCls}-spin`]"
+    :class="[`${prefixCls}`, spin && `${prefixCls}-spin`]"
     :style="getStyle">
     <svg
       aria-hidden="true"
@@ -133,10 +133,8 @@ $prefix-cls: '#{$tonyname}-svg-icon';
   }
 
   &-spin {
-
     svg {
       animation: svgLoadingCircle 1s infinite linear;
-
     }
   }
 }
diff --git a/src/components/Time/src/Time.vue b/src/components/Time/src/Time.vue
index 0537710c..8183865c 100644
--- a/src/components/Time/src/Time.vue
+++ b/src/components/Time/src/Time.vue
@@ -94,7 +94,7 @@ export default defineComponent({
         // 格式化 Y-M-D h:i:s
         if (mode === 'datetime') {
           date.value = formatToDateTime(value)
-        // 格式化 Y-M-D
+          // 格式化 Y-M-D
         } else if (mode === 'date') {
           date.value = formatToDate(value)
         }
diff --git a/src/components/Transition/src/Transition.tsx b/src/components/Transition/src/Transition.tsx
index 10b5903f..c9340855 100644
--- a/src/components/Transition/src/Transition.tsx
+++ b/src/components/Transition/src/Transition.tsx
@@ -1,7 +1,7 @@
 /**
  * Description: 更多使用方法请看： https://vuejs.org/guide/built-ins/transition.html#the-transition-component
  * Description: For more details see: https://vuejs.org/guide/built-ins/transition.html#the-transition-component
-*/
+ */
 
 import { defineComponent, Transition, TransitionGroup } from 'vue'
 
@@ -134,7 +134,7 @@ export function createExpandFn(x = false) {
   }
 
   return {
-    beforeEnter(el:HTMLElement) {
+    beforeEnter(el: HTMLElement) {
       // if (!el.dataset) el.dataset = {}
       el.dataset[d] = el.style[b]
       el.dataset[e] = el.style[c]
@@ -144,7 +144,7 @@ export function createExpandFn(x = false) {
       el.style[c] = '0'
     },
 
-    enter(el:HTMLElement) {
+    enter(el: HTMLElement) {
       el.dataset[g] = el.style[f]
       // if (el[h] !== 0) {
       //   el.style[a] = el[h] + 'px'
@@ -159,12 +159,12 @@ export function createExpandFn(x = false) {
       el.style[f] = 'hidden'
     },
 
-    afterEnter(el:HTMLElement) {
+    afterEnter(el: HTMLElement) {
       el.style[a] = ''
       el.style[f] = el.dataset[g] as string
     },
 
-    beforeLeave(el:HTMLElement) {
+    beforeLeave(el: HTMLElement) {
       // if (!el.dataset) el.dataset = {}
       el.dataset[d] = el.style[b]
       el.dataset[e] = el.style[c]
@@ -174,7 +174,7 @@ export function createExpandFn(x = false) {
       el.style[f] = 'hidden'
     },
 
-    leave(el:HTMLElement) {
+    leave(el: HTMLElement) {
       if (el[h] !== 0) {
         el.style[a] = '0'
         el.style[b] = '0'
@@ -182,7 +182,7 @@ export function createExpandFn(x = false) {
       }
     },
 
-    afterLeave(el:HTMLElement) {
+    afterLeave(el: HTMLElement) {
       el.style[a] = ''
       el.style[f] = el.dataset[g] as string
       el.style[b] = el.dataset[d] as string
diff --git a/src/components/VirtualScroll/src/VirtualScroll.vue b/src/components/VirtualScroll/src/VirtualScroll.vue
index 18437c92..8e2776a8 100644
--- a/src/components/VirtualScroll/src/VirtualScroll.vue
+++ b/src/components/VirtualScroll/src/VirtualScroll.vue
@@ -1,20 +1,10 @@
 <script lang="tsx">
 import type { Slot, CSSProperties } from 'vue'
 
-import {
-  defineComponent,
-  computed,
-  ref,
-  unref,
-  reactive,
-  onMounted,
-  watch,
-  nextTick,
-  onBeforeUnmount
-} from 'vue'
+import { defineComponent, computed, ref, unref, reactive, onMounted, watch, nextTick, onBeforeUnmount } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
 
-type NOS = PropType<string | number | undefined>;
+type NOS = PropType<string | number | undefined>
 
 export default defineComponent({
   name: 'VirtualScroll',
diff --git a/src/directives/clickOutside.ts b/src/directives/clickOutside.ts
index 09d0e519..2d564aa4 100644
--- a/src/directives/clickOutside.ts
+++ b/src/directives/clickOutside.ts
@@ -14,11 +14,15 @@ let startClick: MouseEvent
 
 if (typeof window !== 'undefined') {
   document.addEventListener('mousedown', (e: MouseEvent) => (startClick = e), false)
-  document.addEventListener('mouseup', (e: MouseEvent) => {
-    for (const { documentHandler } of nodeList.values()) {
-      documentHandler(e, startClick)
-    }
-  }, false)
+  document.addEventListener(
+    'mouseup',
+    (e: MouseEvent) => {
+      for (const { documentHandler } of nodeList.values()) {
+        documentHandler(e, startClick)
+      }
+    },
+    false
+  )
 }
 
 /**
diff --git a/src/directives/clickRepeat.ts b/src/directives/clickRepeat.ts
index ecf9da38..7ce2c3f9 100644
--- a/src/directives/clickRepeat.ts
+++ b/src/directives/clickRepeat.ts
@@ -20,13 +20,17 @@ const repeatDirective: Directive = {
       interval = null
     }
 
-    el.addEventListener('mousedown', (e: MouseEvent): void => {
-      if ((e as any).button !== 0) return
-      startTime = Date.now()
-      document.addEventListener('mouseup', clear)
-      interval && clearInterval(interval)
-      interval = setInterval(handler, 100)
-    }, false)
+    el.addEventListener(
+      'mousedown',
+      (e: MouseEvent): void => {
+        if ((e as any).button !== 0) return
+        startTime = Date.now()
+        document.addEventListener('mouseup', clear)
+        interval && clearInterval(interval)
+        interval = setInterval(handler, 100)
+      },
+      false
+    )
   },
 }
 
diff --git a/src/enums/breakpointEnum.ts b/src/enums/breakpointEnum.ts
index 89c0ce64..29c560dc 100644
--- a/src/enums/breakpointEnum.ts
+++ b/src/enums/breakpointEnum.ts
@@ -9,7 +9,7 @@ export enum sizeEnum {
   MD = 'MD',
   LG = 'LG',
   XL = 'XL',
-  XXL = 'XXL',
+  XXL = 'XXL'
 }
 
 /**
@@ -23,7 +23,7 @@ export enum screenEnum {
   MD = 768,
   LG = 992,
   XL = 1200,
-  XXL = 1600,
+  XXL = 1600
 }
 
 /**
diff --git a/src/hooks/core/useContext.ts b/src/hooks/core/useContext.ts
index 68a40b4e..456e480e 100644
--- a/src/hooks/core/useContext.ts
+++ b/src/hooks/core/useContext.ts
@@ -18,11 +18,7 @@ type ShallowUnwrap<T> = {
   [P in keyof T]: UnwrapRef<T[P]>
 }
 
-export function createContext<T>(
-  context: any,
-  key: InjectionKey<T> = Symbol(),
-  options: CreateContextOptions = {}
-) {
+export function createContext<T>(context: any, key: InjectionKey<T> = Symbol(), options: CreateContextOptions = {}) {
   const { readonly = true, createProvider = false, native = false } = options
 
   const state = reactive(context)
@@ -37,9 +33,6 @@ export function createContext<T>(
 // export function useContext<T>(key: InjectionKey<T>, native?: boolean): T
 // export function useContext<T>(key: InjectionKey<T>, defaultValue?: any, native?: boolean): T
 
-export function useContext<T>(
-  key: InjectionKey<T> = Symbol(),
-  defaultValue?: any
-): ShallowUnwrap<T> {
+export function useContext<T>(key: InjectionKey<T> = Symbol(), defaultValue?: any): ShallowUnwrap<T> {
   return inject(key, defaultValue || {})
 }
diff --git a/src/hooks/core/useLockFn.ts b/src/hooks/core/useLockFn.ts
index 8e63176f..2b4236fd 100644
--- a/src/hooks/core/useLockFn.ts
+++ b/src/hooks/core/useLockFn.ts
@@ -1,8 +1,6 @@
 import { ref, unref } from 'vue'
 
-export function useLockFn<P extends any[] = any[], V = any>(
-  fn: (...args: P) => Promise<V>
-) {
+export function useLockFn<P extends any[] = any[], V = any>(fn: (...args: P) => Promise<V>) {
   const lockRef = ref(false)
   return async function (...args: P) {
     if (unref(lockRef)) return
diff --git a/src/hooks/setting/useHeaderSetting.ts b/src/hooks/setting/useHeaderSetting.ts
index e32d6655..70720e63 100644
--- a/src/hooks/setting/useHeaderSetting.ts
+++ b/src/hooks/setting/useHeaderSetting.ts
@@ -27,21 +27,11 @@ export function useHeaderSetting() {
 
   const getShowInsetHeaderRef = computed(() => {
     const need = !unref(getFullContent) && unref(getShowHeader)
-    return (
-      (need && !unref(getShowMixHeaderRef)) ||
-      (need && unref(getIsTopMenu)) ||
-      (need && unref(getIsMixSidebar))
-    )
+    return (need && !unref(getShowMixHeaderRef)) || (need && unref(getIsTopMenu)) || (need && unref(getIsMixSidebar))
   })
 
-  const {
-    getMenuMode,
-    getSplit,
-    getShowHeaderTrigger,
-    getIsSidebarType,
-    getIsMixSidebar,
-    getIsTopMenu,
-  } = useMenuSetting()
+  const { getMenuMode, getSplit, getShowHeaderTrigger, getIsSidebarType, getIsMixSidebar, getIsTopMenu } =
+    useMenuSetting()
   const { getShowBreadCrumb, getShowLogo } = useRootSetting()
 
   const getShowMixHeaderRef = computed(() => !unref(getIsSidebarType) && unref(getShowHeader))
@@ -65,9 +55,7 @@ export function useHeaderSetting() {
   const getShowNotice = computed(() => appStore.getHeaderSetting.showNotice)
 
   const getShowBread = computed(() => {
-    return (
-      unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit)
-    )
+    return unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit)
   })
 
   const getShowHeaderLogo = computed(() => {
diff --git a/src/hooks/web/useContentHeight.ts b/src/hooks/web/useContentHeight.ts
index ed8bc0b1..cc082749 100644
--- a/src/hooks/web/useContentHeight.ts
+++ b/src/hooks/web/useContentHeight.ts
@@ -50,10 +50,7 @@ export function useContentHeight(
     })
   }
 
-  function calcSubtractSpace(
-    element: Element | null | undefined,
-    direction: 'all' | 'top' | 'bottom' = 'all'
-  ): number {
+  function calcSubtractSpace(element: Element | null | undefined, direction: 'all' | 'top' | 'bottom' = 'all'): number {
     function numberPx(px: string) {
       return Number(px.replace(/[^\d]/g, ''))
     }
diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts
index 0fe47d31..3a20d318 100644
--- a/src/hooks/web/useECharts.ts
+++ b/src/hooks/web/useECharts.ts
@@ -9,10 +9,7 @@ import { useBreakpoint } from '@/hooks/event/useBreakpoint'
 import echarts from '@/utils/lib/echarts'
 import { useRootSetting } from '@/hooks/setting/useRootSetting'
 
-export function useECharts(
-  elRef: Ref<HTMLDivElement>,
-  theme: 'light' | 'dark' | 'default' = 'default'
-) {
+export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' | 'default' = 'default') {
   const { getDarkMode: getSysDarkMode } = useRootSetting()
 
   const getDarkMode = computed(() => {
diff --git a/src/hooks/web/useMessage.tsx b/src/hooks/web/useMessage.tsx
index 71d05d4e..5ebcdb8e 100644
--- a/src/hooks/web/useMessage.tsx
+++ b/src/hooks/web/useMessage.tsx
@@ -124,7 +124,10 @@ function createConfirm(options: MessageBoxOptions): Promise<EleActionPopconfirmA
  * @param options MessageBoxOptions
  * @param type EleElMessageBox['type']
  */
-function createModalOptions(options: MessageBoxOptions, type: EleElMessageBox['type']): Promise<EleActionPopconfirmAction> {
+function createModalOptions(
+  options: MessageBoxOptions,
+  type: EleElMessageBox['type']
+): Promise<EleActionPopconfirmAction> {
   const { title, content, confirmText, cancelText, customClass } = options
 
   return ElMessageBox.alert(content, title, {
@@ -188,10 +191,7 @@ const createLoading = (title: string, duration = 0) =>
     customClass: 'el-message--loading',
     duration, // If 0, you need to run ElMessage.closeAll() to close
     message: h('div', { style: 'display:flex;align-items:center;' }, [
-      h(
-        SvgIcon,
-        { name: 'loading', spin: true },
-      ),
+      h(SvgIcon, { name: 'loading', spin: true }),
       h('span', { style: 'margin-left: 12px' }, title),
     ]),
   })
diff --git a/src/hooks/web/usePermission.ts b/src/hooks/web/usePermission.ts
index 6c0db21f..a5064a7b 100644
--- a/src/hooks/web/usePermission.ts
+++ b/src/hooks/web/usePermission.ts
@@ -87,9 +87,7 @@ export function usePermission() {
    */
   async function changeRole(roles: RoleEnum | RoleEnum[]): Promise<void> {
     if (projectSetting.permissionMode !== PermissionModeEnum.ROUTE_MAPPING) {
-      throw new Error(
-        'Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!'
-      )
+      throw new Error('Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!')
     }
 
     if (!isArray(roles)) {
diff --git a/src/hooks/web/useWatermark.ts b/src/hooks/web/useWatermark.ts
index ad671e84..4a24da0a 100644
--- a/src/hooks/web/useWatermark.ts
+++ b/src/hooks/web/useWatermark.ts
@@ -5,9 +5,7 @@ import { isDef } from '@/utils/is'
 
 const domSymbol = Symbol('watermark-dom')
 
-export function useWatermark(
-  appendEl: Ref<HTMLElement | null> = ref(document.body) as Ref<HTMLElement>
-) {
+export function useWatermark(appendEl: Ref<HTMLElement | null> = ref(document.body) as Ref<HTMLElement>) {
   const func = useRafThrottle(function () {
     const el = unref(appendEl)
     if (!el) return
diff --git a/src/layouts/default/footer/index.vue b/src/layouts/default/footer/index.vue
index 1c1891d7..45ace59d 100644
--- a/src/layouts/default/footer/index.vue
+++ b/src/layouts/default/footer/index.vue
@@ -29,7 +29,7 @@ import { useLayoutHeight } from '../content/useContentViewHeight'
 
 export default defineComponent({
   name: 'LayoutFooter',
-  components: { },
+  components: {},
   setup() {
     const { getShowFooter } = useRootSetting()
     const { currentRoute } = useRouter()
diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue
index 1568c9d1..9aad657e 100644
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -5,8 +5,7 @@
   <div
     :style="getWrapStyle"
     :class="getClass">
-    <LayoutHeader
-      v-if="getShowInsetHeaderRef" />
+    <LayoutHeader v-if="getShowInsetHeaderRef" />
     <MultipleTabs v-if="getShowTabs" />
   </div>
 </template>
diff --git a/src/layouts/default/header/components/Breadcrumb.vue b/src/layouts/default/header/components/Breadcrumb.vue
index faada380..d531b462 100644
--- a/src/layouts/default/header/components/Breadcrumb.vue
+++ b/src/layouts/default/header/components/Breadcrumb.vue
@@ -48,7 +48,7 @@ import { getAllParentPath } from '@/router/helper/menuHelper'
 export default defineComponent({
   name: 'LayoutBreadcrumb',
   components: { ElBreadcrumb, ElBreadcrumbItem, Icon },
-  props: { },
+  props: {},
   setup() {
     const routes = ref<any[]>([])
     const { currentRoute } = useRouter()
@@ -147,7 +147,7 @@ export default defineComponent({
       return routes.indexOf(route) !== routes.length - 1
     }
 
-    function getIcon(route:RouteLocationMatched) {
+    function getIcon(route: RouteLocationMatched) {
       return route.meta?.icon as string
     }
 
@@ -183,7 +183,8 @@ $prefix-cls: '#{$tonyname}-layout-header-breadcrumb';
       color: inherit;
       vertical-align: top;
 
-      a,span {
+      a,
+      span {
         font-weight: normal;
         color: inherit;
       }
diff --git a/src/layouts/default/header/components/lock/LockModal.vue b/src/layouts/default/header/components/lock/LockModal.vue
index 694abe11..de9db4b9 100644
--- a/src/layouts/default/header/components/lock/LockModal.vue
+++ b/src/layouts/default/header/components/lock/LockModal.vue
@@ -21,9 +21,7 @@
         <ElButton
           type="primary"
           class="mt-2"
-          @click="handleLock">
-          锁定
-        </ElButton>
+          @click="handleLock">锁定</ElButton>
       </div>
     </div>
   </BasicModal>
@@ -74,7 +72,7 @@ export default defineComponent({
 
     async function handleLock() {
       await validateField()
-      const values = (getFieldsValue()) as any
+      const values = getFieldsValue() as any
       const password: string | undefined = values.password
       closeModal()
 
diff --git a/src/layouts/default/header/components/notify/NoticeList.vue b/src/layouts/default/header/components/notify/NoticeList.vue
index d5b5c899..82e2476f 100644
--- a/src/layouts/default/header/components/notify/NoticeList.vue
+++ b/src/layouts/default/header/components/notify/NoticeList.vue
@@ -4,8 +4,8 @@
       v-for="item in list"
       :key="item.title">
       <ListItem
-        style="display: block;"
-        :class="[prefixCls+'__item',{'is-read':item.titleDelete}]"
+        style="display: block"
+        :class="[prefixCls + '__item', { 'is-read': item.titleDelete }]"
         @click="handleTitleClick(item)">
         <template
           #thumb
diff --git a/src/layouts/default/header/components/notify/index.vue b/src/layouts/default/header/components/notify/index.vue
index 17a5259c..4e83eb41 100644
--- a/src/layouts/default/header/components/notify/index.vue
+++ b/src/layouts/default/header/components/notify/index.vue
@@ -29,7 +29,10 @@
             <NoticeList
               :list="item.list"
               v-else />
-            <div :class="`${prefixCls}__more`">查看更多<span v-if="item.list.length !== 0">({{ item.list.length }})</span></div>
+            <div :class="`${prefixCls}__more`">
+              查看更多
+              <span v-if="item.list.length !== 0">({{ item.list.length }})</span>
+            </div>
           </ElTabPane>
         </template>
       </ElTabs>
@@ -84,7 +87,7 @@ $prefix-cls: '#{$tonyname}-header-notify';
 .#{$prefix-cls} {
   padding-top: 2px;
 
-  &__overlay  {
+  &__overlay {
     &.is-light {
       border-color: transparent;
 
diff --git a/src/layouts/default/header/components/search/AppSearchModal.vue b/src/layouts/default/header/components/search/AppSearchModal.vue
index 6f8d8d8c..e56c5778 100644
--- a/src/layouts/default/header/components/search/AppSearchModal.vue
+++ b/src/layouts/default/header/components/search/AppSearchModal.vue
@@ -22,16 +22,12 @@
             </ElInput>
             <span
               :class="`${prefixCls}-cancel`"
-              @click="handleClose">
-              取消
-            </span>
+              @click="handleClose">取消</span>
           </div>
 
           <div
             :class="`${prefixCls}-nodata`"
-            v-show="getIsNotData">
-            暂无搜索结果
-          </div>
+            v-show="getIsNotData">暂无搜索结果</div>
 
           <ul
             :class="`${prefixCls}-list`"
diff --git a/src/layouts/default/header/components/user-dropdown/index.vue b/src/layouts/default/header/components/user-dropdown/index.vue
index a5667604..ff84e664 100644
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -1,7 +1,6 @@
 <template>
-  <ElDropdown
-    @command="handleMenuClick">
-    <div :class="[prefixCls,itemClass]">
+  <ElDropdown @command="handleMenuClick">
+    <div :class="[prefixCls, itemClass]">
       <img
         :class="`${prefixCls}__avatar`"
         :src="getUserInfo.avatar" />
@@ -14,20 +13,29 @@
       <ElDropdownMenu :class="`${prefixCls}-menulist`">
         <ElDropdownItem
           command="doc"
-          v-if="getShowDoc"><Icon
+          v-if="getShowDoc">
+          <Icon
             class="mr-2"
-            name="ion:document-text-outline" />文档</ElDropdownItem>
+            name="ion:document-text-outline" />
+          文档
+        </ElDropdownItem>
         <ElDropdownItem
           v-if="getUseLockPage"
           :divided="getShowDoc"
-          command="lock"><Icon
+          command="lock">
+          <Icon
             class="mr-2"
-            name="ion:lock-closed-outline" />锁定屏幕</ElDropdownItem>
+            name="ion:lock-closed-outline" />
+          锁定屏幕
+        </ElDropdownItem>
         <ElDropdownItem
           command="logout"
-          divided><Icon
+          divided>
+          <Icon
             class="mr-2"
-            name="ion:power-outline" />退出系统</ElDropdownItem>
+            name="ion:power-outline" />
+          退出系统
+        </ElDropdownItem>
       </ElDropdownMenu>
     </template>
   </ElDropdown>
diff --git a/src/layouts/default/menu/index.vue b/src/layouts/default/menu/index.vue
index f393d141..b6dcbd90 100644
--- a/src/layouts/default/menu/index.vue
+++ b/src/layouts/default/menu/index.vue
@@ -67,9 +67,9 @@ export default defineComponent({
     const getUseScroll = computed(() => {
       return (
         !unref(getIsHorizontal) &&
-          (unref(getIsSidebarType) ||
-            props.splitType === MenuSplitTyeEnum.LEFT ||
-            props.splitType === MenuSplitTyeEnum.NONE)
+        (unref(getIsSidebarType) ||
+          props.splitType === MenuSplitTyeEnum.LEFT ||
+          props.splitType === MenuSplitTyeEnum.NONE)
       )
     })
 
@@ -103,9 +103,9 @@ export default defineComponent({
       }
     })
     /**
-       * click menu
-       * @param menu
-       */
+     * click menu
+     * @param menu
+     */
 
     function handleMenuClick(path: string) {
       go(path)
@@ -115,11 +115,7 @@ export default defineComponent({
       if (!unref(getIsShowLogo) && !unref(getIsMobile)) return null
 
       return (
-        <AppLogo
-          showTitle={!unref(getCollapsed)}
-          class={unref(getLogoClass)}
-          theme={unref(getComputedMenuTheme)}
-        />
+        <AppLogo showTitle={!unref(getCollapsed)} class={unref(getLogoClass)} theme={unref(getComputedMenuTheme)} />
       )
     }
 
@@ -135,8 +131,7 @@ export default defineComponent({
           type={unref(getMenuType)}
           showLogo={unref(getIsShowLogo)}
           mode={unref(getComputedMenuMode as any)}
-          items={menus}
-        />
+          items={menus} />
       )
     }
 
diff --git a/src/layouts/default/menu/useLayoutMenu.ts b/src/layouts/default/menu/useLayoutMenu.ts
index a82ce62b..4198015a 100644
--- a/src/layouts/default/menu/useLayoutMenu.ts
+++ b/src/layouts/default/menu/useLayoutMenu.ts
@@ -20,13 +20,9 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
 
   const throttleHandleSplitLeftMenu = useThrottleFn(handleSplitLeftMenu, 50)
 
-  const splitNotLeft = computed(
-    () => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal)
-  )
+  const splitNotLeft = computed(() => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal))
 
-  const getSplitLeft = computed(
-    () => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT
-  )
+  const getSplitLeft = computed(() => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT)
 
   const getSpiltTop = computed(() => unref(splitType) === MenuSplitTyeEnum.TOP)
 
diff --git a/src/layouts/default/setting/SettingDrawer.tsx b/src/layouts/default/setting/SettingDrawer.tsx
index fd5a7597..12c4a0b6 100644
--- a/src/layouts/default/setting/SettingDrawer.tsx
+++ b/src/layouts/default/setting/SettingDrawer.tsx
@@ -87,8 +87,7 @@ export default defineComponent({
                 split: unref(getIsHorizontal) ? false : undefined,
               })
             }}
-            def={unref(getMenuType)}
-          />
+            def={unref(getMenuType)} />
         </>
       )
     }
@@ -98,8 +97,7 @@ export default defineComponent({
         <ThemeColorPicker
           colorList={HEADER_PRESET_BG_COLOR_LIST}
           def={unref(getHeaderBgColor)}
-          event={HandlerEnum.HEADER_THEME}
-        />
+          event={HandlerEnum.HEADER_THEME} />
       )
     }
 
@@ -108,8 +106,7 @@ export default defineComponent({
         <ThemeColorPicker
           colorList={SIDE_BAR_BG_COLOR_LIST}
           def={unref(getMenuBgColor)}
-          event={HandlerEnum.MENU_THEME}
-        />
+          event={HandlerEnum.MENU_THEME} />
       )
     }
 
@@ -118,8 +115,7 @@ export default defineComponent({
         <ThemeColorPicker
           colorList={APP_PRESET_COLOR_LIST}
           def={unref(getThemeColor)}
-          event={HandlerEnum.CHANGE_THEME_COLOR}
-        />
+          event={HandlerEnum.CHANGE_THEME_COLOR} />
       )
     }
 
@@ -138,73 +134,62 @@ export default defineComponent({
             title={'分割菜单'}
             event={HandlerEnum.MENU_SPLIT}
             def={unref(getSplit)}
-            disabled={!unref(getShowMenuRef) || unref(getMenuType) !== MenuTypeEnum.MIX}
-          />
+            disabled={!unref(getShowMenuRef) || unref(getMenuType) !== MenuTypeEnum.MIX} />
           <SwitchItem
             title={'固定展开菜单'}
             event={HandlerEnum.MENU_FIXED_MIX_SIDEBAR}
             def={unref(getMixSideFixed)}
-            disabled={!unref(getIsMixSidebar)}
-          />
+            disabled={!unref(getIsMixSidebar)} />
 
           <SwitchItem
             title={'切换页面关闭菜单'}
             event={HandlerEnum.MENU_CLOSE_MIX_SIDEBAR_ON_CHANGE}
             def={unref(getCloseMixSidebarOnChange)}
-            disabled={!unref(getIsMixSidebar)}
-          />
+            disabled={!unref(getIsMixSidebar)} />
           <SwitchItem
             title={'折叠菜单'}
             event={HandlerEnum.MENU_COLLAPSED}
             def={unref(getCollapsed)}
-            disabled={!unref(getShowMenuRef)}
-          />
+            disabled={!unref(getShowMenuRef)} />
 
           <SwitchItem
             title={'侧边菜单拖拽'}
             event={HandlerEnum.MENU_HAS_DRAG}
             def={unref(getCanDrag)}
-            disabled={!unref(getShowMenuRef)}
-          />
+            disabled={!unref(getShowMenuRef)} />
           <SwitchItem
             title={'菜单搜索'}
             event={HandlerEnum.HEADER_SEARCH}
             def={unref(getShowSearch)}
-            disabled={!unref(getShowHeader)}
-          />
+            disabled={!unref(getShowHeader)} />
           <SwitchItem
             title={'侧边菜单手风琴模式'}
             event={HandlerEnum.MENU_ACCORDION}
             def={unref(getAccordion)}
-            disabled={!unref(getShowMenuRef)}
-          />
+            disabled={!unref(getShowMenuRef)} />
 
           <SwitchItem
             title={'折叠菜单显示名称'}
             event={HandlerEnum.MENU_COLLAPSED_SHOW_TITLE}
             def={unref(getCollapsedShowTitle)}
-            disabled={!unref(getShowMenuRef) || !unref(getCollapsed) || unref(getIsMixSidebar)}
-          />
+            disabled={!unref(getShowMenuRef) || !unref(getCollapsed) || unref(getIsMixSidebar)} />
 
           <SwitchItem
             title={'固定header'}
             event={HandlerEnum.HEADER_FIXED}
             def={unref(getHeaderFixed)}
-            disabled={!unref(getShowHeader)}
-          />
+            disabled={!unref(getShowHeader)} />
           <SwitchItem
             title={'固定Sidebar'}
             event={HandlerEnum.MENU_FIXED}
             def={unref(getMenuFixed)}
-            disabled={!unref(getShowMenuRef) || unref(getIsMixSidebar)}
-          />
+            disabled={!unref(getShowMenuRef) || unref(getIsMixSidebar)} />
           <SelectItem
             title={'混合菜单触发方式'}
             event={HandlerEnum.MENU_TRIGGER_MIX_SIDEBAR}
             def={unref(getMixSideTrigger)}
             options={mixSidebarTriggerOptions}
-            disabled={!unref(getIsMixSidebar)}
-          />
+            disabled={!unref(getIsMixSidebar)} />
           <SelectItem
             title={'顶部菜单布局'}
             event={HandlerEnum.MENU_TOP_ALIGN}
@@ -215,27 +200,19 @@ export default defineComponent({
               unref(getSplit) ||
               (!unref(getIsTopMenu) && !unref(getSplit)) ||
               unref(getIsMixSidebar)
-            }
-          />
+            } />
           <SelectItem
             title={'菜单折叠按钮'}
             event={HandlerEnum.MENU_TRIGGER}
             def={triggerDef}
             options={triggerOptions}
-            disabled={!unref(getShowMenuRef) || unref(getIsMixSidebar)}
-          />
+            disabled={!unref(getShowMenuRef) || unref(getIsMixSidebar)} />
           <SelectItem
             title={'内容区域宽度'}
             event={HandlerEnum.CONTENT_MODE}
             def={unref(getContentMode)}
-            options={contentModeOptions}
-          />
-          <InputNumberItem
-            title={'自动锁屏'}
-            min={0}
-            event={HandlerEnum.LOCK_TIME}
-            defaultValue={unref(getLockTime)}
-          />
+            options={contentModeOptions} />
+          <InputNumberItem title={'自动锁屏'} min={0} event={HandlerEnum.LOCK_TIME} defaultValue={unref(getLockTime)} />
           <InputNumberItem
             title={'菜单展开宽度'}
             max={600}
@@ -243,8 +220,7 @@ export default defineComponent({
             step={10}
             event={HandlerEnum.MENU_WIDTH}
             disabled={!unref(getShowMenuRef)}
-            defaultValue={unref(getMenuWidth)}
-          />
+            defaultValue={unref(getMenuWidth)} />
         </>
       )
     }
@@ -256,15 +232,13 @@ export default defineComponent({
             title={'面包屑'}
             event={HandlerEnum.SHOW_BREADCRUMB}
             def={unref(getShowBreadCrumb)}
-            disabled={!unref(getShowHeader)}
-          />
+            disabled={!unref(getShowHeader)} />
 
           <SwitchItem
             title={'面包屑图标'}
             event={HandlerEnum.SHOW_BREADCRUMB_ICON}
             def={unref(getShowBreadCrumbIcon)}
-            disabled={!unref(getShowHeader)}
-          />
+            disabled={!unref(getShowHeader)} />
 
           <SwitchItem title={'标签页'} event={HandlerEnum.TABS_SHOW} def={unref(getShowMultipleTab)} />
 
@@ -272,42 +246,33 @@ export default defineComponent({
             title={'标签页刷新按钮'}
             event={HandlerEnum.TABS_SHOW_REDO}
             def={unref(getShowRedo)}
-            disabled={!unref(getShowMultipleTab)}
-          />
+            disabled={!unref(getShowMultipleTab)} />
 
           <SwitchItem
             title={'标签页快捷按钮'}
             event={HandlerEnum.TABS_SHOW_QUICK}
             def={unref(getShowQuick)}
-            disabled={!unref(getShowMultipleTab)}
-          />
+            disabled={!unref(getShowMultipleTab)} />
           <SwitchItem
             title={'标签页折叠按钮'}
             event={HandlerEnum.TABS_SHOW_FOLD}
             def={unref(getShowFold)}
-            disabled={!unref(getShowMultipleTab)}
-          />
+            disabled={!unref(getShowMultipleTab)} />
 
           <SwitchItem
             title={'左侧菜单'}
             event={HandlerEnum.MENU_SHOW_SIDEBAR}
             def={unref(getShowMenu)}
-            disabled={unref(getIsHorizontal)}
-          />
+            disabled={unref(getIsHorizontal)} />
 
           <SwitchItem title={'顶栏'} event={HandlerEnum.HEADER_SHOW} def={unref(getShowHeader)} />
           <SwitchItem
             title='Logo'
             event={HandlerEnum.SHOW_LOGO}
             def={unref(getShowLogo)}
-            disabled={unref(getIsMixSidebar)}
-          />
+            disabled={unref(getIsMixSidebar)} />
           <SwitchItem title={'页脚'} event={HandlerEnum.SHOW_FOOTER} def={unref(getShowFooter)} />
-          <SwitchItem
-            title={'全屏内容'}
-            event={HandlerEnum.FULL_CONTENT}
-            def={unref(getFullContent)}
-          />
+          <SwitchItem title={'全屏内容'} event={HandlerEnum.FULL_CONTENT} def={unref(getFullContent)} />
 
           <SwitchItem title={'灰色模式'} event={HandlerEnum.GRAY_MODE} def={unref(getGrayMode)} />
 
@@ -319,60 +284,44 @@ export default defineComponent({
     function renderTransition() {
       return (
         <>
-          <SwitchItem
-            title={'顶部进度条'}
-            event={HandlerEnum.OPEN_PROGRESS}
-            def={unref(getOpenNProgress)}
-          />
-          <SwitchItem
-            title={'切换loading'}
-            event={HandlerEnum.OPEN_PAGE_LOADING}
-            def={unref(getOpenPageLoading)}
-          />
+          <SwitchItem title={'顶部进度条'} event={HandlerEnum.OPEN_PROGRESS} def={unref(getOpenNProgress)} />
+          <SwitchItem title={'切换loading'} event={HandlerEnum.OPEN_PAGE_LOADING} def={unref(getOpenPageLoading)} />
 
-          <SwitchItem
-            title={'切换动画'}
-            event={HandlerEnum.OPEN_ROUTE_TRANSITION}
-            def={unref(getEnableTransition)}
-          />
+          <SwitchItem title={'切换动画'} event={HandlerEnum.OPEN_ROUTE_TRANSITION} def={unref(getEnableTransition)} />
 
           <SelectItem
             title={'动画类型'}
             event={HandlerEnum.ROUTER_TRANSITION}
             def={unref(getBasicTransition)}
             options={routerTransitionOptions}
-            disabled={!unref(getEnableTransition)}
-          />
+            disabled={!unref(getEnableTransition)} />
         </>
       )
     }
 
     return () => (
-      <BasicDrawer
-        {...attrs}
-        title={'项目配置'}
-        size={480}
-        showFooter
-        customClass='setting-drawer' >
+      <BasicDrawer {...attrs} title={'项目配置'} size={480} showFooter customClass='setting-drawer'>
         {{
-          default: () => (<>
-            {unref(getShowDarkModeToggle) && <ElDivider>{() => '主题'}</ElDivider>}
-            {unref(getShowDarkModeToggle) && <AppDarkModeToggle class='mx-auto' />}
-            <ElDivider>{() => '导航栏模式'}</ElDivider>
-            {renderSidebar()}
-            <ElDivider>{() => '系统主题'}</ElDivider>
-            {renderMainTheme()}
-            <ElDivider>{() => '顶栏主题'}</ElDivider>
-            {renderHeaderTheme()}
-            <ElDivider>{() => '菜单主题'}</ElDivider>
-            {renderSiderTheme()}
-            <ElDivider>{() => '界面功能'}</ElDivider>
-            {renderFeatures()}
-            <ElDivider>{() => '界面显示'}</ElDivider>
-            {renderContent()}
-            <ElDivider>{() => '动画'}</ElDivider>
-            {renderTransition()}
-          </>),
+          default: () => (
+            <>
+              {unref(getShowDarkModeToggle) && <ElDivider>{() => '主题'}</ElDivider>}
+              {unref(getShowDarkModeToggle) && <AppDarkModeToggle class='mx-auto' />}
+              <ElDivider>{() => '导航栏模式'}</ElDivider>
+              {renderSidebar()}
+              <ElDivider>{() => '系统主题'}</ElDivider>
+              {renderMainTheme()}
+              <ElDivider>{() => '顶栏主题'}</ElDivider>
+              {renderHeaderTheme()}
+              <ElDivider>{() => '菜单主题'}</ElDivider>
+              {renderSiderTheme()}
+              <ElDivider>{() => '界面功能'}</ElDivider>
+              {renderFeatures()}
+              <ElDivider>{() => '界面显示'}</ElDivider>
+              {renderContent()}
+              <ElDivider>{() => '动画'}</ElDivider>
+              {renderTransition()}
+            </>
+          ),
           footer: () => <SettingFooter />,
         }}
       </BasicDrawer>
diff --git a/src/layouts/default/setting/components/InputNumberItem.vue b/src/layouts/default/setting/components/InputNumberItem.vue
index 10c4f85d..1af6e7f5 100644
--- a/src/layouts/default/setting/components/InputNumberItem.vue
+++ b/src/layouts/default/setting/components/InputNumberItem.vue
@@ -1,11 +1,13 @@
 <template>
   <div :class="prefixCls">
     <span>{{ title }}</span>
-    <div><ElInputNumber
-      v-bind="getBindValue"
-      size="small"
-      :class="`${prefixCls}-input-number`"
-      @change="handleChange" /></div>
+    <div>
+      <ElInputNumber
+        v-bind="getBindValue"
+        size="small"
+        :class="`${prefixCls}-input-number`"
+        @change="handleChange" />
+    </div>
   </div>
 </template>
 
diff --git a/src/layouts/default/setting/components/SelectItem.vue b/src/layouts/default/setting/components/SelectItem.vue
index 52460367..651d35aa 100644
--- a/src/layouts/default/setting/components/SelectItem.vue
+++ b/src/layouts/default/setting/components/SelectItem.vue
@@ -11,7 +11,7 @@
         :label="item.label"
         :value="item.value"
         :key="index"
-        v-for="(item,index) in options" />
+        v-for="(item, index) in options" />
     </ElSelect>
   </div>
 </template>
diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 03e0bce0..3075b87a 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -3,20 +3,23 @@
     <ElButton
       type="primary"
       @click="handleCopy">
-      <CopyDocument /> 拷贝
+      <CopyDocument />
+      拷贝
     </ElButton>
 
     <ElButton
       type="warning"
       @click="handleResetSetting"
       class="my-3">
-      <RefreshLeft /> 重置
+      <RefreshLeft />
+      重置
     </ElButton>
 
     <ElButton
       type="danger"
       @click="handleClearAndRedo">
-      <Refresh /> 清空缓存并返回登录页
+      <Refresh />
+      清空缓存并返回登录页
     </ElButton>
   </div>
 </template>
diff --git a/src/layouts/default/setting/components/SwitchItem.vue b/src/layouts/default/setting/components/SwitchItem.vue
index 9f9e0cd5..bae03e22 100644
--- a/src/layouts/default/setting/components/SwitchItem.vue
+++ b/src/layouts/default/setting/components/SwitchItem.vue
@@ -7,8 +7,7 @@
       inline-prompt
       :disabled="disabled"
       active-text="开"
-      inactive-text="关"
-    />
+      inactive-text="关" />
   </div>
 </template>
 
diff --git a/src/layouts/default/setting/components/TypePicker.vue b/src/layouts/default/setting/components/TypePicker.vue
index 50fc1cc3..ae517154 100644
--- a/src/layouts/default/setting/components/TypePicker.vue
+++ b/src/layouts/default/setting/components/TypePicker.vue
@@ -41,7 +41,7 @@ export default defineComponent({
   },
   setup(props) {
     const { prefixCls } = useDesign('setting-menu-type-picker')
-    const getItemCls = (type:string) => {
+    const getItemCls = (type: string) => {
       return [
         `${prefixCls}__item`,
         `${prefixCls}__item--${type}`,
diff --git a/src/layouts/default/setting/index.vue b/src/layouts/default/setting/index.vue
index 5273f7cf..b7bd064b 100644
--- a/src/layouts/default/setting/index.vue
+++ b/src/layouts/default/setting/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <span
-      style="width: 100%;text-align: center;"
+      style="width: 100%; text-align: center"
       @click="openDrawer(true)"><Icon name="ion:settings-outline" /></span>
     <SettingDrawer @register="register" />
   </div>
diff --git a/src/layouts/default/sider/LayoutSider.vue b/src/layouts/default/sider/LayoutSider.vue
index df358166..29c7ab28 100644
--- a/src/layouts/default/sider/LayoutSider.vue
+++ b/src/layouts/default/sider/LayoutSider.vue
@@ -42,14 +42,7 @@ export default defineComponent({
     const dragBarRef = ref<ElRef>(null)
     const sideRef = ref<ElRef>(null)
 
-    const {
-      getSplit,
-      getMenuTheme,
-      getRealWidth,
-      getMenuHidden,
-      getMenuFixed,
-      getIsMixMode,
-    } = useMenuSetting()
+    const { getSplit, getMenuTheme, getRealWidth, getMenuHidden, getMenuFixed, getIsMixMode } = useMenuSetting()
 
     const { prefixCls } = useDesign('layout-sideBar')
 
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index b0ca2799..b618308f 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -203,7 +203,7 @@ export default defineComponent({
 
     function getWrapCommonStyle(width: string): CSSProperties {
       return {
-        [('--side-width' as any)]: width,
+        ['--side-width' as any]: width,
         width,
         maxWidth: width,
         minWidth: width,
diff --git a/src/layouts/default/sider/useLayoutSider.ts b/src/layouts/default/sider/useLayoutSider.ts
index 64a3730b..61f606e7 100644
--- a/src/layouts/default/sider/useLayoutSider.ts
+++ b/src/layouts/default/sider/useLayoutSider.ts
@@ -16,11 +16,7 @@ export function useTrigger(getIsMobile: Ref<boolean>) {
   const getShowTrigger = computed(() => {
     const trigger = unref(getTrigger)
 
-    return (
-      trigger !== TriggerEnum.NONE &&
-      !unref(getIsMobile) &&
-      (trigger === TriggerEnum.FOOTER || unref(getSplit))
-    )
+    return trigger !== TriggerEnum.NONE && !unref(getIsMobile) && (trigger === TriggerEnum.FOOTER || unref(getSplit))
   })
 
   return { getShowTrigger }
@@ -76,9 +72,7 @@ export function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, mix = fals
       if (!mix) {
         const miniWidth = unref(getMiniWidthNumber)
         if (!unref(getCollapsed)) {
-          width > miniWidth + 20
-            ? setMenuSetting({ menuWidth: width })
-            : setMenuSetting({ collapsed: true })
+          width > miniWidth + 20 ? setMenuSetting({ menuWidth: width }) : setMenuSetting({ collapsed: true })
         } else {
           width > miniWidth && setMenuSetting({ collapsed: false, menuWidth: width })
         }
diff --git a/src/layouts/default/tabs/components/TabContent.vue b/src/layouts/default/tabs/components/TabContent.vue
index 58e916d6..dbf457b1 100644
--- a/src/layouts/default/tabs/components/TabContent.vue
+++ b/src/layouts/default/tabs/components/TabContent.vue
@@ -16,13 +16,16 @@
     <template #dropdown>
       <ElDropdownMenu>
         <ElDropdownItem
-          v-for="(item,index) in getDropMenuList"
+          v-for="(item, index) in getDropMenuList"
           :key="index"
           :command="item.command"
           :disabled="item.disabled"
-          :divided="item.divided"> <Icon
+          :divided="item.divided">
+          <Icon
             :name="item.icon"
-            class="mr-2" /> {{ item.text }}</ElDropdownItem>
+            class="mr-2" />
+          {{ item.text }}
+        </ElDropdownItem>
       </ElDropdownMenu>
     </template>
   </ElDropdown>
@@ -68,7 +71,7 @@ export default defineComponent({
 
     const { getDropMenuList, handleMenuEvent, handleContextMenu } = useTabDropdown(props as TabContentProps, getIsTabs)
 
-    function handleContext(v:Boolean) {
+    function handleContext(v: Boolean) {
       if (v === true && props.tabItem) {
         handleContextMenu(props.tabItem)
       }
diff --git a/src/layouts/default/tabs/index.vue b/src/layouts/default/tabs/index.vue
index fbe0bfb0..42d33943 100644
--- a/src/layouts/default/tabs/index.vue
+++ b/src/layouts/default/tabs/index.vue
@@ -111,7 +111,7 @@ export default defineComponent({
       }
     })
 
-    function handleChange(tab:any) {
+    function handleChange(tab: any) {
       const activeKey = unref(toRaw(tab).paneName)
       activeKeyRef.value = activeKey
       go(activeKey, false)
diff --git a/src/layouts/default/tabs/useTabDropdown.ts b/src/layouts/default/tabs/useTabDropdown.ts
index 06cf4e68..ec94d44e 100644
--- a/src/layouts/default/tabs/useTabDropdown.ts
+++ b/src/layouts/default/tabs/useTabDropdown.ts
@@ -8,7 +8,7 @@ import { useMultipleTabStore } from '@/store/modules/multipleTab'
 import { RouteLocationNormalized, useRouter } from 'vue-router'
 import { useTabs } from '@/hooks/web/useTabs'
 
-interface DropdownItem extends EleDropdownItem{
+interface DropdownItem extends EleDropdownItem {
   icon: string
   text?: string
 }
diff --git a/src/layouts/iframe/index.vue b/src/layouts/iframe/index.vue
index b0d457f2..53d6a5de 100644
--- a/src/layouts/iframe/index.vue
+++ b/src/layouts/iframe/index.vue
@@ -6,8 +6,7 @@
       <FramePage
         v-if="frame.meta.frameSrc && hasRenderFrame(frame.name)"
         v-show="showIframe(frame)"
-        :frameSrc="frame.meta.frameSrc"
-      />
+        :frameSrc="frame.meta.frameSrc" />
     </template>
   </div>
 </template>
diff --git a/src/logics/initAppConfig.ts b/src/logics/initAppConfig.ts
index 8e5c5c10..db6e7f94 100644
--- a/src/logics/initAppConfig.ts
+++ b/src/logics/initAppConfig.ts
@@ -34,13 +34,7 @@ export function initAppConfigStore() {
   let projCfg: ProjectConfig = Persistent.getLocal(PROJ_CFG_KEY) as ProjectConfig
   projCfg = deepMerge(projectSetting, projCfg || {})
 
-  const {
-    colorWeak,
-    grayMode,
-    themeColor,
-    headerSetting,
-    menuSetting,
-  } = projCfg
+  const { colorWeak, grayMode, themeColor, headerSetting, menuSetting } = projCfg
 
   updateDarkTheme(darkMode)
 
diff --git a/src/logics/mitt/routeChange.ts b/src/logics/mitt/routeChange.ts
index f1348746..c16cf502 100644
--- a/src/logics/mitt/routeChange.ts
+++ b/src/logics/mitt/routeChange.ts
@@ -18,10 +18,7 @@ export function setRouteChange(lastChangeRoute: RouteLocationNormalized) {
   lastChangeTab = r
 }
 
-export function listenerRouteChange(
-  callback: (route: RouteLocationNormalized) => void,
-  immediate = true
-) {
+export function listenerRouteChange(callback: (route: RouteLocationNormalized) => void, immediate = true) {
   emitter.on(key, callback)
   immediate && lastChangeTab && callback(lastChangeTab)
 }
diff --git a/src/logics/theme/updateBackground.ts b/src/logics/theme/updateBackground.ts
index 5be0450b..537a4e90 100644
--- a/src/logics/theme/updateBackground.ts
+++ b/src/logics/theme/updateBackground.ts
@@ -41,7 +41,7 @@ export function updateHeaderBgColor(color?: string) {
 
   appStore.setProjectConfig({
     headerSetting: {
-      theme: (isDark || darkMode) ? ThemeEnum.DARK : ThemeEnum.LIGHT,
+      theme: isDark || darkMode ? ThemeEnum.DARK : ThemeEnum.LIGHT,
     },
   })
 }
@@ -85,7 +85,7 @@ export function updateSidebarBgColor(color?: string) {
  * Dynamically generate text color
  * @param color
  */
-function dyncGenerateColor(color?:string) {
+function dyncGenerateColor(color?: string) {
   const isDark = colorIsDark(color)
 
   return {
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index 77b3ee64..1d878bc3 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -36,10 +36,4 @@ export const LoginRoute: AppRouteRecordRaw = {
 }
 
 // Basic routing without permission
-export const basicRoutes = [
-  LoginRoute,
-  RootRoute,
-  ...mainOutRoutes,
-  REDIRECT_ROUTE,
-  PAGE_NOT_FOUND_ROUTE,
-]
+export const basicRoutes = [LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE]
diff --git a/src/settings/componentSetting.ts b/src/settings/componentSetting.ts
index a0e42b11..eb30c220 100644
--- a/src/settings/componentSetting.ts
+++ b/src/settings/componentSetting.ts
@@ -108,9 +108,9 @@ export default {
      */
     defaultItemGutter: 16,
     /**
-      * 行的列数，一般不需要修改
-      * The number of columns in the row, generally do not need to be modified
-      */
+     * 行的列数，一般不需要修改
+     * The number of columns in the row, generally do not need to be modified
+     */
     fullColumnSize: 24,
   },
   /**
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 3348b1e3..c928064f 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,10 +1,4 @@
-import type {
-  ProjectConfig,
-  HeaderSetting,
-  MenuSetting,
-  TransitionSetting,
-  MultiTabsSetting
-} from '#/config'
+import type { ProjectConfig, HeaderSetting, MenuSetting, TransitionSetting, MultiTabsSetting } from '#/config'
 import type { BeforeMiniState } from '#/store'
 
 import { defineStore } from 'pinia'
diff --git a/src/store/modules/errorLog.ts b/src/store/modules/errorLog.ts
index dff4f344..3f1c3085 100644
--- a/src/store/modules/errorLog.ts
+++ b/src/store/modules/errorLog.ts
@@ -56,10 +56,7 @@ export const useErrorLogStore = defineStore({
         type: ErrorTypeEnum.AJAX,
       }
       if (error.response) {
-        const {
-          config: { url = '', data: params = '', method = 'get', headers = {} } = {},
-          data = {},
-        } = error.response
+        const { config: { url = '', data: params = '', method = 'get', headers = {} } = {}, data = {} } = error.response
         errInfo.url = url
         errInfo.name = 'Ajax Error!'
         errInfo.file = '-'
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 8cba2ea2..3d881510 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -160,7 +160,7 @@ export const useUserStore = defineStore({
         iconType: 'warning',
         title: '温馨提醒',
         content: '是否确认退出系统?',
-      }).then(k => {
+      }).then((k) => {
         if (k === 'confirm') {
           this.logout(true)
         }
diff --git a/src/utils/color.ts b/src/utils/color.ts
index 41c88c22..de905ab9 100644
--- a/src/utils/color.ts
+++ b/src/utils/color.ts
@@ -82,10 +82,10 @@ export function darken(color: string, amount: number) {
 export function lighten(color: string, amount: number) {
   color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color
   amount = Math.trunc((255 * amount) / 100)
-  return `#${addLight(color.substring(0, 2), amount)}${addLight(
-    color.substring(2, 4),
+  return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(
+    color.substring(4, 6),
     amount
-  )}${addLight(color.substring(4, 6), amount)}`
+  )}`
 }
 
 /* Suma el porcentaje indicado a un color (RR, GG o BB) hexadecimal para aclararlo */
@@ -121,10 +121,7 @@ function luminanace(r: number, g: number, b: number) {
  * @param rgb2 rgb color 2
  */
 function contrast(rgb1: string[], rgb2: number[]) {
-  return (
-    (luminanace(~~rgb1[0], ~~rgb1[1], ~~rgb1[2]) + 0.05) /
-    (luminanace(rgb2[0], rgb2[1], rgb2[2]) + 0.05)
-  )
+  return (luminanace(~~rgb1[0], ~~rgb1[1], ~~rgb1[2]) + 0.05) / (luminanace(rgb2[0], rgb2[1], rgb2[2]) + 0.05)
 }
 
 /**
diff --git a/src/utils/dateUtil.ts b/src/utils/dateUtil.ts
index 66c0382f..d0b94a51 100644
--- a/src/utils/dateUtil.ts
+++ b/src/utils/dateUtil.ts
@@ -6,10 +6,7 @@ import dayjs from 'dayjs'
 const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm'
 const DATE_FORMAT = 'YYYY-MM-DD '
 
-export function formatToDateTime(
-  date: dayjs.ConfigType = undefined,
-  format = DATE_TIME_FORMAT
-): string {
+export function formatToDateTime(date: dayjs.ConfigType = undefined, format = DATE_TIME_FORMAT): string {
   return dayjs(date).format(format)
 }
 
diff --git a/src/utils/demo/index.ts b/src/utils/demo/index.ts
index cf00f86e..22699936 100644
--- a/src/utils/demo/index.ts
+++ b/src/utils/demo/index.ts
@@ -1,10 +1,11 @@
 export function randomNumber(
   minNum,
-  maxNum:number|undefined = undefined,
-  decimalNum:number|undefined = undefined
+  maxNum: number | undefined = undefined,
+  decimalNum: number | undefined = undefined
 ): number {
-  let max = 0; let min = 0
-  minNum <= maxNum ? (min = minNum, max = maxNum) : (min = maxNum, max = minNum)
+  let max = 0
+  let min = 0
+  minNum <= maxNum ? ((min = minNum), (max = maxNum)) : ((min = maxNum), (max = minNum))
   switch (arguments.length) {
     case 1:
       return Math.floor(Math.random() * (max + 1))
@@ -17,7 +18,7 @@ export function randomNumber(
   }
 }
 
-export function getRandomNumberData(len:number): number[] {
+export function getRandomNumberData(len: number): number[] {
   return Array(...Array(len)).map(() => randomNumber(1, 1e5))
 }
 
diff --git a/src/utils/domUtils.ts b/src/utils/domUtils.ts
index 3e04dafe..8b1d9fed 100644
--- a/src/utils/domUtils.ts
+++ b/src/utils/domUtils.ts
@@ -139,11 +139,7 @@ export function on(
   }
 }
 
-export function off(
-  element: Element | HTMLElement | Document | Window,
-  event: string,
-  handler: Fn
-): void {
+export function off(element: Element | HTMLElement | Document | Window, event: string, handler: Fn): void {
   if (element && event && handler) {
     element.removeEventListener(event, handler, false)
   }
diff --git a/src/utils/file/download.ts b/src/utils/file/download.ts
index b3793ea5..2a373c65 100644
--- a/src/utils/file/download.ts
+++ b/src/utils/file/download.ts
@@ -69,7 +69,7 @@ export function downloadByData(data: BlobPart, filename: string, mime?: string,
  * @param target "_self" | "_blank"
  * @returns
  */
-export function downloadByUrl(url:string, fileName?: string, target?:TargetContext = '_blank'): boolean {
+export function downloadByUrl(url: string, fileName?: string, target?: TargetContext = '_blank'): boolean {
   const isChrome = window.navigator.userAgent.toLowerCase().indexOf('chrome') > -1
   const isSafari = window.navigator.userAgent.toLowerCase().indexOf('safari') > -1
 
diff --git a/src/utils/helper/treeHelper.ts b/src/utils/helper/treeHelper.ts
index 331fe13b..a0103667 100644
--- a/src/utils/helper/treeHelper.ts
+++ b/src/utils/helper/treeHelper.ts
@@ -40,11 +40,7 @@ export function treeToList<T = any>(tree: any, config: Partial<TreeHelperConfig>
   return result
 }
 
-export function findNode<T = any>(
-  tree: any,
-  func: Fn,
-  config: Partial<TreeHelperConfig> = {}
-): T | null {
+export function findNode<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | null {
   config = getConfig(config)
   const { children } = config
   const list = [...tree]
@@ -55,11 +51,7 @@ export function findNode<T = any>(
   return null
 }
 
-export function findNodeAll<T = any>(
-  tree: any,
-  func: Fn,
-  config: Partial<TreeHelperConfig> = {}
-): T[] {
+export function findNodeAll<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T[] {
   config = getConfig(config)
   const { children } = config
   const list = [...tree]
@@ -71,11 +63,7 @@ export function findNodeAll<T = any>(
   return result
 }
 
-export function findPath<T = any>(
-  tree: any,
-  func: Fn,
-  config: Partial<TreeHelperConfig> = {}
-): T | T[] | null {
+export function findPath<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | T[] | null {
   config = getConfig(config)
   const path: T[] = []
   const list = [...tree]
@@ -120,11 +108,7 @@ export function findPathAll(tree: any, func: Fn, config: Partial<TreeHelperConfi
   return result
 }
 
-export function filter<T = any>(
-  tree: T[],
-  func: (n: T) => boolean,
-  config: Partial<TreeHelperConfig> = {}
-): T[] {
+export function filter<T = any>(tree: T[], func: (n: T) => boolean, config: Partial<TreeHelperConfig> = {}): T[] {
   config = getConfig(config)
   const children = config.children as string
   function listFilter(list: T[]) {
@@ -138,11 +122,7 @@ export function filter<T = any>(
   return listFilter(tree)
 }
 
-export function forEach<T = any>(
-  tree: T[],
-  func: (n: T) => any,
-  config: Partial<TreeHelperConfig> = {}
-): void {
+export function forEach<T = any>(tree: T[], func: (n: T) => any, config: Partial<TreeHelperConfig> = {}): void {
   config = getConfig(config)
   const list: any[] = [...tree]
   const { children } = config
@@ -165,10 +145,7 @@ export function treeMap<T = any>(treeData: T[], opt: { children?: string; conver
 /**
  * @description: Extract tree specified structure
  */
-export function treeMapEach(
-  data: any,
-  { children = 'children', conversion }: { children?: string; conversion: Fn }
-) {
+export function treeMapEach(data: any, { children = 'children', conversion }: { children?: string; conversion: Fn }) {
   const haveChildren = Array.isArray(data[children]) && data[children].length > 0
   const conversionData = conversion(data) || {}
   if (haveChildren) {
diff --git a/src/utils/http/axios/Axios.ts b/src/utils/http/axios/Axios.ts
index 1de7654e..d6eadbc3 100644
--- a/src/utils/http/axios/Axios.ts
+++ b/src/utils/http/axios/Axios.ts
@@ -68,12 +68,7 @@ export class VAxios {
     if (!transform) {
       return
     }
-    const {
-      requestInterceptors,
-      requestInterceptorsCatch,
-      responseInterceptors,
-      responseInterceptorsCatch,
-    } = transform
+    const { requestInterceptors, requestInterceptorsCatch, responseInterceptors, responseInterceptorsCatch } = transform
 
     const axiosCanceler = new AxiosCanceler()
 
@@ -85,9 +80,7 @@ export class VAxios {
       } = config
 
       const ignoreCancel =
-        ignoreCancelToken !== undefined
-          ? ignoreCancelToken
-          : this.options.requestOptions?.ignoreCancelToken
+        ignoreCancelToken !== undefined ? ignoreCancelToken : this.options.requestOptions?.ignoreCancelToken
 
       !ignoreCancel && axiosCanceler.addPending(config)
       if (requestInterceptors && isFunction(requestInterceptors)) {
diff --git a/src/utils/http/axios/axiosTransform.ts b/src/utils/http/axios/axiosTransform.ts
index be2a4d52..375eb6fb 100644
--- a/src/utils/http/axios/axiosTransform.ts
+++ b/src/utils/http/axios/axiosTransform.ts
@@ -30,10 +30,7 @@ export abstract class AxiosTransform {
   /**
    * @description: 请求之前的拦截器
    */
-  requestInterceptors?: (
-    config: AxiosRequestConfig,
-    options: CreateAxiosOptions
-  ) => AxiosRequestConfig
+  requestInterceptors?: (config: AxiosRequestConfig, options: CreateAxiosOptions) => AxiosRequestConfig
 
   /**
    * @description: 请求之后的拦截器
diff --git a/src/utils/http/axios/checkStatus.ts b/src/utils/http/axios/checkStatus.ts
index b012ab65..1f2f9650 100644
--- a/src/utils/http/axios/checkStatus.ts
+++ b/src/utils/http/axios/checkStatus.ts
@@ -10,11 +10,7 @@ const { createMessage, createErrorModal } = useMessage()
 const error = createMessage.error!
 const stp = projectSetting.sessionTimeoutProcessing
 
-export function checkStatus(
-  status: number,
-  msg: string,
-  errorMessageMode: ErrorMessageMode = 'message'
-): void {
+export function checkStatus(status: number, msg: string, errorMessageMode: ErrorMessageMode = 'message'): void {
   const userStore = useUserStoreWithOut()
   let errMessage = ''
 
diff --git a/src/utils/http/axios/index.ts b/src/utils/http/axios/index.ts
index e61505cf..49133199 100644
--- a/src/utils/http/axios/index.ts
+++ b/src/utils/http/axios/index.ts
@@ -116,10 +116,7 @@ const transform: AxiosTransform = {
           config.params = undefined
         }
         if (joinParamsToUrl) {
-          config.url = setObjToUrlParams(
-            config.url as string,
-            Object.assign({}, config.params, config.data)
-          )
+          config.url = setObjToUrlParams(config.url as string, Object.assign({}, config.params, config.data))
         }
       } else {
         // 兼容restful风格
@@ -138,9 +135,7 @@ const transform: AxiosTransform = {
     const token = getToken()
     if (token && (config as Recordable)?.requestOptions?.withToken !== false) {
       // jwt token
-      config.headers.Authorization = options.authenticationScheme
-        ? `${options.authenticationScheme} ${token}`
-        : token
+      config.headers.Authorization = options.authenticationScheme ? `${options.authenticationScheme} ${token}` : token
     }
     return config
   },
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 743456fa..217a7ecd 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -86,10 +86,7 @@ export function getRawRoute(route: RouteLocationNormalized): RouteLocationNormal
  * @param main component
  * @param extra alias
  */
-export const withInstall = <T, E extends Record<string, any>>(
-  main: T,
-  extra?: E
-) => {
+export const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {
   (main as SFCWithInstall<T>).install = (app): void => {
     for (const comp of [main, ...Object.values(extra ?? {})]) {
       app.component(comp.name, comp)
@@ -161,7 +158,7 @@ export function buildUUID(): string {
  * @param instanceRef Ref<T>
  * @param name instance name
  */
-export function getUseInstance<T>(instanceRef: Ref<T> | null, name:string): T | null {
+export function getUseInstance<T>(instanceRef: Ref<T> | null, name: string): T | null {
   const instance = unref(instanceRef)
   if (!instance) {
     error(
diff --git a/src/utils/validators.ts b/src/utils/validators.ts
index a57b2068..3749f542 100644
--- a/src/utils/validators.ts
+++ b/src/utils/validators.ts
@@ -4,25 +4,10 @@ export const isValidWidthUnit = (val: string | number): boolean => {
   if (isNumber(val)) {
     return true
   }
-  return (
-    ['px', 'rem', 'em', 'vw', '%', 'vmin', 'vmax'].some((unit) =>
-      val.endsWith(unit)
-    ) || val.startsWith('calc')
-  )
+  return ['px', 'rem', 'em', 'vw', '%', 'vmin', 'vmax'].some((unit) => val.endsWith(unit)) || val.startsWith('calc')
 }
 
-export const isValidComponentSize = (val: string) =>
-  ['', 'large', 'default', 'small'].includes(val)
+export const isValidComponentSize = (val: string) => ['', 'large', 'default', 'small'].includes(val)
 
 export const isValidDatePickType = (val: string) =>
-  [
-    'year',
-    'month',
-    'date',
-    'dates',
-    'week',
-    'datetime',
-    'datetimerange',
-    'daterange',
-    'monthrange',
-  ].includes(val)
+  ['year', 'month', 'date', 'dates', 'week', 'datetime', 'datetimerange', 'daterange', 'monthrange'].includes(val)
diff --git a/src/views/dashboard/analysis/components/OrderAnalysis.vue b/src/views/dashboard/analysis/components/OrderAnalysis.vue
index 13e3905b..9d991454 100644
--- a/src/views/dashboard/analysis/components/OrderAnalysis.vue
+++ b/src/views/dashboard/analysis/components/OrderAnalysis.vue
@@ -16,11 +16,14 @@ export default defineComponent({
     const chartRef = ref<HTMLDivElement | null>(null)
     const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-    watch(() => props.type, (v) => {
-      if (v) {
-        initChart()
+    watch(
+      () => props.type,
+      (v) => {
+        if (v) {
+          initChart()
+        }
       }
-    })
+    )
 
     const initChart = () => {
       const data = computed(() => {
@@ -28,7 +31,7 @@ export default defineComponent({
 
         return getDateData(type)
       })
-      const gaugeData = data.value.vdata.map(k => {
+      const gaugeData = data.value.vdata.map((k) => {
         k.value = k.value.toString().substring(0, 2)
         return k
       })
@@ -93,5 +96,4 @@ export default defineComponent({
     }
   },
 })
-
 </script>
diff --git a/src/views/dashboard/analysis/components/OrderAnalysisBar.vue b/src/views/dashboard/analysis/components/OrderAnalysisBar.vue
index 6ec5ab0a..73196246 100644
--- a/src/views/dashboard/analysis/components/OrderAnalysisBar.vue
+++ b/src/views/dashboard/analysis/components/OrderAnalysisBar.vue
@@ -16,11 +16,14 @@ export default defineComponent({
     const chartRef = ref<HTMLDivElement | null>(null)
     const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-    watch(() => props.type, (v) => {
-      if (v) {
-        initChart()
+    watch(
+      () => props.type,
+      (v) => {
+        if (v) {
+          initChart()
+        }
       }
-    })
+    )
 
     const initChart = () => {
       const data = computed(() => {
diff --git a/src/views/dashboard/analysis/components/VisitAnalysis.vue b/src/views/dashboard/analysis/components/VisitAnalysis.vue
index 4815aa2e..a8327c65 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysis.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysis.vue
@@ -16,11 +16,14 @@ export default defineComponent({
     const chartRef = ref<HTMLDivElement | null>(null)
     const { setOptions, echarts } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-    watch(() => props.type, (v) => {
-      if (v) {
-        initChart()
+    watch(
+      () => props.type,
+      (v) => {
+        if (v) {
+          initChart()
+        }
       }
-    })
+    )
 
     const initChart = () => {
       const data = computed(() => {
@@ -73,186 +76,201 @@ export default defineComponent({
           extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)',
         },
         grid: { left: '1%', right: '1%', top: '10%', bottom: 0, containLabel: true },
-        xAxis: [{
-          type: 'category',
-          data: data.value.xdata,
-          axisLine: {
-            lineStyle: {
-              color: '#DCE2E8',
+        xAxis: [
+          {
+            type: 'category',
+            data: data.value.xdata,
+            axisLine: {
+              lineStyle: {
+                color: '#DCE2E8',
+              },
             },
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            interval: 0,
-            // textStyle: {
-            color: '#556677',
-            // },
-            fontSize: 12,
-            margin: 15,
-          },
-          axisPointer: {
-            label: {
-              padding: [0, 0, 10, 0],
-              margin: 15,
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              interval: 0,
+              // textStyle: {
+              color: '#556677',
+              // },
               fontSize: 12,
-              backgroundColor: {
-                type: 'linear',
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [{
-                  offset: 0,
-                  color: '#fff',
-                }, {
-                  offset: 0.86,
-                  color: '#fff',
-                }, {
-                  offset: 0.86,
-                  color: '#33c0cd',
-                }, {
-                  offset: 1,
-                  color: '#33c0cd',
-                }],
-                global: false,
+              margin: 15,
+            },
+            axisPointer: {
+              label: {
+                padding: [0, 0, 10, 0],
+                margin: 15,
+                fontSize: 12,
+                backgroundColor: {
+                  type: 'linear',
+                  x: 0,
+                  y: 0,
+                  x2: 0,
+                  y2: 1,
+                  colorStops: [
+                    {
+                      offset: 0,
+                      color: '#fff',
+                    },
+                    {
+                      offset: 0.86,
+                      color: '#fff',
+                    },
+                    {
+                      offset: 0.86,
+                      color: '#33c0cd',
+                    },
+                    {
+                      offset: 1,
+                      color: '#33c0cd',
+                    },
+                  ],
+                  global: false,
+                },
               },
             },
+            boundaryGap: false,
           },
-          boundaryGap: false,
-        }],
-        yAxis: [{
-          type: 'value',
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: true,
-            lineStyle: {
-              color: '#DCE2E8',
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            axisTick: {
+              show: false,
             },
-          },
-          axisLabel: {
-            // textStyle: {
-            color: '#556677',
-            // },
-          },
-          splitLine: {
-            show: false,
-          },
-        }, {
-          type: 'value',
-          position: 'right',
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            // textStyle: {
-            color: '#556677',
-            // },
-            formatter: '{value}',
-          },
-          axisLine: {
-            show: true,
-            lineStyle: {
-              color: '#DCE2E8',
+            axisLine: {
+              show: true,
+              lineStyle: {
+                color: '#DCE2E8',
+              },
             },
-          },
-          splitLine: {
-            show: false,
-          },
-        }],
-        series: [{
-          name: 'K1',
-          type: 'line',
-          data: data.value.kdata.k1,
-          symbolSize: 1,
-          symbol: 'circle',
-          smooth: true,
-          yAxisIndex: 0,
-          showSymbol: false,
-          lineStyle: {
-            width: 5,
-            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
-              offset: 0,
-              color: '#9effff',
+            axisLabel: {
+              // textStyle: {
+              color: '#556677',
+              // },
             },
-            {
-              offset: 1,
-              color: '#9E87FF',
+            splitLine: {
+              show: false,
             },
-            ]),
-            shadowColor: 'rgba(158,135,255, 0.3)',
-            shadowBlur: 10,
-            shadowOffsetY: 20,
           },
-          // itemStyle: {
-          // normal: {
-          // color: colorList[0],
-          // borderColor: colorList[0],
-          // },
-          // },
-        }, {
-          name: 'K2',
-          type: 'line',
-          data: data.value.kdata.k2,
-          symbolSize: 1,
-          symbol: 'circle',
-          smooth: true,
-          yAxisIndex: 0,
-          showSymbol: false,
-          lineStyle: {
-            width: 5,
-            color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
-              offset: 0,
-              color: '#73DD39',
+          {
+            type: 'value',
+            position: 'right',
+            axisTick: {
+              show: false,
             },
-            {
-              offset: 1,
-              color: '#73DDFF',
+            axisLabel: {
+              // textStyle: {
+              color: '#556677',
+              // },
+              formatter: '{value}',
+            },
+            axisLine: {
+              show: true,
+              lineStyle: {
+                color: '#DCE2E8',
+              },
+            },
+            splitLine: {
+              show: false,
             },
-            ]),
-            shadowColor: 'rgba(115,221,255, 0.3)',
-            shadowBlur: 10,
-            shadowOffsetY: 20,
           },
-          // itemStyle: {
-          // normal: {
-          // color: colorList[1],
-          // borderColor: colorList[1],
-          // },
-          // },
-        },
-        {
-          name: 'K3',
-          type: 'line',
-          data: data.value.kdata.k3,
-          symbolSize: 1,
-          yAxisIndex: 1,
-          symbol: 'circle',
-          smooth: true,
-          showSymbol: false,
-          lineStyle: {
-            width: 5,
-            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
-              offset: 0,
-              color: '#fe9a',
+        ],
+        series: [
+          {
+            name: 'K1',
+            type: 'line',
+            data: data.value.kdata.k1,
+            symbolSize: 1,
+            symbol: 'circle',
+            smooth: true,
+            yAxisIndex: 0,
+            showSymbol: false,
+            lineStyle: {
+              width: 5,
+              color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                {
+                  offset: 0,
+                  color: '#9effff',
+                },
+                {
+                  offset: 1,
+                  color: '#9E87FF',
+                },
+              ]),
+              shadowColor: 'rgba(158,135,255, 0.3)',
+              shadowBlur: 10,
+              shadowOffsetY: 20,
+            },
+            // itemStyle: {
+            // normal: {
+            // color: colorList[0],
+            // borderColor: colorList[0],
+            // },
+            // },
+          },
+          {
+            name: 'K2',
+            type: 'line',
+            data: data.value.kdata.k2,
+            symbolSize: 1,
+            symbol: 'circle',
+            smooth: true,
+            yAxisIndex: 0,
+            showSymbol: false,
+            lineStyle: {
+              width: 5,
+              color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [
+                {
+                  offset: 0,
+                  color: '#73DD39',
+                },
+                {
+                  offset: 1,
+                  color: '#73DDFF',
+                },
+              ]),
+              shadowColor: 'rgba(115,221,255, 0.3)',
+              shadowBlur: 10,
+              shadowOffsetY: 20,
             },
-            {
-              offset: 1,
-              color: '#fe9a8b',
+            // itemStyle: {
+            // normal: {
+            // color: colorList[1],
+            // borderColor: colorList[1],
+            // },
+            // },
+          },
+          {
+            name: 'K3',
+            type: 'line',
+            data: data.value.kdata.k3,
+            symbolSize: 1,
+            yAxisIndex: 1,
+            symbol: 'circle',
+            smooth: true,
+            showSymbol: false,
+            lineStyle: {
+              width: 5,
+              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                {
+                  offset: 0,
+                  color: '#fe9a',
+                },
+                {
+                  offset: 1,
+                  color: '#fe9a8b',
+                },
+              ]),
+              shadowColor: 'rgba(254,154,139, 0.3)',
+              shadowBlur: 10,
+              shadowOffsetY: 20,
             },
-            ]),
-            shadowColor: 'rgba(254,154,139, 0.3)',
-            shadowBlur: 10,
-            shadowOffsetY: 20,
+            // itemStyle: {
+            //   color: colorList[2],
+            //   borderColor: colorList[2],
+            // },
           },
-          // itemStyle: {
-          //   color: colorList[2],
-          //   borderColor: colorList[2],
-          // },
-        },
         ],
       })
 
@@ -318,5 +336,4 @@ export default defineComponent({
     }
   },
 })
-
 </script>
diff --git a/src/views/dashboard/analysis/components/VisitAnalysisPie.vue b/src/views/dashboard/analysis/components/VisitAnalysisPie.vue
index 3fb49d2e..04a3c272 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysisPie.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysisPie.vue
@@ -16,11 +16,14 @@ export default defineComponent({
     const chartRef = ref<HTMLDivElement | null>(null)
     const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-    watch(() => props.type, (v) => {
-      if (v) {
-        initChart()
+    watch(
+      () => props.type,
+      (v) => {
+        if (v) {
+          initChart()
+        }
       }
-    })
+    )
 
     const initChart = () => {
       const data = computed(() => {
@@ -88,5 +91,4 @@ export default defineComponent({
     }
   },
 })
-
 </script>
diff --git a/src/views/dashboard/analysis/components/anaCard.vue b/src/views/dashboard/analysis/components/anaCard.vue
index 59ded826..5b0e59cf 100644
--- a/src/views/dashboard/analysis/components/anaCard.vue
+++ b/src/views/dashboard/analysis/components/anaCard.vue
@@ -6,19 +6,18 @@
       v-for="item in CardList"
       :key="item.title">
       <el-col :span="8">
-        <el-card
-          shadow="always">
+        <el-card shadow="always">
           <div class="ana-card--li">
             <div class="ana-card--left">
               <div class="ana-card--title dashboard-analysis__title">{{ item.title }}</div>
               <div class="ana-card--subject">{{ item.subject }}</div>
               <div
                 class="ana-card--compare"
-                :class="[{'is-down':item.scale<0,'is-up':item.scale>0}]">
+                :class="[{ 'is-down': item.scale < 0, 'is-up': item.scale > 0 }]">
                 <span class="t1">{{ item.value }}</span>
                 <SvgIcon
                   class="t2"
-                  :name="item.scale > 0 ? 'rise':(item.scale < 0 ? 'fall':'line')" />
+                  :name="item.scale > 0 ? 'rise' : item.scale < 0 ? 'fall' : 'line'" />
                 <span class="t3">{{ Math.abs(item.scale) }}%</span>
               </div>
             </div>
@@ -27,13 +26,16 @@
                 type="circle"
                 :percentage="item.mix"
                 :width="112"
-                :circlePathStyle="[{color:'#f00'}]"
+                :circlePathStyle="[{ color: '#f00' }]"
                 :stroke-width="5"
                 indeterminate
                 :color="getBarColor(item.mix)">
                 <template #default>
                   <div class="ana-card--chart-inner">
-                    <div><span>{{ item.mix }}</span> <span>%</span></div>
+                    <div>
+                      <span>{{ item.mix }}</span>
+                      <span>%</span>
+                    </div>
                     <span>{{ item.desc }}</span>
                   </div>
                 </template>
@@ -59,7 +61,7 @@ defineProps({
   },
 })
 
-function getBarColor(v:number) {
+function getBarColor(v: number) {
   if (v < 30) {
     return '#09B66D'
   } else if (v < 70) {
@@ -108,21 +110,21 @@ function getBarColor(v:number) {
     }
 
     &.is-up {
-      >.t2 {
+      > .t2 {
         color: var(--green-color);
       }
 
-      >.t3 {
+      > .t3 {
         background: var(--green-color);
       }
     }
 
     &.is-down {
-      >.t2 {
+      > .t2 {
         color: var(--red-color-2);
       }
 
-      >.t3 {
+      > .t3 {
         background: var(--red-color-2);
       }
     }
@@ -168,7 +170,6 @@ function getBarColor(v:number) {
           font-weight: lighter;
         }
       }
-
     }
   }
 }
diff --git a/src/views/dashboard/analysis/components/anaOrder.vue b/src/views/dashboard/analysis/components/anaOrder.vue
index 3ee6252f..e09a83cc 100644
--- a/src/views/dashboard/analysis/components/anaOrder.vue
+++ b/src/views/dashboard/analysis/components/anaOrder.vue
@@ -11,8 +11,7 @@
               <el-date-picker
                 v-model="dateVal"
                 type="daterange"
-                range-separator="~"
-              />
+                range-separator="~" />
               <el-select
                 v-model="dateType"
                 placeholder="Select">
@@ -20,8 +19,7 @@
                   v-for="item in dateOptions"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
-                />
+                  :value="item.value" />
               </el-select>
             </div>
           </div>
@@ -66,7 +64,8 @@ export default defineComponent({
       { value: 'year', label: 'Year' },
     ])
 
-    watch(() => unref(dateType),
+    watch(
+      () => unref(dateType),
       (v) => {
         emit('dateType', v)
       }
@@ -79,7 +78,6 @@ export default defineComponent({
     }
   },
 })
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/dashboard/analysis/components/anaProduct.vue b/src/views/dashboard/analysis/components/anaProduct.vue
index 2ad374b1..0c4ff871 100644
--- a/src/views/dashboard/analysis/components/anaProduct.vue
+++ b/src/views/dashboard/analysis/components/anaProduct.vue
@@ -45,8 +45,7 @@ export default defineComponent({
   },
   emits: ['dateType'],
   setup(_) {
-    return { }
+    return {}
   },
 })
-
 </script>
diff --git a/src/views/dashboard/analysis/components/anaSite2.vue b/src/views/dashboard/analysis/components/anaSite2.vue
index f79afd96..5fe1144b 100644
--- a/src/views/dashboard/analysis/components/anaSite2.vue
+++ b/src/views/dashboard/analysis/components/anaSite2.vue
@@ -11,8 +11,7 @@
               <el-date-picker
                 v-model="dateVal"
                 type="daterange"
-                range-separator="~"
-              />
+                range-separator="~" />
               <el-select
                 v-model="dateType"
                 placeholder="Select">
@@ -20,8 +19,7 @@
                   v-for="item in dateOptions"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
-                />
+                  :value="item.value" />
               </el-select>
             </div>
           </div>
@@ -66,7 +64,8 @@ export default defineComponent({
       { value: 'year', label: 'Year' },
     ])
 
-    watch(() => unref(dateType),
+    watch(
+      () => unref(dateType),
       (v) => {
         emit('dateType', v)
       }
@@ -79,7 +78,6 @@ export default defineComponent({
     }
   },
 })
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/dashboard/analysis/data.ts b/src/views/dashboard/analysis/data.ts
index fc112a7a..cea90d8d 100644
--- a/src/views/dashboard/analysis/data.ts
+++ b/src/views/dashboard/analysis/data.ts
@@ -39,17 +39,17 @@ export const CardList: CardItem[] = [
 export type dateType = 'day' | 'week' | 'month' | 'quarter' | 'year'
 
 interface dateItem {
-  xdata: array,
+  xdata: array
   kdata: {
-    k1: array,
-    k2: array,
-    k3: array,
-  },
+    k1: array
+    k2: array
+    k3: array
+  }
   vdata: array
 }
 
-export function getDateData(type:dateType = 'day') {
-  const data:dateItem = {}
+export function getDateData(type: dateType = 'day') {
+  const data: dateItem = {}
   let len = 0
   switch (type) {
     case 'week':
diff --git a/src/views/dashboard/workbench/components/ActivityTimeline.vue b/src/views/dashboard/workbench/components/ActivityTimeline.vue
index bc835ec0..697790a2 100644
--- a/src/views/dashboard/workbench/components/ActivityTimeline.vue
+++ b/src/views/dashboard/workbench/components/ActivityTimeline.vue
@@ -1,4 +1,3 @@
-
 <template>
   <el-card shadow="always">
     <template #header><div class="el-card__header--title">活动进度</div></template>
diff --git a/src/views/dashboard/workbench/components/ProjectCard.vue b/src/views/dashboard/workbench/components/ProjectCard.vue
index ac1c5f42..6dbe0775 100644
--- a/src/views/dashboard/workbench/components/ProjectCard.vue
+++ b/src/views/dashboard/workbench/components/ProjectCard.vue
@@ -6,7 +6,7 @@
         size="small">更多</el-button>
     </template>
     <CardGridItem
-      v-for="(item,index) in items"
+      v-for="(item, index) in items"
       class="project-item"
       :key="index">
       <span class="project-item__title">
diff --git a/src/views/dashboard/workbench/components/QuickNav.vue b/src/views/dashboard/workbench/components/QuickNav.vue
index 24221c89..ad485712 100644
--- a/src/views/dashboard/workbench/components/QuickNav.vue
+++ b/src/views/dashboard/workbench/components/QuickNav.vue
@@ -4,7 +4,7 @@
     title="快捷导航">
     <CardGridItem
       vertical
-      v-for="(item,index) in navItems"
+      v-for="(item, index) in navItems"
       :key="index">
       <Icon
         :name="item.icon"
diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index 8acee3cf..128dc472 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/src/views/dashboard/workbench/index.vue
@@ -2,11 +2,11 @@
   <PageWrapper>
     <template #extra><WorkbenchHeader /></template>
     <el-row :gutter="21">
-      <el-col :lg="{span: 16}">
+      <el-col :lg="{ span: 16 }">
         <ProjectCard class="mb-6" />
         <DynamicInfo />
       </el-col>
-      <el-col :lg="{span: 8}">
+      <el-col :lg="{ span: 8 }">
         <QuickNav />
         <ActivityTimeline class="my-6" />
         <TaskProportion />
diff --git a/src/views/demo/charts/Dync.vue b/src/views/demo/charts/Dync.vue
index 8568d2c1..495df8dd 100644
--- a/src/views/demo/charts/Dync.vue
+++ b/src/views/demo/charts/Dync.vue
@@ -65,8 +65,8 @@ export default defineComponent({
               if (params.dataIndex >= colorList.length) {
                 index = params.dataIndex - colorList.length
               }
-              return new echarts.graphic.LinearGradient(1, 0, 0, 0,
-                [{
+              return new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                {
                   offset: 0,
                   color: colorList[index][0],
                 },
@@ -74,7 +74,7 @@ export default defineComponent({
                   offset: 1,
                   color: colorList[index][1],
                 },
-                ])
+              ])
             },
           },
           label: {
@@ -130,7 +130,7 @@ export default defineComponent({
 
       setInterval(function () {
         run()
-        updateYear(String(startTimes += 1))
+        updateYear(String((startTimes += 1)))
       }, 3000)
     })
     return { chartRef }
diff --git a/src/views/demo/charts/data.ts b/src/views/demo/charts/data.ts
index 3bc3683c..f83756a1 100644
--- a/src/views/demo/charts/data.ts
+++ b/src/views/demo/charts/data.ts
@@ -1,9 +1,46 @@
 import { randomNumber } from '@/utils/demo'
 
 export const mapData = () => {
-  const _cityData:any = ['北京市', '天津市', '上海市', '重庆市', '河北省', '河南省', '云南省', '辽宁省', '黑龙江省', '湖南省', '安徽省', '山东省', '新疆维吾尔自治区', '江苏省', '浙江省', '江西省', '湖北省', '广西壮族自治区', '甘肃省', '山西省', '内蒙古自治区', '陕西省', '吉林省', '福建省', '贵州省', '广东省', '青海省', '西藏自治区', '四川省', '宁夏回族自治区', '海南省', '南海诸岛', '台湾省', '香港特别行政区', '澳门特别行政区', '']
+  const _cityData: any = [
+    '北京市',
+    '天津市',
+    '上海市',
+    '重庆市',
+    '河北省',
+    '河南省',
+    '云南省',
+    '辽宁省',
+    '黑龙江省',
+    '湖南省',
+    '安徽省',
+    '山东省',
+    '新疆维吾尔自治区',
+    '江苏省',
+    '浙江省',
+    '江西省',
+    '湖北省',
+    '广西壮族自治区',
+    '甘肃省',
+    '山西省',
+    '内蒙古自治区',
+    '陕西省',
+    '吉林省',
+    '福建省',
+    '贵州省',
+    '广东省',
+    '青海省',
+    '西藏自治区',
+    '四川省',
+    '宁夏回族自治区',
+    '海南省',
+    '南海诸岛',
+    '台湾省',
+    '香港特别行政区',
+    '澳门特别行政区',
+    '',
+  ]
 
-  return _cityData.map(k => {
+  return _cityData.map((k) => {
     return {
       name: k,
       value: randomNumber(100000),
diff --git a/src/views/demo/charts/map/Baidu.vue b/src/views/demo/charts/map/Baidu.vue
index 21b4b06d..1119870c 100644
--- a/src/views/demo/charts/map/Baidu.vue
+++ b/src/views/demo/charts/map/Baidu.vue
@@ -8,8 +8,7 @@ import { defineComponent, ref, nextTick, unref, onMounted } from 'vue'
 
 import { useScript } from '@/hooks/web/useScript'
 
-const BAI_DU_MAP_URL =
-  'https://api.map.baidu.com/getscript?v=3.0&ak=I5quyrrIkhGGo0d2np6rDyGEc9uXieNL&services=&s=1'
+const BAI_DU_MAP_URL = 'https://api.map.baidu.com/getscript?v=3.0&ak=I5quyrrIkhGGo0d2np6rDyGEc9uXieNL&services=&s=1'
 export default defineComponent({
   name: 'BaiduMap',
   props: {
diff --git a/src/views/demo/charts/map/Tencent.vue b/src/views/demo/charts/map/Tencent.vue
index 956a4eb5..d56b3937 100644
--- a/src/views/demo/charts/map/Tencent.vue
+++ b/src/views/demo/charts/map/Tencent.vue
@@ -8,8 +8,7 @@ import { defineComponent, ref, nextTick, unref, onMounted } from 'vue'
 
 import { useScript } from '@/hooks/web/useScript'
 
-const BAI_DU_MAP_URL =
-  'https://map.qq.com/api/gljs?v=1.exp&key=HRBBZ-Z7NRP-ENVDD-LRRMT-GUK2E-PGBW2'
+const BAI_DU_MAP_URL = 'https://map.qq.com/api/gljs?v=1.exp&key=HRBBZ-Z7NRP-ENVDD-LRRMT-GUK2E-PGBW2'
 export default defineComponent({
   name: 'BaiduMap',
   props: {
diff --git a/src/views/demo/comp/button/index.vue b/src/views/demo/comp/button/index.vue
index 363a9331..47d7968a 100644
--- a/src/views/demo/comp/button/index.vue
+++ b/src/views/demo/comp/button/index.vue
@@ -38,7 +38,6 @@
           <el-button type="warning">Warning</el-button>
           <el-button type="danger">Danger</el-button>
           <el-button>中文</el-button>
-
         </el-card>
       </el-col>
       <el-col :span="12">
@@ -61,7 +60,6 @@
           <el-button
             type="danger"
             plain>Danger</el-button>
-
         </el-card>
       </el-col>
       <el-col :span="12">
@@ -88,7 +86,6 @@
           <el-button
             type="danger"
             round>Danger</el-button>
-
         </el-card>
       </el-col>
       <el-col :span="12">
@@ -103,7 +100,6 @@
           <el-button
             type="text"
             disabled>Text Button</el-button>
-
         </el-card>
       </el-col>
       <el-col :span="12">
@@ -157,9 +153,7 @@
             <el-button
               type="primary"
               class="direction-rtl"
-              :icon="ArrowRight">
-              Next Page
-            </el-button>
+              :icon="ArrowRight">Next Page</el-button>
           </el-button-group>
 
           <el-button-group>
@@ -173,7 +167,6 @@
               type="primary"
               :icon="Delete" />
           </el-button-group>
-
         </el-card>
       </el-col>
     </el-row>
@@ -235,7 +228,6 @@
             type="danger"
             plain
             disabled>Danger</el-button>
-
         </el-card>
       </el-col>
     </el-row>
@@ -318,7 +310,6 @@ export default defineComponent({
       onLoading,
     }
   },
-
 })
 </script>
 
diff --git a/src/views/demo/comp/desc/index.vue b/src/views/demo/comp/desc/index.vue
index 44970488..36db4375 100644
--- a/src/views/demo/comp/desc/index.vue
+++ b/src/views/demo/comp/desc/index.vue
@@ -8,7 +8,8 @@
       :schema="schema">
       <template #phone="val">
         <div>
-          Call: <strong>{{ val }}</strong>
+          Call:
+          <strong>{{ val }}</strong>
         </div>
       </template>
     </BasicDescription>
@@ -27,7 +28,6 @@
       :schema="schema" />
 
     <BasicDescription @register="register" />
-
   </PageWrapper>
 </template>
 
diff --git a/src/views/demo/comp/drawer/Drawer1.vue b/src/views/demo/comp/drawer/Drawer1.vue
index 96688e08..e4ec4d89 100644
--- a/src/views/demo/comp/drawer/Drawer1.vue
+++ b/src/views/demo/comp/drawer/Drawer1.vue
@@ -7,7 +7,7 @@
     @register="register"
     title="Drawer Title"
     size="50%">
-    <p> Drawer Info.</p>
+    <p>Drawer Info.</p>
     <el-button
       @click="closeDrawer"
       class="my-4">关闭 Drawer</el-button>
diff --git a/src/views/demo/comp/lazy/Transition.vue b/src/views/demo/comp/lazy/Transition.vue
index 2449d66d..5424a258 100644
--- a/src/views/demo/comp/lazy/Transition.vue
+++ b/src/views/demo/comp/lazy/Transition.vue
@@ -5,8 +5,7 @@
     <div class="lazy-base-demo-wrap">
       <h1>向下滚动</h1>
       <div class="lazy-base-demo-box">
-        <LazyContainer
-          transitionName="custom">
+        <LazyContainer transitionName="custom">
           <TargetContent />
         </LazyContainer>
       </div>
diff --git a/src/views/demo/comp/loading/index.vue b/src/views/demo/comp/loading/index.vue
index 608d9830..137e3ea5 100644
--- a/src/views/demo/comp/loading/index.vue
+++ b/src/views/demo/comp/loading/index.vue
@@ -13,7 +13,9 @@
         class="my-4 mr-4"
         type="primary"
         v-loading.fullscreen.lock="fullscreenLoading"
-        @click="openCompFullLoading">全屏 Loading</el-button>
+        @click="openCompFullLoading">
+        全屏 Loading
+      </el-button>
       <el-button
         class="my-4"
         type="primary"
diff --git a/src/views/demo/comp/modal/Modal1.vue b/src/views/demo/comp/modal/Modal1.vue
index 53cc7029..1d9d7e64 100644
--- a/src/views/demo/comp/modal/Modal1.vue
+++ b/src/views/demo/comp/modal/Modal1.vue
@@ -44,7 +44,7 @@ export default defineComponent({
       () => lines.value,
       () => {
         redoModalHeight()
-      },
+      }
     )
 
     function handleShow(visible: boolean) {
@@ -66,9 +66,9 @@ export default defineComponent({
 </script>
 
 <style scoped>
-  .empty-tips {
-    height: 100px;
-    line-height: 100px;
-    text-align: center;
-  }
+.empty-tips {
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+}
 </style>
diff --git a/src/views/demo/comp/modal/Modal2.vue b/src/views/demo/comp/modal/Modal2.vue
index 74880616..e5153e1d 100644
--- a/src/views/demo/comp/modal/Modal2.vue
+++ b/src/views/demo/comp/modal/Modal2.vue
@@ -6,10 +6,10 @@
     <el-button
       type="primary"
       @click="closeModal()"
-      class="mr-2"> 从内部关闭弹窗 </el-button>
+      class="mr-2">从内部关闭弹窗</el-button>
     <el-button
       type="primary"
-      @click="setModalProps"> 从内部修改title </el-button>
+      @click="setModalProps">从内部修改title</el-button>
   </BasicModal>
 </template>
 
diff --git a/src/views/demo/comp/modal/Modal3.vue b/src/views/demo/comp/modal/Modal3.vue
index 3ca3d337..a273fb06 100644
--- a/src/views/demo/comp/modal/Modal3.vue
+++ b/src/views/demo/comp/modal/Modal3.vue
@@ -2,7 +2,6 @@
   <BasicModal
     v-bind="$attrs"
     title="Modal Title"
-
     :helpMessage="['提示1', '提示2']"
     width="700px">
     <p
diff --git a/src/views/demo/comp/modal/index.vue b/src/views/demo/comp/modal/index.vue
index d1ecfad5..915c43d2 100644
--- a/src/views/demo/comp/modal/index.vue
+++ b/src/views/demo/comp/modal/index.vue
@@ -6,7 +6,7 @@
     <el-button
       type="primary"
       class="my-4"
-      @click="openModalLoading"> 打开弹窗 </el-button>
+      @click="openModalLoading">打开弹窗</el-button>
 
     <el-alert
       title="使用 createConfirm 进行弹窗操作，是一个简易友好的弹窗"
@@ -14,7 +14,7 @@
     <el-button
       type="primary"
       class="my-4"
-      @click="openMsgPopup()"> 打开消息弹窗 </el-button>
+      @click="openMsgPopup()">打开消息弹窗</el-button>
 
     <el-alert
       title="内外同时同时显示隐藏"
@@ -22,7 +22,7 @@
     <el-button
       type="primary"
       class="my-4"
-      @click="openModal2()"> 打开弹窗 </el-button>
+      @click="openModal2()">打开弹窗</el-button>
 
     <el-alert
       title="自适应高度"
@@ -30,7 +30,7 @@
     <el-button
       type="primary"
       class="my-4"
-      @click="openModal3()"> 打开弹窗 </el-button>
+      @click="openModal3()">打开弹窗</el-button>
 
     <el-alert
       title="内外数据交互"
@@ -38,13 +38,12 @@
     <el-button
       type="primary"
       class="my-4"
-      @click="send"> 打开弹窗并传递数据 </el-button>
+      @click="send">打开弹窗并传递数据</el-button>
 
     <Modal1 @register="register1" />
     <Modal2 @register="register2" />
     <Modal3 @register="register3" />
     <Modal4 @register="register4" />
-
   </PageWrapper>
 </template>
 
@@ -81,11 +80,13 @@ export default defineComponent({
     }
 
     function openMsgPopup() {
-      createConfirm({ title: '是否删除？', content: '注意：删除后将无法找回内容！', type: 'warning' }).then((act) => {
-        createMessage.success('点击了 ' + act)
-      }).catch((act) => {
-        createMessage.info('点击了 ' + act)
-      })
+      createConfirm({ title: '是否删除？', content: '注意：删除后将无法找回内容！', type: 'warning' })
+        .then((act) => {
+          createMessage.success('点击了 ' + act)
+        })
+        .catch((act) => {
+          createMessage.info('点击了 ' + act)
+        })
     }
 
     return {
diff --git a/src/views/demo/comp/scroll/Action.vue b/src/views/demo/comp/scroll/Action.vue
index 89c05b14..a4be98d7 100644
--- a/src/views/demo/comp/scroll/Action.vue
+++ b/src/views/demo/comp/scroll/Action.vue
@@ -12,7 +12,7 @@
         ref="scrollRef">
         <ul class="p-3">
           <li
-            v-for="(k,i) in litdata"
+            v-for="(k, i) in litdata"
             :key="i">{{ k }}</li>
         </ul>
       </ScrollContainer>
diff --git a/src/views/demo/comp/scroll/VirtualScroll.vue b/src/views/demo/comp/scroll/VirtualScroll.vue
index d4b8bdd2..2882afff 100644
--- a/src/views/demo/comp/scroll/VirtualScroll.vue
+++ b/src/views/demo/comp/scroll/VirtualScroll.vue
@@ -6,10 +6,8 @@
         :itemHeight="60"
         :listData="data"
         :height="300">
-        <template #default="{ item, index}">
-          <div class="virtual-scroll-demo__item">
-            {{ index }} - {{ item.title }}
-          </div>
+        <template #default="{ item, index }">
+          <div class="virtual-scroll-demo__item">{{ index }} - {{ item.title }}</div>
         </template>
       </VirtualScroll>
     </div>
diff --git a/src/views/demo/comp/scroll/data.ts b/src/views/demo/comp/scroll/data.ts
index dcb790b8..d89de1a0 100644
--- a/src/views/demo/comp/scroll/data.ts
+++ b/src/views/demo/comp/scroll/data.ts
@@ -1,4 +1,3 @@
-
 export const data: Recordable[] = (() => {
   const arr: Recordable[] = []
   for (let index = 1; index < 20000; index++) {
diff --git a/src/views/demo/comp/scroll/index.vue b/src/views/demo/comp/scroll/index.vue
index 6f4b325e..23129a00 100644
--- a/src/views/demo/comp/scroll/index.vue
+++ b/src/views/demo/comp/scroll/index.vue
@@ -4,7 +4,7 @@
       <ScrollContainer class="mt-4">
         <ul class="p-3">
           <li
-            v-for="(k,i) in litdata"
+            v-for="(k, i) in litdata"
             :key="i">{{ k }}</li>
         </ul>
       </ScrollContainer>
diff --git a/src/views/demo/comp/time/index.vue b/src/views/demo/comp/time/index.vue
index 1515f9fc..e4d735c4 100644
--- a/src/views/demo/comp/time/index.vue
+++ b/src/views/demo/comp/time/index.vue
@@ -57,8 +57,8 @@ export default defineComponent({
     }
     return {
       now,
-      time1: now - (60 * 3 * 1000),
-      time2: now - (86400 * 3 * 1000),
+      time1: now - 60 * 3 * 1000,
+      time2: now - 86400 * 3 * 1000,
       handleExpand,
     }
   },
diff --git a/src/views/demo/comp/transition/index.vue b/src/views/demo/comp/transition/index.vue
index 5ea31388..06103969 100644
--- a/src/views/demo/comp/transition/index.vue
+++ b/src/views/demo/comp/transition/index.vue
@@ -8,11 +8,12 @@
         <component :is="`${item}Transition`">
           <div
             class="box"
-            v-show="show"><div>{{ item }}</div></div>
+            v-show="show">
+            <div>{{ item }}</div>
+          </div>
         </component>
       </el-col>
     </el-row>
-
   </PageWrapper>
 </template>
 
@@ -38,7 +39,7 @@ import {
   ZoomFadeTransition,
   ZoomOutTransition,
   ExpandTransition,
-  ExpandXTransition,
+  ExpandXTransition
 } from '@/components/Transition'
 
 export default defineComponent({
diff --git a/src/views/demo/comp/upload/index.vue b/src/views/demo/comp/upload/index.vue
index 7e590619..ed8ede74 100644
--- a/src/views/demo/comp/upload/index.vue
+++ b/src/views/demo/comp/upload/index.vue
@@ -9,7 +9,7 @@
       :maxSize="5"
       :maxNumber="3"
       @delete="handleDelete"
-      :accept="['png','jpg','jpeg','webp','svg']" />
+      :accept="['png', 'jpg', 'jpeg', 'webp', 'svg']" />
 
     <el-alert
       type="error"
@@ -24,7 +24,7 @@
       :maxSize="5"
       :maxNumber="3"
       @delete="handleDelete"
-      :accept="['png','jpg','jpeg','webp','svg']" />
+      :accept="['png', 'jpg', 'jpeg', 'webp', 'svg']" />
   </PageWrapper>
 </template>
 
diff --git a/src/views/demo/comp/verify/index.vue b/src/views/demo/comp/verify/index.vue
index d4466d5b..47f94aba 100644
--- a/src/views/demo/comp/verify/index.vue
+++ b/src/views/demo/comp/verify/index.vue
@@ -6,7 +6,7 @@
         isSlot
         :modelValue="verifyState"
         @end="handleCustomSuccess" />
-      <el-button @click="handleBtnClick(el1,'el1')">还原</el-button>
+      <el-button @click="handleBtnClick(el1, 'el1')">还原</el-button>
     </div>
 
     <div class="demo-verify-item">
diff --git a/src/views/demo/feat/breadcrumb/FlatList.vue b/src/views/demo/feat/breadcrumb/FlatList.vue
index e6e8ca48..315b3b8d 100644
--- a/src/views/demo/feat/breadcrumb/FlatList.vue
+++ b/src/views/demo/feat/breadcrumb/FlatList.vue
@@ -2,7 +2,7 @@
   <PageWrapper
     title="平级面包屑示例"
     description="子级页面面包屑会覆盖当前层级">
-    <router-link to="/feat/breadcrumb/flatDetail">进入平级详情页 &gt;&gt; </router-link>
+    <router-link to="/feat/breadcrumb/flatDetail">进入平级详情页 &gt;&gt;</router-link>
   </PageWrapper>
 </template>
 
diff --git a/src/views/demo/feat/download/index.vue b/src/views/demo/feat/download/index.vue
index d2791277..7f6f321f 100644
--- a/src/views/demo/feat/download/index.vue
+++ b/src/views/demo/feat/download/index.vue
@@ -39,11 +39,7 @@ export default defineComponent({
       downloadByData('text content', 'testName.txt')
     }
     function handleDownloadByUrl() {
-      downloadByUrl(
-        'https://www.7-zip.org/a/7z2107-x64.exe',
-        '7z2107-x64.exe',
-        '_self',
-      )
+      downloadByUrl('https://www.7-zip.org/a/7z2107-x64.exe', '7z2107-x64.exe', '_self')
     }
 
     function handleDownloadByBase64() {
diff --git a/src/views/demo/feat/icon/index.vue b/src/views/demo/feat/icon/index.vue
index a9512c35..d77b6692 100644
--- a/src/views/demo/feat/icon/index.vue
+++ b/src/views/demo/feat/icon/index.vue
@@ -87,8 +87,7 @@ export default defineComponent({
     SvgIcon,
   },
   setup() {
-    return {
-    }
+    return {}
   },
 })
 </script>
diff --git a/src/views/demo/feat/session-timeout/index.vue b/src/views/demo/feat/session-timeout/index.vue
index 1072b447..e7480458 100644
--- a/src/views/demo/feat/session-timeout/index.vue
+++ b/src/views/demo/feat/session-timeout/index.vue
@@ -4,7 +4,11 @@
     description="用户登录过期示例，不再跳转登录页，直接生成页面覆盖当前页面，方便保持过期前的用户状态！">
     <el-card>
       <template #header>
-        <div>请点击下面的按钮访问测试接口(<span style="font-size: 60%;color: #666">所访问的接口会返回Token过期响应</span>)</div>
+        <div>
+          请点击下面的按钮访问测试接口(
+          <span style="font-size: 60%; color: #666">所访问的接口会返回Token过期响应</span>
+          )
+        </div>
       </template>
       <el-button
         type="primary"
diff --git a/src/views/demo/feat/tab-params/index.vue b/src/views/demo/feat/tab-params/index.vue
index e3318547..e8ea3395 100644
--- a/src/views/demo/feat/tab-params/index.vue
+++ b/src/views/demo/feat/tab-params/index.vue
@@ -1,9 +1,7 @@
 <template>
   <PageWrapper
     title="带参数标签页"
-    description="支持带参数多tab缓存">
-    Current Param : {{ params }}
-  </PageWrapper>
+    description="支持带参数多tab缓存">Current Param : {{ params }}</PageWrapper>
 </template>
 
 <script lang="ts">
diff --git a/src/views/demo/feat/ws/index.vue b/src/views/demo/feat/ws/index.vue
index 6e1fabec..6573d024 100644
--- a/src/views/demo/feat/ws/index.vue
+++ b/src/views/demo/feat/ws/index.vue
@@ -21,7 +21,8 @@
                 :type="getIsOpen ? 'danger' : 'primary'"
                 @click="toggle"
                 :loading="status === 'CONNECTING'">
-                {{ getIsOpen ? '关闭连接' : (status === 'CONNECTING' ? '连接中...' : '开启连接') }}</el-button>
+                {{ getIsOpen ? '关闭连接' : status === 'CONNECTING' ? '连接中...' : '开启连接' }}
+              </el-button>
             </template>
           </el-input>
         </el-card>
@@ -34,8 +35,7 @@
             v-model="sendValue"
             show-word-limit
             :rows="5"
-            type="textarea"
-          />
+            type="textarea" />
           <el-button
             type="primary"
             block
diff --git a/src/views/demo/form/AdvancedForm.vue b/src/views/demo/form/AdvancedForm.vue
index 8a26f48e..862ec604 100644
--- a/src/views/demo/form/AdvancedForm.vue
+++ b/src/views/demo/form/AdvancedForm.vue
@@ -31,11 +31,7 @@ export default defineComponent({
     }
     const [register] = useForm({
       // labelWidth: 80,
-      schemas: [
-        ...UseSchemas,
-        { field: '', component: 'ElDivider', label: '更多字段' },
-        ...extraSchemas,
-      ],
+      schemas: [...UseSchemas, { field: '', component: 'ElDivider', label: '更多字段' }, ...extraSchemas],
       // actionColProps: {
       //   span: 24,
       // },
diff --git a/src/views/demo/form/CustomerForm.vue b/src/views/demo/form/CustomerForm.vue
index ce575609..b3c2ef43 100644
--- a/src/views/demo/form/CustomerForm.vue
+++ b/src/views/demo/form/CustomerForm.vue
@@ -38,7 +38,7 @@ export default defineComponent({
           return h(ElInput, {
             placeholder: '请输入',
             modelValue: model[field],
-            onInput: (v:any) => {
+            onInput: (v: any) => {
               model[field] = v
             },
           })
diff --git a/src/views/demo/form/RefForm.vue b/src/views/demo/form/RefForm.vue
index e8007a72..830e030b 100644
--- a/src/views/demo/form/RefForm.vue
+++ b/src/views/demo/form/RefForm.vue
@@ -16,8 +16,12 @@
       <el-button @click="setFormProps({ showResetButton: true })">显示重置按钮</el-button>
       <el-button @click="setFormProps({ showSubmitButton: false })">隐藏查询按钮</el-button>
       <el-button @click="setFormProps({ showSubmitButton: true })">显示查询按钮</el-button>
-      <el-button @click=" setFormProps({ resetButtonOptions: { disabled: true, text: '重置New' } })">修改重置按钮</el-button>
-      <el-button @click=" setFormProps({ submitButtonOptions: { disabled: true, loading: true } }) ">修改查询按钮</el-button>
+      <el-button @click="setFormProps({ resetButtonOptions: { disabled: true, text: '重置New' } })">
+        修改重置按钮
+      </el-button>
+      <el-button @click="setFormProps({ submitButtonOptions: { disabled: true, loading: true } })">
+        修改查询按钮
+      </el-button>
     </div>
 
     <CollapseContainer title="使用ref调用表单内部函数示例">
diff --git a/src/views/demo/form/RuleForm.vue b/src/views/demo/form/RuleForm.vue
index 052dfcd4..68f8d4f7 100644
--- a/src/views/demo/form/RuleForm.vue
+++ b/src/views/demo/form/RuleForm.vue
@@ -8,11 +8,9 @@
       <el-button @click="reset()">重置</el-button>
     </div>
     <CollapseContainer title="表单校验">
-      <BasicForm
-        @register="register">
+      <BasicForm @register="register">
         <template #countdown="{ model, field }">
-          <CountdownInput
-            v-model:modelValue="model[field]" />
+          <CountdownInput v-model:modelValue="model[field]" />
         </template>
       </BasicForm>
     </CollapseContainer>
@@ -129,7 +127,7 @@ export default defineComponent({
         rules: [
           {
             required: true,
-            validator: (_, value:any, callback:any) => {
+            validator: (_, value: any, callback: any) => {
               if (!value) {
                 callback(new Error('值不能为空'))
               }
@@ -206,7 +204,7 @@ export default defineComponent({
             message: '请输入数据',
           },
           {
-            validator(_, value:any, callback:any) {
+            validator(_, value: any, callback: any) {
               isAccountExist(value)
                 .then(() => callback())
                 .catch((err) => {
@@ -217,16 +215,7 @@ export default defineComponent({
         ],
       },
     ]
-    const [
-      register,
-      {
-        validateField,
-        clearValidate,
-        getFieldsValue,
-        reset,
-        setFieldsValue,
-      },
-    ] = useForm({
+    const [register, { validateField, clearValidate, getFieldsValue, reset, setFieldsValue }] = useForm({
       labelWidth: 140,
       schemas,
       actionColProps: {
diff --git a/src/views/demo/form/UseForm.vue b/src/views/demo/form/UseForm.vue
index d3d0c847..db05ddad 100644
--- a/src/views/demo/form/UseForm.vue
+++ b/src/views/demo/form/UseForm.vue
@@ -1,23 +1,27 @@
 <template>
   <PageWrapper title="UseForm操作示例">
     <div class="mb-4">
-      <el-button @click="setFormProps({ labelWidth: 150 })"> 更改labelWidth </el-button>
-      <el-button @click="setFormProps({ labelWidth: 120 })"> 还原labelWidth </el-button>
-      <el-button @click="setFormProps({ size: 'large' })"> 更改Size </el-button>
-      <el-button @click="setFormProps({ size: 'default' })"> 还原Size </el-button>
-      <el-button @click="setFormProps({ disabled: true })"> 禁用表单 </el-button>
-      <el-button @click="setFormProps({ disabled: false })"> 解除禁用 </el-button>
-      <el-button @click="setFormProps({ actionColProps: { span: 8 } })"> 操作按钮位置 </el-button>
+      <el-button @click="setFormProps({ labelWidth: 150 })">更改labelWidth</el-button>
+      <el-button @click="setFormProps({ labelWidth: 120 })">还原labelWidth</el-button>
+      <el-button @click="setFormProps({ size: 'large' })">更改Size</el-button>
+      <el-button @click="setFormProps({ size: 'default' })">还原Size</el-button>
+      <el-button @click="setFormProps({ disabled: true })">禁用表单</el-button>
+      <el-button @click="setFormProps({ disabled: false })">解除禁用</el-button>
+      <el-button @click="setFormProps({ actionColProps: { span: 8 } })">操作按钮位置</el-button>
     </div>
     <div class="mb-4">
-      <el-button @click="setFormProps({ showActionButtonGroup: false })"> 隐藏操作按钮 </el-button>
-      <el-button @click="setFormProps({ showActionButtonGroup: true })"> 显示操作按钮 </el-button>
-      <el-button @click="setFormProps({ showResetButton: false })"> 隐藏重置按钮 </el-button>
-      <el-button @click="setFormProps({ showResetButton: true })"> 显示重置按钮 </el-button>
-      <el-button @click="setFormProps({ showSubmitButton: false })"> 隐藏查询按钮 </el-button>
-      <el-button @click="setFormProps({ showSubmitButton: true })"> 显示查询按钮 </el-button>
-      <el-button @click="setFormProps({resetButtonOptions: { disabled: true, text: '重置New'}})"> 修改重置按钮 </el-button>
-      <el-button @click="setFormProps({submitButtonOptions: { disabled: true, loading: true}})"> 修改查询按钮 </el-button>
+      <el-button @click="setFormProps({ showActionButtonGroup: false })">隐藏操作按钮</el-button>
+      <el-button @click="setFormProps({ showActionButtonGroup: true })">显示操作按钮</el-button>
+      <el-button @click="setFormProps({ showResetButton: false })">隐藏重置按钮</el-button>
+      <el-button @click="setFormProps({ showResetButton: true })">显示重置按钮</el-button>
+      <el-button @click="setFormProps({ showSubmitButton: false })">隐藏查询按钮</el-button>
+      <el-button @click="setFormProps({ showSubmitButton: true })">显示查询按钮</el-button>
+      <el-button @click="setFormProps({ resetButtonOptions: { disabled: true, text: '重置New' } })">
+        修改重置按钮
+      </el-button>
+      <el-button @click="setFormProps({ submitButtonOptions: { disabled: true, loading: true } })">
+        修改查询按钮
+      </el-button>
     </div>
     <CollapseContainer title="useForm示例">
       <BasicForm
diff --git a/src/views/demo/form/data.ts b/src/views/demo/form/data.ts
index 0a920aa3..bf32fa41 100644
--- a/src/views/demo/form/data.ts
+++ b/src/views/demo/form/data.ts
@@ -337,9 +337,7 @@ export const basicSchemas: BasicFormSchema[] = [
         placeholder: '省份与城市联动',
         onChange: (e: any) => {
           let citiesOptions =
-              e === 1
-                ? citiesOptionsData[provincesOptions[0].id]
-                : citiesOptionsData[provincesOptions[1].id]
+            e === 1 ? citiesOptionsData[provincesOptions[0].id] : citiesOptionsData[provincesOptions[1].id]
           if (e === undefined) {
             citiesOptions = []
           }
diff --git a/src/views/demo/level/Menu111.vue b/src/views/demo/level/Menu111.vue
index 4e0e419e..aca7ea59 100644
--- a/src/views/demo/level/Menu111.vue
+++ b/src/views/demo/level/Menu111.vue
@@ -1,10 +1,8 @@
 <template>
-  <div class="p-5">
-    多层级缓存-页面1-1-1
-  </div>
+  <div class="p-5">多层级缓存-页面1-1-1</div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-export default defineComponent({ name: 'Menu111Demo', components: { } })
+export default defineComponent({ name: 'Menu111Demo', components: {} })
 </script>
diff --git a/src/views/demo/level/Menu12.vue b/src/views/demo/level/Menu12.vue
index b5ea0bda..27d67f82 100644
--- a/src/views/demo/level/Menu12.vue
+++ b/src/views/demo/level/Menu12.vue
@@ -1,10 +1,8 @@
 <template>
-  <div class="p-5">
-    多层级缓存-页面1-2
-  </div>
+  <div class="p-5">多层级缓存-页面1-2</div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-export default defineComponent({ name: 'Menu12Demo', components: { } })
+export default defineComponent({ name: 'Menu12Demo', components: {} })
 </script>
diff --git a/src/views/demo/level/Menu2.vue b/src/views/demo/level/Menu2.vue
index 2f0bbf3a..cd27b527 100644
--- a/src/views/demo/level/Menu2.vue
+++ b/src/views/demo/level/Menu2.vue
@@ -1,13 +1,11 @@
 <template>
-  <div class="p-5">
-    多层级缓存-页面2
-  </div>
+  <div class="p-5">多层级缓存-页面2</div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'Menu2Demo',
-  components: { },
+  components: {},
 })
 </script>
diff --git a/src/views/demo/page/account/center/Application.vue b/src/views/demo/page/account/center/Application.vue
index 94428bab..adb05898 100644
--- a/src/views/demo/page/account/center/Application.vue
+++ b/src/views/demo/page/account/center/Application.vue
@@ -8,7 +8,7 @@
           <ListItem :class="`${prefixCls}__item`">
             <el-card
               :class="`${prefixCls}__card`"
-              :bodyStyle="{padding:0}">
+              :bodyStyle="{ padding: 0 }">
               <div :class="`${prefixCls}__card-title`">
                 <Icon
                   class="icon"
diff --git a/src/views/demo/page/account/center/Project.vue b/src/views/demo/page/account/center/Project.vue
index 1e447bc6..eb69d7c4 100644
--- a/src/views/demo/page/account/center/Project.vue
+++ b/src/views/demo/page/account/center/Project.vue
@@ -8,11 +8,10 @@
           <ListItem :class="`${prefixCls}__item`">
             <el-card
               :class="`${prefixCls}__card`"
-              :bodyStyle="{padding:0}">
-
+              :bodyStyle="{ padding: 0 }">
               <div
                 :class="`${prefixCls}__card-img`"
-                :style="{'background-image': 'url('+demoImg+')'}"></div>
+                :style="{ 'background-image': 'url(' + demoImg + ')' }"></div>
 
               <div :class="`${prefixCls}__card-title`">
                 {{ item.title }}
diff --git a/src/views/demo/page/account/center/index.vue b/src/views/demo/page/account/center/index.vue
index 8190fc30..a560b978 100644
--- a/src/views/demo/page/account/center/index.vue
+++ b/src/views/demo/page/account/center/index.vue
@@ -123,7 +123,7 @@ export default defineComponent({
     padding: 0 10px;
 
     &:not(:last-child) {
-      border-right: 1px dashed rgba(206,206,206,0.5);
+      border-right: 1px dashed rgba(206, 206, 206, 0.5);
     }
   }
 
diff --git a/src/views/demo/page/account/setting/BaseSetting.vue b/src/views/demo/page/account/setting/BaseSetting.vue
index 2d2dea03..aecd5c62 100644
--- a/src/views/demo/page/account/setting/BaseSetting.vue
+++ b/src/views/demo/page/account/setting/BaseSetting.vue
@@ -18,13 +18,13 @@
             :maxSize="5"
             :maxNumber="3"
             showThumb
-            :accept="['png','jpg','jpeg','webp']" />
+            :accept="['png', 'jpg', 'jpeg', 'webp']" />
         </div>
       </el-col>
     </el-row>
     <el-button
       type="primary"
-      @click="handleSubmit"> 更新基本信息 </el-button>
+      @click="handleSubmit">更新基本信息</el-button>
   </CollapseContainer>
 </template>
 
diff --git a/src/views/demo/page/account/setting/data.ts b/src/views/demo/page/account/setting/data.ts
index ab178407..89b4ff03 100644
--- a/src/views/demo/page/account/setting/data.ts
+++ b/src/views/demo/page/account/setting/data.ts
@@ -4,7 +4,7 @@ export interface ListItem {
   key: string
   title: string
   description: string
-  checked?: boolean,
+  checked?: boolean
   extra?: string
   avatar?: string
   color?: string
diff --git a/src/views/demo/page/desc/basic/index.vue b/src/views/demo/page/desc/basic/index.vue
index 2d257125..2dbdb31c 100644
--- a/src/views/demo/page/desc/basic/index.vue
+++ b/src/views/demo/page/desc/basic/index.vue
@@ -8,8 +8,7 @@
       :border="false"
       :column="3"
       :data="refundData"
-      :schema="refundSchema"
-    />
+      :schema="refundSchema" />
     <BasicDescription
       title="用户信息"
       size="small"
@@ -17,8 +16,7 @@
       :border="false"
       :column="3"
       :data="personData"
-      :schema="personSchema"
-    />
+      :schema="personSchema" />
     <BasicTable
       v-bind="registerRefundTableFields"
       @register="registerRefundTable" />
@@ -114,7 +112,7 @@ export default defineComponent({
     margin-bottom: -8px;
     font-size: 14px;
     line-height: 44px;
-    border-bottom: 1px solid var(--border-color)
+    border-bottom: 1px solid var(--border-color);
   }
 }
 </style>
diff --git a/src/views/demo/page/desc/high/index.vue b/src/views/demo/page/desc/high/index.vue
index 69b0b938..64949ce6 100644
--- a/src/views/demo/page/desc/high/index.vue
+++ b/src/views/demo/page/desc/high/index.vue
@@ -131,7 +131,18 @@
 
 <script lang="ts">
 import { defineComponent, reactive, ref } from 'vue'
-import { ElButton, ElTabs, ElTabPane, ElDescriptions, ElDescriptionsItem, ElStep, ElSteps, ElCard, ElDivider, ElEmpty } from 'element-plus'
+import {
+  ElButton,
+  ElTabs,
+  ElTabPane,
+  ElDescriptions,
+  ElDescriptionsItem,
+  ElStep,
+  ElSteps,
+  ElCard,
+  ElDivider,
+  ElEmpty
+} from 'element-plus'
 import { BasicTable, useTable } from '@/components/BasicTable'
 import { refundTimeTableData, refundTimeTableSchema } from './data'
 
diff --git a/src/views/demo/page/form/basic/index.vue b/src/views/demo/page/form/basic/index.vue
index e399b45b..b8b6b214 100644
--- a/src/views/demo/page/form/basic/index.vue
+++ b/src/views/demo/page/form/basic/index.vue
@@ -5,10 +5,10 @@
     description="表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。">
     <el-row>
       <el-col
-        :xl="{span: 10, offset: 7}"
-        :lg="{span: 12, offset: 6}"
-        :md="{span: 16, offset: 4}"
-        :sm="{span: 24, offset: 0}">
+        :xl="{ span: 10, offset: 7 }"
+        :lg="{ span: 12, offset: 6 }"
+        :md="{ span: 16, offset: 4 }"
+        :sm="{ span: 24, offset: 0 }">
         <BasicForm @register="register" />
       </el-col>
     </el-row>
diff --git a/src/views/demo/page/form/high/index.vue b/src/views/demo/page/form/high/index.vue
index f4dec5e6..fdb7eac8 100644
--- a/src/views/demo/page/form/high/index.vue
+++ b/src/views/demo/page/form/high/index.vue
@@ -4,7 +4,6 @@
     title="高级表单"
     contentFullHeight
     description=" 高级表单常见于一次性输入和提交大批量数据的场景。">
-
     <el-card header="仓库管理">
       <BasicForm @register="register" />
     </el-card>
@@ -20,7 +19,7 @@
     </el-card>
 
     <template #rightFooter>
-      <div class="p-2 text-right ">
+      <div class="p-2 text-right">
         <el-button
           type="primary"
           @click="submitAll">提交</el-button>
diff --git a/src/views/demo/page/list/basic/data.ts b/src/views/demo/page/list/basic/data.ts
index 19d58456..a1ef2f16 100644
--- a/src/views/demo/page/list/basic/data.ts
+++ b/src/views/demo/page/list/basic/data.ts
@@ -1,5 +1,5 @@
 export const cardList = (() => {
-  const result:any[] = []
+  const result: any[] = []
   for (let i = 0; i < 10; i++) {
     result.push({
       id: i,
diff --git a/src/views/demo/page/list/basic/index.vue b/src/views/demo/page/list/basic/index.vue
index 3e5bfb3c..dcc0f8a2 100644
--- a/src/views/demo/page/list/basic/index.vue
+++ b/src/views/demo/page/list/basic/index.vue
@@ -80,10 +80,8 @@
             v-for="k in 20"
             :key="k"
             title="Tony Admin"
-            :thumb="`https://himg.bdimg.com/sys/portrait/hotitem/wildkid/${k+26}`">
-            <template #description>
-              基于 Vue3, TypeScript, Element Plus 实现的一套完整的企业级后台管理系统
-            </template>
+            :thumb="`https://himg.bdimg.com/sys/portrait/hotitem/wildkid/${k + 26}`">
+            <template #description>基于 Vue3, TypeScript, Element Plus 实现的一套完整的企业级后台管理系统</template>
           </ListItem>
         </List>
       </div>
diff --git a/src/views/demo/page/list/card/index.vue b/src/views/demo/page/list/card/index.vue
index 9028ebf0..00a844f2 100644
--- a/src/views/demo/page/list/card/index.vue
+++ b/src/views/demo/page/list/card/index.vue
@@ -36,7 +36,7 @@
               <ListItem :class="`${prefixCls}__card-item`">
                 <el-card
                   :class="`${prefixCls}__card`"
-                  :bodyStyle="{padding:0}">
+                  :bodyStyle="{ padding: 0 }">
                   <div :class="`${prefixCls}__card-title`">
                     <Icon
                       class="icon"
diff --git a/src/views/demo/page/list/search/index.vue b/src/views/demo/page/list/search/index.vue
index 501c7f0d..65c41694 100644
--- a/src/views/demo/page/list/search/index.vue
+++ b/src/views/demo/page/list/search/index.vue
@@ -87,7 +87,7 @@ export default defineComponent({
       { icon: 'bx:bxs-message-dots', text: '2', color: '#42d27d' },
     ]
 
-    function handleSubmit(v:any) {
+    function handleSubmit(v: any) {
       if (!v.field1) {
         createMessage.error(JSON.stringify(v))
       } else {
diff --git a/src/views/demo/page/result/fail/index.vue b/src/views/demo/page/result/fail/index.vue
index c6faf88b..3f3495a7 100644
--- a/src/views/demo/page/result/fail/index.vue
+++ b/src/views/demo/page/result/fail/index.vue
@@ -13,14 +13,14 @@
       <div class="result-error__content-title">您提交的内容有如下错误：</div>
       <div class="mb-4">
         <CircleClose
-          style="width: 1rem;height: 1rem;"
+          style="width: 1rem; height: 1rem"
           class="mr-2 result-error__content-icon" />
         您的账户已被冻结
         <el-link class="ml-4">立即解冻 ></el-link>
       </div>
       <div class="mb-4">
         <CircleClose
-          style="width: 1rem;height: 1rem;"
+          style="width: 1rem; height: 1rem"
           class="mr-2 result-error__content-icon" />
         您的账户还不具备申请资格
         <el-link class="ml-4">立即解冻 ></el-link>
diff --git a/src/views/demo/permission/CurrentPermissionMode.vue b/src/views/demo/permission/CurrentPermissionMode.vue
index 493d34a7..4d1f7850 100644
--- a/src/views/demo/permission/CurrentPermissionMode.vue
+++ b/src/views/demo/permission/CurrentPermissionMode.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="mt-2">
-    当前权限模式: <el-button
+    当前权限模式:
+    <el-button
       type="primary"
       plain>
       {{ permissionMode === PermissionModeEnum.BACK ? '后台权限模式' : '前端角色权限模式' }}
diff --git a/src/views/demo/permission/back/Btn.vue b/src/views/demo/permission/back/Btn.vue
index 18939c37..1305da1f 100644
--- a/src/views/demo/permission/back/Btn.vue
+++ b/src/views/demo/permission/back/Btn.vue
@@ -4,14 +4,16 @@
     title="按钮权限控制"
     description="必须处于后台权限模式才可测试此页面所展示的功能">
     <CurrentPermissionMode />
-    <p>当前拥有的code列表: <span>{{ permissionStore.getPermCodeList }}</span></p>
+    <p>
+      当前拥有的code列表:
+      <span>{{ permissionStore.getPermCodeList }}</span>
+    </p>
     <el-divider />
     <el-alert
       class="mt-4"
       type="info"
       title="点击后请查看按钮变化"
-      show-icon
-    />
+      show-icon />
     <el-divider />
     <el-button
       type="primary"
diff --git a/src/views/demo/permission/front/Btn.vue b/src/views/demo/permission/front/Btn.vue
index 19272e10..1dd60129 100644
--- a/src/views/demo/permission/front/Btn.vue
+++ b/src/views/demo/permission/front/Btn.vue
@@ -5,7 +5,10 @@
     description="由于刷新的时候会请求用户信息接口，会根据接口重置角色信息，所以刷新后界面会恢复原样，如果不需要，可以注释 src/layout/default/index内的获取用户信息接口">
     <CurrentPermissionMode />
 
-    <p>当前角色: <span>{{ userStore.getRoleList }}</span></p>
+    <p>
+      当前角色:
+      <span>{{ userStore.getRoleList }}</span>
+    </p>
     <el-alert
       class="mt-4"
       type="info"
diff --git a/src/views/demo/permission/front/index.vue b/src/views/demo/permission/front/index.vue
index 0c9e2cdc..a737e766 100644
--- a/src/views/demo/permission/front/index.vue
+++ b/src/views/demo/permission/front/index.vue
@@ -6,7 +6,8 @@
     <CurrentPermissionMode />
 
     <p>
-      当前角色: <span>{{ userStore.getRoleList }}</span>
+      当前角色:
+      <span>{{ userStore.getRoleList }}</span>
     </p>
     <el-alert
       class="mt-4"
@@ -15,7 +16,8 @@
       show-icon />
 
     <div class="mt-4">
-      权限切换: <el-button-group>
+      权限切换:
+      <el-button-group>
         <el-button
           @click="changeRole(RoleEnum.ADMIN)"
           :type="isAdmin ? 'primary' : 'default'">
diff --git a/src/views/demo/system/account/AccountModal.vue b/src/views/demo/system/account/AccountModal.vue
index cdf022f9..ed8c7081 100644
--- a/src/views/demo/system/account/AccountModal.vue
+++ b/src/views/demo/system/account/AccountModal.vue
@@ -55,13 +55,11 @@ export default defineComponent({
         })
       }
 
-      updateSchema(
-        {
-          field: 'pwd',
-          show: !unref(isUpdate),
-          ifShow: !unref(isUpdate),
-        },
-      )
+      updateSchema({
+        field: 'pwd',
+        show: !unref(isUpdate),
+        ifShow: !unref(isUpdate),
+      })
     })
 
     const getTitle = computed(() => (!unref(isUpdate) ? '新增账号' : '编辑账号'))
diff --git a/src/views/demo/system/account/DeptTree.vue b/src/views/demo/system/account/DeptTree.vue
index 1bb06cca..217cbaf7 100644
--- a/src/views/demo/system/account/DeptTree.vue
+++ b/src/views/demo/system/account/DeptTree.vue
@@ -6,8 +6,7 @@
       :data="treeData"
       default-expand-all
       :props="{ children: 'children', label: 'deptName' }"
-      @current-change="handleSelect"
-    />
+      @current-change="handleSelect" />
   </el-card>
 </template>
 
@@ -32,7 +31,7 @@ export default defineComponent({
       treeData.value = (await getDeptList()) as unknown as ElTreeType[]
     }
 
-    function handleSelect(treeNodeData:DeptListItem) {
+    function handleSelect(treeNodeData: DeptListItem) {
       emit('select', treeNodeData)
     }
 
diff --git a/src/views/demo/system/account/data.ts b/src/views/demo/system/account/data.ts
index d0c68191..821fb12b 100644
--- a/src/views/demo/system/account/data.ts
+++ b/src/views/demo/system/account/data.ts
@@ -49,7 +49,6 @@ export const accountFormSchema: BasicFormSchema[] = [
     componentProps: {
       showPassword: true,
     },
-
   },
   {
     label: '角色',
diff --git a/src/views/demo/system/account/index.vue b/src/views/demo/system/account/index.vue
index 45edcba5..0dd15ae9 100644
--- a/src/views/demo/system/account/index.vue
+++ b/src/views/demo/system/account/index.vue
@@ -151,9 +151,11 @@ export default defineComponent({
     }
 
     function handleDelete({ row }) {
-      createConfirm({ title: '温馨提示', content: `是否确认删除「${row.nickname}」?`, type: 'error' }).then(() => {
-        createMessage.success('删除成功')
-      }).catch(() => { })
+      createConfirm({ title: '温馨提示', content: `是否确认删除「${row.nickname}」?`, type: 'error' })
+        .then(() => {
+          createMessage.success('删除成功')
+        })
+        .catch(() => {})
     }
 
     function handleSuccess({ isUpdate, values }) {
@@ -166,7 +168,7 @@ export default defineComponent({
       }
     }
 
-    function handleSelect(deptItem:DeptListItem) {
+    function handleSelect(deptItem: DeptListItem) {
       searchInfo.deptId = deptItem?.id
       reload()
     }
diff --git a/src/views/demo/system/dept/index.vue b/src/views/demo/system/dept/index.vue
index 17ef1a71..e3daaaab 100644
--- a/src/views/demo/system/dept/index.vue
+++ b/src/views/demo/system/dept/index.vue
@@ -4,7 +4,7 @@
       <template #toolbar>
         <el-button
           type="primary"
-          @click="handleCreate"> 新增部门 </el-button>
+          @click="handleCreate">新增部门</el-button>
       </template>
     </BasicTable>
     <DeptModal
diff --git a/src/views/demo/system/menu/MenuDrawer.vue b/src/views/demo/system/menu/MenuDrawer.vue
index b61dd690..d521c505 100644
--- a/src/views/demo/system/menu/MenuDrawer.vue
+++ b/src/views/demo/system/menu/MenuDrawer.vue
@@ -7,7 +7,6 @@
     size="50%"
     @ok="handleSubmit">
     <BasicForm @register="registerForm">
-
       <template #icon="{ model, field }">
         <IconPicker v-model:modelValue="model[field]" />
       </template>
diff --git a/src/views/demo/system/menu/index.vue b/src/views/demo/system/menu/index.vue
index 14d23bca..43fc8e92 100644
--- a/src/views/demo/system/menu/index.vue
+++ b/src/views/demo/system/menu/index.vue
@@ -6,7 +6,7 @@
       <template #toolbar>
         <el-button
           type="primary"
-          @click="handleCreate"> 新增菜单 </el-button>
+          @click="handleCreate">新增菜单</el-button>
       </template>
     </BasicTable>
     <MenuDrawer
diff --git a/src/views/demo/system/role/RoleDrawer.vue b/src/views/demo/system/role/RoleDrawer.vue
index 84a96168..d470a9bb 100644
--- a/src/views/demo/system/role/RoleDrawer.vue
+++ b/src/views/demo/system/role/RoleDrawer.vue
@@ -13,7 +13,7 @@
           :data="treeData"
           node-key="id"
           defaultExpandAll
-          :props="{ label: 'menuName'}"
+          :props="{ label: 'menuName' }"
           show-checkbox
           title="菜单分配" />
       </template>
diff --git a/src/views/demo/table/AuthColumn.vue b/src/views/demo/table/AuthColumn.vue
index eb262efd..373061f3 100644
--- a/src/views/demo/table/AuthColumn.vue
+++ b/src/views/demo/table/AuthColumn.vue
@@ -16,7 +16,7 @@ export default defineComponent({
   components: { BasicTable },
   setup() {
     const { createMessage } = useMessage()
-    const columns:BasicColumn[] = [
+    const columns: BasicColumn[] = [
       ...getAuthColumns(),
       {
         align: 'right',
diff --git a/src/views/demo/table/Basic.vue b/src/views/demo/table/Basic.vue
index 0eb5264a..9f8cc554 100644
--- a/src/views/demo/table/Basic.vue
+++ b/src/views/demo/table/Basic.vue
@@ -11,7 +11,7 @@
       showIndexColumn
       showCheckboxColumn
       :border="border">
-      <template #address="{label,prop}">
+      <template #address="{ label, prop }">
         <el-table-column
           :label="label"
           :prop="prop">
@@ -23,8 +23,7 @@
       <template #toolbar>
         <el-button
           type="primary"
-          @click="toggleSelection">切换选中
-        </el-button>
+          @click="toggleSelection">切换选中</el-button>
         <el-button
           type="primary"
           @click="toggleBorder">
@@ -32,7 +31,7 @@
         </el-button>
         <el-button
           type="primary"
-          @click="toggleLoading"> 开启loading </el-button>
+          @click="toggleLoading">开启loading</el-button>
         <el-button
           type="primary"
           @click="toggleStripe">
diff --git a/src/views/demo/table/CustomerCell.vue b/src/views/demo/table/CustomerCell.vue
index ac6c69a5..f0cb3330 100644
--- a/src/views/demo/table/CustomerCell.vue
+++ b/src/views/demo/table/CustomerCell.vue
@@ -1,16 +1,14 @@
 <template>
   <PageWrapper contentBackground>
     <BasicTable @register="registerTable">
-      <template #id="{label,prop}">
+      <template #id="{ label, prop }">
         <el-table-column
           :label="label"
           :prop="prop">
-          <template #default="scope">
-            ID: {{ scope.row.id }}
-          </template>
+          <template #default="scope">ID: {{ scope.row.id }}</template>
         </el-table-column>
       </template>
-      <template #no="{label,prop}">
+      <template #no="{ label, prop }">
         <el-table-column
           :label="label"
           :prop="prop">
@@ -21,7 +19,7 @@
           </template>
         </el-table-column>
       </template>
-      <template #avatar="{label,prop}">
+      <template #avatar="{ label, prop }">
         <el-table-column
           :label="label"
           :prop="prop">
@@ -32,7 +30,7 @@
           </template>
         </el-table-column>
       </template>
-      <template #category="{label,prop}">
+      <template #category="{ label, prop }">
         <el-table-column
           :label="label"
           :prop="prop">
diff --git a/src/views/demo/table/FixedColumn.vue b/src/views/demo/table/FixedColumn.vue
index d06ebe55..7f0f72eb 100644
--- a/src/views/demo/table/FixedColumn.vue
+++ b/src/views/demo/table/FixedColumn.vue
@@ -1,7 +1,7 @@
 <template>
   <PageWrapper contentFullHeight>
     <BasicTable @register="registerTable">
-      <template #imgs="{label,width,prop}">
+      <template #imgs="{ label, width, prop }">
         <el-table-column
           :label="label"
           :width="width"
@@ -11,7 +11,7 @@
               :src="item"
               :key="index"
               width="80"
-              v-for="(item,index) in scope.row.imgs" />
+              v-for="(item, index) in scope.row.imgs" />
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/demo/tree/ActionTree.vue b/src/views/demo/tree/ActionTree.vue
index 7e977491..e87d5619 100644
--- a/src/views/demo/tree/ActionTree.vue
+++ b/src/views/demo/tree/ActionTree.vue
@@ -3,15 +3,14 @@
     title="Tree 函数示例"
     contentBackground>
     <div class="demo-tree-btns">
-
       <el-button @click="checkAll(true)">全选</el-button>
       <el-button @click="checkAll(false)">全不选</el-button>
 
       <el-button @click="expandAll(true)">展开全部</el-button>
       <el-button @click="expandAll(false)">折叠全部</el-button>
 
-      <el-button @click="handleLevel(2,true)">显示第2级</el-button>
-      <el-button @click="handleLevel(2,false)">隐藏第2级</el-button>
+      <el-button @click="handleLevel(2, true)">显示第2级</el-button>
+      <el-button @click="handleLevel(2, false)">隐藏第2级</el-button>
 
       <el-button @click="handleSetExpandData(true)">展开1-1-1节点数据</el-button>
       <el-button @click="handleSetExpandData(false)">折叠1-1-1节点数据</el-button>
@@ -22,7 +21,6 @@
 
       <el-button @click="handleSetNodeData">设置节点数据</el-button>
       <el-button @click="handleGetNodeData">获取节点数据</el-button>
-
     </div>
     <div class="demo-tree-btns">
       <el-button @click="appendNodeByKey">在0-0-0内添加子节点</el-button>
@@ -90,7 +88,7 @@ export default defineComponent({
       setAllTreeNodes('expanded', checked)
     }
 
-    function handleLevel(level: number, boo:boolean) {
+    function handleLevel(level: number, boo: boolean) {
       const nodes = getTree().store._getAllNodes()
       for (let i = 0; i < nodes.length; i++) {
         if (nodes[i].level === level) {
@@ -122,7 +120,7 @@ export default defineComponent({
       createMessage.success(JSON.stringify(keys))
     }
 
-    function handleSetExpandData(boo:boolean) {
+    function handleSetExpandData(boo: boolean) {
       expandTreeNode('1-1-1-1', boo)
     }
 
@@ -132,7 +130,7 @@ export default defineComponent({
       getTree().append(treeNode, '0-0-0')
     }
 
-    function insertNodeByKey(position: 'before'|'after') {
+    function insertNodeByKey(position: 'before' | 'after') {
       const treeNode = { label: 'leaf 0-0-0-' + position, key: '0-0-0-' + position }
 
       if (position === 'before') {
@@ -159,7 +157,7 @@ export default defineComponent({
       return data.label.indexOf(v) !== -1
     }
 
-    function expandTreeNode(expandKey:string | number, checked:boolean, nodeKeyName = 'key') {
+    function expandTreeNode(expandKey: string | number, checked: boolean, nodeKeyName = 'key') {
       const nodes = getAllTreeNodes()
       for (let i = 0; i < nodes.length; i++) {
         if (nodes[i]?.data[nodeKeyName] === expandKey) {
@@ -169,7 +167,7 @@ export default defineComponent({
       }
     }
 
-    function _expandParentNode(node, checked:boolean) {
+    function _expandParentNode(node, checked: boolean) {
       node.expanded = checked
       if (node.parent) {
         _expandParentNode(node.parent, checked)
@@ -184,7 +182,7 @@ export default defineComponent({
       return nodes
     }
 
-    function setAllTreeNodes(nodeStoreName, checked:boolean) {
+    function setAllTreeNodes(nodeStoreName, checked: boolean) {
       const nodes = getAllTreeNodes()
       for (let i = 0; i < nodes.length; i++) {
         nodes[i][nodeStoreName] = checked
diff --git a/src/views/demo/tree/EditTree.vue b/src/views/demo/tree/EditTree.vue
index 85622edf..aa264595 100644
--- a/src/views/demo/tree/EditTree.vue
+++ b/src/views/demo/tree/EditTree.vue
@@ -36,7 +36,7 @@ export default defineComponent({
       // do something
     }
 
-    function getRightMenuList(event:MouseEvent) {
+    function getRightMenuList(event: MouseEvent) {
       const MenuItems = [
         {
           label: '新增',
@@ -71,19 +71,13 @@ export default defineComponent({
         h(
           'div',
           null,
-          h(
-            Position,
-            {
-              class: 'mr-2',
-              onClick: () => handleSend(node, data, store),
-            }
-          ),
-          h(
-            Delete,
-            {
-              class: 'mr-2',
-            }
-          )
+          h(Position, {
+            class: 'mr-2',
+            onClick: () => handleSend(node, data, store),
+          }),
+          h(Delete, {
+            class: 'mr-2',
+          })
         )
       )
     }
@@ -98,15 +92,15 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-  .demo-tree-action {
-    flex-grow: 1;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    white-space: nowrap;
+.demo-tree-action {
+  flex-grow: 1;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  white-space: nowrap;
 
-    > div {
-      display: flex;
-    }
+  > div {
+    display: flex;
   }
+}
 </style>
diff --git a/src/views/demo/tree/index.vue b/src/views/demo/tree/index.vue
index 72e252fc..49439893 100644
--- a/src/views/demo/tree/index.vue
+++ b/src/views/demo/tree/index.vue
@@ -8,7 +8,7 @@
           <el-tree
             :data="treeData"
             node-key="key"
-            :default-expanded-keys="['0-0', '1-1','2-2']" />
+            :default-expanded-keys="['0-0', '1-1', '2-2']" />
         </el-card>
       </el-col>
       <el-col :span="8">
@@ -123,10 +123,12 @@ export default defineComponent({
         if (node.data.leaf || node.level > 5) {
           return resolve([])
         } else {
-          return resolve([{
-            title: 'zone' + node.data.key,
-            key: node.data.key + '-1',
-          }])
+          return resolve([
+            {
+              title: 'zone' + node.data.key,
+              key: node.data.key + '-1',
+            },
+          ])
         }
       }
 
@@ -164,7 +166,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-  .el-card {
-    height: 100%;
-  }
+.el-card {
+  height: 100%;
+}
 </style>
diff --git a/src/views/sys/error-log/index.vue b/src/views/sys/error-log/index.vue
index 1083c9c9..f767c4e1 100644
--- a/src/views/sys/error-log/index.vue
+++ b/src/views/sys/error-log/index.vue
@@ -13,19 +13,13 @@
       <template #toolbar>
         <el-button
           @click="fireVueError"
-          type="primary">
-          点击触发vue错误
-        </el-button>
+          type="primary">点击触发vue错误</el-button>
         <el-button
           @click="fireResourceError"
-          type="primary">
-          点击触发资源加载错误
-        </el-button>
+          type="primary">点击触发资源加载错误</el-button>
         <el-button
           @click="fireAjaxError"
-          type="primary">
-          点击触发ajax错误
-        </el-button>
+          type="primary">点击触发ajax错误</el-button>
       </template>
     </BasicTable>
   </div>
diff --git a/src/views/sys/exception/Exception.vue b/src/views/sys/exception/Exception.vue
index 1c74d324..29fd4319 100644
--- a/src/views/sys/exception/Exception.vue
+++ b/src/views/sys/exception/Exception.vue
@@ -14,12 +14,12 @@ import { PageEnum } from '@/enums/pageEnum'
 import { ElButton, ElResult } from 'element-plus'
 
 interface MapValue {
-  title: string;
-  subTitle: string;
-  btnText?: string;
-  icon?: string;
-  handler?: Fn;
-  status?: string;
+  title: string
+  subTitle: string
+  btnText?: string
+  icon?: string
+  handler?: Fn
+  status?: string
 }
 
 export default defineComponent({
diff --git a/src/views/sys/iframe/index.vue b/src/views/sys/iframe/index.vue
index 4a08c1ab..c6c2aa99 100644
--- a/src/views/sys/iframe/index.vue
+++ b/src/views/sys/iframe/index.vue
@@ -69,7 +69,6 @@ export default defineComponent({
     }
   },
 })
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/sys/lock/LockPage.vue b/src/views/sys/lock/LockPage.vue
index 8488fb84..452e5adc 100644
--- a/src/views/sys/lock/LockPage.vue
+++ b/src/views/sys/lock/LockPage.vue
@@ -4,7 +4,7 @@
       :class="`${prefixCls}__unlock`"
       @click="handleShowForm(false)"
       v-show="showDate">
-      <Lock style="width: 1.5em;" />
+      <Lock style="width: 1.5em" />
       <span>点击解锁</span>
     </div>
 
@@ -52,7 +52,6 @@
               :size="32"
               name="ion:power-outline" /></el-tooltip>
           </div>
-
         </div>
       </div>
     </transition>
diff --git a/src/views/sys/login/Login.vue b/src/views/sys/login/Login.vue
index 365f36e1..926e26b1 100644
--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
@@ -12,9 +12,17 @@
     <el-row :class="`${prefixCls}__inner`">
       <el-col :span="14">
         <div :class="`${prefixCls}__left`">
-          <h1>欢迎使用 <span>{{ title }}</span></h1>
-          <p>{{ title }} 基于 element plus ，并且使用了最新的 vue3, vite2, TypeScript 等主流技术开发，开箱即用的中后台前端解决方案。</p>
-          <p>基于 element plus ，并且使用了最新的 vue3, vite2, TypeScript 等主流技术开发，开箱即用的中后台前端解决方案。</p>
+          <h1>
+            欢迎使用
+            <span>{{ title }}</span>
+          </h1>
+          <p>
+            {{ title }} 基于 element plus ，并且使用了最新的 vue3, vite2, TypeScript
+            等主流技术开发，开箱即用的中后台前端解决方案。
+          </p>
+          <p>
+            基于 element plus ，并且使用了最新的 vue3, vite2, TypeScript 等主流技术开发，开箱即用的中后台前端解决方案。
+          </p>
         </div>
       </el-col>
       <el-col :span="10">
@@ -47,12 +55,12 @@
           <div
             :class="`${prefixCls}__regnew`"
             v-if="getShow">
-            没有账号？ <span @click="setLoginState(LoginStateEnum.REGISTER)">注册</span>
+            没有账号？
+            <span @click="setLoginState(LoginStateEnum.REGISTER)">注册</span>
           </div>
         </div>
       </el-col>
     </el-row>
-
   </div>
 </template>
 
@@ -93,19 +101,24 @@ export default defineComponent({
     const { title } = useGlobSetting()
     const activeName = ref('account')
     const activeNameExt = {
-      'account': LoginStateEnum.LOGIN,
-      'mobile': LoginStateEnum.MOBILE,
+      account: LoginStateEnum.LOGIN,
+      mobile: LoginStateEnum.MOBILE,
     }
 
     const getShow = computed(() => {
-      return unref(getLoginState) === LoginStateEnum.LOGIN ||
-      unref(getLoginState) === LoginStateEnum.MOBILE ||
-      unref(getLoginState) === LoginStateEnum.QR_CODE
+      return (
+        unref(getLoginState) === LoginStateEnum.LOGIN ||
+        unref(getLoginState) === LoginStateEnum.MOBILE ||
+        unref(getLoginState) === LoginStateEnum.QR_CODE
+      )
     })
 
-    watch(() => unref(activeName), (v) => {
-      v && setLoginState((activeNameExt[v]))
-    })
+    watch(
+      () => unref(activeName),
+      (v) => {
+        v && setLoginState(activeNameExt[v])
+      }
+    )
 
     return {
       prefixCls,
@@ -117,7 +130,6 @@ export default defineComponent({
     }
   },
 })
-
 </script>
 
 <style lang="scss">
@@ -314,5 +326,4 @@ $prefix-cls: '#{$tonyname}-login';
     display: block;
   }
 }
-
 </style>
diff --git a/src/views/sys/login/LoginForm.vue b/src/views/sys/login/LoginForm.vue
index a1710c6b..a014be98 100644
--- a/src/views/sys/login/LoginForm.vue
+++ b/src/views/sys/login/LoginForm.vue
@@ -39,7 +39,6 @@
         @click="handleLogin">登录</el-button>
     </el-form-item>
   </el-form>
-
 </template>
 
 <script lang="ts" setup>
diff --git a/src/views/sys/login/RegisterForm.vue b/src/views/sys/login/RegisterForm.vue
index 6791a23d..a8c801d8 100644
--- a/src/views/sys/login/RegisterForm.vue
+++ b/src/views/sys/login/RegisterForm.vue
@@ -41,7 +41,9 @@
       class="login--submit"
       @click="handleRegister"
       :loading="loading"
-      :disabled="formData.policy===false">注册</el-button>
+      :disabled="formData.policy === false">
+      注册
+    </el-button>
     <el-button
       @click="handleBackLogin"
       class="login--back">返回</el-button>
diff --git a/src/views/sys/login/useLogin.ts b/src/views/sys/login/useLogin.ts
index 0d927da8..bca0bb1b 100644
--- a/src/views/sys/login/useLogin.ts
+++ b/src/views/sys/login/useLogin.ts
@@ -84,7 +84,13 @@ export function useFormRules(formData?: Recordable) {
         return {
           account: accountFormRule,
           password: passwordFormRule,
-          confirmPassword: [{ validator: (rule: any, value: any, callback: any) => validateConfirmPassword(rule, value, callback, 'password'), trigger: 'blur' }],
+          confirmPassword: [
+            {
+              validator: (rule: any, value: any, callback: any) =>
+                validateConfirmPassword(rule, value, callback, 'password'),
+              trigger: 'blur',
+            },
+          ],
           policy: [{ validator: validatePolicy, trigger: 'change' }],
           ...mobileRule,
         }