diff --git a/build/info.ts b/build/info.ts
index 06006411d1..1019905e06 100644
--- a/build/info.ts
+++ b/build/info.ts
@@ -1,6 +1,6 @@
 import type { Plugin } from "vite";
 import picocolors from "picocolors";
-import dayjs, { Dayjs } from "dayjs";
+import dayjs, { type Dayjs } from "dayjs";
 import { getPackageSize } from "./utils";
 import duration from "dayjs/plugin/duration";
 dayjs.extend(duration);
diff --git a/src/components/ReAnimateSelector/src/index.vue b/src/components/ReAnimateSelector/src/index.vue
index e2f44053b0..c8ec17f7da 100644
--- a/src/components/ReAnimateSelector/src/index.vue
+++ b/src/components/ReAnimateSelector/src/index.vue
@@ -81,8 +81,8 @@ function onMouseleave() {
     placeholder="请选择动画"
     clearable
     filterable
-    @clear="onClear"
     :filter-method="filterMethod"
+    @clear="onClear"
   >
     <template #empty>
       <div class="w-[280px]">
diff --git a/src/components/ReCountTo/src/normal/props.ts b/src/components/ReCountTo/src/normal/props.ts
index 24d4933114..142fd3a11f 100644
--- a/src/components/ReCountTo/src/normal/props.ts
+++ b/src/components/ReCountTo/src/normal/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import type { PropType } from "vue";
 import propTypes from "@/utils/propTypes";
 export const countToProps = {
   startVal: propTypes.number.def(0),
diff --git a/src/components/ReCountTo/src/rebound/props.ts b/src/components/ReCountTo/src/rebound/props.ts
index 437317e136..f3dcdc87c4 100644
--- a/src/components/ReCountTo/src/rebound/props.ts
+++ b/src/components/ReCountTo/src/rebound/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import type { PropType } from "vue";
 import propTypes from "@/utils/propTypes";
 export const reboundProps = {
   delay: propTypes.number.def(1),
diff --git a/src/components/ReCropper/src/index.tsx b/src/components/ReCropper/src/index.tsx
index 16f896f289..5a487abd17 100644
--- a/src/components/ReCropper/src/index.tsx
+++ b/src/components/ReCropper/src/index.tsx
@@ -10,7 +10,7 @@ import {
   ref,
   unref,
   computed,
-  PropType,
+  type PropType,
   onMounted,
   onUnmounted,
   defineComponent
diff --git a/src/components/ReDialog/index.vue b/src/components/ReDialog/index.vue
index ee7a6beb26..9f40b06159 100644
--- a/src/components/ReDialog/index.vue
+++ b/src/components/ReDialog/index.vue
@@ -84,11 +84,11 @@ function handleClose(
 
 <template>
   <el-dialog
-    class="pure-dialog"
     v-for="(options, index) in dialogStore"
     :key="index"
     v-bind="options"
     v-model="options.visible"
+    class="pure-dialog"
     :fullscreen="fullscreen ? true : options?.fullscreen ? true : false"
     @close="handleClose(options, index)"
     @opened="eventsCallBack('open', options, index)"
@@ -123,8 +123,8 @@ function handleClose(
         </i>
       </div>
       <component
-        v-else
         :is="options?.headerRenderer({ close, titleId, titleClass })"
+        v-else
       />
     </template>
     <component
diff --git a/src/components/ReFlicker/index.ts b/src/components/ReFlicker/index.ts
index 710b229f0d..b8d29b70b1 100644
--- a/src/components/ReFlicker/index.ts
+++ b/src/components/ReFlicker/index.ts
@@ -1,5 +1,5 @@
 import "./index.css";
-import { h, defineComponent, Component } from "vue";
+import { h, defineComponent, type Component } from "vue";
 
 export interface attrsType {
   width?: string;
diff --git a/src/components/ReFlowChart/src/NodePanel.vue b/src/components/ReFlowChart/src/NodePanel.vue
index 2ef8f9f06e..abe07308e7 100644
--- a/src/components/ReFlowChart/src/NodePanel.vue
+++ b/src/components/ReFlowChart/src/NodePanel.vue
@@ -35,9 +35,9 @@ const nodeDragNode = item => {
   <!-- 左侧bpmn元素选择器 -->
   <div class="node-panel">
     <div
-      class="node-item dark:text-bg_color"
       v-for="item in props.nodeList"
       :key="item.text"
+      class="node-item dark:text-bg_color"
       @mousedown="nodeDragNode(item)"
     >
       <div class="node-item-icon" :class="item.class">
diff --git a/src/components/ReIcon/src/Select.vue b/src/components/ReIcon/src/Select.vue
index 08881d0a1e..0bdeb89cbf 100644
--- a/src/components/ReIcon/src/Select.vue
+++ b/src/components/ReIcon/src/Select.vue
@@ -151,8 +151,8 @@ watch(
           </template>
 
           <el-input
-            class="px-2 pt-2"
             v-model="filterValue"
+            class="px-2 pt-2"
             placeholder="搜索图标"
             clearable
           />
diff --git a/src/components/ReIcon/src/hooks.ts b/src/components/ReIcon/src/hooks.ts
index 4f430a8949..675d303d12 100644
--- a/src/components/ReIcon/src/hooks.ts
+++ b/src/components/ReIcon/src/hooks.ts
@@ -1,5 +1,5 @@
-import { iconType } from "./types";
-import { h, defineComponent, Component } from "vue";
+import type { iconType } from "./types";
+import { h, defineComponent, type Component } from "vue";
 import { IconifyIconOnline, IconifyIconOffline, FontIcon } from "../index";
 
 /**
diff --git a/src/components/ReQrcode/src/index.tsx b/src/components/ReQrcode/src/index.tsx
index 737440288a..8d517547ed 100644
--- a/src/components/ReQrcode/src/index.tsx
+++ b/src/components/ReQrcode/src/index.tsx
@@ -4,13 +4,13 @@ import {
   watch,
   nextTick,
   computed,
-  PropType,
+  type PropType,
   defineComponent
 } from "vue";
 import "./index.scss";
 import propTypes from "@/utils/propTypes";
 import { isString, cloneDeep } from "@pureadmin/utils";
-import QRCode, { QRCodeRenderersOptions } from "qrcode";
+import QRCode, { type QRCodeRenderersOptions } from "qrcode";
 import RefreshRight from "@iconify-icons/ep/refresh-right";
 
 interface QrcodeLogo {
diff --git a/src/components/ReSeamlessScroll/src/index.vue b/src/components/ReSeamlessScroll/src/index.vue
index 78ac77b5aa..e0f90d2b99 100644
--- a/src/components/ReSeamlessScroll/src/index.vue
+++ b/src/components/ReSeamlessScroll/src/index.vue
@@ -498,16 +498,16 @@ defineExpose({
 <template>
   <div :ref="'wrap' + props.classOption['key']">
     <div
-      :style="leftSwitch"
       v-if="navigation"
+      :style="leftSwitch"
       :class="leftSwitchClass"
       @click="leftSwitchClick"
     >
       <slot name="left-switch" />
     </div>
     <div
-      :style="rightSwitch"
       v-if="navigation"
+      :style="rightSwitch"
       :class="rightSwitchClass"
       @click="rightSwitchClick"
     >
@@ -526,7 +526,7 @@ defineExpose({
       <div :ref="'slotList' + props.classOption['key']" :style="float">
         <slot />
       </div>
-      <div v-html="copyHtml" :style="float" />
+      <div :style="float" v-html="copyHtml" />
     </div>
   </div>
 </template>
diff --git a/src/components/ReSplitPane/index.tsx b/src/components/ReSplitPane/index.tsx
index 621a57ce26..8a33ae5154 100644
--- a/src/components/ReSplitPane/index.tsx
+++ b/src/components/ReSplitPane/index.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, ref, unref, computed, PropType } from "vue";
+import { defineComponent, ref, unref, computed, type PropType } from "vue";
 import resizer from "./resizer";
 import "./index.css";
 
diff --git a/src/config/index.ts b/src/config/index.ts
index 4eaaa4591a..54dd959cc8 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -1,4 +1,4 @@
-import { App } from "vue";
+import type { App } from "vue";
 import axios from "axios";
 
 let config: object = {};
diff --git a/src/layout/components/appMain.vue b/src/layout/components/appMain.vue
index 260a0221ff..b3564cd7d4 100644
--- a/src/layout/components/appMain.vue
+++ b/src/layout/components/appMain.vue
@@ -50,6 +50,12 @@ const getSectionStyle = computed(() => {
 });
 
 const transitionMain = defineComponent({
+  props: {
+    route: {
+      type: undefined,
+      required: true
+    }
+  },
   render() {
     const transitionName =
       transitions.value(this.route)?.name || "fade-transform";
@@ -72,12 +78,6 @@ const transitionMain = defineComponent({
         default: () => [this.$slots.default()]
       }
     );
-  },
-  props: {
-    route: {
-      type: undefined,
-      required: true
-    }
   }
 });
 </script>
@@ -118,8 +118,8 @@ const transitionMain = defineComponent({
                 />
               </keep-alive>
               <component
-                v-else
                 :is="Component"
+                v-else
                 :key="route.fullPath"
                 class="main-content"
               />
@@ -140,8 +140,8 @@ const transitionMain = defineComponent({
               />
             </keep-alive>
             <component
-              v-else
               :is="Component"
+              v-else
               :key="route.fullPath"
               class="main-content"
             />
diff --git a/src/layout/components/navbar.vue b/src/layout/components/navbar.vue
index 752fdb0349..c13b785f67 100644
--- a/src/layout/components/navbar.vue
+++ b/src/layout/components/navbar.vue
@@ -62,8 +62,8 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
               @click="translationCh"
             >
               <IconifyIconOffline
-                class="check-zh"
                 v-show="locale === 'zh'"
+                class="check-zh"
                 :icon="Check"
               />
               简体中文
@@ -73,7 +73,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
               :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                 <IconifyIconOffline :icon="Check" />
               </span>
               English
diff --git a/src/layout/components/notice/index.vue b/src/layout/components/notice/index.vue
index 3a3772099c..443c1c03c8 100644
--- a/src/layout/components/notice/index.vue
+++ b/src/layout/components/notice/index.vue
@@ -23,8 +23,8 @@ notices.value.map(v => (noticesNum.value += v.list.length));
     <template #dropdown>
       <el-dropdown-menu>
         <el-tabs
-          :stretch="true"
           v-model="activeKey"
+          :stretch="true"
           class="dropdown-tabs"
           :style="{ width: notices.length === 0 ? '200px' : '330px' }"
         >
diff --git a/src/layout/components/notice/noticeList.vue b/src/layout/components/notice/noticeList.vue
index 109cd1af2a..2d40d953d3 100644
--- a/src/layout/components/notice/noticeList.vue
+++ b/src/layout/components/notice/noticeList.vue
@@ -15,8 +15,8 @@ const props = defineProps({
   <div v-if="props.list.length">
     <NoticeItem
       v-for="(item, index) in props.list"
-      :noticeItem="item"
       :key="index"
+      :noticeItem="item"
     />
   </div>
   <el-empty v-else description="暂无数据" />
diff --git a/src/layout/components/search/components/SearchModal.vue b/src/layout/components/search/components/SearchModal.vue
index 266d2a80d7..c5d9cbd397 100644
--- a/src/layout/components/search/components/SearchModal.vue
+++ b/src/layout/components/search/components/SearchModal.vue
@@ -146,9 +146,9 @@ onKeyStroke("ArrowDown", handleDown);
 
 <template>
   <el-dialog
+    v-model="show"
     top="5vh"
     class="pure-search-dialog"
-    v-model="show"
     :show-close="false"
     :width="device === 'mobile' ? '80vw' : '40vw'"
     :before-close="handleClose"
@@ -161,8 +161,8 @@ onKeyStroke("ArrowDown", handleDown);
   >
     <el-input
       ref="inputRef"
-      size="large"
       v-model="keyword"
+      size="large"
       clearable
       placeholder="搜索菜单（中文模式下支持拼音搜索）"
       @input="handleSearch"
diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue
index 49cfc06d97..8b3f8621da 100644
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@@ -254,8 +254,8 @@ onBeforeMount(() => {
         popper-class="pure-tooltip"
       >
         <li
-          :class="layoutTheme.layout === 'vertical' ? 'is-select' : ''"
           ref="verticalRef"
+          :class="layoutTheme.layout === 'vertical' ? 'is-select' : ''"
           @click="setLayoutModel('vertical')"
         >
           <div />
@@ -272,8 +272,8 @@ onBeforeMount(() => {
         popper-class="pure-tooltip"
       >
         <li
-          :class="layoutTheme.layout === 'horizontal' ? 'is-select' : ''"
           ref="horizontalRef"
+          :class="layoutTheme.layout === 'horizontal' ? 'is-select' : ''"
           @click="setLayoutModel('horizontal')"
         >
           <div />
@@ -290,8 +290,8 @@ onBeforeMount(() => {
         popper-class="pure-tooltip"
       >
         <li
-          :class="layoutTheme.layout === 'mix' ? 'is-select' : ''"
           ref="mixRef"
+          :class="layoutTheme.layout === 'mix' ? 'is-select' : ''"
           @click="setLayoutModel('mix')"
         >
           <div />
@@ -304,8 +304,8 @@ onBeforeMount(() => {
     <ul class="theme-color">
       <li
         v-for="(item, index) in themeColors"
-        :key="index"
         v-show="showThemeColors(item.themeColor)"
+        :key="index"
         :style="getThemeColorStyle(item.color)"
         @click="setLayoutThemeColor(item.themeColor)"
       >
diff --git a/src/layout/components/sidebar/breadCrumb.vue b/src/layout/components/sidebar/breadCrumb.vue
index 2922b5ce9f..417b839476 100644
--- a/src/layout/components/sidebar/breadCrumb.vue
+++ b/src/layout/components/sidebar/breadCrumb.vue
@@ -108,9 +108,9 @@ watch(
   <el-breadcrumb class="!leading-[50px] select-none" separator="/">
     <transition-group name="breadcrumb">
       <el-breadcrumb-item
-        class="!inline !items-stretch"
         v-for="item in levelList"
         :key="item.path"
+        class="!inline !items-stretch"
       >
         <a @click.prevent="handleLink(item)">
           {{ transformI18n(item.meta.title) }}
diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue
index 0ec91ccec6..d6c1509540 100644
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -48,8 +48,8 @@ nextTick(() => {
       <span>{{ title }}</span>
     </div>
     <el-menu
-      router
       ref="menuRef"
+      router
       mode="horizontal"
       class="horizontal-header-menu"
       :default-active="defaultActive"
@@ -78,7 +78,7 @@ nextTick(() => {
               :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
               @click="translationCh"
             >
-              <span class="check-zh" v-show="locale === 'zh'">
+              <span v-show="locale === 'zh'" class="check-zh">
                 <IconifyIconOffline :icon="Check" />
               </span>
               简体中文
@@ -88,7 +88,7 @@ nextTick(() => {
               :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                 <IconifyIconOffline :icon="Check" />
               </span>
               English
diff --git a/src/layout/components/sidebar/mixNav.vue b/src/layout/components/sidebar/mixNav.vue
index 5f85922317..1d7e4daeb4 100644
--- a/src/layout/components/sidebar/mixNav.vue
+++ b/src/layout/components/sidebar/mixNav.vue
@@ -61,12 +61,12 @@ watch(
 <template>
   <div
     v-if="device !== 'mobile'"
-    class="horizontal-header"
     v-loading="usePermissionStoreHook().wholeMenus.length === 0"
+    class="horizontal-header"
   >
     <el-menu
-      router
       ref="menuRef"
+      router
       mode="horizontal"
       class="horizontal-header-menu"
       :default-active="defaultActive"
@@ -111,7 +111,7 @@ watch(
               :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
               @click="translationCh"
             >
-              <span class="check-zh" v-show="locale === 'zh'">
+              <span v-show="locale === 'zh'" class="check-zh">
                 <IconifyIconOffline :icon="Check" />
               </span>
               简体中文
@@ -121,7 +121,7 @@ watch(
               :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                 <IconifyIconOffline :icon="Check" />
               </span>
               English
diff --git a/src/layout/components/sidebar/sidebarItem.vue b/src/layout/components/sidebar/sidebarItem.vue
index ac72f43acf..302394d0f3 100644
--- a/src/layout/components/sidebar/sidebarItem.vue
+++ b/src/layout/components/sidebar/sidebarItem.vue
@@ -275,7 +275,6 @@ function resolvePath(routePath) {
         {{ transformI18n(props.item.meta.title) }}
       </span>
       <div
-        :style="getSubMenuDivStyle(props.item)"
         v-if="
           !(
             isCollapse &&
@@ -283,6 +282,7 @@ function resolvePath(routePath) {
             props.item.parentId === null
           )
         "
+        :style="getSubMenuDivStyle(props.item)"
       >
         <el-tooltip
           v-if="layout !== 'horizontal'"
diff --git a/src/layout/components/tag/index.vue b/src/layout/components/tag/index.vue
index adf775fcb6..be853cf6d7 100644
--- a/src/layout/components/tag/index.vue
+++ b/src/layout/components/tag/index.vue
@@ -518,15 +518,15 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div ref="containerDom" class="tags-view" v-if="!showTags">
+  <div v-if="!showTags" ref="containerDom" class="tags-view">
     <span v-show="isShowArrow" class="arrow-left">
       <IconifyIconOffline :icon="ArrowLeftSLine" @click="handleScroll(200)" />
     </span>
     <div ref="scrollbarDom" class="scroll-container">
-      <div class="tab select-none" ref="tabDom" :style="getTabStyle">
+      <div ref="tabDom" class="tab select-none" :style="getTabStyle">
         <div
-          :ref="'dynamic' + index"
           v-for="(item, index) in multiTags"
+          :ref="'dynamic' + index"
           :key="index"
           :class="['scroll-item is-closable', linkIsActive(item)]"
           @contextmenu.prevent="openMenu(item, $event)"
@@ -550,8 +550,8 @@ onBeforeUnmount(() => {
             <IconifyIconOffline :icon="CloseBold" />
           </span>
           <div
-            :ref="'schedule' + index"
             v-if="showModel !== 'card'"
+            :ref="'schedule' + index"
             :class="[scheduleIsActive(item)]"
           />
         </div>
diff --git a/src/layout/frameView.vue b/src/layout/frameView.vue
index d992095f23..35660488e4 100644
--- a/src/layout/frameView.vue
+++ b/src/layout/frameView.vue
@@ -46,11 +46,11 @@ onMounted(() => {
 
 <template>
   <div
-    class="frame"
     v-loading="loading"
+    class="frame"
     :element-loading-text="t('status.hsLoad')"
   >
-    <iframe :src="frameSrc" class="frame-iframe" ref="frameRef" />
+    <iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
   </div>
 </template>
 
diff --git a/src/layout/hooks/useDataThemeChange.ts b/src/layout/hooks/useDataThemeChange.ts
index 6a08b6d4bc..c0d3f6e93a 100644
--- a/src/layout/hooks/useDataThemeChange.ts
+++ b/src/layout/hooks/useDataThemeChange.ts
@@ -1,8 +1,8 @@
 import { ref } from "vue";
 import { getConfig } from "@/config";
 import { useLayout } from "./useLayout";
-import { themeColorsType } from "../types";
 import { useGlobal } from "@pureadmin/utils";
+import type { themeColorsType } from "../types";
 import { useEpThemeStoreHook } from "@/store/modules/epTheme";
 import {
   darken,
diff --git a/src/layout/hooks/useNav.ts b/src/layout/hooks/useNav.ts
index 6bd727c7ad..303008b89d 100644
--- a/src/layout/hooks/useNav.ts
+++ b/src/layout/hooks/useNav.ts
@@ -2,10 +2,10 @@ import { storeToRefs } from "pinia";
 import { getConfig } from "@/config";
 import { useRouter } from "vue-router";
 import { emitter } from "@/utils/mitt";
-import { routeMetaType } from "../types";
 import userAvatar from "@/assets/user.jpg";
 import { getTopMenu } from "@/router/utils";
 import { useGlobal } from "@pureadmin/utils";
+import type { routeMetaType } from "../types";
 import { transformI18n } from "@/plugins/i18n";
 import { router, remainingPaths } from "@/router";
 import { computed, type CSSProperties } from "vue";
diff --git a/src/layout/hooks/useTag.ts b/src/layout/hooks/useTag.ts
index 4d59359861..626c65d398 100644
--- a/src/layout/hooks/useTag.ts
+++ b/src/layout/hooks/useTag.ts
@@ -4,10 +4,10 @@ import {
   computed,
   reactive,
   onMounted,
-  CSSProperties,
+  type CSSProperties,
   getCurrentInstance
 } from "vue";
-import { tagsViewsType } from "../types";
+import type { tagsViewsType } from "../types";
 import { useRoute, useRouter } from "vue-router";
 import { transformI18n, $t } from "@/plugins/i18n";
 import { responsiveStorageNameSpace } from "@/config";
diff --git a/src/layout/theme/index.ts b/src/layout/theme/index.ts
index 6180ab6001..37ceeb4364 100644
--- a/src/layout/theme/index.ts
+++ b/src/layout/theme/index.ts
@@ -2,7 +2,7 @@
  * @description ⚠️：此文件仅供主题插件使用，请不要在此文件中导出别的工具函数（仅在页面加载前运行）
  */
 
-import { type multipleScopeVarsOptions } from "@pureadmin/theme";
+import type { multipleScopeVarsOptions } from "@pureadmin/theme";
 
 /** 预设主题色 */
 const themeColors = {
diff --git a/src/main.ts b/src/main.ts
index f549a4f2fc..0691fc883f 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,7 +4,7 @@ import { setupStore } from "@/store";
 import ElementPlus from "element-plus";
 import { useI18n } from "@/plugins/i18n";
 import { getPlatformConfig } from "./config";
-import { createApp, Directive } from "vue";
+import { createApp, type Directive } from "vue";
 import { MotionPlugin } from "@vueuse/motion";
 import { useEcharts } from "@/plugins/echarts";
 import { injectResponsiveStorage } from "@/utils/responsive";
diff --git a/src/plugins/element-plus/index.ts b/src/plugins/element-plus/index.ts
index 83a1716fa7..072ae1f67b 100644
--- a/src/plugins/element-plus/index.ts
+++ b/src/plugins/element-plus/index.ts
@@ -1,4 +1,4 @@
-import { App, Component } from "vue";
+import type { App, Component } from "vue";
 import {
   ElTag,
   ElAffix,
diff --git a/src/plugins/i18n.ts b/src/plugins/i18n.ts
index ed4466ecc3..0bd5b22926 100644
--- a/src/plugins/i18n.ts
+++ b/src/plugins/i18n.ts
@@ -1,6 +1,6 @@
 // 多组件库的国际化和本地项目国际化兼容
-import { App, WritableComputedRef } from "vue";
 import { type I18n, createI18n } from "vue-i18n";
+import type { App, WritableComputedRef } from "vue";
 import { responsiveStorageNameSpace } from "@/config";
 import { storageLocal, isObject } from "@pureadmin/utils";
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 6625bc666f..91d26d2b0b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -20,10 +20,10 @@ import {
   formatFlatteningRoutes
 } from "./utils";
 import {
-  Router,
+  type Router,
   createRouter,
-  RouteRecordRaw,
-  RouteComponent
+  type RouteRecordRaw,
+  type RouteComponent
 } from "vue-router";
 import {
   type DataInfo,
diff --git a/src/router/utils.ts b/src/router/utils.ts
index bd89e260fd..1b80ac6c38 100644
--- a/src/router/utils.ts
+++ b/src/router/utils.ts
@@ -1,7 +1,7 @@
 import {
-  RouterHistory,
-  RouteRecordRaw,
-  RouteComponent,
+  type RouterHistory,
+  type RouteRecordRaw,
+  type RouteComponent,
   createWebHistory,
   createWebHashHistory
 } from "vue-router";
@@ -17,7 +17,7 @@ import {
   isIncludeAllChildren
 } from "@pureadmin/utils";
 import { getConfig } from "@/config";
-import { menuType } from "@/layout/types";
+import type { menuType } from "@/layout/types";
 import { buildHierarchyTree } from "@/utils/tree";
 import { userKey, type DataInfo } from "@/utils/auth";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index f90e94ca06..fa626f73d1 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,6 +1,6 @@
 import { store } from "@/store";
-import { appType } from "./types";
 import { defineStore } from "pinia";
+import type { appType } from "./types";
 import { getConfig, responsiveStorageNameSpace } from "@/config";
 import { deviceDetection, storageLocal } from "@pureadmin/utils";
 
diff --git a/src/store/modules/multiTags.ts b/src/store/modules/multiTags.ts
index 0f0d0481bf..42c0dee5de 100644
--- a/src/store/modules/multiTags.ts
+++ b/src/store/modules/multiTags.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
 import { routerArrays } from "@/layout/types";
-import { multiType, positionType } from "./types";
+import type { multiType, positionType } from "./types";
 import { responsiveStorageNameSpace } from "@/config";
 import { isEqual, isBoolean, isUrl, storageLocal } from "@pureadmin/utils";
 
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 33fd0ddd4c..a285f68dfc 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
-import { cacheType } from "./types";
+import type { cacheType } from "./types";
 import { constantMenus } from "@/router";
 import { useMultiTagsStoreHook } from "./multiTags";
 import { debounce, getKeyList } from "@pureadmin/utils";
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 1c9d065e81..b22137a4c2 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
-import { setType } from "./types";
+import type { setType } from "./types";
 import { getConfig } from "@/config";
 
 export const useSettingStore = defineStore({
diff --git a/src/store/modules/types.ts b/src/store/modules/types.ts
index 1ae9063100..5192f5679c 100644
--- a/src/store/modules/types.ts
+++ b/src/store/modules/types.ts
@@ -1,4 +1,4 @@
-import { RouteRecordName } from "vue-router";
+import type { RouteRecordName } from "vue-router";
 
 export type cacheType = {
   mode: string;
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 770411a1e1..f2ecab4c1f 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,11 +1,11 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
-import { userType } from "./types";
+import type { userType } from "./types";
 import { routerArrays } from "@/layout/types";
 import { router, resetRouter } from "@/router";
 import { storageLocal } from "@pureadmin/utils";
 import { getLogin, refreshTokenApi } from "@/api/user";
-import { UserResult, RefreshTokenResult } from "@/api/user";
+import type { UserResult, RefreshTokenResult } from "@/api/user";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
 import { type DataInfo, setToken, removeToken, userKey } from "@/utils/auth";
 
diff --git a/src/utils/http/index.ts b/src/utils/http/index.ts
index a8a07cc6bf..5f40e6969c 100644
--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@@ -1,9 +1,9 @@
 import Axios, {
-  AxiosInstance,
-  AxiosRequestConfig,
-  CustomParamsSerializer
+  type AxiosInstance,
+  type AxiosRequestConfig,
+  type CustomParamsSerializer
 } from "axios";
-import {
+import type {
   PureHttpError,
   RequestMethods,
   PureHttpResponse,
diff --git a/src/utils/localforage/index.ts b/src/utils/localforage/index.ts
index 4b47951e98..a01258f201 100644
--- a/src/utils/localforage/index.ts
+++ b/src/utils/localforage/index.ts
@@ -1,5 +1,5 @@
 import forage from "localforage";
-import { LocalForage, ProxyStorage, ExpiresData } from "./types.d";
+import type { LocalForage, ProxyStorage, ExpiresData } from "./types.d";
 
 class StorageProxy implements ProxyStorage {
   protected storage: LocalForage;
diff --git a/src/utils/message.ts b/src/utils/message.ts
index 54b100f59f..40898ac444 100644
--- a/src/utils/message.ts
+++ b/src/utils/message.ts
@@ -1,4 +1,4 @@
-import { type VNode } from "vue";
+import type { VNode } from "vue";
 import { isFunction } from "@pureadmin/utils";
 import { type MessageHandler, ElMessage } from "element-plus";
 
diff --git a/src/utils/propTypes.ts b/src/utils/propTypes.ts
index cc7b16fd2c..a4d67ec174 100644
--- a/src/utils/propTypes.ts
+++ b/src/utils/propTypes.ts
@@ -2,8 +2,8 @@ import type { CSSProperties, VNodeChild } from "vue";
 import {
   createTypes,
   toValidableType,
-  VueTypesInterface,
-  VueTypeValidableDef
+  type VueTypesInterface,
+  type VueTypeValidableDef
 } from "vue-types";
 
 export type VueNode = VNodeChild | JSX.Element;
diff --git a/src/utils/responsive.ts b/src/utils/responsive.ts
index 503fb102b7..37c9f2b684 100644
--- a/src/utils/responsive.ts
+++ b/src/utils/responsive.ts
@@ -1,5 +1,5 @@
 // 响应式storage
-import { App } from "vue";
+import type { App } from "vue";
 import Storage from "responsive-storage";
 import { routerArrays } from "@/layout/types";
 import { responsiveStorageNameSpace } from "@/config";
diff --git a/src/utils/sso.ts b/src/utils/sso.ts
index 7b51622bc7..18021d0c86 100644
--- a/src/utils/sso.ts
+++ b/src/utils/sso.ts
@@ -40,8 +40,8 @@ import { subBefore, getQueryMap } from "@pureadmin/utils";
     setToken(params);
 
     // 删除不需要显示在 url 的参数
-    delete params["roles"];
-    delete params["accessToken"];
+    delete params.roles;
+    delete params.accessToken;
 
     const newUrl = `${location.origin}${location.pathname}${subBefore(
       location.hash,
diff --git a/src/views/able/cascader.vue b/src/views/able/cascader.vue
index 3c80a603ad..4527a2b12d 100644
--- a/src/views/able/cascader.vue
+++ b/src/views/able/cascader.vue
@@ -32,8 +32,8 @@ const handleChange = value => {
           <span class="imp">
             1. 二级联动（不带“全部”选项）
             <el-cascader
-              :options="provinceAndCityData"
               v-model="selectedOptions1"
+              :options="provinceAndCityData"
               @change="handleChange"
             />
           </span>
@@ -61,8 +61,8 @@ const handleChange = value => {
           <span class="imp">
             2. 二级联动（带有“全部”选项）
             <el-cascader
-              :options="provinceAndCityDataPlus"
               v-model="selectedOptions3"
+              :options="provinceAndCityDataPlus"
               @change="handleChange"
             />
           </span>
@@ -90,8 +90,8 @@ const handleChange = value => {
           <span class="imp">
             3. 三级联动（不带“全部”选项）
             <el-cascader
-              :options="regionData"
               v-model="selectedOptions2"
+              :options="regionData"
               @change="handleChange"
             />
           </span>
@@ -121,8 +121,8 @@ const handleChange = value => {
           <span class="imp">
             4. 三级联动（带"全部选项"）
             <el-cascader
-              :options="regionDataPlus"
               v-model="selectedOptions4"
+              :options="regionDataPlus"
               @change="handleChange"
             />
           </span>
diff --git a/src/views/able/directives.vue b/src/views/able/directives.vue
index e032b24ba5..c9728ab55d 100644
--- a/src/views/able/directives.vue
+++ b/src/views/able/directives.vue
@@ -62,13 +62,13 @@ function onReset() {
     <div class="mb-2">
       防抖指令（连续输入，只会执行第一次点击事件，立即执行）
       <el-input
+        v-model="search"
         v-optimize="{
           event: 'input',
           fn: onInput,
           immediate: true,
           timeout: 1000
         }"
-        v-model="search"
         class="!w-[200px]"
         clearable
         @clear="onInput"
@@ -77,8 +77,8 @@ function onReset() {
     <div class="mb-2">
       防抖指令（连续输入，只会执行最后一次事件，延后执行）
       <el-input
-        v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
         v-model="searchTwo"
+        v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
         class="!w-[200px]"
         clearable
       />
@@ -86,13 +86,13 @@ function onReset() {
     <div>
       防抖指令（连续输入，只会执行最后一次事件，延后执行，传参用法）
       <el-input
+        v-model="searchThree"
         v-optimize="{
           event: 'input',
           fn: onInputThree,
           timeout: 400,
           params: { name: '小明', sex: '男' }
         }"
-        v-model="searchThree"
         class="!w-[200px]"
         clearable
       />
@@ -103,8 +103,8 @@ function onReset() {
     <div class="mb-2">
       节流指令（连续输入，每一秒只会执行一次事件）
       <el-input
-        v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
         v-model="searchFour"
+        v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
         class="!w-[200px]"
         clearable
       />
@@ -112,12 +112,12 @@ function onReset() {
     <div>
       节流指令（连续输入，每一秒只会执行一次事件，传参用法）
       <el-input
+        v-model="searchFive"
         v-optimize:throttle="{
           event: 'input',
           fn: onInputFive,
           params: { name: '小明', sex: '男' }
         }"
-        v-model="searchFive"
         class="!w-[200px]"
         clearable
       />
@@ -127,7 +127,7 @@ function onReset() {
 
     <div class="mb-2">
       文本复制指令（双击输入框内容即可复制）
-      <el-input v-copy="searchSix" v-model="searchSix" class="!w-[200px]" />
+      <el-input v-model="searchSix" v-copy="searchSix" class="!w-[200px]" />
     </div>
     <div>
       文本复制指令（自定义触发事件，单击复制）
diff --git a/src/views/able/menu-tree.vue b/src/views/able/menu-tree.vue
index f78e346abb..4b9867acba 100644
--- a/src/views/able/menu-tree.vue
+++ b/src/views/able/menu-tree.vue
@@ -61,8 +61,8 @@ const filterMethod = (query: string, node: treeNode) => {
       </div>
     </template>
     <el-input
-      class="mb-4"
       v-model="query"
+      class="mb-4"
       placeholder="请输入关键字查找"
       clearable
       @input="onQueryChanged"
diff --git a/src/views/able/pdf.vue b/src/views/able/pdf.vue
index a2e96d86d1..b10345493e 100644
--- a/src/views/able/pdf.vue
+++ b/src/views/able/pdf.vue
@@ -49,8 +49,8 @@ const onPrint = () => {
       </div>
     </template>
     <div
-      class="h-[calc(100vh-239px)]"
       v-loading="loading"
+      class="h-[calc(100vh-239px)]"
       :element-loading-text="t('status.hsLoad')"
     >
       <div class="flex justify-between items-center h-9">
@@ -59,9 +59,9 @@ const onPrint = () => {
         </div>
         <div v-else>
           <el-pagination
+            v-model:current-page="currentPage"
             background
             layout="prev, slot, next"
-            v-model:current-page="currentPage"
             :page-size="1"
             :total="pageCount"
           >
@@ -98,8 +98,8 @@ const onPrint = () => {
       </div>
       <el-scrollbar>
         <vue-pdf-embed
-          class="h-full container overflow-auto"
           ref="pdfRef"
+          class="h-full container overflow-auto"
           :rotation="rotations[currentRotation]"
           :page="currentPage"
           :source="source"
diff --git a/src/views/able/print.vue b/src/views/able/print.vue
index 7a46e7ce23..6a17a9b194 100644
--- a/src/views/able/print.vue
+++ b/src/views/able/print.vue
@@ -103,12 +103,12 @@ const tableData: User[] = [
     </template>
     <el-row :gutter="24">
       <el-col
+        v-motion
         :xs="24"
         :sm="24"
         :md="24"
         :lg="24"
         :xl="24"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
@@ -138,12 +138,12 @@ const tableData: User[] = [
       <el-divider />
 
       <el-col
+        v-motion
         :xs="11"
         :sm="11"
         :md="11"
         :lg="11"
         :xl="11"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
@@ -161,12 +161,12 @@ const tableData: User[] = [
       </el-col>
 
       <el-col
+        v-motion
         :xs="11"
         :sm="11"
         :md="11"
         :lg="11"
         :xl="11"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
diff --git a/src/views/able/video-frame/index.vue b/src/views/able/video-frame/index.vue
index cdd2983f4f..ff02faea40 100644
--- a/src/views/able/video-frame/index.vue
+++ b/src/views/able/video-frame/index.vue
@@ -155,9 +155,9 @@ onBeforeUnmount(() => {
       />
     </div>
     <div
+      id="canvas-container"
       v-loading="loading"
       element-loading-text="温馨提示：可左右拖拽图片并单击选取所需的帧图片"
-      id="canvas-container"
       class="w-full h-[200px] overflow-hidden mt-6"
     />
   </el-card>
diff --git a/src/views/able/virtual-list/horizontal.vue b/src/views/able/virtual-list/horizontal.vue
index 980adc4c19..341e58dab7 100644
--- a/src/views/able/virtual-list/horizontal.vue
+++ b/src/views/able/virtual-list/horizontal.vue
@@ -23,9 +23,9 @@ const filteredItems = computed(() => {
     <div class="flex-ac mb-4 shadow-2xl">
       水平模式 horizontal
       <el-input
+        v-model="search"
         class="mr-2 !w-[1/1.5]"
         clearable
-        v-model="search"
         placeholder="Filter..."
         style="width: 300px"
       />
diff --git a/src/views/able/virtual-list/vertical.vue b/src/views/able/virtual-list/vertical.vue
index ba80fbc00c..dddbe8fce6 100644
--- a/src/views/able/virtual-list/vertical.vue
+++ b/src/views/able/virtual-list/vertical.vue
@@ -23,9 +23,9 @@ const filteredItems = computed(() => {
     <div class="flex-ac mb-4 shadow-2xl">
       垂直模式 vertical
       <el-input
+        v-model="search"
         class="!w-[350px]"
         clearable
-        v-model="search"
         placeholder="Filter..."
       />
     </div>
diff --git a/src/views/able/watermark.vue b/src/views/able/watermark.vue
index b88715469d..ebfb6977f6 100644
--- a/src/views/able/watermark.vue
+++ b/src/views/able/watermark.vue
@@ -42,9 +42,9 @@ onBeforeUnmount(() => {
     </template>
     <span> 请输入要创建水印的值：</span>
     <el-input
+      v-model="value"
       class="mb-4 mr-4"
       style="width: 200px"
-      v-model="value"
       clearable
     />
     <span>请选择要创建水印的颜色：</span>
diff --git a/src/views/able/wavesurfer/index.vue b/src/views/able/wavesurfer/index.vue
index 6c3ccb15f5..299c1adb12 100644
--- a/src/views/able/wavesurfer/index.vue
+++ b/src/views/able/wavesurfer/index.vue
@@ -105,41 +105,41 @@ onBeforeUnmount(() => {
       element-loading-background="transparent"
     >
       <div ref="wavesurferRef" />
-      <div class="flex justify-between" v-show="totalTime">
+      <div v-show="totalTime" class="flex justify-between">
         <span class="text-[#81888f]">00:00</span>
         <h1 class="text-4xl mt-2">{{ curTime }}</h1>
         <span class="text-[#81888f]">{{ totalTime }}</span>
       </div>
-      <div class="flex mt-2 w-[180px] justify-around m-auto" v-show="totalTime">
+      <div v-show="totalTime" class="flex mt-2 w-[180px] justify-around m-auto">
         <Rewind
-          class="cursor-pointer"
           v-tippy="{
             content: '快退（可长按）',
             placement: 'bottom',
             animation: 'scale'
           }"
           v-longpress:0:100="() => wavesurfer?.skip(-1)"
+          class="cursor-pointer"
         />
         <div
-          class="cursor-pointer"
           v-tippy="{
             content: isPlay ? '暂停' : '播放',
             placement: 'bottom',
             animation: 'scale'
           }"
+          class="cursor-pointer"
           @click="wavesurfer?.playPause()"
         >
           <Play v-if="isPlay" v-motion-pop />
           <Pause v-else v-motion-pop />
         </div>
         <Forward
-          class="cursor-pointer"
           v-tippy="{
             content: '快进（可长按）',
             placement: 'bottom',
             animation: 'scale'
           }"
           v-longpress:0:100="() => wavesurfer?.skip(1)"
+          class="cursor-pointer"
         />
       </div>
     </div>
diff --git a/src/views/about/index.vue b/src/views/about/index.vue
index 7d504a8bab..0c6c44c5d0 100644
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@@ -57,11 +57,11 @@ Object.keys(devDependencies).forEach(key => {
       </template>
       <el-descriptions border>
         <el-descriptions-item
+          v-for="(item, index) in schema"
+          :key="index"
           :label="item.label"
           label-align="left"
           align="left"
-          v-for="(item, index) in schema"
-          :key="index"
         >
           <a
             :href="'https://www.npmjs.com/package/' + item.label"
@@ -81,11 +81,11 @@ Object.keys(devDependencies).forEach(key => {
       </template>
       <el-descriptions border>
         <el-descriptions-item
+          v-for="(item, index) in devSchema"
+          :key="index"
           :label="item.label"
           label-align="left"
           align="left"
-          v-for="(item, index) in devSchema"
-          :key="index"
         >
           <a
             :href="'https://www.npmjs.com/package/' + item.label"
diff --git a/src/views/components/danmaku/index.vue b/src/views/components/danmaku/index.vue
index 01b1f96ce2..b315ce1592 100644
--- a/src/views/components/danmaku/index.vue
+++ b/src/views/components/danmaku/index.vue
@@ -120,8 +120,8 @@ function addDanmu() {
     <div class="flex gap-5">
       <vue-danmaku
         ref="danmaku"
-        class="demo"
         v-model:danmus="danmus"
+        class="demo"
         isSuspend
         v-bind="config"
       >
@@ -176,9 +176,9 @@ function addDanmu() {
         </p>
         <p class="flex">
           <el-input
+            v-model="danmuMsg"
             type="text"
             placeholder="输入评论后，回车发送弹幕"
-            v-model="danmuMsg"
             @keyup.enter="addDanmu"
           />
         </p>
diff --git a/src/views/components/dialog/form.vue b/src/views/components/dialog/form.vue
index c267d02e1e..f5383d6a40 100644
--- a/src/views/components/dialog/form.vue
+++ b/src/views/components/dialog/form.vue
@@ -27,15 +27,15 @@ const newFormInline = ref(props.formInline);
   <el-form :model="newFormInline">
     <el-form-item label="姓名">
       <el-input
-        class="!w-[220px]"
         v-model="newFormInline.user"
+        class="!w-[220px]"
         placeholder="请输入姓名"
       />
     </el-form-item>
     <el-form-item label="城市">
       <el-select
-        class="!w-[220px]"
         v-model="newFormInline.region"
+        class="!w-[220px]"
         placeholder="请选择城市"
       >
         <el-option label="上海" value="上海" />
diff --git a/src/views/components/dialog/formPrimitive.vue b/src/views/components/dialog/formPrimitive.vue
index 0d67268728..af4bc34c58 100644
--- a/src/views/components/dialog/formPrimitive.vue
+++ b/src/views/components/dialog/formPrimitive.vue
@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
 </script>
 
 <template>
-  <el-input class="!w-[220px]" v-model="data" placeholder="请输入内容" />
+  <el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
 </template>
diff --git a/src/views/components/draggable/index.vue b/src/views/components/draggable/index.vue
index 2d6b79a8eb..6f262ee043 100644
--- a/src/views/components/draggable/index.vue
+++ b/src/views/components/draggable/index.vue
@@ -110,10 +110,10 @@ onMounted(() => {
             <draggable
               v-model="lists"
               item-key="name"
-              @change="change"
               chosen-class="chosen"
               force-fallback="true"
               animation="300"
+              @change="change"
             >
               <template #item="{ element, index }">
                 <div class="item-single">{{ element.name }} {{ index }}</div>
@@ -132,9 +132,9 @@ onMounted(() => {
             <!-- 拖拽实现元素位置切换 -->
             <div class="cut-container">
               <div
-                class="item-cut"
                 v-for="(item, index) in cutLists"
                 :key="index"
+                class="item-cut"
               >
                 <p>{{ item.name }}</p>
               </div>
diff --git a/src/views/components/segmented/index.vue b/src/views/components/segmented/index.vue
index 03f3cedbdb..33cc2ddc45 100644
--- a/src/views/components/segmented/index.vue
+++ b/src/views/components/segmented/index.vue
@@ -163,7 +163,7 @@ function onChange({ index, option }) {
         {{ optionsBasis[value].label }}
       </span>
     </p>
-    <Segmented :options="optionsBasis" v-model="value" />
+    <Segmented v-model="value" :options="optionsBasis" />
     <el-divider />
     <p class="mb-2">禁用</p>
     <Segmented :options="optionsDisabled" />
diff --git a/src/views/components/selector/index.vue b/src/views/components/selector/index.vue
index 6234493357..3ee193c9c2 100644
--- a/src/views/components/selector/index.vue
+++ b/src/views/components/selector/index.vue
@@ -28,9 +28,9 @@ const selectedVal = ({ left, right }): void => {
 <template>
   <div>
     <el-card
-      class="box-card"
       v-for="(item, key) in dataLists"
       :key="key"
+      class="box-card"
       shadow="never"
     >
       <template #header>
@@ -41,10 +41,10 @@ const selectedVal = ({ left, right }): void => {
       <Selector
         :HsKey="key"
         :echo="item.echo"
-        @selectedVal="selectedVal"
         :disabled="item.disabled"
+        @selectedVal="selectedVal"
       />
-      <h4 class="mt-3" v-if="!item.disabled">选中范围：{{ selectRange }}</h4>
+      <h4 v-if="!item.disabled" class="mt-3">选中范围：{{ selectRange }}</h4>
     </el-card>
   </div>
 </template>
diff --git a/src/views/editor/components/multi.vue b/src/views/editor/components/multi.vue
index ce4d2487e3..dcbccf724d 100644
--- a/src/views/editor/components/multi.vue
+++ b/src/views/editor/components/multi.vue
@@ -55,7 +55,7 @@ onBeforeUnmount(() => {
 
 <template>
   <el-row :gutter="30" justify="space-around">
-    <re-col :value="11" v-for="(edit, index) in editorList" :key="index">
+    <re-col v-for="(edit, index) in editorList" :key="index" :value="11">
       <div class="wangeditor">
         <Toolbar
           :editor="edit.editorRef"
diff --git a/src/views/error/403.vue b/src/views/error/403.vue
index 83b0838f06..01af81cd51 100644
--- a/src/views/error/403.vue
+++ b/src/views/error/403.vue
@@ -14,8 +14,8 @@ const router = useRouter();
     <noAccess />
     <div class="ml-12">
       <p
-        class="font-medium text-4xl mb-4 dark:text-white"
         v-motion
+        class="font-medium text-4xl mb-4 dark:text-white"
         :initial="{
           opacity: 0,
           y: 100
@@ -31,8 +31,8 @@ const router = useRouter();
         403
       </p>
       <p
-        class="mb-4 text-gray-500"
         v-motion
+        class="mb-4 text-gray-500"
         :initial="{
           opacity: 0,
           y: 100
@@ -48,9 +48,8 @@ const router = useRouter();
         抱歉，你无权访问该页面
       </p>
       <el-button
-        type="primary"
-        @click="router.push('/')"
         v-motion
+        type="primary"
         :initial="{
           opacity: 0,
           y: 100
@@ -62,6 +61,7 @@ const router = useRouter();
             delay: 500
           }
         }"
+        @click="router.push('/')"
       >
         返回首页
       </el-button>
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index fbf01d0755..6e8ea503e7 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -14,8 +14,8 @@ const router = useRouter();
     <noExist />
     <div class="ml-12">
       <p
-        class="font-medium text-4xl mb-4 dark:text-white"
         v-motion
+        class="font-medium text-4xl mb-4 dark:text-white"
         :initial="{
           opacity: 0,
           y: 100
@@ -31,8 +31,8 @@ const router = useRouter();
         404
       </p>
       <p
-        class="mb-4 text-gray-500"
         v-motion
+        class="mb-4 text-gray-500"
         :initial="{
           opacity: 0,
           y: 100
@@ -48,9 +48,8 @@ const router = useRouter();
         抱歉，你访问的页面不存在
       </p>
       <el-button
-        type="primary"
-        @click="router.push('/')"
         v-motion
+        type="primary"
         :initial="{
           opacity: 0,
           y: 100
@@ -62,6 +61,7 @@ const router = useRouter();
             delay: 500
           }
         }"
+        @click="router.push('/')"
       >
         返回首页
       </el-button>
diff --git a/src/views/error/500.vue b/src/views/error/500.vue
index da672b4c0f..dbd8c42e1f 100644
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@@ -14,8 +14,8 @@ const router = useRouter();
     <noServer />
     <div class="ml-12">
       <p
-        class="font-medium text-4xl mb-4 dark:text-white"
         v-motion
+        class="font-medium text-4xl mb-4 dark:text-white"
         :initial="{
           opacity: 0,
           y: 100
@@ -31,8 +31,8 @@ const router = useRouter();
         500
       </p>
       <p
-        class="mb-4 text-gray-500"
         v-motion
+        class="mb-4 text-gray-500"
         :initial="{
           opacity: 0,
           y: 100
@@ -48,9 +48,8 @@ const router = useRouter();
         抱歉，服务器出错了
       </p>
       <el-button
-        type="primary"
-        @click="router.push('/')"
         v-motion
+        type="primary"
         :initial="{
           opacity: 0,
           y: 100
@@ -62,6 +61,7 @@ const router = useRouter();
             delay: 500
           }
         }"
+        @click="router.push('/')"
       >
         返回首页
       </el-button>
diff --git a/src/views/flow-chart/index.vue b/src/views/flow-chart/index.vue
index 3a47a12735..6755649eb8 100644
--- a/src/views/flow-chart/index.vue
+++ b/src/views/flow-chart/index.vue
@@ -84,8 +84,8 @@ onMounted(() => {
     <div class="logic-flow-view">
       <!-- 辅助工具栏 -->
       <Control
-        class="demo-control"
         v-if="lf"
+        class="demo-control"
         :lf="lf"
         :catTurboData="false"
         @catData="catData"
@@ -96,9 +96,9 @@ onMounted(() => {
       <div id="turbo" />
       <!-- 数据查看面板 -->
       <el-dialog
+        v-model="dataVisible"
         class="flow-dialog"
         title="数据"
-        v-model="dataVisible"
         width="50%"
       >
         <el-scrollbar>
diff --git a/src/views/list/card/index.vue b/src/views/list/card/index.vue
index 3dc73bf119..592154a1b3 100644
--- a/src/views/list/card/index.vue
+++ b/src/views/list/card/index.vue
@@ -102,8 +102,8 @@ const handleManageProduct = product => {
         新建产品
       </el-button>
       <el-input
-        style="width: 300px"
         v-model="searchValue"
+        style="width: 300px"
         placeholder="请输入产品名称"
         clearable
       >
@@ -123,7 +123,6 @@ const handleManageProduct = product => {
       element-loading-svg-view-box="-10, -10, 50, 50"
     >
       <el-empty
-        description="暂无数据"
         v-show="
           productList
             .slice(
@@ -134,6 +133,7 @@ const handleManageProduct = product => {
               v.name.toLowerCase().includes(searchValue.toLowerCase())
             ).length === 0
         "
+        description="暂无数据"
       />
       <template v-if="pagination.total > 0">
         <el-row :gutter="16">
@@ -161,8 +161,8 @@ const handleManageProduct = product => {
           </el-col>
         </el-row>
         <el-pagination
-          class="float-right"
           v-model:currentPage="pagination.current"
+          class="float-right"
           :page-size="pagination.pageSize"
           :total="pagination.total"
           :page-sizes="[12, 24, 36]"
diff --git a/src/views/login/components/phone.vue b/src/views/login/components/phone.vue
index ad24bdf310..e298145bfc 100644
--- a/src/views/login/components/phone.vue
+++ b/src/views/login/components/phone.vue
@@ -48,8 +48,8 @@ function onBack() {
     <Motion>
       <el-form-item prop="phone">
         <el-input
-          clearable
           v-model="ruleForm.phone"
+          clearable
           :placeholder="t('login.phone')"
           :prefix-icon="useRenderIcon(Iphone)"
         />
@@ -60,8 +60,8 @@ function onBack() {
       <el-form-item prop="verifyCode">
         <div class="w-full flex justify-between">
           <el-input
-            clearable
             v-model="ruleForm.verifyCode"
+            clearable
             :placeholder="t('login.smsVerifyCode')"
             :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
           />
diff --git a/src/views/login/components/regist.vue b/src/views/login/components/regist.vue
index 453843eac8..2c35a8b507 100644
--- a/src/views/login/components/regist.vue
+++ b/src/views/login/components/regist.vue
@@ -89,8 +89,8 @@ function onBack() {
         prop="username"
       >
         <el-input
-          clearable
           v-model="ruleForm.username"
+          clearable
           :placeholder="t('login.username')"
           :prefix-icon="useRenderIcon(User)"
         />
@@ -100,8 +100,8 @@ function onBack() {
     <Motion :delay="100">
       <el-form-item prop="phone">
         <el-input
-          clearable
           v-model="ruleForm.phone"
+          clearable
           :placeholder="t('login.phone')"
           :prefix-icon="useRenderIcon(Iphone)"
         />
@@ -112,8 +112,8 @@ function onBack() {
       <el-form-item prop="verifyCode">
         <div class="w-full flex justify-between">
           <el-input
-            clearable
             v-model="ruleForm.verifyCode"
+            clearable
             :placeholder="t('login.smsVerifyCode')"
             :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
           />
@@ -135,9 +135,9 @@ function onBack() {
     <Motion :delay="200">
       <el-form-item prop="password">
         <el-input
+          v-model="ruleForm.password"
           clearable
           show-password
-          v-model="ruleForm.password"
           :placeholder="t('login.password')"
           :prefix-icon="useRenderIcon(Lock)"
         />
@@ -147,9 +147,9 @@ function onBack() {
     <Motion :delay="250">
       <el-form-item :rules="repeatPasswordRule" prop="repeatPassword">
         <el-input
+          v-model="ruleForm.repeatPassword"
           clearable
           show-password
-          v-model="ruleForm.repeatPassword"
           :placeholder="t('login.sure')"
           :prefix-icon="useRenderIcon(Lock)"
         />
diff --git a/src/views/login/components/update.vue b/src/views/login/components/update.vue
index 33de3dcf01..bd7f866bd2 100644
--- a/src/views/login/components/update.vue
+++ b/src/views/login/components/update.vue
@@ -72,8 +72,8 @@ function onBack() {
     <Motion>
       <el-form-item prop="phone">
         <el-input
-          clearable
           v-model="ruleForm.phone"
+          clearable
           :placeholder="t('login.phone')"
           :prefix-icon="useRenderIcon(Iphone)"
         />
@@ -84,8 +84,8 @@ function onBack() {
       <el-form-item prop="verifyCode">
         <div class="w-full flex justify-between">
           <el-input
-            clearable
             v-model="ruleForm.verifyCode"
+            clearable
             :placeholder="t('login.smsVerifyCode')"
             :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
           />
@@ -107,9 +107,9 @@ function onBack() {
     <Motion :delay="150">
       <el-form-item prop="password">
         <el-input
+          v-model="ruleForm.password"
           clearable
           show-password
-          v-model="ruleForm.password"
           :placeholder="t('login.password')"
           :prefix-icon="useRenderIcon(Lock)"
         />
@@ -119,9 +119,9 @@ function onBack() {
     <Motion :delay="200">
       <el-form-item :rules="repeatPasswordRule" prop="repeatPassword">
         <el-input
+          v-model="ruleForm.repeatPassword"
           clearable
           show-password
-          v-model="ruleForm.repeatPassword"
           :placeholder="t('login.sure')"
           :prefix-icon="useRenderIcon(Lock)"
         />
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index be9072326f..c60bea95ef 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -142,8 +142,8 @@ watch(loginDay, value => {
               @click="translationCh"
             >
               <IconifyIconOffline
-                class="check-zh"
                 v-show="locale === 'zh'"
+                class="check-zh"
                 :icon="Check"
               />
               简体中文
@@ -153,7 +153,7 @@ watch(loginDay, value => {
               :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                 <IconifyIconOffline :icon="Check" />
               </span>
               English
@@ -194,8 +194,8 @@ watch(loginDay, value => {
                 prop="username"
               >
                 <el-input
-                  clearable
                   v-model="ruleForm.username"
+                  clearable
                   :placeholder="t('login.username')"
                   :prefix-icon="useRenderIcon(User)"
                 />
@@ -205,9 +205,9 @@ watch(loginDay, value => {
             <Motion :delay="150">
               <el-form-item prop="password">
                 <el-input
+                  v-model="ruleForm.password"
                   clearable
                   show-password
-                  v-model="ruleForm.password"
                   :placeholder="t('login.password')"
                   :prefix-icon="useRenderIcon(Lock)"
                 />
@@ -217,8 +217,8 @@ watch(loginDay, value => {
             <Motion :delay="200">
               <el-form-item prop="verifyCode">
                 <el-input
-                  clearable
                   v-model="ruleForm.verifyCode"
+                  clearable
                   :placeholder="t('login.verifyCode')"
                   :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
                 >
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
index 44df309d96..1ffdbb678b 100644
--- a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
+++ b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -19,7 +19,7 @@ const { query } = useRoute();
     <p style="text-indent: 4em">{{ t("menus.hsmenu1-2-2") }}</p>
     <el-input v-model="input" />
 
-    <div class="mt-4" v-if="query.text">
+    <div v-if="query.text" class="mt-4">
       此页面携带的参数值为：{{ query.text }}
     </div>
   </div>
diff --git a/src/views/permission/button/index.vue b/src/views/permission/button/index.vue
index 2da55fe71d..1d54787512 100644
--- a/src/views/permission/button/index.vue
+++ b/src/views/permission/button/index.vue
@@ -41,15 +41,15 @@ const elStyle = computed((): CSSProperties => {
       <template #header>
         <div class="card-header">函数方式判断权限</div>
       </template>
-      <el-button type="success" v-if="hasAuth('btn_add')">
+      <el-button v-if="hasAuth('btn_add')" type="success">
         拥有code：'btn_add' 权限可见
       </el-button>
-      <el-button type="primary" v-if="hasAuth(['btn_edit'])">
+      <el-button v-if="hasAuth(['btn_edit'])" type="primary">
         拥有code：['btn_edit'] 权限可见
       </el-button>
       <el-button
-        type="danger"
         v-if="hasAuth(['btn_add', 'btn_edit', 'btn_delete'])"
+        type="danger"
       >
         拥有code：['btn_add', 'btn_edit', 'btn_delete'] 权限可见
       </el-button>
@@ -61,13 +61,13 @@ const elStyle = computed((): CSSProperties => {
           指令方式判断权限（该方式不能动态修改权限）
         </div>
       </template>
-      <el-button type="success" v-auth="'btn_add'">
+      <el-button v-auth="'btn_add'" type="success">
         拥有code：'btn_add' 权限可见
       </el-button>
-      <el-button type="primary" v-auth="['btn_edit']">
+      <el-button v-auth="['btn_edit']" type="primary">
         拥有code：['btn_edit'] 权限可见
       </el-button>
-      <el-button type="danger" v-auth="['btn_add', 'btn_edit', 'btn_delete']">
+      <el-button v-auth="['btn_add', 'btn_edit', 'btn_delete']" type="danger">
         拥有code：['btn_add', 'btn_edit', 'btn_delete'] 权限可见
       </el-button>
     </el-card>
diff --git a/src/views/pure-table/high.vue b/src/views/pure-table/high.vue
index 66780e9f83..a725c3113d 100644
--- a/src/views/pure-table/high.vue
+++ b/src/views/pure-table/high.vue
@@ -49,7 +49,7 @@ function tabClick({ index }) {
               <span>{{ item.title }}</span>
             </el-tooltip>
           </template>
-          <component v-if="selected == index" :is="item.component" />
+          <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>
       </template>
     </el-tabs>
diff --git a/src/views/pure-table/high/data.ts b/src/views/pure-table/high/data.ts
index cd08ebae24..a79cfb14c4 100644
--- a/src/views/pure-table/high/data.ts
+++ b/src/views/pure-table/high/data.ts
@@ -61,15 +61,15 @@ const tableDataImage = clone(tableData, true).map((item, index) =>
 );
 
 const tableDataSortable = clone(tableData, true).map((item, index) => {
-  delete item["date"];
+  delete item.date;
   Object.assign(item, {
     date: `${dayjs(new Date()).format("YYYY-MM")}-${index + 1}`
   });
 });
 
 const tableDataDrag = clone(tableData, true).map((item, index) => {
-  delete item["address"];
-  delete item["date"];
+  delete item.address;
+  delete item.date;
   return Object.assign(
     {
       id: index + 1,
@@ -80,7 +80,7 @@ const tableDataDrag = clone(tableData, true).map((item, index) => {
 });
 
 const tableDataEdit = clone(tableData, true).map((item, index) => {
-  delete item["date"];
+  delete item.date;
   return Object.assign(
     {
       id: index + 1,
diff --git a/src/views/pure-table/high/excel/index.vue b/src/views/pure-table/high/excel/index.vue
index a9785a1076..67fcce8607 100644
--- a/src/views/pure-table/high/excel/index.vue
+++ b/src/views/pure-table/high/excel/index.vue
@@ -8,8 +8,8 @@ const { columns, dataList, exportExcel } = useColumns();
   <div>
     <el-button
       type="primary"
-      @click="exportExcel"
       class="mb-[20px] float-right"
+      @click="exportExcel"
     >
       导出
     </el-button>
diff --git a/src/views/pure-table/high/prints/index.vue b/src/views/pure-table/high/prints/index.vue
index 2e2adbef36..8c3b44db79 100644
--- a/src/views/pure-table/high/prints/index.vue
+++ b/src/views/pure-table/high/prints/index.vue
@@ -9,13 +9,13 @@ const { columns, dataList, print, cellStyle, rowStyle, headerCellStyle } =
 
 <template>
   <div>
-    <el-button type="primary" @click="print" class="mb-[20px] float-right">
+    <el-button type="primary" class="mb-[20px] float-right" @click="print">
       打印
     </el-button>
     <!-- rowHoverBgColor="transparent" 鼠标经过行时，去掉行的背景色 -->
     <pure-table
-      rowHoverBgColor="transparent"
       ref="printRef"
+      rowHoverBgColor="transparent"
       row-key="id"
       border
       :data="dataList"
diff --git a/src/views/pure-table/high/table-select/multiple/index.vue b/src/views/pure-table/high/table-select/multiple/index.vue
index 68747ffbe0..29e189edfa 100644
--- a/src/views/pure-table/high/table-select/multiple/index.vue
+++ b/src/views/pure-table/high/table-select/multiple/index.vue
@@ -18,9 +18,9 @@ const {
 
 <template>
   <el-select
-    class="w-[160px]"
     ref="selectRef"
     v-model="selectValue"
+    class="w-[160px]"
     placeholder="请选择"
     clearable
     multiple
diff --git a/src/views/pure-table/index.vue b/src/views/pure-table/index.vue
index 33d26741dc..24de4103fa 100644
--- a/src/views/pure-table/index.vue
+++ b/src/views/pure-table/index.vue
@@ -50,7 +50,7 @@ function tabClick({ index }) {
               <span>{{ item.title }}</span>
             </el-tooltip>
           </template>
-          <component v-if="selected == index" :is="item.component" />
+          <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>
       </template>
     </el-tabs>
diff --git a/src/views/system/dept/form.vue b/src/views/system/dept/form.vue
index 39f4bd9010..3acf5dfdb9 100644
--- a/src/views/system/dept/form.vue
+++ b/src/views/system/dept/form.vue
@@ -41,8 +41,8 @@ defineExpose({ getRef });
       <re-col>
         <el-form-item label="上级部门">
           <el-cascader
-            class="w-full"
             v-model="newFormInline.parentId"
+            class="w-full"
             :options="newFormInline.higherDeptOptions"
             :props="{
               value: 'id',
diff --git a/src/views/system/dept/utils/hook.tsx b/src/views/system/dept/utils/hook.tsx
index d7c4966db2..11d9c36930 100644
--- a/src/views/system/dept/utils/hook.tsx
+++ b/src/views/system/dept/utils/hook.tsx
@@ -6,7 +6,7 @@ import { getDeptList } from "@/api/system";
 import { usePublicHooks } from "../../hooks";
 import { addDialog } from "@/components/ReDialog";
 import { reactive, ref, onMounted, h } from "vue";
-import { type FormItemProps } from "../utils/types";
+import type { FormItemProps } from "../utils/types";
 import { cloneDeep, isAllEmpty } from "@pureadmin/utils";
 
 export function useDept() {
diff --git a/src/views/system/role/utils/hook.tsx b/src/views/system/role/utils/hook.tsx
index 073aa69e74..d407fd9df9 100644
--- a/src/views/system/role/utils/hook.tsx
+++ b/src/views/system/role/utils/hook.tsx
@@ -5,8 +5,8 @@ import { getRoleList } from "@/api/system";
 import { ElMessageBox } from "element-plus";
 import { usePublicHooks } from "../../hooks";
 import { addDialog } from "@/components/ReDialog";
-import { type FormItemProps } from "../utils/types";
-import { type PaginationProps } from "@pureadmin/table";
+import type { FormItemProps } from "../utils/types";
+import type { PaginationProps } from "@pureadmin/table";
 import { reactive, ref, onMounted, h, toRaw } from "vue";
 
 export function useRole() {
diff --git a/src/views/system/user/form/index.vue b/src/views/system/user/form/index.vue
index 7385a7c0d6..f6834dac4e 100644
--- a/src/views/system/user/form/index.vue
+++ b/src/views/system/user/form/index.vue
@@ -70,10 +70,10 @@ defineExpose({ getRef });
       </re-col>
 
       <re-col
+        v-if="newFormInline.title === '新增'"
         :value="12"
         :xs="24"
         :sm="24"
-        v-if="newFormInline.title === '新增'"
       >
         <el-form-item label="用户密码" prop="password">
           <el-input
@@ -123,8 +123,8 @@ defineExpose({ getRef });
       <re-col :value="12" :xs="24" :sm="24">
         <el-form-item label="归属部门">
           <el-cascader
-            class="w-full"
             v-model="newFormInline.parentId"
+            class="w-full"
             :options="newFormInline.higherDeptOptions"
             :props="{
               value: 'id',
@@ -144,10 +144,10 @@ defineExpose({ getRef });
         </el-form-item>
       </re-col>
       <re-col
+        v-if="newFormInline.title === '新增'"
         :value="12"
         :xs="24"
         :sm="24"
-        v-if="newFormInline.title === '新增'"
       >
         <el-form-item label="用户状态">
           <el-switch
diff --git a/src/views/system/user/form/role.vue b/src/views/system/user/form/role.vue
index 25d1ac5606..19adc5bcdd 100644
--- a/src/views/system/user/form/role.vue
+++ b/src/views/system/user/form/role.vue
@@ -25,7 +25,7 @@ const newFormInline = ref(props.formInline);
       </re-col> -->
       <re-col>
         <el-form-item label="用户昵称" prop="nickname">
-          <el-input disabled v-model="newFormInline.nickname" />
+          <el-input v-model="newFormInline.nickname" disabled />
         </el-form-item>
       </re-col>
       <re-col>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index d9f190d4b0..2468610eee 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -148,8 +148,8 @@ const {
             </el-popconfirm>
           </div>
           <pure-table
-            row-key="id"
             ref="tableRef"
+            row-key="id"
             adaptive
             align-whole="center"
             table-layout="auto"
diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
index 2b3838f829..9a8711db9e 100644
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -101,9 +101,9 @@ defineExpose({ onTreeReset });
   >
     <div class="flex items-center h-[34px]">
       <el-input
+        v-model="searchValue"
         class="ml-2"
         size="small"
-        v-model="searchValue"
         placeholder="请输入部门名称"
         clearable
       >
diff --git a/src/views/system/user/upload.vue b/src/views/system/user/upload.vue
index b36042c55f..d2d80beb02 100644
--- a/src/views/system/user/upload.vue
+++ b/src/views/system/user/upload.vue
@@ -33,7 +33,7 @@ function onCropper({ base64, blob, info }) {
             @cropper="onCropper"
             @readied="showPopover = true"
           />
-          <p class="mt-1 text-center" v-show="showPopover">
+          <p v-show="showPopover" class="mt-1 text-center">
             温馨提示：右键上方裁剪区可开启功能菜单
           </p>
         </div>
diff --git a/src/views/system/user/utils/hook.tsx b/src/views/system/user/utils/hook.tsx
index 2045b1c799..bde5d3598b 100644
--- a/src/views/system/user/utils/hook.tsx
+++ b/src/views/system/user/utils/hook.tsx
@@ -8,7 +8,7 @@ import { message } from "@/utils/message";
 import croppingUpload from "../upload.vue";
 import { usePublicHooks } from "../../hooks";
 import { addDialog } from "@/components/ReDialog";
-import { type PaginationProps } from "@pureadmin/table";
+import type { PaginationProps } from "@pureadmin/table";
 import type { FormItemProps, RoleFormItemProps } from "../utils/types";
 import { hideTextAtIndex, getKeyList, isAllEmpty } from "@pureadmin/utils";
 import {
diff --git a/src/views/tabs/index.vue b/src/views/tabs/index.vue
index 4f488cb44a..b43ed346c1 100644
--- a/src/views/tabs/index.vue
+++ b/src/views/tabs/index.vue
@@ -53,9 +53,9 @@ function onCloseTags() {
     <div class="flex flex-wrap items-center">
       <p>query传参模式：</p>
       <el-button
-        class="m-2"
         v-for="index in 6"
         :key="index"
+        class="m-2"
         @click="toDetail({ id: index }, 'query')"
       >
         打开{{ index }}详情页
@@ -74,9 +74,9 @@ function onCloseTags() {
     <div class="flex flex-wrap items-center">
       <p>params传参模式：</p>
       <el-button
-        class="m-2"
         v-for="index in 6"
         :key="index"
+        class="m-2"
         @click="toDetail({ id: index }, 'params')"
       >
         打开{{ index }}详情页
@@ -85,6 +85,7 @@ function onCloseTags() {
 
     <el-divider />
     <el-tree-select
+      v-model="currentValues"
       class="w-[300px]"
       node-key="uniqueId"
       placeholder="请选择要关闭的标签"
@@ -99,7 +100,6 @@ function onCloseTags() {
         disabled: 'disabled'
       }"
       :data="treeData"
-      v-model="currentValues"
     >
       <template #default="{ data }">
         <span>{{ transformI18n(data.meta.title) }}</span>
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index d1cbce487e..ccc32460a9 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -48,13 +48,13 @@ getReleases().then(({ data }) => {
   <div>
     <el-row :gutter="24">
       <el-col
+        v-motion
         :xs="24"
         :sm="24"
         :md="12"
         :lg="12"
         :xl="12"
         class="mb-[18px]"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
@@ -106,13 +106,13 @@ getReleases().then(({ data }) => {
       </el-col>
 
       <el-col
+        v-motion
         :xs="24"
         :sm="24"
         :md="12"
         :lg="12"
         :xl="12"
         class="mb-[18px]"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
@@ -154,13 +154,13 @@ getReleases().then(({ data }) => {
       </el-col>
 
       <el-col
+        v-motion
         :xs="24"
         :sm="24"
         :md="12"
         :lg="8"
         :xl="8"
         class="mb-[18px]"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
@@ -197,13 +197,13 @@ getReleases().then(({ data }) => {
       </el-col>
 
       <el-col
+        v-motion
         :xs="24"
         :sm="24"
         :md="12"
         :lg="8"
         :xl="8"
         class="mb-[18px]"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100
@@ -240,13 +240,13 @@ getReleases().then(({ data }) => {
       </el-col>
 
       <el-col
+        v-motion
         :xs="24"
         :sm="24"
         :md="24"
         :lg="8"
         :xl="8"
         class="mb-[18px]"
-        v-motion
         :initial="{
           opacity: 0,
           y: 100