diff --git a/.vscode/launch.json b/.vscode/launch.json
index 384f3bec..72e95d0d 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -8,6 +8,6 @@
       "url": "http://localhost:3100",
       "webRoot": "${workspaceFolder}/src",
       "sourceMaps": true
-    },
+    }
   ]
 }
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 930fba59..acb575f5 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -150,7 +150,7 @@ yarn build
 ## 后台整合示例
 
 - [lamp-cloud](https://github.com/zuihou/lamp-cloud) - 基于 SpringCloud Alibaba 的微服务中后台快速开发平台
-- [matecloud](https://github.com/matevip/matecloud) - MateCloud微服务脚手架，基于Spring Cloud 2020.0.3、SpringBoot 2.5.3的全开源平台
+- [matecloud](https://github.com/matevip/matecloud) - MateCloud 微服务脚手架，基于 Spring Cloud 2020.0.3、SpringBoot 2.5.3 的全开源平台
 
 ## 维护者
 
diff --git a/build/generate/icon/index.ts b/build/generate/icon/index.ts
index a9bac80f..c78cb09f 100644
--- a/build/generate/icon/index.ts
+++ b/build/generate/icon/index.ts
@@ -52,19 +52,19 @@ async function generateIcon() {
           const { prefix } = data;
           const isLocal = useType === 'local';
           const icons = Object.keys(data.icons).map(
-            (item) => `${isLocal ? prefix + ':' : ''}${item}`
+            (item) => `${isLocal ? prefix + ':' : ''}${item}`,
           );
 
           await fs.writeFileSync(
             path.join(output, `icons.data.ts`),
-            `export default ${isLocal ? JSON.stringify(icons) : JSON.stringify({ prefix, icons })}`
+            `export default ${isLocal ? JSON.stringify(icons) : JSON.stringify({ prefix, icons })}`,
           );
           prefixSet.push(prefix);
         }
       }
       fs.emptyDir(path.join(process.cwd(), 'node_modules/.vite'));
       console.log(
-        `✨ ${chalk.cyan(`[${pkg.name}]`)}` + ' - Icon generated successfully:' + `[${prefixSet}]`
+        `✨ ${chalk.cyan(`[${pkg.name}]`)}` + ' - Icon generated successfully:' + `[${prefixSet}]`,
       );
     });
 }
diff --git a/build/script/buildConf.ts b/build/script/buildConf.ts
index a44a1d8e..48ed4d9b 100644
--- a/build/script/buildConf.ts
+++ b/build/script/buildConf.ts
@@ -15,7 +15,7 @@ function createConfig(
     configName,
     config,
     configFileName = GLOB_CONFIG_FILE_NAME,
-  }: { configName: string; config: any; configFileName?: string } = { configName: '', config: {} }
+  }: { configName: string; config: any; configFileName?: string } = { configName: '', config: {} },
 ) {
   try {
     const windowConf = `window.${configName}`;
diff --git a/build/vite/plugin/compress.ts b/build/vite/plugin/compress.ts
index 34787ca1..3ad32be1 100644
--- a/build/vite/plugin/compress.ts
+++ b/build/vite/plugin/compress.ts
@@ -7,7 +7,7 @@ import compressPlugin from 'vite-plugin-compression';
 
 export function configCompressPlugin(
   compress: 'gzip' | 'brotli' | 'none',
-  deleteOriginFile = false
+  deleteOriginFile = false,
 ): Plugin | Plugin[] {
   const compressList = compress.split(',');
 
@@ -18,7 +18,7 @@ export function configCompressPlugin(
       compressPlugin({
         ext: '.gz',
         deleteOriginFile,
-      })
+      }),
     );
   }
 
@@ -28,7 +28,7 @@ export function configCompressPlugin(
         ext: '.br',
         algorithm: 'brotliCompress',
         deleteOriginFile,
-      })
+      }),
     );
   }
   return plugins;
diff --git a/build/vite/plugin/index.ts b/build/vite/plugin/index.ts
index 29ec002b..5f9f77a7 100644
--- a/build/vite/plugin/index.ts
+++ b/build/vite/plugin/index.ts
@@ -68,7 +68,7 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
 
     // rollup-plugin-gzip
     vitePlugins.push(
-      configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE)
+      configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
     );
 
     // vite-plugin-pwa
diff --git a/mock/_util.ts b/mock/_util.ts
index 0eedb758..97c87564 100644
--- a/mock/_util.ts
+++ b/mock/_util.ts
@@ -13,7 +13,7 @@ export function resultPageSuccess<T = any>(
   page: number,
   pageSize: number,
   list: T[],
-  { message = 'ok' } = {}
+  { message = 'ok' } = {},
 ) {
   const pageData = pagination(page, pageSize, list);
 
diff --git a/mock/sys/user.ts b/mock/sys/user.ts
index a8608f1b..8b8989fa 100644
--- a/mock/sys/user.ts
+++ b/mock/sys/user.ts
@@ -52,7 +52,7 @@ export default [
     response: ({ body }) => {
       const { username, password } = body;
       const checkUser = createFakeUserList().find(
-        (item) => item.username === username && password === item.password
+        (item) => item.username === username && password === item.password,
       );
       if (!checkUser) {
         return resultError('Incorrect account or password！');
diff --git a/prettier.config.js b/prettier.config.js
index b4e993ae..343625f0 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -7,7 +7,7 @@ module.exports = {
   singleQuote: true,
   quoteProps: 'as-needed',
   bracketSpacing: true,
-  trailingComma: 'es5',
+  trailingComma: 'all',
   jsxBracketSameLine: false,
   jsxSingleQuote: false,
   arrowParens: 'always',
@@ -16,5 +16,4 @@ module.exports = {
   proseWrap: 'never',
   htmlWhitespaceSensitivity: 'strict',
   endOfLine: 'auto',
-  rangeStart: 0,
 };
diff --git a/src/App.vue b/src/App.vue
index 9084a8f4..f8df489e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,5 +15,6 @@
   // support Multi-language
   const { getAntdLocale } = useLocale();
 
+  // Listening to page changes and dynamically changing site titles
   useTitle();
 </script>
diff --git a/src/api/sys/upload.ts b/src/api/sys/upload.ts
index 1f1b4389..c47baf43 100644
--- a/src/api/sys/upload.ts
+++ b/src/api/sys/upload.ts
@@ -10,13 +10,13 @@ const { uploadUrl = '' } = useGlobSetting();
  */
 export function uploadApi(
   params: UploadFileParams,
-  onUploadProgress: (progressEvent: ProgressEvent) => void
+  onUploadProgress: (progressEvent: ProgressEvent) => void,
 ) {
   return defHttp.uploadFile<UploadApiResult>(
     {
       url: uploadUrl,
       onUploadProgress,
     },
-    params
+    params,
   );
 }
diff --git a/src/api/sys/user.ts b/src/api/sys/user.ts
index c0c88d31..da9f7a29 100644
--- a/src/api/sys/user.ts
+++ b/src/api/sys/user.ts
@@ -21,7 +21,7 @@ export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal')
     },
     {
       errorMessageMode: mode,
-    }
+    },
   );
 }
 
diff --git a/src/components/Application/src/AppDarkModeToggle.vue b/src/components/Application/src/AppDarkModeToggle.vue
index 6b07d92d..6df9c499 100644
--- a/src/components/Application/src/AppDarkModeToggle.vue
+++ b/src/components/Application/src/AppDarkModeToggle.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="getShowDarkModeToggle" :class="getClass" @click="toggleDarkMode">
-    <div :class="`${prefixCls}-inner`"> </div>
+    <div :class="`${prefixCls}-inner`"></div>
     <SvgIcon size="14" name="sun" />
     <SvgIcon size="14" name="moon" />
   </div>
diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue
index 4ed609dd..975c03ce 100644
--- a/src/components/Application/src/search/AppSearchModal.vue
+++ b/src/components/Application/src/search/AppSearchModal.vue
@@ -105,7 +105,7 @@
         nextTick(() => {
           unref(inputRef)?.focus();
         });
-    }
+    },
   );
 
   function handleClose() {
diff --git a/src/components/Basic/src/BasicHelp.vue b/src/components/Basic/src/BasicHelp.vue
index 0a3cc161..1a1debb2 100644
--- a/src/components/Basic/src/BasicHelp.vue
+++ b/src/components/Basic/src/BasicHelp.vue
@@ -47,7 +47,7 @@
       const { prefixCls } = useDesign('basic-help');
 
       const getTooltipStyle = computed(
-        (): CSSProperties => ({ color: props.color, fontSize: props.fontSize })
+        (): CSSProperties => ({ color: props.color, fontSize: props.fontSize }),
       );
 
       const getOverlayStyle = computed((): CSSProperties => ({ maxWidth: props.maxWidth }));
diff --git a/src/components/Button/src/PopConfirmButton.vue b/src/components/Button/src/PopConfirmButton.vue
index 903d4816..b24225fa 100644
--- a/src/components/Button/src/PopConfirmButton.vue
+++ b/src/components/Button/src/PopConfirmButton.vue
@@ -33,7 +33,7 @@
             okText: t('common.okText'),
             cancelText: t('common.cancelText'),
           },
-          { ...props, ...unref(attrs) }
+          { ...props, ...unref(attrs) },
         );
       });
 
diff --git a/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
index 332c1acb..5a4462fc 100644
--- a/src/components/CodeEditor/src/codemirror/CodeMirror.vue
+++ b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative !h-full w-full overflow-hidden" ref="el"> </div>
+  <div class="relative !h-full w-full overflow-hidden" ref="el"></div>
 </template>
 
 <script lang="ts" setup>
@@ -40,7 +40,7 @@
         editor?.setValue(value ? value : '');
       }
     },
-    { flush: 'post' }
+    { flush: 'post' },
   );
 
   watchEffect(() => {
@@ -54,13 +54,13 @@
     },
     {
       immediate: true,
-    }
+    },
   );
 
   function setTheme() {
     unref(editor)?.setOption(
       'theme',
-      appStore.getDarkMode === 'light' ? 'idea' : 'material-palenight'
+      appStore.getDarkMode === 'light' ? 'idea' : 'material-palenight',
     );
   }
 
diff --git a/src/components/Cropper/src/CropperAvatar.vue b/src/components/Cropper/src/CropperAvatar.vue
index 54437766..5b11d082 100644
--- a/src/components/Cropper/src/CropperAvatar.vue
+++ b/src/components/Cropper/src/CropperAvatar.vue
@@ -77,7 +77,7 @@
       const getStyle = computed((): CSSProperties => ({ width: unref(getWidth) }));
 
       const getImageWrapperStyle = computed(
-        (): CSSProperties => ({ width: unref(getWidth), height: unref(getWidth) })
+        (): CSSProperties => ({ width: unref(getWidth), height: unref(getWidth) }),
       );
 
       watchEffect(() => {
@@ -88,7 +88,7 @@
         () => sourceValue.value,
         (v: string) => {
           emit('update:value', v);
-        }
+        },
       );
 
       function handleUploadSuccess({ source }) {
diff --git a/src/components/Description/src/typing.ts b/src/components/Description/src/typing.ts
index d8701521..ee96084b 100644
--- a/src/components/Description/src/typing.ts
+++ b/src/components/Description/src/typing.ts
@@ -14,7 +14,7 @@ export interface DescItem {
   // render
   render?: (
     val: any,
-    data: Recordable
+    data: Recordable,
   ) => VNode | undefined | JSX.Element | Element | string | number;
 }
 
diff --git a/src/components/Drawer/src/BasicDrawer.vue b/src/components/Drawer/src/BasicDrawer.vue
index 61b777f1..93a4a584 100644
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@@ -139,7 +139,7 @@
         (newVal, oldVal) => {
           if (newVal !== oldVal) visibleRef.value = newVal;
         },
-        { deep: true }
+        { deep: true },
       );
 
       watch(
@@ -149,7 +149,7 @@
             emit('visible-change', visible);
             instance && drawerInstance.emitVisible?.(visible, instance.uid);
           });
-        }
+        },
       );
 
       // Cancel event
diff --git a/src/components/FlowChart/src/FlowChart.vue b/src/components/FlowChart/src/FlowChart.vue
index dda2e3e4..419b0fea 100644
--- a/src/components/FlowChart/src/FlowChart.vue
+++ b/src/components/FlowChart/src/FlowChart.vue
@@ -79,7 +79,7 @@
         () => props.data,
         () => {
           onRender();
-        }
+        },
       );
 
       // TODO
@@ -94,7 +94,7 @@
         () => unref(getFlowOptions),
         (options) => {
           unref(lfInstance)?.updateEditConfig(options);
-        }
+        },
       );
 
       // init logicFlow
diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index 0ae5b4ab..4a267276 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/src/components/Form/src/BasicForm.vue
@@ -110,7 +110,7 @@
       });
 
       const getBindValue = computed(
-        () => ({ ...attrs, ...props, ...unref(getProps) } as Recordable)
+        () => ({ ...attrs, ...props, ...unref(getProps) } as Recordable),
       );
 
       const getSchema = computed((): FormSchema[] => {
@@ -198,14 +198,14 @@
         },
         {
           immediate: true,
-        }
+        },
       );
 
       watch(
         () => unref(getProps).schemas,
         (schemas) => {
           resetSchema(schemas ?? []);
-        }
+        },
       );
 
       watch(
@@ -222,7 +222,7 @@
             initDefault();
             isInitedDefaultRef.value = true;
           }
-        }
+        },
       );
 
       async function setProps(formProps: Partial<FormProps>): Promise<void> {
@@ -284,7 +284,7 @@
         setFormModel,
         getFormClass,
         getFormActionBindProps: computed(
-          (): Recordable => ({ ...getProps.value, ...advanceState })
+          (): Recordable => ({ ...getProps.value, ...advanceState }),
         ),
         ...formActionType,
       };
diff --git a/src/components/Form/src/components/ApiSelect.vue b/src/components/Form/src/components/ApiSelect.vue
index e8cc5e05..3990a286 100644
--- a/src/components/Form/src/components/ApiSelect.vue
+++ b/src/components/Form/src/components/ApiSelect.vue
@@ -100,7 +100,7 @@
         () => {
           !unref(isFirstLoad) && fetch();
         },
-        { deep: true }
+        { deep: true },
       );
 
       async function fetch() {
diff --git a/src/components/Form/src/components/ApiTreeSelect.vue b/src/components/Form/src/components/ApiTreeSelect.vue
index 52eae748..da4318c0 100644
--- a/src/components/Form/src/components/ApiTreeSelect.vue
+++ b/src/components/Form/src/components/ApiTreeSelect.vue
@@ -46,14 +46,14 @@
         () => {
           isFirstLoaded.value && fetch();
         },
-        { deep: true }
+        { deep: true },
       );
 
       watch(
         () => props.immediate,
         (v) => {
           v && !isFirstLoaded.value && fetch();
-        }
+        },
       );
 
       onMounted(() => {
diff --git a/src/components/Form/src/components/FormAction.vue b/src/components/Form/src/components/FormAction.vue
index 2c34689c..8dec49fe 100644
--- a/src/components/Form/src/components/FormAction.vue
+++ b/src/components/Form/src/components/FormAction.vue
@@ -105,7 +105,7 @@
           {
             text: t('common.resetText'),
           },
-          props.resetButtonOptions
+          props.resetButtonOptions,
         );
       });
 
@@ -114,7 +114,7 @@
           {
             text: t('common.queryText'),
           },
-          props.submitButtonOptions
+          props.submitButtonOptions,
         );
       });
 
diff --git a/src/components/Form/src/components/FormItem.vue b/src/components/Form/src/components/FormItem.vue
index 0fdd3976..63074024 100644
--- a/src/components/Form/src/components/FormItem.vue
+++ b/src/components/Form/src/components/FormItem.vue
@@ -183,7 +183,7 @@
         }
 
         const requiredRuleIndex: number = rules.findIndex(
-          (rule) => Reflect.has(rule, 'required') && !Reflect.has(rule, 'validator')
+          (rule) => Reflect.has(rule, 'required') && !Reflect.has(rule, 'validator'),
         );
 
         if (requiredRuleIndex !== -1) {
diff --git a/src/components/Form/src/helper.ts b/src/components/Form/src/helper.ts
index d56ed5ce..5a4595ac 100644
--- a/src/components/Form/src/helper.ts
+++ b/src/components/Form/src/helper.ts
@@ -38,7 +38,7 @@ function genType() {
 export function setComponentRuleType(
   rule: ValidationRule,
   component: ComponentType,
-  valueFormat: string
+  valueFormat: string,
 ) {
   if (['DatePicker', 'MonthPicker', 'WeekPicker', 'TimePicker'].includes(component)) {
     rule.type = valueFormat ? 'string' : 'object';
diff --git a/src/components/Form/src/hooks/useAdvanced.ts b/src/components/Form/src/hooks/useAdvanced.ts
index b8cd3d55..5c9603fb 100644
--- a/src/components/Form/src/hooks/useAdvanced.ts
+++ b/src/components/Form/src/hooks/useAdvanced.ts
@@ -58,7 +58,7 @@ export default function ({
         debounceUpdateAdvanced();
       }
     },
-    { immediate: true }
+    { immediate: true },
   );
 
   function getAdvanced(itemCol: Partial<ColEx>, itemColSum = 0, isLastAction = false) {
@@ -139,7 +139,7 @@ export default function ({
       if (isShow && (colProps || baseColProps)) {
         const { itemColSum: sum, isAdvanced } = getAdvanced(
           { ...baseColProps, ...colProps },
-          itemColSum
+          itemColSum,
         );
 
         itemColSum = sum || 0;
diff --git a/src/components/Form/src/hooks/useForm.ts b/src/components/Form/src/hooks/useForm.ts
index c6a87ff0..d026d690 100644
--- a/src/components/Form/src/hooks/useForm.ts
+++ b/src/components/Form/src/hooks/useForm.ts
@@ -18,7 +18,7 @@ export function useForm(props?: Props): UseFormReturnType {
     const form = unref(formRef);
     if (!form) {
       error(
-        'The form instance has not been obtained, please make sure that the form has been rendered when performing the form operation!'
+        'The form instance has not been obtained, please make sure that the form has been rendered when performing the form operation!',
       );
     }
     await nextTick();
@@ -44,7 +44,7 @@ export function useForm(props?: Props): UseFormReturnType {
       {
         immediate: true,
         deep: true,
-      }
+      },
     );
   }
 
@@ -96,7 +96,7 @@ export function useForm(props?: Props): UseFormReturnType {
     appendSchemaByField: async (
       schema: FormSchema,
       prefixField: string | undefined,
-      first: boolean
+      first: boolean,
     ) => {
       const form = await getForm();
       form.appendSchemaByField(schema, prefixField, first);
diff --git a/src/components/Form/src/hooks/useFormEvents.ts b/src/components/Form/src/hooks/useFormEvents.ts
index 92a08989..73102882 100644
--- a/src/components/Form/src/hooks/useFormEvents.ts
+++ b/src/components/Form/src/hooks/useFormEvents.ts
@@ -150,12 +150,12 @@ export function useFormEvents({
     }
 
     const hasField = updateData.every(
-      (item) => item.component === 'Divider' || (Reflect.has(item, 'field') && item.field)
+      (item) => item.component === 'Divider' || (Reflect.has(item, 'field') && item.field),
     );
 
     if (!hasField) {
       error(
-        'All children of the form Schema array that need to be updated must contain the `field` field'
+        'All children of the form Schema array that need to be updated must contain the `field` field',
       );
       return;
     }
@@ -172,12 +172,12 @@ export function useFormEvents({
     }
 
     const hasField = updateData.every(
-      (item) => item.component === 'Divider' || (Reflect.has(item, 'field') && item.field)
+      (item) => item.component === 'Divider' || (Reflect.has(item, 'field') && item.field),
     );
 
     if (!hasField) {
       error(
-        'All children of the form Schema array that need to be updated must contain the `field` field'
+        'All children of the form Schema array that need to be updated must contain the `field` field',
       );
       return;
     }
diff --git a/src/components/Form/src/types/form.ts b/src/components/Form/src/types/form.ts
index 5793adc7..f4aa6ddc 100644
--- a/src/components/Form/src/types/form.ts
+++ b/src/components/Form/src/types/form.ts
@@ -37,7 +37,7 @@ export interface FormActionType {
   appendSchemaByField: (
     schema: FormSchema,
     prefixField: string | undefined,
-    first?: boolean | undefined
+    first?: boolean | undefined,
   ) => Promise<void>;
   validateFields: (nameList?: NamePath[]) => Promise<any>;
   validate: (nameList?: NamePath[]) => Promise<any>;
diff --git a/src/components/Icon/src/IconPicker.vue b/src/components/Icon/src/IconPicker.vue
index b6c5546c..afb9204a 100644
--- a/src/components/Icon/src/IconPicker.vue
+++ b/src/components/Icon/src/IconPicker.vue
@@ -63,7 +63,7 @@
             </div>
           </div>
           <template v-else
-            ><div class="p-5"> <Empty /></div>
+            ><div class="p-5"><Empty /></div>
           </template>
         </template>
 
@@ -139,7 +139,7 @@
 
       const { getPaginationList, getTotal, setCurrentPage } = usePagination(
         currentList,
-        props.pageSize
+        props.pageSize,
       );
 
       watchEffect(() => {
@@ -151,7 +151,7 @@
         (v) => {
           emit('update:value', v);
           return emit('change', v);
-        }
+        },
       );
 
       function handlePageChange(page: number) {
diff --git a/src/components/Loading/src/useLoading.ts b/src/components/Loading/src/useLoading.ts
index 23ad1099..356df7de 100644
--- a/src/components/Loading/src/useLoading.ts
+++ b/src/components/Loading/src/useLoading.ts
@@ -16,7 +16,7 @@ export function useLoading(props: Partial<LoadingProps>): [Fn, Fn, (string) => v
 export function useLoading(opt: Partial<UseLoadingOptions>): [Fn, Fn, (string) => void];
 
 export function useLoading(
-  opt: Partial<LoadingProps> | Partial<UseLoadingOptions>
+  opt: Partial<LoadingProps> | Partial<UseLoadingOptions>,
 ): [Fn, Fn, (string) => void] {
   let props: Partial<LoadingProps>;
   let target: HTMLElement | Ref<ElRef> = document.body;
diff --git a/src/components/Markdown/src/Markdown.vue b/src/components/Markdown/src/Markdown.vue
index 68ced7d3..4026e21d 100644
--- a/src/components/Markdown/src/Markdown.vue
+++ b/src/components/Markdown/src/Markdown.vue
@@ -52,7 +52,7 @@
         {
           immediate: true,
           flush: 'post',
-        }
+        },
       );
 
       watch(
@@ -62,7 +62,7 @@
             instance.getVditor()?.setValue(v);
           }
           valueRef.value = v;
-        }
+        },
       );
 
       const getCurrentLang = computed((): 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' => {
diff --git a/src/components/Menu/src/BasicMenu.vue b/src/components/Menu/src/BasicMenu.vue
index 543e639d..d4cfc82c 100644
--- a/src/components/Menu/src/BasicMenu.vue
+++ b/src/components/Menu/src/BasicMenu.vue
@@ -64,7 +64,7 @@
         menuState,
         items,
         mode as any,
-        accordion
+        accordion,
       );
 
       const getIsTopMenu = computed(() => {
@@ -114,7 +114,7 @@
           () => props.items,
           () => {
             handleMenuChange();
-          }
+          },
         );
 
       async function handleMenuClick({ key }: { key: string; keyPath: string[] }) {
diff --git a/src/components/Menu/src/useOpenKeys.ts b/src/components/Menu/src/useOpenKeys.ts
index 14ea42f9..841dab51 100644
--- a/src/components/Menu/src/useOpenKeys.ts
+++ b/src/components/Menu/src/useOpenKeys.ts
@@ -14,7 +14,7 @@ export function useOpenKeys(
   menuState: MenuState,
   menus: Ref<MenuType[]>,
   mode: Ref<MenuModeEnum>,
-  accordion: Ref<boolean>
+  accordion: Ref<boolean>,
 ) {
   const { getCollapsed, getIsMixSidebar } = useMenuSetting();
 
@@ -37,7 +37,7 @@ export function useOpenKeys(
         }
       },
       16,
-      !native
+      !native,
     );
   }
 
diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue
index 4dedf09c..88ee71a2 100644
--- a/src/components/Modal/src/BasicModal.vue
+++ b/src/components/Modal/src/BasicModal.vue
@@ -169,7 +169,7 @@
         },
         {
           immediate: false,
-        }
+        },
       );
 
       // 取消事件
diff --git a/src/components/Modal/src/components/ModalWrapper.vue b/src/components/Modal/src/components/ModalWrapper.vue
index c292d536..699bf9cb 100644
--- a/src/components/Modal/src/components/ModalWrapper.vue
+++ b/src/components/Modal/src/components/ModalWrapper.vue
@@ -62,7 +62,7 @@
         {
           attributes: true,
           subtree: true,
-        }
+        },
       );
 
       createModalContext({
@@ -89,7 +89,7 @@
           } else {
             minRealHeightRef.value = realHeightRef.value;
           }
-        }
+        },
       );
 
       onMounted(() => {
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 4a3cda86..4eb854dd 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -71,7 +71,7 @@
 
       provide(
         PageWrapperFixedHeightKey,
-        computed(() => props.fixedHeight)
+        computed(() => props.fixedHeight),
       );
 
       const getIsContentFullHeight = computed(() => {
@@ -82,7 +82,7 @@
         getIsContentFullHeight,
         wrapperRef,
         [headerRef, footerRef],
-        [contentRef]
+        [contentRef],
       );
       setCompensation({ useLayoutFooter: true, elements: [footerRef] });
 
@@ -135,7 +135,7 @@
         {
           flush: 'post',
           immediate: true,
-        }
+        },
       );
 
       return {
diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index a8df59f1..81194e14 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -103,7 +103,7 @@
         },
         {
           deep: true,
-        }
+        },
       );
 
       return { wrapRef, download };
diff --git a/src/components/Qrcode/src/drawCanvas.ts b/src/components/Qrcode/src/drawCanvas.ts
index e8416369..53198e88 100644
--- a/src/components/Qrcode/src/drawCanvas.ts
+++ b/src/components/Qrcode/src/drawCanvas.ts
@@ -7,9 +7,9 @@ export const renderQrCode = ({
   canvas,
   content,
   width = 0,
-  options: params = {}
+  options: params = {},
 }: RenderQrCodeParams) => {
-  const options = cloneDeep(params)
+  const options = cloneDeep(params);
   // 容错率，默认对内容少的二维码采用高容错率，内容多的二维码采用低容错率
   options.errorCorrectionLevel = options.errorCorrectionLevel || getErrorCorrectionLevel(content);
 
diff --git a/src/components/Scrollbar/src/bar.ts b/src/components/Scrollbar/src/bar.ts
index ddde7401..64bd2896 100644
--- a/src/components/Scrollbar/src/bar.ts
+++ b/src/components/Scrollbar/src/bar.ts
@@ -44,7 +44,7 @@ export default defineComponent({
 
     const clickTrackHandler = (e: any) => {
       const offset = Math.abs(
-        e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]
+        e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client],
       );
       const thumbHalf = thumb.value[bar.value.offset] / 2;
       const thumbPositionPercentage =
@@ -104,7 +104,7 @@ export default defineComponent({
             move: props.move,
             bar: bar.value,
           }),
-        })
+        }),
       );
   },
 });
diff --git a/src/components/SimpleMenu/src/SimpleMenu.vue b/src/components/SimpleMenu/src/SimpleMenu.vue
index 0c2b0e13..45015be6 100644
--- a/src/components/SimpleMenu/src/SimpleMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleMenu.vue
@@ -75,7 +75,7 @@
         items,
         accordion,
         mixSider,
-        collapse
+        collapse,
       );
 
       const getBindValues = computed(() => ({ ...attrs, ...props }));
@@ -89,7 +89,7 @@
             setOpenKeys(currentRoute.value.path);
           }
         },
-        { immediate: true }
+        { immediate: true },
       );
 
       watch(
@@ -100,7 +100,7 @@
           }
           setOpenKeys(currentRoute.value.path);
         },
-        { flush: 'post' }
+        { flush: 'post' },
       );
 
       listenerRouteChange((route) => {
diff --git a/src/components/SimpleMenu/src/components/Menu.vue b/src/components/SimpleMenu/src/components/Menu.vue
index a3f982dc..28f78fbe 100644
--- a/src/components/SimpleMenu/src/components/Menu.vue
+++ b/src/components/SimpleMenu/src/components/Menu.vue
@@ -87,7 +87,7 @@
           nextTick(() => {
             updateOpened();
           });
-        }
+        },
       );
 
       function updateOpened() {
diff --git a/src/components/SimpleMenu/src/components/MenuItem.vue b/src/components/SimpleMenu/src/components/MenuItem.vue
index 222c7b62..c4976dec 100644
--- a/src/components/SimpleMenu/src/components/MenuItem.vue
+++ b/src/components/SimpleMenu/src/components/MenuItem.vue
@@ -98,7 +98,7 @@
             active.value = false;
           }
         },
-        { immediate: true }
+        { immediate: true },
       );
 
       return { getClass, prefixCls, getItemStyle, getCollapse, handleClickItem, showTooptip };
diff --git a/src/components/SimpleMenu/src/components/SubMenuItem.vue b/src/components/SimpleMenu/src/components/SubMenuItem.vue
index 0cc91229..d5cf7e3c 100644
--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -286,7 +286,7 @@
             if (props.name && Array.isArray(data)) {
               state.opened = (data as (string | number)[]).includes(props.name);
             }
-          }
+          },
         );
 
         rootMenuEmitter.on('on-update-active-name:submenu', (data: number[]) => {
diff --git a/src/components/SimpleMenu/src/useOpenKeys.ts b/src/components/SimpleMenu/src/useOpenKeys.ts
index d06df7d3..1b3cf7b1 100644
--- a/src/components/SimpleMenu/src/useOpenKeys.ts
+++ b/src/components/SimpleMenu/src/useOpenKeys.ts
@@ -15,7 +15,7 @@ export function useOpenKeys(
   menus: Ref<MenuType[]>,
   accordion: Ref<boolean>,
   mixSider: Ref<boolean>,
-  collapse: Ref<boolean>
+  collapse: Ref<boolean>,
 ) {
   const debounceSetOpenKeys = useDebounceFn(setOpenKeys, 50);
   async function setOpenKeys(path: string) {
@@ -38,7 +38,7 @@ export function useOpenKeys(
         menuState.activeSubMenuNames = menuState.openNames;
       },
       30,
-      native
+      native,
     );
   }
 
diff --git a/src/components/StrengthMeter/src/StrengthMeter.vue b/src/components/StrengthMeter/src/StrengthMeter.vue
index 3c43cbf5..738a3470 100644
--- a/src/components/StrengthMeter/src/StrengthMeter.vue
+++ b/src/components/StrengthMeter/src/StrengthMeter.vue
@@ -59,7 +59,7 @@
         () => unref(innerValueRef),
         (val) => {
           emit('change', val);
-        }
+        },
       );
 
       return {
diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index c5a74e79..f2cfc473 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -111,7 +111,7 @@
         unref(isFixedHeightPage) &&
           props.canResize &&
           warn(
-            "'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)"
+            "'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)",
           );
       });
 
@@ -157,7 +157,7 @@
           getFieldsValue: formActions.getFieldsValue,
           clearSelectedRowKeys,
         },
-        emit
+        emit,
       );
 
       function handleTableChange(...args) {
@@ -182,7 +182,7 @@
         tableElRef,
         getColumnsRef,
         getRowSelectionRef,
-        getDataSourceRef
+        getDataSourceRef,
       );
 
       const { customRow } = useCustomRow(getProps, {
@@ -211,7 +211,7 @@
         getProps,
         getScrollRef,
         tableElRef,
-        getDataSourceRef
+        getDataSourceRef,
       );
 
       const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchInfoChange } =
diff --git a/src/components/Table/src/components/editable/CellComponent.ts b/src/components/Table/src/components/editable/CellComponent.ts
index 231f3256..3a166938 100644
--- a/src/components/Table/src/components/editable/CellComponent.ts
+++ b/src/components/Table/src/components/editable/CellComponent.ts
@@ -21,7 +21,7 @@ export const CellComponent: FunctionalComponent = (
     popoverVisible,
     getPopupContainer,
   }: ComponentProps,
-  { attrs }
+  { attrs },
 ) => {
   const Comp = componentMap.get(component) as typeof defineComponent;
 
@@ -39,6 +39,6 @@ export const CellComponent: FunctionalComponent = (
     {
       default: () => DefaultComp,
       content: () => ruleMessage,
-    }
+    },
   );
 };
diff --git a/src/components/Table/src/components/editable/EditableCell.vue b/src/components/Table/src/components/editable/EditableCell.vue
index 36151947..a1ea18c2 100644
--- a/src/components/Table/src/components/editable/EditableCell.vue
+++ b/src/components/Table/src/components/editable/EditableCell.vue
@@ -5,9 +5,9 @@
       :class="{ [`${prefixCls}__normal`]: true, 'ellipsis-cell': column.ellipsis }"
       @click="handleEdit"
     >
-      <div class="cell-content" :title="column.ellipsis ? getValues ?? '' : ''">{{
-        getValues ? getValues : '&nbsp;'
-      }}</div>
+      <div class="cell-content" :title="column.ellipsis ? getValues ?? '' : ''">
+        {{ getValues ? getValues : '&nbsp;' }}
+      </div>
       <FormOutlined :class="`${prefixCls}__normal-icon`" v-if="!column.editRow" />
     </div>
 
diff --git a/src/components/Table/src/components/settings/ColumnSetting.vue b/src/components/Table/src/components/settings/ColumnSetting.vue
index e1d64d9f..66910db2 100644
--- a/src/components/Table/src/components/settings/ColumnSetting.vue
+++ b/src/components/Table/src/components/settings/ColumnSetting.vue
@@ -351,7 +351,7 @@
           const visible =
             columns.findIndex(
               (c: BasicColumn | string) =>
-                c === col.value || (typeof c !== 'string' && c.dataIndex === col.value)
+                c === col.value || (typeof c !== 'string' && c.dataIndex === col.value),
             ) !== -1;
           return { dataIndex: col.value, fixed: col.fixed, visible };
         });
diff --git a/src/components/Table/src/hooks/useColumns.ts b/src/components/Table/src/hooks/useColumns.ts
index 8702f2a6..42e0c8a4 100644
--- a/src/components/Table/src/hooks/useColumns.ts
+++ b/src/components/Table/src/hooks/useColumns.ts
@@ -40,7 +40,7 @@ function handleChildren(children: BasicColumn[] | undefined, ellipsis: boolean)
 function handleIndexColumn(
   propsRef: ComputedRef<BasicTableProps>,
   getPaginationRef: ComputedRef<boolean | PaginationProps>,
-  columns: BasicColumn[]
+  columns: BasicColumn[],
 ) {
   const { t } = useI18n();
 
@@ -102,7 +102,7 @@ function handleActionColumn(propsRef: ComputedRef<BasicTableProps>, columns: Bas
 
 export function useColumns(
   propsRef: ComputedRef<BasicTableProps>,
-  getPaginationRef: ComputedRef<boolean | PaginationProps>
+  getPaginationRef: ComputedRef<boolean | PaginationProps>,
 ) {
   const columnsRef = ref(unref(propsRef).columns) as unknown as Ref<BasicColumn[]>;
   let cacheColumns = unref(propsRef).columns;
@@ -122,7 +122,7 @@ export function useColumns(
 
       handleItem(
         item,
-        Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots
+        Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots,
       );
     });
     return columns;
@@ -179,7 +179,7 @@ export function useColumns(
     (columns) => {
       columnsRef.value = columns;
       cacheColumns = columns?.filter((item) => !item.flag) ?? [];
-    }
+    },
   );
 
   function setCacheColumnsByField(dataIndex: string | undefined, value: Partial<BasicColumn>) {
@@ -288,7 +288,7 @@ function sortFixedColumn(columns: BasicColumn[]) {
     defColumns.push(column);
   }
   return [...fixedLeftColumns, ...defColumns, ...fixedRightColumns].filter(
-    (item) => !item.defaultHidden
+    (item) => !item.defaultHidden,
   );
 }
 
diff --git a/src/components/Table/src/hooks/useCustomRow.ts b/src/components/Table/src/hooks/useCustomRow.ts
index 1cfcac08..8dc4921e 100644
--- a/src/components/Table/src/hooks/useCustomRow.ts
+++ b/src/components/Table/src/hooks/useCustomRow.ts
@@ -15,7 +15,7 @@ interface Options {
 function getKey(
   record: Recordable,
   rowKey: string | ((record: Record<string, any>) => string) | undefined,
-  autoCreateKey?: boolean
+  autoCreateKey?: boolean,
 ) {
   if (!rowKey || autoCreateKey) {
     return record[ROW_KEY];
@@ -31,7 +31,7 @@ function getKey(
 
 export function useCustomRow(
   propsRef: ComputedRef<BasicTableProps>,
-  { setSelectedRowKeys, getSelectRowKeys, getAutoCreateKey, clearSelectedRowKeys, emit }: Options
+  { setSelectedRowKeys, getSelectRowKeys, getAutoCreateKey, clearSelectedRowKeys, emit }: Options,
 ) {
   const customRow = (record: Recordable, index: number) => {
     return {
diff --git a/src/components/Table/src/hooks/useDataSource.ts b/src/components/Table/src/hooks/useDataSource.ts
index 9b6d5c9d..03c6a894 100644
--- a/src/components/Table/src/hooks/useDataSource.ts
+++ b/src/components/Table/src/hooks/useDataSource.ts
@@ -40,7 +40,7 @@ export function useDataSource(
     clearSelectedRowKeys,
     tableData,
   }: ActionType,
-  emit: EmitType
+  emit: EmitType,
 ) {
   const searchState = reactive<SearchState>({
     sortInfo: {},
@@ -61,13 +61,13 @@ export function useDataSource(
     },
     {
       immediate: true,
-    }
+    },
   );
 
   function handleTableChange(
     pagination: PaginationProps,
     filters: Partial<Recordable<string[]>>,
-    sorter: SorterResult
+    sorter: SorterResult,
   ) {
     const { clearSelectOnPageChange, sortFn, filterFn } = unref(propsRef);
     if (clearSelectOnPageChange) {
@@ -148,7 +148,7 @@ export function useDataSource(
 
   function updateTableDataRecord(
     rowKey: string | number,
-    record: Recordable
+    record: Recordable,
   ): Recordable | undefined {
     const row = findTableDataRecord(rowKey);
 
@@ -206,7 +206,7 @@ export function useDataSource(
       const { pageField, sizeField, listField, totalField } = Object.assign(
         {},
         FETCH_SETTING,
-        fetchSetting
+        fetchSetting,
       );
       let pageParams: Recordable = {};
 
diff --git a/src/components/Table/src/hooks/useLoading.ts b/src/components/Table/src/hooks/useLoading.ts
index 0a670b00..fe8a0f16 100644
--- a/src/components/Table/src/hooks/useLoading.ts
+++ b/src/components/Table/src/hooks/useLoading.ts
@@ -8,7 +8,7 @@ export function useLoading(props: ComputedRef<BasicTableProps>) {
     () => unref(props).loading,
     (loading) => {
       loadingRef.value = loading;
-    }
+    },
   );
 
   const getLoading = computed(() => unref(loadingRef));
diff --git a/src/components/Table/src/hooks/useRowSelection.ts b/src/components/Table/src/hooks/useRowSelection.ts
index f900a531..ffae9b52 100644
--- a/src/components/Table/src/hooks/useRowSelection.ts
+++ b/src/components/Table/src/hooks/useRowSelection.ts
@@ -8,7 +8,7 @@ import { findNodeAll } from '/@/utils/helper/treeHelper';
 export function useRowSelection(
   propsRef: ComputedRef<BasicTableProps>,
   tableData: Ref<Recordable[]>,
-  emit: EmitType
+  emit: EmitType,
 ) {
   const selectedRowKeysRef = ref<string[]>([]);
   const selectedRowRef = ref<Recordable[]>([]);
@@ -35,7 +35,7 @@ export function useRowSelection(
     () => unref(propsRef).rowSelection?.selectedRowKeys,
     (v: string[]) => {
       setSelectedRowKeys(v);
-    }
+    },
   );
 
   watch(
@@ -53,7 +53,7 @@ export function useRowSelection(
         });
       });
     },
-    { deep: true }
+    { deep: true },
   );
 
   const getAutoCreateKey = computed(() => {
@@ -72,7 +72,7 @@ export function useRowSelection(
       (item) => rowKeys.includes(item[unref(getRowKey) as string]),
       {
         children: propsRef.value.childrenColumnName ?? 'children',
-      }
+      },
     );
     const trueSelectedRows: any[] = [];
     rowKeys.forEach((key: string) => {
diff --git a/src/components/Table/src/hooks/useTable.ts b/src/components/Table/src/hooks/useTable.ts
index 8f25b313..2a3377f7 100644
--- a/src/components/Table/src/hooks/useTable.ts
+++ b/src/components/Table/src/hooks/useTable.ts
@@ -18,7 +18,7 @@ export function useTable(tableProps?: Props): [
   (instance: TableActionType, formInstance: UseTableMethod) => void,
   TableActionType & {
     getForm: () => FormActionType;
-  }
+  },
 ] {
   const tableRef = ref<Nullable<TableActionType>>(null);
   const loadedRef = ref<Nullable<boolean>>(false);
@@ -50,7 +50,7 @@ export function useTable(tableProps?: Props): [
       {
         immediate: true,
         deep: true,
-      }
+      },
     );
   }
 
@@ -58,7 +58,7 @@ export function useTable(tableProps?: Props): [
     const table = unref(tableRef);
     if (!table) {
       error(
-        'The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!'
+        'The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!',
       );
     }
     return table as TableActionType;
diff --git a/src/components/Table/src/hooks/useTableExpand.ts b/src/components/Table/src/hooks/useTableExpand.ts
index c4bedfd5..c9f0eb1d 100644
--- a/src/components/Table/src/hooks/useTableExpand.ts
+++ b/src/components/Table/src/hooks/useTableExpand.ts
@@ -6,7 +6,7 @@ import { ROW_KEY } from '../const';
 export function useTableExpand(
   propsRef: ComputedRef<BasicTableProps>,
   tableData: Ref<Recordable[]>,
-  emit: EmitType
+  emit: EmitType,
 ) {
   const expandedRowKeys = ref<string[]>([]);
 
diff --git a/src/components/Table/src/hooks/useTableFooter.ts b/src/components/Table/src/hooks/useTableFooter.ts
index fa46e36d..df8393a0 100644
--- a/src/components/Table/src/hooks/useTableFooter.ts
+++ b/src/components/Table/src/hooks/useTableFooter.ts
@@ -12,7 +12,7 @@ export function useTableFooter(
     scrollToFirstRowOnChange: boolean;
   }>,
   tableElRef: Ref<ComponentRef>,
-  getDataSourceRef: ComputedRef<Recordable>
+  getDataSourceRef: ComputedRef<Recordable>,
 ) {
   const getIsEmptyData = computed(() => {
     return (unref(getDataSourceRef) || []).length === 0;
@@ -43,7 +43,7 @@ export function useTableFooter(
         name: 'scroll',
         listener: () => {
           const footerBodyDom = tableEl.$el.querySelector(
-            '.ant-table-footer .ant-table-body'
+            '.ant-table-footer .ant-table-body',
           ) as HTMLDivElement;
           if (!footerBodyDom || !bodyDom) return;
           footerBodyDom.scrollLeft = bodyDom.scrollLeft;
diff --git a/src/components/Table/src/hooks/useTableForm.ts b/src/components/Table/src/hooks/useTableForm.ts
index 42b71692..bc09c7f6 100644
--- a/src/components/Table/src/hooks/useTableForm.ts
+++ b/src/components/Table/src/hooks/useTableForm.ts
@@ -8,7 +8,7 @@ export function useTableForm(
   propsRef: ComputedRef<BasicTableProps>,
   slots: Slots,
   fetch: (opt?: FetchParams | undefined) => Promise<void>,
-  getLoading: ComputedRef<boolean | undefined>
+  getLoading: ComputedRef<boolean | undefined>,
 ) {
   const getFormProps = computed((): Partial<FormProps> => {
     const { formConfig } = unref(propsRef);
diff --git a/src/components/Table/src/hooks/useTableHeader.ts b/src/components/Table/src/hooks/useTableHeader.ts
index 16d66935..e7282075 100644
--- a/src/components/Table/src/hooks/useTableHeader.ts
+++ b/src/components/Table/src/hooks/useTableHeader.ts
@@ -8,7 +8,7 @@ import { getSlot } from '/@/utils/helper/tsxHelper';
 export function useTableHeader(
   propsRef: ComputedRef<BasicTableProps>,
   slots: Slots,
-  handlers: InnerHandlers
+  handlers: InnerHandlers,
 ) {
   const getHeaderProps = computed((): Recordable => {
     const { title, showTableSetting, titleHelpMessage, tableSetting } = unref(propsRef);
@@ -46,7 +46,7 @@ export function useTableHeader(
                       headerTop: () => getSlot(slots, 'headerTop'),
                     }
                   : {}),
-              }
+              },
             ),
     };
   });
diff --git a/src/components/Table/src/hooks/useTableScroll.ts b/src/components/Table/src/hooks/useTableScroll.ts
index e4931d04..34001512 100644
--- a/src/components/Table/src/hooks/useTableScroll.ts
+++ b/src/components/Table/src/hooks/useTableScroll.ts
@@ -13,7 +13,7 @@ export function useTableScroll(
   tableElRef: Ref<ComponentRef>,
   columnsRef: ComputedRef<BasicColumn[]>,
   rowSelectionRef: ComputedRef<TableRowSelection<any> | null>,
-  getDataSourceRef: ComputedRef<Recordable[]>
+  getDataSourceRef: ComputedRef<Recordable[]>,
 ) {
   const tableHeightRef: Ref<Nullable<number>> = ref(null);
 
@@ -34,7 +34,7 @@ export function useTableScroll(
     },
     {
       flush: 'post',
-    }
+    },
   );
 
   function redoHeight() {
diff --git a/src/components/Time/src/Time.vue b/src/components/Time/src/Time.vue
index a74d2c64..27893688 100644
--- a/src/components/Time/src/Time.vue
+++ b/src/components/Time/src/Time.vue
@@ -34,7 +34,7 @@
         () => {
           setTime();
         },
-        { immediate: true }
+        { immediate: true },
       );
 
       function getTime() {
diff --git a/src/components/Tinymce/src/Editor.vue b/src/components/Tinymce/src/Editor.vue
index 8a83d58d..b84c5fbb 100644
--- a/src/components/Tinymce/src/Editor.vue
+++ b/src/components/Tinymce/src/Editor.vue
@@ -190,7 +190,7 @@
             return;
           }
           editor.setMode(attrs.disabled ? 'readonly' : 'design');
-        }
+        },
       );
 
       onMountedOrActivated(() => {
@@ -264,7 +264,7 @@
           () => props.modelValue,
           (val: string, prevVal: string) => {
             setValue(editor, val, prevVal);
-          }
+          },
         );
 
         watch(
@@ -274,7 +274,7 @@
           },
           {
             immediate: true,
-          }
+          },
         );
 
         editor.on(normalizedEvents ? normalizedEvents : 'change keyup undo redo', () => {
diff --git a/src/components/Transition/index.ts b/src/components/Transition/index.ts
index a14255e5..7eb79b53 100644
--- a/src/components/Transition/index.ts
+++ b/src/components/Transition/index.ts
@@ -18,10 +18,10 @@ export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transi
 
 export const ExpandXTransition = createJavascriptTransition(
   'expand-x-transition',
-  ExpandTransitionGenerator('', true)
+  ExpandTransitionGenerator('', true),
 );
 
 export const ExpandTransition = createJavascriptTransition(
   'expand-transition',
-  ExpandTransitionGenerator('')
+  ExpandTransitionGenerator(''),
 );
diff --git a/src/components/Transition/src/CreateTransition.tsx b/src/components/Transition/src/CreateTransition.tsx
index ba5ee138..d12518de 100644
--- a/src/components/Transition/src/CreateTransition.tsx
+++ b/src/components/Transition/src/CreateTransition.tsx
@@ -41,7 +41,7 @@ export function createSimpleTransition(name: string, origin = 'top center 0', mo
 export function createJavascriptTransition(
   name: string,
   functions: Recordable,
-  mode: Mode = 'in-out'
+  mode: Mode = 'in-out',
 ) {
   return defineComponent({
     name,
diff --git a/src/components/Tree/src/Tree.vue b/src/components/Tree/src/Tree.vue
index 9b9efb69..68f97308 100644
--- a/src/components/Tree/src/Tree.vue
+++ b/src/components/Tree/src/Tree.vue
@@ -119,7 +119,7 @@
       });
 
       const getTreeData = computed((): TreeItem[] =>
-        searchState.startSearch ? searchState.searchData : unref(treeDataRef)
+        searchState.startSearch ? searchState.searchData : unref(treeDataRef),
       );
 
       const getNotFound = computed((): boolean => {
@@ -219,7 +219,7 @@
           (node) => {
             return node[titleField]?.includes(searchValue) ?? false;
           },
-          unref(getReplaceFields)
+          unref(getReplaceFields),
         );
       }
 
@@ -266,7 +266,7 @@
         () => props.value,
         () => {
           state.checkedKeys = toRaw(props.value || []);
-        }
+        },
       );
 
       watch(
@@ -275,7 +275,7 @@
           const v = toRaw(state.checkedKeys);
           emit('update:value', v);
           emit('change', v);
-        }
+        },
       );
 
       // watchEffect(() => {
diff --git a/src/components/Tree/src/TreeHeader.vue b/src/components/Tree/src/TreeHeader.vue
index 9223e1b2..0eed8094 100644
--- a/src/components/Tree/src/TreeHeader.vue
+++ b/src/components/Tree/src/TreeHeader.vue
@@ -143,7 +143,7 @@
         () => searchValue.value,
         (v) => {
           debounceEmitChange(v);
-        }
+        },
       );
       watch(
         () => props.searchText,
@@ -151,7 +151,7 @@
           if (v !== searchValue.value) {
             searchValue.value = v;
           }
-        }
+        },
       );
       // function handleSearch(e: ChangeEvent): void {
       //   debounceEmitChange(e.target.value);
diff --git a/src/components/Tree/src/useTree.ts b/src/components/Tree/src/useTree.ts
index 175e640b..840e5bc1 100644
--- a/src/components/Tree/src/useTree.ts
+++ b/src/components/Tree/src/useTree.ts
@@ -8,7 +8,7 @@ import { forEach } from '/@/utils/helper/treeHelper';
 
 export function useTree(
   treeDataRef: Ref<TreeDataItem[]>,
-  getReplaceFields: ComputedRef<ReplaceFields>
+  getReplaceFields: ComputedRef<ReplaceFields>,
 ) {
   function getAllKeys(list?: TreeDataItem[]) {
     const keys: string[] = [];
diff --git a/src/components/Upload/src/BasicUpload.vue b/src/components/Upload/src/BasicUpload.vue
index 4d0407ac..0d3ea234 100644
--- a/src/components/Upload/src/BasicUpload.vue
+++ b/src/components/Upload/src/BasicUpload.vue
@@ -80,7 +80,7 @@
         (value = []) => {
           fileList.value = isArray(value) ? value : [];
         },
-        { immediate: true }
+        { immediate: true },
       );
 
       // 上传modal保存操作
diff --git a/src/components/Upload/src/FileList.vue b/src/components/Upload/src/FileList.vue
index 62b1870f..ddb087e5 100644
--- a/src/components/Upload/src/FileList.vue
+++ b/src/components/Upload/src/FileList.vue
@@ -15,7 +15,7 @@
           nextTick(() => {
             modalFn?.redoModalHeight?.();
           });
-        }
+        },
       );
       return () => {
         const { columns, actionColumn, dataSource } = props;
diff --git a/src/components/Upload/src/UploadModal.vue b/src/components/Upload/src/UploadModal.vue
index 1c954dd5..81a37f20 100644
--- a/src/components/Upload/src/UploadModal.vue
+++ b/src/components/Upload/src/UploadModal.vue
@@ -102,7 +102,7 @@
 
       const getOkButtonProps = computed(() => {
         const someSuccess = fileListRef.value.some(
-          (item) => item.status === UploadResultStatus.SUCCESS
+          (item) => item.status === UploadResultStatus.SUCCESS,
         );
         return {
           disabled: isUploadingRef.value || fileListRef.value.length === 0 || !someSuccess,
@@ -111,7 +111,7 @@
 
       const getUploadBtnText = computed(() => {
         const someError = fileListRef.value.some(
-          (item) => item.status === UploadResultStatus.ERROR
+          (item) => item.status === UploadResultStatus.ERROR,
         );
         return isUploadingRef.value
           ? t('component.upload.uploading')
@@ -193,7 +193,7 @@
             function onUploadProgress(progressEvent: ProgressEvent) {
               const complete = ((progressEvent.loaded / progressEvent.total) * 100) | 0;
               item.percent = complete;
-            }
+            },
           );
           item.status = UploadResultStatus.SUCCESS;
           item.responseData = data;
@@ -225,7 +225,7 @@
           const data = await Promise.all(
             uploadFileList.map((item) => {
               return uploadApiByItem(item);
-            })
+            }),
           );
           isUploadingRef.value = false;
           // 生产环境:抛出错误
diff --git a/src/components/Upload/src/UploadPreviewModal.vue b/src/components/Upload/src/UploadPreviewModal.vue
index 0e51cb92..48392d60 100644
--- a/src/components/Upload/src/UploadPreviewModal.vue
+++ b/src/components/Upload/src/UploadPreviewModal.vue
@@ -45,7 +45,7 @@
               };
             });
         },
-        { immediate: true }
+        { immediate: true },
       );
 
       // 删除
@@ -56,7 +56,7 @@
           emit('delete', removed[0].url);
           emit(
             'list-change',
-            fileListRef.value.map((item) => item.url)
+            fileListRef.value.map((item) => item.url),
           );
         }
       }
diff --git a/src/components/Verify/src/DragVerify.vue b/src/components/Verify/src/DragVerify.vue
index 83847474..e1f7d402 100644
--- a/src/components/Verify/src/DragVerify.vue
+++ b/src/components/Verify/src/DragVerify.vue
@@ -92,7 +92,7 @@
             emit('update:value', isPassing);
             emit('change', isPassing);
           }
-        }
+        },
       );
 
       watchEffect(() => {
diff --git a/src/components/Verify/src/ImgRotate.vue b/src/components/Verify/src/ImgRotate.vue
index 54ebc49e..db44eb4c 100644
--- a/src/components/Verify/src/ImgRotate.vue
+++ b/src/components/Verify/src/ImgRotate.vue
@@ -37,7 +37,7 @@
             emit('change', isPassing);
             emit('update:value', isPassing);
           }
-        }
+        },
       );
 
       const getImgWrapStyleRef = computed(() => {
@@ -65,7 +65,7 @@
         const { imgWidth, height, maxDegree } = props;
         const { moveX } = data;
         const currentRotate = Math.ceil(
-          (moveX / (imgWidth! - parseInt(height as string))) * maxDegree! * unref(getFactorRef)
+          (moveX / (imgWidth! - parseInt(height as string))) * maxDegree! * unref(getFactorRef),
         );
         state.currentRotate = currentRotate;
         state.imgStyle = hackCss('transform', `rotateZ(${state.randomRotate - currentRotate}deg)`);
diff --git a/src/directives/loading.ts b/src/directives/loading.ts
index c2f25c6f..06101ad5 100644
--- a/src/directives/loading.ts
+++ b/src/directives/loading.ts
@@ -15,7 +15,7 @@ const loadingDirective: Directive = {
         loading: !!binding.value,
         absolute: !fullscreen,
       },
-      fullscreen ? document.body : el
+      fullscreen ? document.body : el,
     );
     el.instance = instance;
   },
diff --git a/src/hooks/component/useFormItem.ts b/src/hooks/component/useFormItem.ts
index c059b0fb..4fd9a252 100644
--- a/src/hooks/component/useFormItem.ts
+++ b/src/hooks/component/useFormItem.ts
@@ -16,7 +16,7 @@ export function useRuleFormItem<T extends Recordable>(
   props: T,
   key: keyof T = 'value',
   changeEvent = 'change',
-  emitData?: Ref<any[]>
+  emitData?: Ref<any[]>,
 ) {
   const instance = getCurrentInstance();
   const emit = instance?.emit;
diff --git a/src/hooks/core/useContext.ts b/src/hooks/core/useContext.ts
index 02940309..522e10bb 100644
--- a/src/hooks/core/useContext.ts
+++ b/src/hooks/core/useContext.ts
@@ -21,7 +21,7 @@ type ShallowUnwrap<T> = {
 export function createContext<T>(
   context: any,
   key: InjectionKey<T> = Symbol(),
-  options: CreateContextOptions = {}
+  options: CreateContextOptions = {},
 ) {
   const { readonly = true, createProvider = false, native = false } = options;
 
@@ -39,7 +39,7 @@ export function useContext<T>(key: InjectionKey<T>, defaultValue?: any, native?:
 
 export function useContext<T>(
   key: InjectionKey<T> = Symbol(),
-  defaultValue?: any
+  defaultValue?: any,
 ): ShallowUnwrap<T> {
   return inject(key, defaultValue || {});
 }
diff --git a/src/hooks/core/useLockFn.ts b/src/hooks/core/useLockFn.ts
index 6da611fb..13a10612 100644
--- a/src/hooks/core/useLockFn.ts
+++ b/src/hooks/core/useLockFn.ts
@@ -1,7 +1,7 @@
 import { ref, unref } from 'vue';
 
 export function useLockFn<P extends any[] = any[], V extends any = any>(
-  fn: (...args: P) => Promise<V>
+  fn: (...args: P) => Promise<V>,
 ) {
   const lockRef = ref(false);
   return async function (...args: P) {
diff --git a/src/hooks/core/useTimeout.ts b/src/hooks/core/useTimeout.ts
index a549ac2b..9905c2b6 100644
--- a/src/hooks/core/useTimeout.ts
+++ b/src/hooks/core/useTimeout.ts
@@ -16,7 +16,7 @@ export function useTimeoutFn(handle: Fn<any>, wait: number, native = false) {
       (maturity) => {
         maturity && handle();
       },
-      { immediate: false }
+      { immediate: false },
     );
   }
   return { readyRef, stop, start };
diff --git a/src/hooks/event/useEventListener.ts b/src/hooks/event/useEventListener.ts
index 823f1aef..892cd92e 100644
--- a/src/hooks/event/useEventListener.ts
+++ b/src/hooks/event/useEventListener.ts
@@ -46,7 +46,7 @@ export function useEventListener({
           });
         }
       },
-      { immediate: true }
+      { immediate: true },
     );
 
     remove = () => {
diff --git a/src/hooks/event/useScroll.ts b/src/hooks/event/useScroll.ts
index 2a4b7bc6..cc60f9bf 100644
--- a/src/hooks/event/useScroll.ts
+++ b/src/hooks/event/useScroll.ts
@@ -10,7 +10,7 @@ export function useScroll(
     wait?: number;
     leading?: boolean;
     trailing?: boolean;
-  }
+  },
 ) {
   const refX = ref(0);
   const refY = ref(0);
@@ -49,7 +49,7 @@ export function useScroll(
           el && el.removeEventListener('scroll', handler);
         });
       },
-      { immediate: true }
+      { immediate: true },
     );
   });
 
diff --git a/src/hooks/setting/index.ts b/src/hooks/setting/index.ts
index 30e4d90b..56e393fa 100644
--- a/src/hooks/setting/index.ts
+++ b/src/hooks/setting/index.ts
@@ -14,7 +14,7 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
 
   if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
     warn(
-      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`
+      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`,
     );
   }
 
diff --git a/src/hooks/setting/useMenuSetting.ts b/src/hooks/setting/useMenuSetting.ts
index 442cbb20..62ccf42f 100644
--- a/src/hooks/setting/useMenuSetting.ts
+++ b/src/hooks/setting/useMenuSetting.ts
@@ -54,7 +54,7 @@ export function useMenuSetting() {
   const getTopMenuAlign = computed(() => appStore.getMenuSetting.topMenuAlign);
 
   const getCloseMixSidebarOnChange = computed(
-    () => appStore.getMenuSetting.closeMixSidebarOnChange
+    () => appStore.getMenuSetting.closeMixSidebarOnChange,
   );
 
   const getIsSidebarType = computed(() => unref(getMenuType) === MenuTypeEnum.SIDEBAR);
diff --git a/src/hooks/setting/useRootSetting.ts b/src/hooks/setting/useRootSetting.ts
index e08394c7..4976e40a 100644
--- a/src/hooks/setting/useRootSetting.ts
+++ b/src/hooks/setting/useRootSetting.ts
@@ -56,7 +56,7 @@ export function useRootSetting() {
   const getLayoutContentMode = computed(() =>
     appStore.getProjectConfig.contentMode === ContentEnum.FULL
       ? ContentEnum.FULL
-      : ContentEnum.FIXED
+      : ContentEnum.FIXED,
   );
 
   function setRootSetting(setting: Partial<RootSetting>) {
diff --git a/src/hooks/web/useContentHeight.ts b/src/hooks/web/useContentHeight.ts
index 5bc0f953..bfb14660 100644
--- a/src/hooks/web/useContentHeight.ts
+++ b/src/hooks/web/useContentHeight.ts
@@ -27,7 +27,7 @@ export function useContentHeight(
   anchorRef: Ref,
   subtractHeightRefs: Ref[],
   substractSpaceRefs: Ref[],
-  offsetHeightRef: Ref<number> = ref(0)
+  offsetHeightRef: Ref<number> = ref(0),
 ) {
   const contentHeight: Ref<Nullable<number>> = ref(null);
   const { footerHeightRef: layoutFooterHeightRef } = useLayoutHeight();
@@ -130,7 +130,7 @@ export function useContentHeight(
       calcContentHeight();
     },
     50,
-    { immediate: true }
+    { immediate: true },
   );
   watch(
     () => [layoutFooterHeightRef.value],
@@ -140,7 +140,7 @@ export function useContentHeight(
     {
       flush: 'post',
       immediate: true,
-    }
+    },
   );
 
   return { redoHeight, setCompensation, contentHeight };
diff --git a/src/hooks/web/useCopyToClipboard.ts b/src/hooks/web/useCopyToClipboard.ts
index 7a7fea80..db8110bd 100644
--- a/src/hooks/web/useCopyToClipboard.ts
+++ b/src/hooks/web/useCopyToClipboard.ts
@@ -17,7 +17,7 @@ export function useCopyToClipboard(initial?: string) {
         isSuccessRef.value = copyTextToClipboard(str);
       }
     },
-    { immediate: !!initial, flush: 'sync' }
+    { immediate: !!initial, flush: 'sync' },
   );
 
   return { clipboardRef, isSuccessRef, copiedRef };
diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts
index e8c0936f..fa93e608 100644
--- a/src/hooks/web/useECharts.ts
+++ b/src/hooks/web/useECharts.ts
@@ -11,7 +11,7 @@ import { useRootSetting } from '/@/hooks/setting/useRootSetting';
 
 export function useECharts(
   elRef: Ref<HTMLDivElement>,
-  theme: 'light' | 'dark' | 'default' = 'default'
+  theme: 'light' | 'dark' | 'default' = 'default',
 ) {
   const { getDarkMode: getSysDarkMode } = useRootSetting();
 
@@ -90,7 +90,7 @@ export function useECharts(
         initCharts(theme as 'default');
         setOptions(cacheOptions.value);
       }
-    }
+    },
   );
 
   tryOnUnmounted(() => {
diff --git a/src/hooks/web/usePermission.ts b/src/hooks/web/usePermission.ts
index acf8359d..cb2d442b 100644
--- a/src/hooks/web/usePermission.ts
+++ b/src/hooks/web/usePermission.ts
@@ -88,7 +88,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!'
+        'Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!',
       );
     }
 
diff --git a/src/hooks/web/useTitle.ts b/src/hooks/web/useTitle.ts
index 7566ce50..b541ae80 100644
--- a/src/hooks/web/useTitle.ts
+++ b/src/hooks/web/useTitle.ts
@@ -6,6 +6,9 @@ import { useRouter } from 'vue-router';
 
 import { REDIRECT_NAME } from '/@/router/constant';
 
+/**
+ * Listening to page changes and dynamically changing site titles
+ */
 export function useTitle() {
   const { title } = useGlobSetting();
   const { t } = useI18n();
@@ -17,6 +20,7 @@ export function useTitle() {
     () => currentRoute.value.path,
     () => {
       const route = unref(currentRoute);
+
       if (route.name === REDIRECT_NAME) {
         return;
       }
@@ -24,6 +28,6 @@ export function useTitle() {
       const tTitle = t(route?.meta?.title as string);
       pageTitle.value = tTitle ? ` ${tTitle} - ${title} ` : `${title}`;
     },
-    { immediate: true }
+    { immediate: true },
   );
 }
diff --git a/src/hooks/web/useWatermark.ts b/src/hooks/web/useWatermark.ts
index 54823ba8..a42b84b2 100644
--- a/src/hooks/web/useWatermark.ts
+++ b/src/hooks/web/useWatermark.ts
@@ -6,7 +6,7 @@ import { isDef } from '/@/utils/is';
 const domSymbol = Symbol('watermark-dom');
 
 export function useWatermark(
-  appendEl: Ref<HTMLElement | null> = ref(document.body) as Ref<HTMLElement>
+  appendEl: Ref<HTMLElement | null> = ref(document.body) as Ref<HTMLElement>,
 ) {
   const func = useRafThrottle(function () {
     const el = unref(appendEl);
@@ -49,7 +49,7 @@ export function useWatermark(
       width?: number;
       height?: number;
       str?: string;
-    } = {}
+    } = {},
   ) {
     const el = unref(watermarkEl);
     if (!el) return;
diff --git a/src/layouts/default/content/useContentViewHeight.ts b/src/layouts/default/content/useContentViewHeight.ts
index b55b7e8e..f620a336 100644
--- a/src/layouts/default/content/useContentViewHeight.ts
+++ b/src/layouts/default/content/useContentViewHeight.ts
@@ -27,7 +27,7 @@ export function useContentViewHeight() {
       contentHeight.value = window.innerHeight;
     },
     100,
-    { immediate: true }
+    { immediate: true },
   );
 
   async function setPageHeight(height: number) {
diff --git a/src/layouts/default/header/components/notify/NoticeList.vue b/src/layouts/default/header/components/notify/NoticeList.vue
index aab8f1ef..dbc09398 100644
--- a/src/layouts/default/header/components/notify/NoticeList.vue
+++ b/src/layouts/default/header/components/notify/NoticeList.vue
@@ -107,7 +107,7 @@
         () => props.currentPage,
         (v) => {
           current.value = v;
-        }
+        },
       );
       const isTitleClickable = computed(() => !!props.onTitleClick);
       const getPagination = computed(() => {
diff --git a/src/layouts/default/menu/index.vue b/src/layouts/default/menu/index.vue
index ec1f1a1c..598a7bea 100644
--- a/src/layouts/default/menu/index.vue
+++ b/src/layouts/default/menu/index.vue
@@ -60,7 +60,7 @@
       const { getIsMobile } = useAppInject();
 
       const getComputedMenuMode = computed(() =>
-        unref(getIsMobile) ? MenuModeEnum.INLINE : props.menuMode || unref(getMenuMode)
+        unref(getIsMobile) ? MenuModeEnum.INLINE : props.menuMode || unref(getMenuMode),
       );
 
       const getComputedMenuTheme = computed(() => props.theme || unref(getMenuTheme));
diff --git a/src/layouts/default/menu/useLayoutMenu.ts b/src/layouts/default/menu/useLayoutMenu.ts
index a7bf6651..33c77680 100644
--- a/src/layouts/default/menu/useLayoutMenu.ts
+++ b/src/layouts/default/menu/useLayoutMenu.ts
@@ -20,11 +20,11 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
   const throttleHandleSplitLeftMenu = useThrottleFn(handleSplitLeftMenu, 50);
 
   const splitNotLeft = computed(
-    () => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal)
+    () => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal),
   );
 
   const getSplitLeft = computed(
-    () => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT
+    () => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT,
   );
 
   const getSpiltTop = computed(() => unref(splitType) === MenuSplitTyeEnum.TOP);
@@ -48,7 +48,7 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
     },
     {
       immediate: true,
-    }
+    },
   );
 
   // Menu changes
@@ -59,7 +59,7 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
     },
     {
       immediate: true,
-    }
+    },
   );
 
   // split Menu changes
@@ -68,7 +68,7 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
     () => {
       if (unref(splitNotLeft)) return;
       genMenus();
-    }
+    },
   );
 
   // Handle left menu split
diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 6ce21c73..d3516e2e 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -49,7 +49,7 @@
 
       function handleCopy() {
         const { isSuccessRef } = useCopyToClipboard(
-          JSON.stringify(unref(appStore.getProjectConfig), null, 2)
+          JSON.stringify(unref(appStore.getProjectConfig), null, 2),
         );
         unref(isSuccessRef) &&
           createSuccessModal({
diff --git a/src/layouts/default/tabs/components/FoldButton.vue b/src/layouts/default/tabs/components/FoldButton.vue
index 30a8b59f..c8ea290e 100644
--- a/src/layouts/default/tabs/components/FoldButton.vue
+++ b/src/layouts/default/tabs/components/FoldButton.vue
@@ -23,7 +23,7 @@
       const getIsUnFold = computed(() => !unref(getShowMenu) && !unref(getShowHeader));
 
       const getIcon = computed(() =>
-        unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full'
+        unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full',
       );
 
       function handleFold() {
diff --git a/src/layouts/default/tabs/components/TabContent.vue b/src/layouts/default/tabs/components/TabContent.vue
index 18ca3858..1023a231 100644
--- a/src/layouts/default/tabs/components/TabContent.vue
+++ b/src/layouts/default/tabs/components/TabContent.vue
@@ -44,12 +44,12 @@
       const getIsTabs = computed(() => !props.isExtra);
 
       const getTrigger = computed((): ('contextmenu' | 'click' | 'hover')[] =>
-        unref(getIsTabs) ? ['contextmenu'] : ['click']
+        unref(getIsTabs) ? ['contextmenu'] : ['click'],
       );
 
       const { getDropMenuList, handleMenuEvent, handleContextMenu } = useTabDropdown(
         props as TabContentProps,
-        getIsTabs
+        getIsTabs,
       );
 
       function handleContext(e) {
diff --git a/src/logics/error-handle/index.ts b/src/logics/error-handle/index.ts
index 4925109f..e04c0098 100644
--- a/src/logics/error-handle/index.ts
+++ b/src/logics/error-handle/index.ts
@@ -85,7 +85,7 @@ export function scriptErrorHandler(
   source?: string,
   lineno?: number,
   colno?: number,
-  error?: Error
+  error?: Error,
 ) {
   if (event === 'Script error.' && !source) {
     return false;
@@ -129,7 +129,7 @@ function registerPromiseErrorHandler() {
         message: event.reason,
       });
     },
-    true
+    true,
   );
 }
 
@@ -157,7 +157,7 @@ function registerResourceErrorHandler() {
         message: (e.target || ({} as any)).localName + ' is load error',
       });
     },
-    true
+    true,
   );
 }
 
diff --git a/src/logics/mitt/routeChange.ts b/src/logics/mitt/routeChange.ts
index 335ffcc7..864828e2 100644
--- a/src/logics/mitt/routeChange.ts
+++ b/src/logics/mitt/routeChange.ts
@@ -20,7 +20,7 @@ export function setRouteChange(lastChangeRoute: RouteLocationNormalized) {
 
 export function listenerRouteChange(
   callback: (route: RouteLocationNormalized) => void,
-  immediate = true
+  immediate = true,
 ) {
   emitter.on(key, callback);
   immediate && lastChangeTab && callback(lastChangeTab);
diff --git a/src/main.ts b/src/main.ts
index 2883a113..d24c80ae 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,6 @@ import '/@/design/index.less';
 import 'virtual:windi-base.css';
 import 'virtual:windi-components.css';
 import 'virtual:windi-utilities.css';
-import 'virtual:windi-devtools';
 // Register icon sprite
 import 'virtual:svg-icons-register';
 import App from './App.vue';
@@ -54,7 +53,7 @@ async function bootstrap() {
   // https://next.router.vuejs.org/api/#isready
   // await router.isReady();
 
-  app.mount('#app', true);
+  app.mount('#app');
 }
 
 bootstrap();
diff --git a/src/router/helper/routeHelper.ts b/src/router/helper/routeHelper.ts
index f37cc421..e4cdb49f 100644
--- a/src/router/helper/routeHelper.ts
+++ b/src/router/helper/routeHelper.ts
@@ -42,7 +42,7 @@ function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
 
 function dynamicImport(
   dynamicViewsModules: Record<string, () => Promise<Recordable>>,
-  component: string
+  component: string,
 ) {
   const keys = Object.keys(dynamicViewsModules);
   const matchKeys = keys.filter((key) => {
@@ -57,7 +57,7 @@ function dynamicImport(
   }
   if (matchKeys?.length > 1) {
     warn(
-      'Please do not create `.vue` and `.TSX` files with the same file name in the same hierarchical directory under the views folder. This will cause dynamic introduction failure'
+      'Please do not create `.vue` and `.TSX` files with the same file name in the same hierarchical directory under the views folder. This will cause dynamic introduction failure',
     );
     return;
   }
@@ -120,7 +120,7 @@ function promoteRouteLevel(routeModule: AppRouteModule) {
 function addToChildren(
   routes: RouteRecordNormalized[],
   children: AppRouteRecordRaw[],
-  routeModule: AppRouteModule
+  routeModule: AppRouteModule,
 ) {
   for (let index = 0; index < children.length; index++) {
     const child = children[index];
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 8b8a24bf..285047d0 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -84,7 +84,7 @@ export const useUserStore = defineStore({
       params: LoginParams & {
         goHome?: boolean;
         mode?: ErrorMessageMode;
-      }
+      },
     ): Promise<GetUserInfoModel | null> {
       try {
         const { goHome = true, mode, ...loginParams } = params;
diff --git a/src/utils/cache/memory.ts b/src/utils/cache/memory.ts
index 7e960727..76e30a92 100644
--- a/src/utils/cache/memory.ts
+++ b/src/utils/cache/memory.ts
@@ -63,7 +63,7 @@ export class Memory<T = any, V = any> {
       () => {
         this.remove(key);
       },
-      expires > now ? expires - now : expires
+      expires > now ? expires - now : expires,
     );
 
     return value;
diff --git a/src/utils/color.ts b/src/utils/color.ts
index 99bb89ae..67a6b562 100644
--- a/src/utils/color.ts
+++ b/src/utils/color.ts
@@ -69,7 +69,7 @@ export function darken(color: string, amount: number) {
   amount = Math.trunc((255 * amount) / 100);
   return `#${subtractLight(color.substring(0, 2), amount)}${subtractLight(
     color.substring(2, 4),
-    amount
+    amount,
   )}${subtractLight(color.substring(4, 6), amount)}`;
 }
 
@@ -84,7 +84,7 @@ export function lighten(color: string, amount: number) {
   amount = Math.trunc((255 * amount) / 100);
   return `#${addLight(color.substring(0, 2), amount)}${addLight(
     color.substring(2, 4),
-    amount
+    amount,
   )}${addLight(color.substring(4, 6), amount)}`;
 }
 
diff --git a/src/utils/dateUtil.ts b/src/utils/dateUtil.ts
index f8dfe1e3..efac9262 100644
--- a/src/utils/dateUtil.ts
+++ b/src/utils/dateUtil.ts
@@ -8,7 +8,7 @@ const DATE_FORMAT = 'YYYY-MM-DD ';
 
 export function formatToDateTime(
   date: moment.MomentInput = undefined,
-  format = DATE_TIME_FORMAT
+  format = DATE_TIME_FORMAT,
 ): string {
   return moment(date).format(format);
 }
diff --git a/src/utils/domUtils.ts b/src/utils/domUtils.ts
index 126a1147..7efe9cb8 100644
--- a/src/utils/domUtils.ts
+++ b/src/utils/domUtils.ts
@@ -136,7 +136,7 @@ export function hackCss(attr: string, value: string) {
 export function on(
   element: Element | HTMLElement | Document | Window,
   event: string,
-  handler: EventListenerOrEventListenerObject
+  handler: EventListenerOrEventListenerObject,
 ): void {
   if (element && event && handler) {
     element.addEventListener(event, handler, false);
@@ -147,7 +147,7 @@ export function on(
 export function off(
   element: Element | HTMLElement | Document | Window,
   event: string,
-  handler: Fn
+  handler: Fn,
 ): void {
   if (element && event && handler) {
     element.removeEventListener(event, handler, false);
diff --git a/src/utils/env.ts b/src/utils/env.ts
index 5185b3ae..408398a6 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -32,7 +32,7 @@ export function getAppEnvConfig() {
 
   if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
     warn(
-      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`
+      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`,
     );
   }
 
diff --git a/src/utils/helper/treeHelper.ts b/src/utils/helper/treeHelper.ts
index f77faff5..0535af7b 100644
--- a/src/utils/helper/treeHelper.ts
+++ b/src/utils/helper/treeHelper.ts
@@ -43,7 +43,7 @@ export function treeToList<T = any>(tree: any, config: Partial<TreeHelperConfig>
 export function findNode<T = any>(
   tree: any,
   func: Fn,
-  config: Partial<TreeHelperConfig> = {}
+  config: Partial<TreeHelperConfig> = {},
 ): T | null {
   config = getConfig(config);
   const { children } = config;
@@ -58,7 +58,7 @@ export function findNode<T = any>(
 export function findNodeAll<T = any>(
   tree: any,
   func: Fn,
-  config: Partial<TreeHelperConfig> = {}
+  config: Partial<TreeHelperConfig> = {},
 ): T[] {
   config = getConfig(config);
   const { children } = config;
@@ -74,7 +74,7 @@ export function findNodeAll<T = any>(
 export function findPath<T = any>(
   tree: any,
   func: Fn,
-  config: Partial<TreeHelperConfig> = {}
+  config: Partial<TreeHelperConfig> = {},
 ): T | T[] | null {
   config = getConfig(config);
   const path: T[] = [];
@@ -123,7 +123,7 @@ export function findPathAll(tree: any, func: Fn, config: Partial<TreeHelperConfi
 export function filter<T = any>(
   tree: T[],
   func: (n: T) => boolean,
-  config: Partial<TreeHelperConfig> = {}
+  config: Partial<TreeHelperConfig> = {},
 ): T[] {
   config = getConfig(config);
   const children = config.children as string;
@@ -141,7 +141,7 @@ export function filter<T = any>(
 export function forEach<T = any>(
   tree: T[],
   func: (n: T) => any,
-  config: Partial<TreeHelperConfig> = {}
+  config: Partial<TreeHelperConfig> = {},
 ): void {
   config = getConfig(config);
   const list: any[] = [...tree];
@@ -167,7 +167,7 @@ export function treeMap<T = any>(treeData: T[], opt: { children?: string; conver
  */
 export function treeMapEach(
   data: any,
-  { children = 'children', conversion }: { children?: string; conversion: Fn }
+  { children = 'children', conversion }: { children?: string; conversion: Fn },
 ) {
   const haveChildren = Array.isArray(data[children]) && data[children].length > 0;
   const conversionData = conversion(data) || {};
@@ -178,7 +178,7 @@ export function treeMapEach(
         treeMapEach(i, {
           children,
           conversion,
-        })
+        }),
       ),
     };
   } else {
diff --git a/src/utils/http/axios/axiosTransform.ts b/src/utils/http/axios/axiosTransform.ts
index 5c423411..1581b963 100644
--- a/src/utils/http/axios/axiosTransform.ts
+++ b/src/utils/http/axios/axiosTransform.ts
@@ -33,7 +33,7 @@ export abstract class AxiosTransform {
    */
   requestInterceptors?: (
     config: AxiosRequestConfig,
-    options: CreateAxiosOptions
+    options: CreateAxiosOptions,
   ) => AxiosRequestConfig;
 
   /**
diff --git a/src/utils/http/axios/checkStatus.ts b/src/utils/http/axios/checkStatus.ts
index 68c2ecfa..acadffaa 100644
--- a/src/utils/http/axios/checkStatus.ts
+++ b/src/utils/http/axios/checkStatus.ts
@@ -14,7 +14,7 @@ const stp = projectSetting.sessionTimeoutProcessing;
 export function checkStatus(
   status: number,
   msg: string,
-  errorMessageMode: ErrorMessageMode = 'message'
+  errorMessageMode: ErrorMessageMode = 'message',
 ): void {
   const { t } = useI18n();
   const userStore = useUserStoreWithOut();
diff --git a/src/utils/http/axios/helper.ts b/src/utils/http/axios/helper.ts
index dc30e047..d8b99bf4 100644
--- a/src/utils/http/axios/helper.ts
+++ b/src/utils/http/axios/helper.ts
@@ -4,7 +4,7 @@ const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm';
 
 export function joinTimestamp<T extends boolean>(
   join: boolean,
-  restful: T
+  restful: T,
 ): T extends true ? string : object;
 
 export function joinTimestamp(join: boolean, restful = false): string | object {
diff --git a/src/utils/http/axios/index.ts b/src/utils/http/axios/index.ts
index bdd19562..4affadad 100644
--- a/src/utils/http/axios/index.ts
+++ b/src/utils/http/axios/index.ts
@@ -116,7 +116,7 @@ const transform: AxiosTransform = {
         if (joinParamsToUrl) {
           config.url = setObjToUrlParams(
             config.url as string,
-            Object.assign({}, config.params, config.data)
+            Object.assign({}, config.params, config.data),
           );
         }
       } else {
@@ -230,8 +230,8 @@ function createAxios(opt?: Partial<CreateAxiosOptions>) {
           withToken: true,
         },
       },
-      opt || {}
-    )
+      opt || {},
+    ),
   );
 }
 export const defHttp = createAxios();
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 9aa07559..112c3af4 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -42,7 +42,7 @@ export function deepMerge<T = any>(src: any = {}, target: any = {}): T {
 
 export function openWindow(
   url: string,
-  opt?: { target?: TargetContext | string; noopener?: boolean; noreferrer?: boolean }
+  opt?: { target?: TargetContext | string; noopener?: boolean; noreferrer?: boolean },
 ) {
   const { target = '__blank', noopener = true, noreferrer = true } = opt || {};
   const feature: string[] = [];
diff --git a/src/views/dashboard/analysis/components/SalesProductPie.vue b/src/views/dashboard/analysis/components/SalesProductPie.vue
index 6dc41fb5..7142526d 100644
--- a/src/views/dashboard/analysis/components/SalesProductPie.vue
+++ b/src/views/dashboard/analysis/components/SalesProductPie.vue
@@ -58,6 +58,6 @@
         ],
       });
     },
-    { immediate: true }
+    { immediate: true },
   );
 </script>
diff --git a/src/views/dashboard/analysis/components/VisitRadar.vue b/src/views/dashboard/analysis/components/VisitRadar.vue
index 4f352877..8f7ed03b 100644
--- a/src/views/dashboard/analysis/components/VisitRadar.vue
+++ b/src/views/dashboard/analysis/components/VisitRadar.vue
@@ -95,6 +95,6 @@
         ],
       });
     },
-    { immediate: true }
+    { immediate: true },
   );
 </script>
diff --git a/src/views/dashboard/analysis/components/VisitSource.vue b/src/views/dashboard/analysis/components/VisitSource.vue
index 7b8e32ab..411ba0d7 100644
--- a/src/views/dashboard/analysis/components/VisitSource.vue
+++ b/src/views/dashboard/analysis/components/VisitSource.vue
@@ -75,6 +75,6 @@
         ],
       });
     },
-    { immediate: true }
+    { immediate: true },
   );
 </script>
diff --git a/src/views/dashboard/workbench/components/ProjectCard.vue b/src/views/dashboard/workbench/components/ProjectCard.vue
index 0957031e..9fa4ac63 100644
--- a/src/views/dashboard/workbench/components/ProjectCard.vue
+++ b/src/views/dashboard/workbench/components/ProjectCard.vue
@@ -10,7 +10,7 @@
           <Icon :icon="item.icon" :color="item.color" size="30" />
           <span class="text-lg ml-4">{{ item.title }}</span>
         </span>
-        <div class="flex mt-2 h-10 text-secondary"> {{ item.desc }} </div>
+        <div class="flex mt-2 h-10 text-secondary">{{ item.desc }}</div>
         <div class="flex justify-between text-secondary">
           <span>{{ item.group }}</span>
           <span>{{ item.date }}</span>
diff --git a/src/views/dashboard/workbench/components/SaleRadar.vue b/src/views/dashboard/workbench/components/SaleRadar.vue
index 99965a70..38fdd37e 100644
--- a/src/views/dashboard/workbench/components/SaleRadar.vue
+++ b/src/views/dashboard/workbench/components/SaleRadar.vue
@@ -95,6 +95,6 @@
         ],
       });
     },
-    { immediate: true }
+    { immediate: true },
   );
 </script>
diff --git a/src/views/demo/charts/SaleRadar.vue b/src/views/demo/charts/SaleRadar.vue
index 3e98887c..f5865467 100644
--- a/src/views/demo/charts/SaleRadar.vue
+++ b/src/views/demo/charts/SaleRadar.vue
@@ -98,7 +98,7 @@
             ],
           });
         },
-        { immediate: true }
+        { immediate: true },
       );
       return { chartRef };
     },
diff --git a/src/views/demo/comp/drawer/Drawer3.vue b/src/views/demo/comp/drawer/Drawer3.vue
index b8944f4f..61d25dc5 100644
--- a/src/views/demo/comp/drawer/Drawer3.vue
+++ b/src/views/demo/comp/drawer/Drawer3.vue
@@ -1,6 +1,6 @@
 <template>
   <BasicDrawer v-bind="$attrs" title="Modal Title" width="50%" showFooter @ok="handleOk">
-    <p class="h-20" v-for="index in 40" :key="index"> 根据屏幕高度自适应 </p>
+    <p class="h-20" v-for="index in 40" :key="index">根据屏幕高度自适应</p>
     <template #insertFooter>
       <a-button> btn</a-button>
     </template>
diff --git a/src/views/demo/comp/drawer/Drawer5.vue b/src/views/demo/comp/drawer/Drawer5.vue
index 5f0f6fe8..b39c23b1 100644
--- a/src/views/demo/comp/drawer/Drawer5.vue
+++ b/src/views/demo/comp/drawer/Drawer5.vue
@@ -1,6 +1,6 @@
 <template>
   <BasicDrawer v-bind="$attrs" :isDetail="true" title="Drawer Title5">
-    <p class="h-20"> Content Message </p>
+    <p class="h-20">Content Message</p>
     <template #titleToolbar> toolbar </template>
   </BasicDrawer>
 </template>
diff --git a/src/views/demo/comp/modal/Modal1.vue b/src/views/demo/comp/modal/Modal1.vue
index a49ceb21..90c3c9aa 100644
--- a/src/views/demo/comp/modal/Modal1.vue
+++ b/src/views/demo/comp/modal/Modal1.vue
@@ -11,7 +11,7 @@
       <a-button type="primary" danger @click="setLines" :disabled="loading">点我更新内容</a-button>
     </template>
     <template v-if="loading">
-      <div class="empty-tips"> 加载中，稍等3秒…… </div>
+      <div class="empty-tips">加载中，稍等3秒……</div>
     </template>
     <template v-if="!loading">
       <ul>
@@ -34,7 +34,7 @@
         () => lines.value,
         () => {
           redoModalHeight();
-        }
+        },
       );
 
       function handleShow(visible: boolean) {
diff --git a/src/views/demo/comp/modal/Modal3.vue b/src/views/demo/comp/modal/Modal3.vue
index 2ddd5837..b53d1347 100644
--- a/src/views/demo/comp/modal/Modal3.vue
+++ b/src/views/demo/comp/modal/Modal3.vue
@@ -1,6 +1,6 @@
 <template>
   <BasicModal v-bind="$attrs" title="Modal Title" :helpMessage="['提示1', '提示2']" width="700px">
-    <p class="h-20" v-for="index in 20" :key="index"> 根据屏幕高度自适应 </p>
+    <p class="h-20" v-for="index in 20" :key="index">根据屏幕高度自适应</p>
   </BasicModal>
 </template>
 <script lang="ts">
diff --git a/src/views/demo/comp/qrcode/index.vue b/src/views/demo/comp/qrcode/index.vue
index b1926900..9075a6a8 100644
--- a/src/views/demo/comp/qrcode/index.vue
+++ b/src/views/demo/comp/qrcode/index.vue
@@ -52,7 +52,7 @@
       <CollapseContainer title="下载示例" class="text-center qrcode-demo-item">
         <QrCode :value="qrCodeUrl" ref="qrRef" :logo="LogoImg" />
         <a-button class="mb-2" type="primary" @click="download"> 下载 </a-button>
-        <div class="msg"> (在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题) </div>
+        <div class="msg">(在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题)</div>
       </CollapseContainer>
 
       <CollapseContainer title="配置大小示例" class="text-center qrcode-demo-item">
@@ -69,7 +69,7 @@
           @done="onQrcodeDone"
         />
         <a-button class="mb-2" type="primary" @click="downloadDiy"> 下载 </a-button>
-        <div class="msg"> 要进行扩展绘制则不能将tag设为img </div>
+        <div class="msg">要进行扩展绘制则不能将tag设为img</div>
       </CollapseContainer>
     </div>
   </PageWrapper>
diff --git a/src/views/demo/feat/breadcrumb/ChildrenListDetail.vue b/src/views/demo/feat/breadcrumb/ChildrenListDetail.vue
index 4994c44d..6e576fda 100644
--- a/src/views/demo/feat/breadcrumb/ChildrenListDetail.vue
+++ b/src/views/demo/feat/breadcrumb/ChildrenListDetail.vue
@@ -1,6 +1,6 @@
 <template>
   <PageWrapper title="子级详情页">
-    <div> 子级详情页内容在此 </div>
+    <div>子级详情页内容在此</div>
   </PageWrapper>
 </template>
 <script lang="ts">
diff --git a/src/views/demo/feat/breadcrumb/FlatListDetail.vue b/src/views/demo/feat/breadcrumb/FlatListDetail.vue
index 1dfc75a9..67525278 100644
--- a/src/views/demo/feat/breadcrumb/FlatListDetail.vue
+++ b/src/views/demo/feat/breadcrumb/FlatListDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div> 平级详情页 </div>
+  <div>平级详情页</div>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
diff --git a/src/views/demo/feat/download/index.vue b/src/views/demo/feat/download/index.vue
index 12c07c39..159b1e8a 100644
--- a/src/views/demo/feat/download/index.vue
+++ b/src/views/demo/feat/download/index.vue
@@ -52,7 +52,7 @@
       function handleDownloadByOnlineUrl() {
         downloadByOnlineUrl(
           'https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5944817f47b8408e9f1442ece49d68ca~tplv-k3u1fbpfcp-watermark.image',
-          'logo.png'
+          'logo.png',
         );
       }
       return {
diff --git a/src/views/demo/feat/ripple/index.vue b/src/views/demo/feat/ripple/index.vue
index afd4b0a9..a7956e8a 100644
--- a/src/views/demo/feat/ripple/index.vue
+++ b/src/views/demo/feat/ripple/index.vue
@@ -1,6 +1,6 @@
 <template>
   <PageWrapper title="Ripple示例">
-    <div class="demo-box" v-ripple> content </div>
+    <div class="demo-box" v-ripple>content</div>
   </PageWrapper>
 </template>
 <script lang="ts">
diff --git a/src/views/demo/form/AppendForm.vue b/src/views/demo/form/AppendForm.vue
index 91ee9374..eda61878 100644
--- a/src/views/demo/form/AppendForm.vue
+++ b/src/views/demo/form/AppendForm.vue
@@ -77,7 +77,7 @@
             },
             required: true,
           },
-          ''
+          '',
         );
         appendSchemaByField(
           {
@@ -89,7 +89,7 @@
             },
             required: true,
           },
-          ''
+          '',
         );
 
         appendSchemaByField(
@@ -102,7 +102,7 @@
             },
             slot: 'add',
           },
-          ''
+          '',
         );
         n.value++;
       }
diff --git a/src/views/demo/form/DynamicForm.vue b/src/views/demo/form/DynamicForm.vue
index cb7b4352..08fa8ab5 100644
--- a/src/views/demo/form/DynamicForm.vue
+++ b/src/views/demo/form/DynamicForm.vue
@@ -225,7 +225,7 @@
               span: 8,
             },
           },
-          'field3'
+          'field3',
         );
       }
       function deleteField() {
diff --git a/src/views/demo/main-out/index.vue b/src/views/demo/main-out/index.vue
index 7125067f..2406632f 100644
--- a/src/views/demo/main-out/index.vue
+++ b/src/views/demo/main-out/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fixed h-full w-full flex flex-col justify-center items-center text-4xl">
-    <div class=""> 位于主框架外的页面 </div>
+    <div class="">位于主框架外的页面</div>
     <a-button @click="$router.go(-1)" class="mt-10" type="primary">Back</a-button>
   </div>
 </template>
diff --git a/src/views/demo/page/account/setting/AccountBind.vue b/src/views/demo/page/account/setting/AccountBind.vue
index b61beb67..4f904081 100644
--- a/src/views/demo/page/account/setting/AccountBind.vue
+++ b/src/views/demo/page/account/setting/AccountBind.vue
@@ -14,7 +14,7 @@
               </a-button>
             </template>
             <template #description>
-              <div>{{ item.description }} </div>
+              <div>{{ item.description }}</div>
             </template>
           </ListItemMeta>
         </ListItem>
diff --git a/src/views/demo/page/account/setting/BaseSetting.vue b/src/views/demo/page/account/setting/BaseSetting.vue
index 20a6ebea..458d722d 100644
--- a/src/views/demo/page/account/setting/BaseSetting.vue
+++ b/src/views/demo/page/account/setting/BaseSetting.vue
@@ -6,7 +6,7 @@
       </a-col>
       <a-col :span="10">
         <div class="change-avatar">
-          <div class="mb-2"> 头像 </div>
+          <div class="mb-2">头像</div>
           <CropperAvatar
             :uploadApi="uploadApi"
             :value="avatar"
diff --git a/src/views/demo/page/account/setting/MsgNotify.vue b/src/views/demo/page/account/setting/MsgNotify.vue
index 6ca6e344..3d0220a5 100644
--- a/src/views/demo/page/account/setting/MsgNotify.vue
+++ b/src/views/demo/page/account/setting/MsgNotify.vue
@@ -14,7 +14,7 @@
               />
             </template>
             <template #description>
-              <div>{{ item.description }} </div>
+              <div>{{ item.description }}</div>
             </template>
           </ListItemMeta>
         </ListItem>
diff --git a/src/views/demo/page/account/setting/SecureSetting.vue b/src/views/demo/page/account/setting/SecureSetting.vue
index 5f7ac21d..693f6ffc 100644
--- a/src/views/demo/page/account/setting/SecureSetting.vue
+++ b/src/views/demo/page/account/setting/SecureSetting.vue
@@ -11,7 +11,7 @@
               </div>
             </template>
             <template #description>
-              <div>{{ item.description }} </div>
+              <div>{{ item.description }}</div>
             </template>
           </ListItemMeta>
         </ListItem>
diff --git a/src/views/demo/page/desc/high/index.vue b/src/views/demo/page/desc/high/index.vue
index bc692fe9..908d4d29 100644
--- a/src/views/demo/page/desc/high/index.vue
+++ b/src/views/demo/page/desc/high/index.vue
@@ -27,7 +27,10 @@
       <a-card title="流程进度" :bordered="false">
         <a-steps :current="1" progress-dot size="small">
           <a-step title="创建项目">
-            <template #description> <div>Vben</div> <p>2016-12-12 12:32</p> </template>
+            <template #description>
+              <div>Vben</div>
+              <p>2016-12-12 12:32</p>
+            </template>
           </a-step>
           <a-step title="部门初审">
             <template #description>
diff --git a/src/views/demo/page/result/fail/index.vue b/src/views/demo/page/result/fail/index.vue
index 73b65a9d..727d141d 100644
--- a/src/views/demo/page/result/fail/index.vue
+++ b/src/views/demo/page/result/fail/index.vue
@@ -6,7 +6,7 @@
       </template>
     </Result>
     <div class="result-error__content">
-      <div class="result-error__content-title"> 您提交的内容有如下错误： </div>
+      <div class="result-error__content-title">您提交的内容有如下错误：</div>
       <div class="mb-4">
         <CloseCircleOutlined class="mr-2 result-error__content-icon" />
         您的账户已被冻结
diff --git a/src/views/demo/page/result/success/index.vue b/src/views/demo/page/result/success/index.vue
index a8c8b9c3..79b9947e 100644
--- a/src/views/demo/page/result/success/index.vue
+++ b/src/views/demo/page/result/success/index.vue
@@ -19,7 +19,10 @@
       </Descriptions>
       <Steps :current="1" progress-dot size="small">
         <Step title="创建项目">
-          <template #description> <div>Vben</div> <p>2016-12-12 12:32</p> </template>
+          <template #description>
+            <div>Vben</div>
+            <p>2016-12-12 12:32</p>
+          </template>
         </Step>
         <Step title="部门初审">
           <template #description>
diff --git a/src/views/demo/permission/back/Btn.vue b/src/views/demo/permission/back/Btn.vue
index abfadae8..87d698a9 100644
--- a/src/views/demo/permission/back/Btn.vue
+++ b/src/views/demo/permission/back/Btn.vue
@@ -78,7 +78,7 @@
       const userStore = useUserStore();
 
       const isBackPremissionMode = computed(
-        () => appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK
+        () => appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK,
       );
 
       async function switchToken(userId: number) {
diff --git a/src/views/demo/permission/back/index.vue b/src/views/demo/permission/back/index.vue
index 98574ad6..39f9803c 100644
--- a/src/views/demo/permission/back/index.vue
+++ b/src/views/demo/permission/back/index.vue
@@ -40,7 +40,7 @@
       const appStore = useAppStore();
 
       const isBackPremissionMode = computed(
-        () => appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK
+        () => appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK,
       );
 
       async function switchToken(userId: number) {
diff --git a/src/views/demo/permission/front/AuthPageA.vue b/src/views/demo/permission/front/AuthPageA.vue
index e5efa643..518c89b5 100644
--- a/src/views/demo/permission/front/AuthPageA.vue
+++ b/src/views/demo/permission/front/AuthPageA.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="m-10 auth-page"> Super 角色可见 </div>
+  <div class="m-10 auth-page">Super 角色可见</div>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
diff --git a/src/views/demo/permission/front/AuthPageB.vue b/src/views/demo/permission/front/AuthPageB.vue
index ca584264..7c4042dd 100644
--- a/src/views/demo/permission/front/AuthPageB.vue
+++ b/src/views/demo/permission/front/AuthPageB.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="m-10 auth-page"> Test 角色可见 </div>
+  <div class="m-10 auth-page">Test 角色可见</div>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
diff --git a/src/views/sys/error-log/index.vue b/src/views/sys/error-log/index.vue
index 828968d5..69b77db1 100644
--- a/src/views/sys/error-log/index.vue
+++ b/src/views/sys/error-log/index.vue
@@ -66,7 +66,7 @@
     },
     {
       immediate: true,
-    }
+    },
   );
   const { createMessage } = useMessage();
   if (import.meta.env.DEV) {
diff --git a/src/views/sys/lock/LockPage.vue b/src/views/sys/lock/LockPage.vue
index a2c7787a..f16bfe23 100644
--- a/src/views/sys/lock/LockPage.vue
+++ b/src/views/sys/lock/LockPage.vue
@@ -88,7 +88,7 @@
       <div class="text-5xl mb-4 enter-x" v-show="!showDate">
         {{ hour }}:{{ minute }} <span class="text-3xl">{{ meridiem }}</span>
       </div>
-      <div class="text-2xl"> {{ year }}/{{ month }}/{{ day }} {{ week }} </div>
+      <div class="text-2xl">{{ year }}/{{ month }}/{{ day }} {{ week }}</div>
     </div>
   </div>
 </template>
diff --git a/src/views/sys/login/LoginForm.vue b/src/views/sys/login/LoginForm.vue
index 79fedd3a..32a689e0 100644
--- a/src/views/sys/login/LoginForm.vue
+++ b/src/views/sys/login/LoginForm.vue
@@ -139,7 +139,7 @@
           password: data.password,
           username: data.account,
           mode: 'none', //不要默认的错误提示
-        })
+        }),
       );
       if (userInfo) {
         notification.success({
diff --git a/tests/server/index.ts b/tests/server/index.ts
index d0b0931e..6c92d766 100644
--- a/tests/server/index.ts
+++ b/tests/server/index.ts
@@ -34,7 +34,7 @@ app.ws.use(
       }
       console.log(message);
     });
-  })
+  }),
 );
 
 const router = new Router();
@@ -52,7 +52,7 @@ app.use(
       keepExtensions: true,
       maxFieldsSize: 20 * 1024 * 1024,
     },
-  })
+  }),
 );
 app.use(router.routes());
 app.use(router.allowedMethods());