diff --git a/docs/.vitepress/build/crowdin-credentials.ts b/docs/.vitepress/build/crowdin-credentials.ts
index 973c5aa472..386113ea88 100644
--- a/docs/.vitepress/build/crowdin-credentials.ts
+++ b/docs/.vitepress/build/crowdin-credentials.ts
@@ -2,7 +2,7 @@ import path from 'path'
 import fs from 'fs/promises'
 import chalk from 'chalk'
 import consola from 'consola'
-import { errorAndExit, docRoot } from '@element-plus/build'
+import { docRoot, errorAndExit } from '@element-plus/build'
 
 const credentialPlaceholder = 'API_TOKEN_PLACEHOLDER'
 
diff --git a/docs/.vitepress/build/crowdin-generate.ts b/docs/.vitepress/build/crowdin-generate.ts
index 4bf25ff7ab..5dbb9ebe1e 100644
--- a/docs/.vitepress/build/crowdin-generate.ts
+++ b/docs/.vitepress/build/crowdin-generate.ts
@@ -2,7 +2,7 @@ import fs from 'fs'
 import path from 'path'
 import chalk from 'chalk'
 import consola from 'consola'
-import { errorAndExit, docRoot } from '@element-plus/build'
+import { docRoot, errorAndExit } from '@element-plus/build'
 
 // NB: this file is only for generating files that enables developers to develop the website.
 const componentLocaleRoot = path.resolve(docRoot, '.vitepress/crowdin')
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 7190f6b489..cb13b44953 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,6 +1,6 @@
 import ElementPlus from 'element-plus'
 
-import VPApp, { globals, NotFound } from '../vitepress'
+import VPApp, { NotFound, globals } from '../vitepress'
 import { define } from '../utils/types'
 import 'uno.css'
 
diff --git a/docs/.vitepress/vitepress/components/doc-content/vp-last-updated-at.vue b/docs/.vitepress/vitepress/components/doc-content/vp-last-updated-at.vue
index d32177b345..51fd60e3f2 100644
--- a/docs/.vitepress/vitepress/components/doc-content/vp-last-updated-at.vue
+++ b/docs/.vitepress/vitepress/components/doc-content/vp-last-updated-at.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { useData } from 'vitepress'
 import { useLang } from '../../composables/lang'
 import localeData from '../../../i18n/component/last-update-at.json'
diff --git a/docs/.vitepress/vitepress/components/globals/parallax-home.vue b/docs/.vitepress/vitepress/components/globals/parallax-home.vue
index 36ccdfaaf1..d263fdf802 100644
--- a/docs/.vitepress/vitepress/components/globals/parallax-home.vue
+++ b/docs/.vitepress/vitepress/components/globals/parallax-home.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref, reactive, computed } from 'vue'
-import { useParallax, useThrottleFn, useEventListener } from '@vueuse/core'
+import { computed, reactive, ref } from 'vue'
+import { useEventListener, useParallax, useThrottleFn } from '@vueuse/core'
 import { useLang } from '../../composables/lang'
 import homeLocale from '../../../i18n/pages/home.json'
 import HomeSponsors from '../home/home-sponsors.vue'
diff --git a/docs/.vitepress/vitepress/components/navbar/vp-search.vue b/docs/.vitepress/vitepress/components/navbar/vp-search.vue
index 941ecb0831..22ef8daa7c 100644
--- a/docs/.vitepress/vitepress/components/navbar/vp-search.vue
+++ b/docs/.vitepress/vitepress/components/navbar/vp-search.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import '@docsearch/css'
-import { watch, onMounted, getCurrentInstance } from 'vue'
-import { useRouter, useRoute } from 'vitepress'
+import { getCurrentInstance, onMounted, watch } from 'vue'
+import { useRoute, useRouter } from 'vitepress'
 import docsearch from '@docsearch/js'
 import { isClient } from '@vueuse/core'
 import { useLang } from '../../composables/lang'
diff --git a/docs/.vitepress/vitepress/components/vp-app.vue b/docs/.vitepress/vitepress/components/vp-app.vue
index ba6e1b3af1..5e88de664f 100644
--- a/docs/.vitepress/vitepress/components/vp-app.vue
+++ b/docs/.vitepress/vitepress/components/vp-app.vue
@@ -3,7 +3,7 @@ import { onMounted } from 'vue'
 import { ElMessageBox } from 'element-plus'
 import nprogress from 'nprogress'
 import dayjs from 'dayjs'
-import { useStorage, useToggle, isClient } from '@vueuse/core'
+import { isClient, useStorage, useToggle } from '@vueuse/core'
 import { useSidebar } from '../composables/sidebar'
 import { useToggleWidgets } from '../composables/toggle-widgets'
 import { useLang } from '../composables/lang'
diff --git a/docs/.vitepress/vitepress/components/vp-content.vue b/docs/.vitepress/vitepress/components/vp-content.vue
index e87be2597c..425ebc8f0e 100644
--- a/docs/.vitepress/vitepress/components/vp-content.vue
+++ b/docs/.vitepress/vitepress/components/vp-content.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onUpdated, watch, ref, nextTick } from 'vue'
+import { computed, nextTick, onUpdated, ref, watch } from 'vue'
 import nprogress from 'nprogress'
 import { useData, useRoute } from 'vitepress'
 import { useSidebar } from '../composables/sidebar'
diff --git a/docs/.vitepress/vitepress/components/vp-demo.vue b/docs/.vitepress/vitepress/components/vp-demo.vue
index c33695e829..6bd3c5d541 100644
--- a/docs/.vitepress/vitepress/components/vp-demo.vue
+++ b/docs/.vitepress/vitepress/components/vp-demo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, toRef, getCurrentInstance } from 'vue'
-import { useClipboard, useToggle, isClient } from '@vueuse/core'
+import { computed, getCurrentInstance, toRef } from 'vue'
+import { isClient, useClipboard, useToggle } from '@vueuse/core'
 import { CaretTop } from '@element-plus/icons-vue'
 import { useLang } from '../composables/lang'
 import { useSourceCode } from '../composables/source-code'
diff --git a/docs/.vitepress/vitepress/components/vp-navbar.vue b/docs/.vitepress/vitepress/components/vp-navbar.vue
index f1f0ef8d2e..102ac8a580 100644
--- a/docs/.vitepress/vitepress/components/vp-navbar.vue
+++ b/docs/.vitepress/vitepress/components/vp-navbar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useData, inBrowser } from 'vitepress'
+import { inBrowser, useData } from 'vitepress'
 
 import { useFeatureFlag } from '../composables/feature-flag'
 import VPNavbarSearch from './navbar/vp-search.vue'
diff --git a/docs/.vitepress/vitepress/composables/back-top.ts b/docs/.vitepress/vitepress/composables/back-top.ts
index d06bf51a21..c3c67a28b6 100644
--- a/docs/.vitepress/vitepress/composables/back-top.ts
+++ b/docs/.vitepress/vitepress/composables/back-top.ts
@@ -1,4 +1,4 @@
-import { ref, onMounted, onBeforeUnmount } from 'vue'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { isClient } from '@vueuse/core'
 import { throttleAndDebounce } from '../utils'
 
diff --git a/docs/.vitepress/vitepress/composables/edit-link.ts b/docs/.vitepress/vitepress/composables/edit-link.ts
index 7945d4410f..b3b112ca09 100644
--- a/docs/.vitepress/vitepress/composables/edit-link.ts
+++ b/docs/.vitepress/vitepress/composables/edit-link.ts
@@ -3,7 +3,7 @@ import { useData } from 'vitepress'
 import { useLang } from '../composables/lang'
 import { useLocale } from '../composables/locale'
 import { defaultLang } from '../constant'
-import { createGitHubUrl, createCrowdinUrl } from '../utils'
+import { createCrowdinUrl, createGitHubUrl } from '../utils'
 import editLinkLocale from '../../i18n/component/edit-link.json'
 
 export function useEditLink() {
diff --git a/docs/.vitepress/vitepress/composables/lock-screen.ts b/docs/.vitepress/vitepress/composables/lock-screen.ts
index 1f56e5db27..9f25906714 100644
--- a/docs/.vitepress/vitepress/composables/lock-screen.ts
+++ b/docs/.vitepress/vitepress/composables/lock-screen.ts
@@ -2,10 +2,10 @@ import { onUnmounted } from 'vue'
 import { isClient } from '@vueuse/core'
 import {
   addClass,
-  hasClass,
-  getStyle,
-  removeClass,
   getScrollBarWidth,
+  getStyle,
+  hasClass,
+  removeClass,
 } from '@element-plus/utils'
 
 export const useLockScreen = () => {
diff --git a/docs/.vitepress/vitepress/composables/page-nav.ts b/docs/.vitepress/vitepress/composables/page-nav.ts
index 82825a02b7..1a20050725 100644
--- a/docs/.vitepress/vitepress/composables/page-nav.ts
+++ b/docs/.vitepress/vitepress/composables/page-nav.ts
@@ -1,12 +1,12 @@
 import { computed } from 'vue'
 import { useData } from 'vitepress'
 import {
-  isArray,
   ensureStartingSlash,
+  isArray,
   removeExtention as removeExtension,
 } from '../utils'
 import { useLang } from './lang'
-import { getSidebarConfig, getFlatSideBarLinks } from './sidebar'
+import { getFlatSideBarLinks, getSidebarConfig } from './sidebar'
 
 export function usePageNav() {
   const { page, theme } = useData()
diff --git a/docs/.vitepress/vitepress/composables/sidebar.ts b/docs/.vitepress/vitepress/composables/sidebar.ts
index 4b882736bf..e040b24f46 100644
--- a/docs/.vitepress/vitepress/composables/sidebar.ts
+++ b/docs/.vitepress/vitepress/composables/sidebar.ts
@@ -1,6 +1,6 @@
 import { computed } from 'vue'
-import { useRoute, useData } from 'vitepress'
-import { isArray, ensureStartingSlash, removeExtention } from '../utils'
+import { useData, useRoute } from 'vitepress'
+import { ensureStartingSlash, isArray, removeExtention } from '../utils'
 import { useLang } from './lang'
 
 export const useSidebar = () => {
diff --git a/docs/.vitepress/vitepress/composables/translation.ts b/docs/.vitepress/vitepress/composables/translation.ts
index 0fb3801a80..51a6dd56a7 100644
--- a/docs/.vitepress/vitepress/composables/translation.ts
+++ b/docs/.vitepress/vitepress/composables/translation.ts
@@ -1,5 +1,5 @@
 import { computed } from 'vue'
-import { useRouter, useRoute } from 'vitepress'
+import { useRoute, useRouter } from 'vitepress'
 import { useStorage } from '@vueuse/core'
 import { PREFERRED_LANG_KEY } from '../constant'
 
diff --git a/docs/.vitepress/vitepress/utils/colors.ts b/docs/.vitepress/vitepress/utils/colors.ts
index bdcf9a84ca..b04b7649aa 100644
--- a/docs/.vitepress/vitepress/utils/colors.ts
+++ b/docs/.vitepress/vitepress/utils/colors.ts
@@ -1,4 +1,4 @@
-import { ref, getCurrentInstance } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
 import { useClipboard } from '@vueuse/core'
 
 export const getColorValue = (type: string) => {
diff --git a/docs/.vitepress/vitepress/utils/index.ts b/docs/.vitepress/vitepress/utils/index.ts
index 0a27b511b1..2c1ea15f63 100644
--- a/docs/.vitepress/vitepress/utils/index.ts
+++ b/docs/.vitepress/vitepress/utils/index.ts
@@ -1,8 +1,8 @@
 import {
-  isActive,
-  normalize,
   endingSlashRE,
+  isActive,
   isExternal,
+  normalize,
 } from 'vitepress/dist/client/theme-default/utils'
 import { inBrowser } from 'vitepress'
 
diff --git a/docs/examples/button/basic.vue b/docs/examples/button/basic.vue
index e2f76fd306..50f21024f2 100644
--- a/docs/examples/button/basic.vue
+++ b/docs/examples/button/basic.vue
@@ -39,11 +39,11 @@
 
 <script lang="ts" setup>
 import {
-  Search,
-  Edit,
   Check,
-  Message,
-  Star,
   Delete,
+  Edit,
+  Message,
+  Search,
+  Star,
 } from '@element-plus/icons-vue'
 </script>
diff --git a/docs/examples/button/group.vue b/docs/examples/button/group.vue
index 0115bdf5bb..e5aa60be81 100644
--- a/docs/examples/button/group.vue
+++ b/docs/examples/button/group.vue
@@ -16,9 +16,9 @@
 <script setup lang="ts">
 import {
   ArrowLeft,
+  ArrowRight,
+  Delete,
   Edit,
   Share,
-  Delete,
-  ArrowRight,
 } from '@element-plus/icons-vue'
 </script>
diff --git a/docs/examples/button/icon.vue b/docs/examples/button/icon.vue
index c1a4147d3a..564a297c8f 100644
--- a/docs/examples/button/icon.vue
+++ b/docs/examples/button/icon.vue
@@ -10,5 +10,5 @@
   </div>
 </template>
 <script setup lang="ts">
-import { Edit, Share, Delete, Search, Upload } from '@element-plus/icons-vue'
+import { Delete, Edit, Search, Share, Upload } from '@element-plus/icons-vue'
 </script>
diff --git a/docs/examples/container/example.vue b/docs/examples/container/example.vue
index e71303cad5..4b374a17cc 100644
--- a/docs/examples/container/example.vue
+++ b/docs/examples/container/example.vue
@@ -95,7 +95,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import { Message, Menu as IconMenu, Setting } from '@element-plus/icons-vue'
+import { Menu as IconMenu, Message, Setting } from '@element-plus/icons-vue'
 
 const item = {
   date: '2016-05-02',
diff --git a/docs/examples/date-picker/custom-prefix-icon.vue b/docs/examples/date-picker/custom-prefix-icon.vue
index 458357648f..052df10b05 100644
--- a/docs/examples/date-picker/custom-prefix-icon.vue
+++ b/docs/examples/date-picker/custom-prefix-icon.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, shallowRef, h } from 'vue'
+import { h, ref, shallowRef } from 'vue'
 
 const value1 = ref('')
 
diff --git a/docs/examples/descriptions/sizes.vue b/docs/examples/descriptions/sizes.vue
index 66c64781fb..8b1f51fb1c 100644
--- a/docs/examples/descriptions/sizes.vue
+++ b/docs/examples/descriptions/sizes.vue
@@ -97,11 +97,11 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import {
-  User,
   Iphone,
   Location,
-  Tickets,
   OfficeBuilding,
+  Tickets,
+  User,
 } from '@element-plus/icons-vue'
 
 const size = ref('')
diff --git a/docs/examples/dropdown/how-to-trigger.vue b/docs/examples/dropdown/how-to-trigger.vue
index 0f475a438a..e65039c534 100644
--- a/docs/examples/dropdown/how-to-trigger.vue
+++ b/docs/examples/dropdown/how-to-trigger.vue
@@ -63,8 +63,8 @@
 <script lang="ts" setup>
 import {
   ArrowDown,
-  CircleCheck,
   Check,
+  CircleCheck,
   CirclePlus,
   CirclePlusFilled,
   Plus,
diff --git a/docs/examples/form/custom-validation.vue b/docs/examples/form/custom-validation.vue
index 9cd341ad32..ac9779add9 100644
--- a/docs/examples/form/custom-validation.vue
+++ b/docs/examples/form/custom-validation.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 import type { FormInstance } from 'element-plus'
 
 const ruleFormRef = ref<FormInstance>()
diff --git a/docs/examples/infinite-scroll/disable-loading.vue b/docs/examples/infinite-scroll/disable-loading.vue
index e078e5c632..52f0c3bb1f 100644
--- a/docs/examples/infinite-scroll/disable-loading.vue
+++ b/docs/examples/infinite-scroll/disable-loading.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
 
 const count = ref(10)
 const loading = ref(false)
diff --git a/docs/examples/input/autocomplete-template.vue b/docs/examples/input/autocomplete-template.vue
index 78dd526058..326925ef42 100644
--- a/docs/examples/input/autocomplete-template.vue
+++ b/docs/examples/input/autocomplete-template.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import { Edit } from '@element-plus/icons-vue'
 
 interface LinkItem {
diff --git a/docs/examples/input/autocomplete.vue b/docs/examples/input/autocomplete.vue
index a369b28379..47d346c3a6 100644
--- a/docs/examples/input/autocomplete.vue
+++ b/docs/examples/input/autocomplete.vue
@@ -28,7 +28,7 @@
   </el-row>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 
 interface RestaurantItem {
   value: string
diff --git a/docs/examples/input/remote-search.vue b/docs/examples/input/remote-search.vue
index 5ab73d54a8..96abdd8da9 100644
--- a/docs/examples/input/remote-search.vue
+++ b/docs/examples/input/remote-search.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 
 const state = ref('')
 
diff --git a/docs/examples/menu/collapse.vue b/docs/examples/menu/collapse.vue
index 8d7abab815..dfd1d00972 100644
--- a/docs/examples/menu/collapse.vue
+++ b/docs/examples/menu/collapse.vue
@@ -46,9 +46,9 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import {
-  Location,
   Document,
   Menu as IconMenu,
+  Location,
   Setting,
 } from '@element-plus/icons-vue'
 
diff --git a/docs/examples/menu/vertical.vue b/docs/examples/menu/vertical.vue
index 11012f2082..78846a6cbd 100644
--- a/docs/examples/menu/vertical.vue
+++ b/docs/examples/menu/vertical.vue
@@ -86,9 +86,9 @@
 
 <script lang="ts" setup>
 import {
-  Location,
   Document,
   Menu as IconMenu,
+  Location,
   Setting,
 } from '@element-plus/icons-vue'
 const handleOpen = (key: string, keyPath: string[]) => {
diff --git a/docs/examples/message-box/alert.vue b/docs/examples/message-box/alert.vue
index 0f8feacdcf..fb6ac79f3c 100644
--- a/docs/examples/message-box/alert.vue
+++ b/docs/examples/message-box/alert.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import type { Action } from 'element-plus'
 
 const open = () => {
diff --git a/docs/examples/message-box/centered-content.vue b/docs/examples/message-box/centered-content.vue
index e9aa8a49b6..939b4fcc24 100644
--- a/docs/examples/message-box/centered-content.vue
+++ b/docs/examples/message-box/centered-content.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 
 const open = () => {
   ElMessageBox.confirm(
diff --git a/docs/examples/message-box/confirm.vue b/docs/examples/message-box/confirm.vue
index 7572ca815b..cc117ede6d 100644
--- a/docs/examples/message-box/confirm.vue
+++ b/docs/examples/message-box/confirm.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 
 const open = () => {
   ElMessageBox.confirm(
diff --git a/docs/examples/message-box/distinguishable-close-cancel.vue b/docs/examples/message-box/distinguishable-close-cancel.vue
index 20613975d8..5c54f40be1 100644
--- a/docs/examples/message-box/distinguishable-close-cancel.vue
+++ b/docs/examples/message-box/distinguishable-close-cancel.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import type { Action } from 'element-plus'
 const open = () => {
   ElMessageBox.confirm(
diff --git a/docs/examples/message-box/draggable.vue b/docs/examples/message-box/draggable.vue
index a830a3d100..826b9118bc 100644
--- a/docs/examples/message-box/draggable.vue
+++ b/docs/examples/message-box/draggable.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 
 const open = () => {
   ElMessageBox.confirm(
diff --git a/docs/examples/message-box/prompt.vue b/docs/examples/message-box/prompt.vue
index e7b5afec8c..c40b9d15af 100644
--- a/docs/examples/message-box/prompt.vue
+++ b/docs/examples/message-box/prompt.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 
 const open = () => {
   ElMessageBox.prompt('Please input your e-mail', 'Tip', {
diff --git a/docs/examples/progress/dashboard-progress-bar.vue b/docs/examples/progress/dashboard-progress-bar.vue
index 87bbe08307..4bf2ae57f1 100644
--- a/docs/examples/progress/dashboard-progress-bar.vue
+++ b/docs/examples/progress/dashboard-progress-bar.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import { Minus, Plus } from '@element-plus/icons-vue'
 
 const percentage = ref(10)
diff --git a/docs/examples/rate/more-icons.vue b/docs/examples/rate/more-icons.vue
index fa0ecbd536..38d16f3e97 100644
--- a/docs/examples/rate/more-icons.vue
+++ b/docs/examples/rate/more-icons.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import { ChatRound, ChatLineRound, ChatDotRound } from '@element-plus/icons-vue'
+import { ChatDotRound, ChatLineRound, ChatRound } from '@element-plus/icons-vue'
 
 const value = ref()
 const icons = [ChatRound, ChatLineRound, ChatDotRound] // same as { 2: ChatRound, 4: { value: ChatLineRound, excluded: true }, 5: ChatDotRound }
diff --git a/docs/examples/select/remote-search.vue b/docs/examples/select/remote-search.vue
index 7540dc1542..465106bba7 100644
--- a/docs/examples/select/remote-search.vue
+++ b/docs/examples/select/remote-search.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 
 interface ListItem {
   value: string
diff --git a/docs/examples/slider/show-marks.vue b/docs/examples/slider/show-marks.vue
index 7be58d81e4..9821513c0c 100644
--- a/docs/examples/slider/show-marks.vue
+++ b/docs/examples/slider/show-marks.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 import type { CSSProperties } from 'vue'
 
 interface Mark {
diff --git a/docs/examples/steps/simple.vue b/docs/examples/steps/simple.vue
index f87a0526f7..db68440bf4 100644
--- a/docs/examples/steps/simple.vue
+++ b/docs/examples/steps/simple.vue
@@ -13,5 +13,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Edit, UploadFilled, Picture } from '@element-plus/icons-vue'
+import { Edit, Picture, UploadFilled } from '@element-plus/icons-vue'
 </script>
diff --git a/docs/examples/steps/with-icon.vue b/docs/examples/steps/with-icon.vue
index 5c09576cae..642a57c633 100644
--- a/docs/examples/steps/with-icon.vue
+++ b/docs/examples/steps/with-icon.vue
@@ -7,5 +7,5 @@
 </template>
 
 <script lang="ts" setup>
-import { Edit, Upload, Picture } from '@element-plus/icons-vue'
+import { Edit, Picture, Upload } from '@element-plus/icons-vue'
 </script>
diff --git a/docs/examples/table/custom-header.vue b/docs/examples/table/custom-header.vue
index 27975917e9..9ae6028ce5 100644
--- a/docs/examples/table/custom-header.vue
+++ b/docs/examples/table/custom-header.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
 
 interface User {
   date: string
diff --git a/docs/examples/tag/editable.vue b/docs/examples/tag/editable.vue
index b3b4f51029..dadfdef48e 100644
--- a/docs/examples/tag/editable.vue
+++ b/docs/examples/tag/editable.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 import type { ElInput } from 'element-plus'
 
 const inputValue = ref('')
diff --git a/docs/examples/tooltip/virtual-trigger.vue b/docs/examples/tooltip/virtual-trigger.vue
index 1a8d6089c7..5c26fff34c 100644
--- a/docs/examples/tooltip/virtual-trigger.vue
+++ b/docs/examples/tooltip/virtual-trigger.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 
 const visible = ref(false)
 const triggerRef = ref({
diff --git a/docs/examples/upload/basic.vue b/docs/examples/upload/basic.vue
index d391b0f91d..badccf5aac 100644
--- a/docs/examples/upload/basic.vue
+++ b/docs/examples/upload/basic.vue
@@ -22,7 +22,7 @@
 import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
-import type { UploadUserFile, UploadProps } from 'element-plus'
+import type { UploadProps, UploadUserFile } from 'element-plus'
 
 const fileList = ref<UploadUserFile[]>([
   {
diff --git a/docs/examples/upload/custom-thumbnail.vue b/docs/examples/upload/custom-thumbnail.vue
index 188b04b15b..3829570a3f 100644
--- a/docs/examples/upload/custom-thumbnail.vue
+++ b/docs/examples/upload/custom-thumbnail.vue
@@ -37,7 +37,7 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue'
-import { Plus, ZoomIn, Download, Delete } from '@element-plus/icons-vue'
+import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
 
 import type { UploadFile } from 'element-plus'
 
diff --git a/docs/examples/upload/file-list-with-thumbnail.vue b/docs/examples/upload/file-list-with-thumbnail.vue
index 697633d91f..93f0dd1776 100644
--- a/docs/examples/upload/file-list-with-thumbnail.vue
+++ b/docs/examples/upload/file-list-with-thumbnail.vue
@@ -19,7 +19,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 
-import type { UploadUserFile, UploadProps } from 'element-plus'
+import type { UploadProps, UploadUserFile } from 'element-plus'
 
 const fileList = ref<UploadUserFile[]>([
   {
diff --git a/docs/examples/upload/limit-cover.vue b/docs/examples/upload/limit-cover.vue
index 4ed4e6dc10..ced5ff92e1 100644
--- a/docs/examples/upload/limit-cover.vue
+++ b/docs/examples/upload/limit-cover.vue
@@ -24,7 +24,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { genFileId } from 'element-plus'
-import type { UploadInstance, UploadRawFile, UploadProps } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 
 const upload = ref<UploadInstance>()
 
diff --git a/docs/unocss.config.ts b/docs/unocss.config.ts
index 233ed113ef..f721e8de83 100644
--- a/docs/unocss.config.ts
+++ b/docs/unocss.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig, presetUno, presetAttributify, presetIcons } from 'unocss'
+import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss'
 
 export default defineConfig({
   presets: [presetUno(), presetAttributify(), presetIcons()],
diff --git a/internal/build/gulpfile.ts b/internal/build/gulpfile.ts
index 4e4a55803d..251689b4c5 100644
--- a/internal/build/gulpfile.ts
+++ b/internal/build/gulpfile.ts
@@ -1,16 +1,16 @@
 import path from 'path'
-import { mkdir, copyFile } from 'fs/promises'
+import { copyFile, mkdir } from 'fs/promises'
 import { copy } from 'fs-extra'
-import { series, parallel } from 'gulp'
+import { parallel, series } from 'gulp'
 import {
-  run,
-  runTask,
-  withTaskName,
+  buildConfig,
   buildOutput,
   epOutput,
   epPackage,
   projRoot,
-  buildConfig,
+  run,
+  runTask,
+  withTaskName,
 } from './src'
 import type { TaskFunction } from 'gulp'
 import type { Module } from './src'
diff --git a/internal/build/src/tasks/full-bundle.ts b/internal/build/src/tasks/full-bundle.ts
index 82edfd0c44..8d328fd651 100644
--- a/internal/build/src/tasks/full-bundle.ts
+++ b/internal/build/src/tasks/full-bundle.ts
@@ -12,13 +12,13 @@ import { camelCase, upperFirst } from 'lodash'
 import { version } from '../../../../packages/element-plus/version'
 import { ElementPlusAlias } from '../plugins/element-plus-alias'
 import {
-  epRoot,
   epOutput,
-  localeRoot,
+  epRoot,
   formatBundleFilename,
   generateExternal,
-  writeBundles,
+  localeRoot,
   withTaskName,
+  writeBundles,
 } from '../utils'
 import { EP_BRAND_NAME } from '../constants'
 import { target } from '../build-info'
diff --git a/internal/build/src/tasks/helper.ts b/internal/build/src/tasks/helper.ts
index ef79618caa..4e96001ec6 100644
--- a/internal/build/src/tasks/helper.ts
+++ b/internal/build/src/tasks/helper.ts
@@ -1,6 +1,6 @@
 import path from 'path'
 import helper from 'components-helper'
-import { epPackage, epOutput, projRoot, getPackageManifest } from '../utils'
+import { epOutput, epPackage, getPackageManifest, projRoot } from '../utils'
 
 import type { TaskFunction } from 'gulp'
 import type { InstallOptions } from 'components-helper'
diff --git a/internal/build/src/tasks/modules.ts b/internal/build/src/tasks/modules.ts
index ee1741a8dd..f4636ffcd4 100644
--- a/internal/build/src/tasks/modules.ts
+++ b/internal/build/src/tasks/modules.ts
@@ -8,10 +8,10 @@ import esbuild from 'rollup-plugin-esbuild'
 import glob from 'fast-glob'
 import {
   epRoot,
-  pkgRoot,
-  generateExternal,
-  writeBundles,
   excludeFiles,
+  generateExternal,
+  pkgRoot,
+  writeBundles,
 } from '../utils'
 import { ElementPlusAlias } from '../plugins/element-plus-alias'
 import { buildConfigEntries, target } from '../build-info'
diff --git a/internal/build/src/tasks/types-definitions.ts b/internal/build/src/tasks/types-definitions.ts
index 82fdfa6c42..060373c422 100644
--- a/internal/build/src/tasks/types-definitions.ts
+++ b/internal/build/src/tasks/types-definitions.ts
@@ -9,10 +9,10 @@ import chalk from 'chalk'
 import {
   buildOutput,
   epRoot,
-  pkgRoot,
-  projRoot,
   excludeFiles,
   pathRewriter,
+  pkgRoot,
+  projRoot,
 } from '../utils'
 import typeSafe from '../type-safe.json'
 
diff --git a/internal/eslint-config/index.js b/internal/eslint-config/index.js
index 332fe697cb..2d9c115379 100644
--- a/internal/eslint-config/index.js
+++ b/internal/eslint-config/index.js
@@ -160,6 +160,17 @@ module.exports = defineConfig({
     'no-with': 'error',
     'no-void': 'error',
 
+    'sort-imports': [
+      'warn',
+      {
+        ignoreCase: false,
+        ignoreDeclarationSort: true,
+        ignoreMemberSort: false,
+        memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+        allowSeparatedGroups: false,
+      },
+    ],
+
     // stylistic-issues
     'prefer-exponentiation-operator': 'error',
 
diff --git a/packages/components/affix/src/affix.vue b/packages/components/affix/src/affix.vue
index 7c57887539..221a866ee2 100644
--- a/packages/components/affix/src/affix.vue
+++ b/packages/components/affix/src/affix.vue
@@ -9,8 +9,8 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue'
 import {
-  useEventListener,
   useElementBounding,
+  useEventListener,
   useWindowSize,
 } from '@vueuse/core'
 import { getScrollContainer, throwError } from '@element-plus/utils'
diff --git a/packages/components/alert/src/alert.vue b/packages/components/alert/src/alert.vue
index 2e1d00cdf9..b76284cb26 100644
--- a/packages/components/alert/src/alert.vue
+++ b/packages/components/alert/src/alert.vue
@@ -44,7 +44,7 @@ import { computed, ref, useSlots } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import { TypeComponents, TypeComponentsMap } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
-import { alertProps, alertEmits } from './alert'
+import { alertEmits, alertProps } from './alert'
 
 const { Close } = TypeComponents
 
diff --git a/packages/components/autocomplete/src/autocomplete.ts b/packages/components/autocomplete/src/autocomplete.ts
index 41e46594bd..11f81c38c7 100644
--- a/packages/components/autocomplete/src/autocomplete.ts
+++ b/packages/components/autocomplete/src/autocomplete.ts
@@ -1,9 +1,9 @@
 import { NOOP } from '@vue/shared'
 import {
-  isString,
-  isObject,
   buildProps,
   definePropType,
+  isObject,
+  isString,
 } from '@element-plus/utils'
 import { useTooltipContentProps } from '@element-plus/components/tooltip'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
diff --git a/packages/components/autocomplete/src/autocomplete.vue b/packages/components/autocomplete/src/autocomplete.vue
index ac4a4d96bf..1aa614e638 100644
--- a/packages/components/autocomplete/src/autocomplete.vue
+++ b/packages/components/autocomplete/src/autocomplete.vue
@@ -90,10 +90,10 @@
 
 <script lang="ts" setup>
 import {
-  ref,
   computed,
-  onMounted,
   nextTick,
+  onMounted,
+  ref,
   useAttrs as useCompAttrs,
 } from 'vue'
 import { isPromise } from '@vue/shared'
@@ -108,7 +108,7 @@ import ElTooltip from '@element-plus/components/tooltip'
 import { useDeprecateAppendToBody } from '@element-plus/components/popper'
 import ElIcon from '@element-plus/components/icon'
 import { Loading } from '@element-plus/icons-vue'
-import { autocompleteProps, autocompleteEmits } from './autocomplete'
+import { autocompleteEmits, autocompleteProps } from './autocomplete'
 import type { StyleValue } from 'vue'
 import type { TooltipInstance } from '@element-plus/components/tooltip'
 import type { InputInstance } from '@element-plus/components/input'
diff --git a/packages/components/avatar/__tests__/avatar.spec.tsx b/packages/components/avatar/__tests__/avatar.spec.tsx
index 2c88862c78..b411756420 100644
--- a/packages/components/avatar/__tests__/avatar.spec.tsx
+++ b/packages/components/avatar/__tests__/avatar.spec.tsx
@@ -1,9 +1,9 @@
-import { nextTick, markRaw } from 'vue'
+import { markRaw, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { User } from '@element-plus/icons-vue'
 import {
-  IMAGE_SUCCESS,
   IMAGE_FAIL,
+  IMAGE_SUCCESS,
   mockImageEvent,
 } from '@element-plus/test-utils'
 
diff --git a/packages/components/avatar/src/avatar.vue b/packages/components/avatar/src/avatar.vue
index a3bc0c120c..90166ce0a8 100644
--- a/packages/components/avatar/src/avatar.vue
+++ b/packages/components/avatar/src/avatar.vue
@@ -19,7 +19,7 @@
 import { computed, ref, watch } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import { useNamespace } from '@element-plus/hooks'
-import { isNumber, isString, addUnit } from '@element-plus/utils'
+import { addUnit, isNumber, isString } from '@element-plus/utils'
 import { avatarEmits, avatarProps } from './avatar'
 
 import type { CSSProperties } from 'vue'
diff --git a/packages/components/backtop/src/backtop.vue b/packages/components/backtop/src/backtop.vue
index 96adc51f73..b3bed68db3 100644
--- a/packages/components/backtop/src/backtop.vue
+++ b/packages/components/backtop/src/backtop.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, onMounted, shallowRef } from 'vue'
+import { computed, onMounted, ref, shallowRef } from 'vue'
 import { useEventListener, useThrottleFn } from '@vueuse/core'
 import { ElIcon } from '@element-plus/components/icon'
 import { easeInOutCubic, throwError } from '@element-plus/utils'
diff --git a/packages/components/breadcrumb/src/breadcrumb-item.vue b/packages/components/breadcrumb/src/breadcrumb-item.vue
index 9aaaf08f7f..f3e34dbee3 100644
--- a/packages/components/breadcrumb/src/breadcrumb-item.vue
+++ b/packages/components/breadcrumb/src/breadcrumb-item.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, ref, getCurrentInstance } from 'vue'
+import { getCurrentInstance, inject, ref } from 'vue'
 import ElIcon from '@element-plus/components/icon'
 import { breadcrumbKey } from '@element-plus/tokens'
 import { useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/breadcrumb/src/breadcrumb.vue b/packages/components/breadcrumb/src/breadcrumb.vue
index cc39cbe846..c33249f1ff 100644
--- a/packages/components/breadcrumb/src/breadcrumb.vue
+++ b/packages/components/breadcrumb/src/breadcrumb.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts" setup>
-import { provide, ref, onMounted } from 'vue'
+import { onMounted, provide, ref } from 'vue'
 import { breadcrumbKey } from '@element-plus/tokens'
 
 import { useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/button/__tests__/button.spec.tsx b/packages/components/button/__tests__/button.spec.tsx
index 32ef46ec70..db605e7dba 100644
--- a/packages/components/button/__tests__/button.spec.tsx
+++ b/packages/components/button/__tests__/button.spec.tsx
@@ -1,4 +1,4 @@
-import { ref, nextTick, defineComponent, markRaw } from 'vue'
+import { defineComponent, markRaw, nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import { Loading, Search } from '@element-plus/icons-vue'
 import Button from '../src/button.vue'
diff --git a/packages/components/button/src/button.vue b/packages/components/button/src/button.vue
index da563105d3..8ea667072f 100644
--- a/packages/components/button/src/button.vue
+++ b/packages/components/button/src/button.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, Text, ref, useSlots } from 'vue'
+import { Text, computed, inject, ref, useSlots } from 'vue'
 import { TinyColor } from '@ctrl/tinycolor'
 import { ElIcon } from '@element-plus/components/icon'
 import {
diff --git a/packages/components/calendar/src/calendar.vue b/packages/components/calendar/src/calendar.vue
index 08e2cea223..e230073169 100644
--- a/packages/components/calendar/src/calendar.vue
+++ b/packages/components/calendar/src/calendar.vue
@@ -44,13 +44,13 @@
 </template>
 
 <script lang="ts">
-import { ref, computed, defineComponent } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import dayjs from 'dayjs'
 import { ElButton, ElButtonGroup } from '@element-plus/components/button'
 import { useLocale, useNamespace } from '@element-plus/hooks'
 import { debugWarn } from '@element-plus/utils'
 import DateTable from './date-table.vue'
-import { calendarProps, calendarEmits } from './calendar'
+import { calendarEmits, calendarProps } from './calendar'
 
 import type { ComputedRef } from 'vue'
 import type { Dayjs } from 'dayjs'
diff --git a/packages/components/calendar/src/date-table.vue b/packages/components/calendar/src/date-table.vue
index 194dd550ed..efa54400d0 100644
--- a/packages/components/calendar/src/date-table.vue
+++ b/packages/components/calendar/src/date-table.vue
@@ -40,7 +40,7 @@ import dayjs from 'dayjs'
 import localeData from 'dayjs/plugin/localeData.js'
 import { useLocale, useNamespace } from '@element-plus/hooks'
 import { rangeArr } from '@element-plus/components/time-picker'
-import { dateTableProps, dateTableEmits } from './date-table'
+import { dateTableEmits, dateTableProps } from './date-table'
 import type { Dayjs } from 'dayjs'
 dayjs.extend(localeData)
 
diff --git a/packages/components/carousel/src/carousel-item.vue b/packages/components/carousel/src/carousel-item.vue
index fc1ec114e8..c64ea1e465 100644
--- a/packages/components/carousel/src/carousel-item.vue
+++ b/packages/components/carousel/src/carousel-item.vue
@@ -19,13 +19,13 @@
 
 <script lang="ts" setup>
 import {
-  onMounted,
-  inject,
   computed,
   getCurrentInstance,
+  inject,
+  onMounted,
   onUnmounted,
-  ref,
   reactive,
+  ref,
   unref,
 } from 'vue'
 import { debugWarn, isUndefined } from '@element-plus/utils'
diff --git a/packages/components/carousel/src/carousel.vue b/packages/components/carousel/src/carousel.vue
index f57afbff67..a92d9eaf99 100644
--- a/packages/components/carousel/src/carousel.vue
+++ b/packages/components/carousel/src/carousel.vue
@@ -63,15 +63,15 @@
 
 <script lang="ts" setup>
 import {
-  ref,
   computed,
-  provide,
-  onMounted,
-  onBeforeUnmount,
-  watch,
   nextTick,
+  onBeforeUnmount,
+  onMounted,
+  provide,
+  ref,
   shallowRef,
   unref,
+  watch,
 } from 'vue'
 import { throttle } from 'lodash-unified'
 import { useResizeObserver } from '@vueuse/core'
@@ -80,7 +80,7 @@ import { ElIcon } from '@element-plus/components/icon'
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'
 import { useNamespace } from '@element-plus/hooks'
 import { carouselContextKey } from '@element-plus/tokens'
-import { carouselProps, carouselEmits } from './carousel'
+import { carouselEmits, carouselProps } from './carousel'
 import type { CarouselItemContext } from '@element-plus/tokens'
 
 defineOptions({
diff --git a/packages/components/cascader-panel/src/config.ts b/packages/components/cascader-panel/src/config.ts
index 99b57bacd4..3f70414931 100644
--- a/packages/components/cascader-panel/src/config.ts
+++ b/packages/components/cascader-panel/src/config.ts
@@ -4,10 +4,10 @@ import { ExpandTrigger } from './node'
 
 import type { PropType } from 'vue'
 import type {
-  CascaderValue,
-  CascaderOption,
   CascaderConfig,
+  CascaderOption,
   CascaderProps,
+  CascaderValue,
 } from './node'
 
 export const CommonProps = {
diff --git a/packages/components/cascader-panel/src/index.vue b/packages/components/cascader-panel/src/index.vue
index d42719e3b6..89b8dc62af 100644
--- a/packages/components/cascader-panel/src/index.vue
+++ b/packages/components/cascader-panel/src/index.vue
@@ -25,20 +25,20 @@ import {
   ref,
   watch,
 } from 'vue'
-import { isEqual, flattenDeep } from 'lodash-unified'
+import { flattenDeep, isEqual } from 'lodash-unified'
 import { isClient } from '@vueuse/core'
 import {
+  castArray,
   focusNode,
   getSibling,
   isEmpty,
-  unique,
-  castArray,
   scrollIntoView,
+  unique,
 } from '@element-plus/utils'
 import {
+  CHANGE_EVENT,
   EVENT_CODE,
   UPDATE_MODEL_EVENT,
-  CHANGE_EVENT,
 } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 
@@ -52,11 +52,11 @@ import { CASCADER_PANEL_INJECTION_KEY } from './types'
 import type { PropType } from 'vue'
 import type { Nullable } from '@element-plus/utils'
 import type {
-  CascaderValue,
+  default as CascaderNode,
   CascaderNodeValue,
   CascaderOption,
+  CascaderValue,
   RenderLabel,
-  default as CascaderNode,
 } from './node'
 
 import type { ElCascaderPanelContext } from './types'
diff --git a/packages/components/cascader-panel/src/node.ts b/packages/components/cascader-panel/src/node.ts
index 08a87df7d7..c297ddbe2b 100644
--- a/packages/components/cascader-panel/src/node.ts
+++ b/packages/components/cascader-panel/src/node.ts
@@ -1,5 +1,5 @@
 import { isFunction } from '@vue/shared'
-import { capitalize, isUndefined, isEmpty } from '@element-plus/utils'
+import { capitalize, isEmpty, isUndefined } from '@element-plus/utils'
 import type { VNode } from 'vue'
 
 export type CascaderNodeValue = string | number
diff --git a/packages/components/cascader-panel/src/node.vue b/packages/components/cascader-panel/src/node.vue
index 5e527e1359..2c6d15ca63 100644
--- a/packages/components/cascader-panel/src/node.vue
+++ b/packages/components/cascader-panel/src/node.vue
@@ -66,7 +66,7 @@ import ElCheckbox from '@element-plus/components/checkbox'
 import ElRadio from '@element-plus/components/radio'
 import ElIcon from '@element-plus/components/icon'
 import { useNamespace } from '@element-plus/hooks'
-import { Check, Loading, ArrowRight } from '@element-plus/icons-vue'
+import { ArrowRight, Check, Loading } from '@element-plus/icons-vue'
 import NodeContent from './node-content'
 import { CASCADER_PANEL_INJECTION_KEY } from './types'
 import type { default as CascaderNode } from './node'
diff --git a/packages/components/cascader-panel/src/store.ts b/packages/components/cascader-panel/src/store.ts
index 7e29c8b96f..27307b9508 100644
--- a/packages/components/cascader-panel/src/store.ts
+++ b/packages/components/cascader-panel/src/store.ts
@@ -3,10 +3,10 @@ import Node from './node'
 
 import type { Nullable } from '@element-plus/utils'
 import type {
-  CascaderNodeValue,
-  CascaderNodePathValue,
-  CascaderOption,
   CascaderConfig,
+  CascaderNodePathValue,
+  CascaderNodeValue,
+  CascaderOption,
 } from './node'
 
 const flatNodes = (nodes: Node[], leafOnly: boolean) => {
diff --git a/packages/components/cascader-panel/src/types.ts b/packages/components/cascader-panel/src/types.ts
index 3cfe4deaf7..143c46931f 100644
--- a/packages/components/cascader-panel/src/types.ts
+++ b/packages/components/cascader-panel/src/types.ts
@@ -1,4 +1,4 @@
-import type { VNode, InjectionKey } from 'vue'
+import type { InjectionKey, VNode } from 'vue'
 import type { Nullable } from '@element-plus/utils'
 import type { default as CascaderNode } from './node'
 
diff --git a/packages/components/cascader/src/index.vue b/packages/components/cascader/src/index.vue
index af8e10dab5..2954b7fbb8 100644
--- a/packages/components/cascader/src/index.vue
+++ b/packages/components/cascader/src/index.vue
@@ -196,8 +196,8 @@ import {
   defineComponent,
   inject,
   nextTick,
-  onMounted,
   onBeforeUnmount,
+  onMounted,
   ref,
   watch,
 } from 'vue'
@@ -219,30 +219,30 @@ import ElIcon from '@element-plus/components/icon'
 
 import { formContextKey, formItemContextKey } from '@element-plus/tokens'
 import { ClickOutside as Clickoutside } from '@element-plus/directives'
-import { useLocale, useSize, useNamespace } from '@element-plus/hooks'
+import { useLocale, useNamespace, useSize } from '@element-plus/hooks'
 
 import {
+  addResizeListener,
+  debugWarn,
   focusNode,
   getSibling,
-  addResizeListener,
-  removeResizeListener,
-  isValidComponentSize,
   isKorean,
-  debugWarn,
+  isValidComponentSize,
+  removeResizeListener,
 } from '@element-plus/utils'
 import {
+  CHANGE_EVENT,
   EVENT_CODE,
   UPDATE_MODEL_EVENT,
-  CHANGE_EVENT,
 } from '@element-plus/constants'
-import { CircleClose, Check, ArrowDown } from '@element-plus/icons-vue'
+import { ArrowDown, Check, CircleClose } from '@element-plus/icons-vue'
 
 import type { Options } from '@element-plus/components/popper'
 import type { ComputedRef, PropType, Ref } from 'vue'
 import type { FormContext, FormItemContext } from '@element-plus/tokens'
 import type {
-  CascaderValue,
   CascaderNode,
+  CascaderValue,
   Tag,
 } from '@element-plus/components/cascader-panel'
 import type { ComponentSize } from '@element-plus/constants'
diff --git a/packages/components/check-tag/src/check-tag.ts b/packages/components/check-tag/src/check-tag.ts
index e80c95b077..9f2577740a 100644
--- a/packages/components/check-tag/src/check-tag.ts
+++ b/packages/components/check-tag/src/check-tag.ts
@@ -1,4 +1,4 @@
-import { isBoolean, buildProps } from '@element-plus/utils'
+import { buildProps, isBoolean } from '@element-plus/utils'
 import type CheckTag from './check-tag.vue'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/check-tag/src/check-tag.vue b/packages/components/check-tag/src/check-tag.vue
index eb22f4b976..62a351155b 100644
--- a/packages/components/check-tag/src/check-tag.vue
+++ b/packages/components/check-tag/src/check-tag.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts" setup>
 import { useNamespace } from '@element-plus/hooks'
-import { checkTagProps, checkTagEmits } from './check-tag'
+import { checkTagEmits, checkTagProps } from './check-tag'
 
 defineOptions({
   name: 'ElCheckTag',
diff --git a/packages/components/checkbox/src/checkbox-button.vue b/packages/components/checkbox/src/checkbox-button.vue
index 758b0d21a2..bd2d58d6aa 100644
--- a/packages/components/checkbox/src/checkbox-button.vue
+++ b/packages/components/checkbox/src/checkbox-button.vue
@@ -49,7 +49,7 @@
   </label>
 </template>
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 import { useCheckbox, useCheckboxGroup, useCheckboxProps } from './useCheckbox'
diff --git a/packages/components/checkbox/src/checkbox-group.vue b/packages/components/checkbox/src/checkbox-group.vue
index 4ef6bb6a22..f56d920dad 100644
--- a/packages/components/checkbox/src/checkbox-group.vue
+++ b/packages/components/checkbox/src/checkbox-group.vue
@@ -1,17 +1,17 @@
 <script lang="ts">
 import {
-  defineComponent,
   computed,
-  watch,
-  provide,
-  nextTick,
-  toRefs,
+  defineComponent,
   h,
+  nextTick,
+  provide,
   renderSlot,
+  toRefs,
+  watch,
 } from 'vue'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { debugWarn, isValidComponentSize } from '@element-plus/utils'
-import { useSize, useNamespace } from '@element-plus/hooks'
+import { useNamespace, useSize } from '@element-plus/hooks'
 import { useCheckboxGroup } from './useCheckbox'
 
 import type { PropType } from 'vue'
diff --git a/packages/components/checkbox/src/useCheckbox.ts b/packages/components/checkbox/src/useCheckbox.ts
index 5caa9f7a9e..79ddb6975c 100644
--- a/packages/components/checkbox/src/useCheckbox.ts
+++ b/packages/components/checkbox/src/useCheckbox.ts
@@ -1,4 +1,4 @@
-import { ref, computed, inject, getCurrentInstance, watch } from 'vue'
+import { computed, getCurrentInstance, inject, ref, watch } from 'vue'
 import { toTypeString } from '@vue/shared'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { formContextKey, formItemContextKey } from '@element-plus/tokens'
diff --git a/packages/components/col/__tests__/layout.spec.tsx b/packages/components/col/__tests__/layout.spec.tsx
index 931e2df72f..9b44618f7c 100644
--- a/packages/components/col/__tests__/layout.spec.tsx
+++ b/packages/components/col/__tests__/layout.spec.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, ref, nextTick } from 'vue'
+import { defineComponent, nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import Row from '@element-plus/components/row'
 import Col from '../src/col'
diff --git a/packages/components/col/src/col.tsx b/packages/components/col/src/col.tsx
index 95af0fa8ad..4c3dc6af33 100644
--- a/packages/components/col/src/col.tsx
+++ b/packages/components/col/src/col.tsx
@@ -1,8 +1,8 @@
-import { defineComponent, computed, inject } from 'vue'
+import { computed, defineComponent, inject } from 'vue'
 import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { rowContextKey } from '@element-plus/tokens'
-import type { ExtractPropTypes, CSSProperties } from 'vue'
+import type { CSSProperties, ExtractPropTypes } from 'vue'
 
 export type ColSizeObject = {
   span?: number
diff --git a/packages/components/collapse/src/collapse-item.vue b/packages/components/collapse/src/collapse-item.vue
index 201236a2da..9ab75db932 100644
--- a/packages/components/collapse/src/collapse-item.vue
+++ b/packages/components/collapse/src/collapse-item.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, computed, ref } from 'vue'
+import { computed, inject, ref } from 'vue'
 import { generateId } from '@element-plus/utils'
 import ElCollapseTransition from '@element-plus/components/collapse-transition'
 import ElIcon from '@element-plus/components/icon'
diff --git a/packages/components/collapse/src/collapse.ts b/packages/components/collapse/src/collapse.ts
index 9e0b07e681..4d53949160 100644
--- a/packages/components/collapse/src/collapse.ts
+++ b/packages/components/collapse/src/collapse.ts
@@ -1,11 +1,11 @@
 import {
   buildProps,
   definePropType,
-  mutable,
   isNumber,
   isString,
+  mutable,
 } from '@element-plus/utils'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import type { ExtractPropTypes } from 'vue'
 import type Collapse from './collapse.vue'
 import type { Arrayable } from '@element-plus/utils'
diff --git a/packages/components/collapse/src/collapse.vue b/packages/components/collapse/src/collapse.vue
index 969e1d0deb..48cd8f684a 100644
--- a/packages/components/collapse/src/collapse.vue
+++ b/packages/components/collapse/src/collapse.vue
@@ -5,12 +5,12 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, provide } from 'vue'
+import { provide, ref, watch } from 'vue'
 import { ensureArray } from '@element-plus/utils'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 import { collapseContextKey } from '@element-plus/tokens'
-import { collapseProps, collapseEmits } from './collapse'
+import { collapseEmits, collapseProps } from './collapse'
 import type { CollapseActiveName } from './collapse'
 
 defineOptions({
diff --git a/packages/components/collection/src/collection.ts b/packages/components/collection/src/collection.ts
index f821308004..a6b4934918 100644
--- a/packages/components/collection/src/collection.ts
+++ b/packages/components/collection/src/collection.ts
@@ -1,4 +1,4 @@
-import { ref, inject, onMounted, onBeforeUnmount, provide, unref } from 'vue'
+import { inject, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'
 import Collection from './collection.vue'
 import CollectionItem from './collection-item.vue'
 
diff --git a/packages/components/collection/test-helper/index.ts b/packages/components/collection/test-helper/index.ts
index bfb09983ce..ee197a92f6 100644
--- a/packages/components/collection/test-helper/index.ts
+++ b/packages/components/collection/test-helper/index.ts
@@ -1,7 +1,7 @@
 import { inject } from 'vue'
 import {
-  createCollectionWithScope,
   COLLECTION_ITEM_SIGN,
+  createCollectionWithScope,
 } from '../src/collection'
 
 const TestCollection = createCollectionWithScope('Test')
diff --git a/packages/components/color-picker/src/components/alpha-slider.vue b/packages/components/color-picker/src/components/alpha-slider.vue
index 0e5513836c..fea00d5b5e 100644
--- a/packages/components/color-picker/src/components/alpha-slider.vue
+++ b/packages/components/color-picker/src/components/alpha-slider.vue
@@ -22,11 +22,11 @@
 <script lang="ts">
 import {
   defineComponent,
-  watch,
-  ref,
-  onMounted,
   getCurrentInstance,
+  onMounted,
+  ref,
   shallowRef,
+  watch,
 } from 'vue'
 import { getClientXY } from '@element-plus/utils'
 import draggable from '../draggable'
diff --git a/packages/components/color-picker/src/components/hue-slider.vue b/packages/components/color-picker/src/components/hue-slider.vue
index 62e934a5e7..a309bf86e7 100644
--- a/packages/components/color-picker/src/components/hue-slider.vue
+++ b/packages/components/color-picker/src/components/hue-slider.vue
@@ -14,12 +14,12 @@
 
 <script lang="ts">
 import {
-  ref,
   computed,
-  watch,
-  onMounted,
-  getCurrentInstance,
   defineComponent,
+  getCurrentInstance,
+  onMounted,
+  ref,
+  watch,
 } from 'vue'
 import { getClientXY } from '@element-plus/utils'
 import draggable from '../draggable'
diff --git a/packages/components/color-picker/src/components/predefine.vue b/packages/components/color-picker/src/components/predefine.vue
index f0e870d4d6..e997c225b6 100644
--- a/packages/components/color-picker/src/components/predefine.vue
+++ b/packages/components/color-picker/src/components/predefine.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { ref, watch, watchEffect, defineComponent } from 'vue'
+import { defineComponent, ref, watch, watchEffect } from 'vue'
 import { useOptions } from '../useOption'
 import Color from '../color'
 
diff --git a/packages/components/color-picker/src/components/sv-panel.vue b/packages/components/color-picker/src/components/sv-panel.vue
index fde0aba5c4..6df39818d6 100644
--- a/packages/components/color-picker/src/components/sv-panel.vue
+++ b/packages/components/color-picker/src/components/sv-panel.vue
@@ -21,12 +21,12 @@
 
 <script lang="ts">
 import {
-  defineComponent,
-  ref,
   computed,
-  watch,
+  defineComponent,
   getCurrentInstance,
   onMounted,
+  ref,
+  watch,
 } from 'vue'
 import { getClientXY } from '@element-plus/utils'
 import draggable from '../draggable'
diff --git a/packages/components/color-picker/src/draggable.ts b/packages/components/color-picker/src/draggable.ts
index 8ef0f4c9c4..1c8f7bc8a2 100644
--- a/packages/components/color-picker/src/draggable.ts
+++ b/packages/components/color-picker/src/draggable.ts
@@ -1,5 +1,5 @@
 import { isClient } from '@vueuse/core'
-import { on, off } from '@element-plus/utils'
+import { off, on } from '@element-plus/utils'
 
 let isDragging = false
 
diff --git a/packages/components/color-picker/src/index.vue b/packages/components/color-picker/src/index.vue
index c7c580a5a1..4c25b4aba3 100644
--- a/packages/components/color-picker/src/index.vue
+++ b/packages/components/color-picker/src/index.vue
@@ -108,13 +108,13 @@ import { debounce } from 'lodash-unified'
 import ElButton from '@element-plus/components/button'
 import ElIcon from '@element-plus/components/icon'
 import { ClickOutside } from '@element-plus/directives'
-import { formItemContextKey, formContextKey } from '@element-plus/tokens'
-import { useLocale, useSize, useNamespace } from '@element-plus/hooks'
+import { formContextKey, formItemContextKey } from '@element-plus/tokens'
+import { useLocale, useNamespace, useSize } from '@element-plus/hooks'
 import ElTooltip from '@element-plus/components/tooltip'
 import ElInput from '@element-plus/components/input'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { debugWarn, isValidComponentSize } from '@element-plus/utils'
-import { Close, ArrowDown } from '@element-plus/icons-vue'
+import { ArrowDown, Close } from '@element-plus/icons-vue'
 import AlphaSlider from './components/alpha-slider.vue'
 import HueSlider from './components/hue-slider.vue'
 import Predefine from './components/predefine.vue'
diff --git a/packages/components/config-provider/__tests__/config-provider.spec.ts b/packages/components/config-provider/__tests__/config-provider.spec.ts
index 2b4231077a..4559207b54 100644
--- a/packages/components/config-provider/__tests__/config-provider.spec.ts
+++ b/packages/components/config-provider/__tests__/config-provider.spec.ts
@@ -1,6 +1,6 @@
-import { h, ref, reactive, nextTick, defineComponent } from 'vue'
+import { defineComponent, h, nextTick, reactive, ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { useLocale, useGlobalConfig } from '@element-plus/hooks'
+import { useGlobalConfig, useLocale } from '@element-plus/hooks'
 import Chinese from '@element-plus/locale/lang/zh-cn'
 import English from '@element-plus/locale/lang/en'
 import { ElButton, ElMessage } from '@element-plus/components'
diff --git a/packages/components/container/src/container.vue b/packages/components/container/src/container.vue
index e72dbc9d70..1a346a9e78 100644
--- a/packages/components/container/src/container.vue
+++ b/packages/components/container/src/container.vue
@@ -4,7 +4,7 @@
   </section>
 </template>
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 
 import type { Component, VNode } from 'vue'
diff --git a/packages/components/date-picker/src/date-picker-com/basic-cell-render.ts b/packages/components/date-picker/src/date-picker-com/basic-cell-render.ts
index 17604ac989..b6657b9c47 100644
--- a/packages/components/date-picker/src/date-picker-com/basic-cell-render.ts
+++ b/packages/components/date-picker/src/date-picker-com/basic-cell-render.ts
@@ -1,4 +1,4 @@
-import { h, defineComponent, inject } from 'vue'
+import { defineComponent, h, inject } from 'vue'
 import { buildProps, definePropType } from '@element-plus/utils'
 import { ROOT_PICKER_INJECTION_KEY } from '../date-picker.type'
 import type { DateCell } from '../date-picker.type'
diff --git a/packages/components/date-picker/src/date-picker-com/basic-date-table.vue b/packages/components/date-picker/src/date-picker-com/basic-date-table.vue
index 2fc66e065f..a2e194483d 100644
--- a/packages/components/date-picker/src/date-picker-com/basic-date-table.vue
+++ b/packages/components/date-picker/src/date-picker-com/basic-date-table.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import dayjs from 'dayjs'
 import { useLocale } from '@element-plus/hooks'
 import { castArray } from '@element-plus/utils'
diff --git a/packages/components/date-picker/src/date-picker-com/basic-month-table.vue b/packages/components/date-picker/src/date-picker-com/basic-month-table.vue
index 00a27325dc..8c3a261640 100644
--- a/packages/components/date-picker/src/date-picker-com/basic-month-table.vue
+++ b/packages/components/date-picker/src/date-picker-com/basic-month-table.vue
@@ -19,11 +19,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import dayjs from 'dayjs'
 import { useLocale } from '@element-plus/hooks'
 import { rangeArr } from '@element-plus/components/time-picker'
-import { hasClass, castArray } from '@element-plus/utils'
+import { castArray, hasClass } from '@element-plus/utils'
 
 import type { PropType } from 'vue'
 import type { Dayjs } from 'dayjs'
diff --git a/packages/components/date-picker/src/date-picker-com/basic-year-table.vue b/packages/components/date-picker/src/date-picker-com/basic-year-table.vue
index ee0a0dd04e..8c603cb8e2 100644
--- a/packages/components/date-picker/src/date-picker-com/basic-year-table.vue
+++ b/packages/components/date-picker/src/date-picker-com/basic-year-table.vue
@@ -44,11 +44,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import dayjs from 'dayjs'
 import { useLocale } from '@element-plus/hooks'
 import { rangeArr } from '@element-plus/components/time-picker'
-import { hasClass, castArray } from '@element-plus/utils'
+import { castArray, hasClass } from '@element-plus/utils'
 
 import type { PropType } from 'vue'
 import type { Dayjs } from 'dayjs'
diff --git a/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue b/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue
index 6267b1b5bb..50e02c69d0 100644
--- a/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue
+++ b/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue
@@ -162,25 +162,25 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, inject, ref, watch, toRef } from 'vue'
+import { computed, defineComponent, inject, ref, toRef, watch } from 'vue'
 import dayjs from 'dayjs'
 import ElButton from '@element-plus/components/button'
 import { ClickOutside } from '@element-plus/directives'
 import { useLocale } from '@element-plus/hooks'
 import ElInput from '@element-plus/components/input'
 import {
+  TimePickPanel,
   extractDateFormat,
   extractTimeFormat,
-  TimePickPanel,
 } from '@element-plus/components/time-picker'
 import { ElIcon } from '@element-plus/components/icon'
 import { isValidDatePickType } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import {
-  DArrowLeft,
   ArrowLeft,
-  DArrowRight,
   ArrowRight,
+  DArrowLeft,
+  DArrowRight,
 } from '@element-plus/icons-vue'
 import { TOOLTIP_INJECTION_KEY } from '@element-plus/components/tooltip'
 import DateTable from './basic-date-table.vue'
diff --git a/packages/components/date-picker/src/date-picker-com/panel-date-range.vue b/packages/components/date-picker/src/date-picker-com/panel-date-range.vue
index e74383a59a..51c235ac2d 100644
--- a/packages/components/date-picker/src/date-picker-com/panel-date-range.vue
+++ b/packages/components/date-picker/src/date-picker-com/panel-date-range.vue
@@ -233,24 +233,24 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, inject, ref, watch, toRef } from 'vue'
+import { computed, defineComponent, inject, ref, toRef, watch } from 'vue'
 import dayjs from 'dayjs'
 import ElButton from '@element-plus/components/button'
 import { ClickOutside } from '@element-plus/directives'
 import { useLocale } from '@element-plus/hooks'
 import ElInput from '@element-plus/components/input'
 import {
+  TimePickPanel,
   extractDateFormat,
   extractTimeFormat,
-  TimePickPanel,
 } from '@element-plus/components/time-picker'
 import ElIcon from '@element-plus/components/icon'
 import { isValidDatePickType } from '@element-plus/utils'
 import {
-  DArrowLeft,
   ArrowLeft,
-  DArrowRight,
   ArrowRight,
+  DArrowLeft,
+  DArrowRight,
 } from '@element-plus/icons-vue'
 import DateTable from './basic-date-table.vue'
 
diff --git a/packages/components/date-picker/src/date-picker-com/panel-month-range.vue b/packages/components/date-picker/src/date-picker-com/panel-month-range.vue
index 7a482068a8..386f812f53 100644
--- a/packages/components/date-picker/src/date-picker-com/panel-month-range.vue
+++ b/packages/components/date-picker/src/date-picker-com/panel-month-range.vue
@@ -97,7 +97,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, watch, inject, toRef } from 'vue'
+import { computed, defineComponent, inject, ref, toRef, watch } from 'vue'
 import dayjs from 'dayjs'
 import ElIcon from '@element-plus/components/icon'
 import { useLocale } from '@element-plus/hooks'
diff --git a/packages/components/descriptions/src/index.vue b/packages/components/descriptions/src/index.vue
index 9b644505da..3656d5e2d6 100644
--- a/packages/components/descriptions/src/index.vue
+++ b/packages/components/descriptions/src/index.vue
@@ -27,7 +27,7 @@
 <script lang="ts">
 import { computed, defineComponent, provide } from 'vue'
 import { isValidComponentSize } from '@element-plus/utils'
-import { useSize, useNamespace } from '@element-plus/hooks'
+import { useNamespace, useSize } from '@element-plus/hooks'
 import DescriptionsRow from './descriptions-row.vue'
 import { elDescriptionsKey } from './token'
 
diff --git a/packages/components/dialog/__tests__/dialog.spec.ts b/packages/components/dialog/__tests__/dialog.spec.ts
index 522a545c2a..068bc30213 100644
--- a/packages/components/dialog/__tests__/dialog.spec.ts
+++ b/packages/components/dialog/__tests__/dialog.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, markRaw } from 'vue'
+import { markRaw, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import triggerCompositeClick from '@element-plus/test-utils/composite-click'
diff --git a/packages/components/dialog/src/dialog-content.ts b/packages/components/dialog/src/dialog-content.ts
index 1d6fa3ff5f..14d5bc92be 100644
--- a/packages/components/dialog/src/dialog-content.ts
+++ b/packages/components/dialog/src/dialog-content.ts
@@ -1,4 +1,4 @@
-import { iconPropType, buildProps } from '@element-plus/utils'
+import { buildProps, iconPropType } from '@element-plus/utils'
 
 export const dialogContentProps = buildProps({
   center: {
diff --git a/packages/components/dialog/src/dialog-content.vue b/packages/components/dialog/src/dialog-content.vue
index eff5c61e94..50fe0d35da 100644
--- a/packages/components/dialog/src/dialog-content.vue
+++ b/packages/components/dialog/src/dialog-content.vue
@@ -46,7 +46,7 @@ import { inject } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import { CloseComponents } from '@element-plus/utils'
 import { dialogInjectionKey } from '@element-plus/tokens'
-import { dialogContentProps, dialogContentEmits } from './dialog-content'
+import { dialogContentEmits, dialogContentProps } from './dialog-content'
 
 const { Close } = CloseComponents
 
diff --git a/packages/components/dialog/src/dialog.vue b/packages/components/dialog/src/dialog.vue
index d1e33a27cb..bb9eec1318 100644
--- a/packages/components/dialog/src/dialog.vue
+++ b/packages/components/dialog/src/dialog.vue
@@ -46,12 +46,12 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref, provide } from 'vue'
+import { computed, provide, ref } from 'vue'
 import { ElOverlay } from '@element-plus/components/overlay'
-import { useNamespace, useDraggable, useSameTarget } from '@element-plus/hooks'
+import { useDraggable, useNamespace, useSameTarget } from '@element-plus/hooks'
 import { dialogInjectionKey } from '@element-plus/tokens'
 import ElDialogContent from './dialog-content.vue'
-import { dialogProps, dialogEmits } from './dialog'
+import { dialogEmits, dialogProps } from './dialog'
 import { useDialog } from './use-dialog'
 
 defineOptions({
diff --git a/packages/components/dialog/src/use-dialog.ts b/packages/components/dialog/src/use-dialog.ts
index b34ea7508f..1ba49bc8fe 100644
--- a/packages/components/dialog/src/use-dialog.ts
+++ b/packages/components/dialog/src/use-dialog.ts
@@ -1,17 +1,17 @@
 import {
   computed,
-  ref,
-  watch,
+  getCurrentInstance,
   nextTick,
   onMounted,
-  getCurrentInstance,
+  ref,
+  watch,
 } from 'vue'
-import { useTimeoutFn, isClient } from '@vueuse/core'
+import { isClient, useTimeoutFn } from '@vueuse/core'
 
 import {
   useLockscreen,
-  useRestoreActive,
   useModal,
+  useRestoreActive,
   useZIndex,
 } from '@element-plus/hooks'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
diff --git a/packages/components/drawer/src/drawer.ts b/packages/components/drawer/src/drawer.ts
index dacb3f8e68..3661a0a76f 100644
--- a/packages/components/drawer/src/drawer.ts
+++ b/packages/components/drawer/src/drawer.ts
@@ -1,5 +1,5 @@
 import { buildProps } from '@element-plus/utils'
-import { dialogProps, dialogEmits } from '@element-plus/components/dialog'
+import { dialogEmits, dialogProps } from '@element-plus/components/dialog'
 import type { ExtractPropTypes } from 'vue'
 
 export const drawerProps = buildProps({
diff --git a/packages/components/drawer/src/drawer.vue b/packages/components/drawer/src/drawer.vue
index 8d6c85da73..900e766cd3 100644
--- a/packages/components/drawer/src/drawer.vue
+++ b/packages/components/drawer/src/drawer.vue
@@ -57,7 +57,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import { Close } from '@element-plus/icons-vue'
 
 import { ElOverlay } from '@element-plus/components/overlay'
@@ -65,7 +65,7 @@ import { useDialog } from '@element-plus/components/dialog'
 import ElIcon from '@element-plus/components/icon'
 import { TrapFocus } from '@element-plus/directives'
 import { useNamespace } from '@element-plus/hooks'
-import { drawerProps, drawerEmits } from './drawer'
+import { drawerEmits, drawerProps } from './drawer'
 
 export default defineComponent({
   name: 'ElDrawer',
diff --git a/packages/components/dropdown/src/dropdown-menu.vue b/packages/components/dropdown/src/dropdown-menu.vue
index 73f1ba33cf..536f37836e 100644
--- a/packages/components/dropdown/src/dropdown-menu.vue
+++ b/packages/components/dropdown/src/dropdown-menu.vue
@@ -15,7 +15,7 @@
 </template>
 <script lang="ts">
 import { computed, defineComponent, inject, unref } from 'vue'
-import { composeRefs, composeEventHandlers } from '@element-plus/utils'
+import { composeEventHandlers, composeRefs } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'
 import {
@@ -27,9 +27,9 @@ import { useNamespace } from '@element-plus/hooks'
 import { DROPDOWN_INJECTION_KEY } from './tokens'
 import {
   DROPDOWN_COLLECTION_INJECTION_KEY,
-  dropdownMenuProps,
   FIRST_LAST_KEYS,
   LAST_KEYS,
+  dropdownMenuProps,
 } from './dropdown'
 import { useDropdown } from './useDropdown'
 
diff --git a/packages/components/dropdown/src/dropdown.ts b/packages/components/dropdown/src/dropdown.ts
index db1fa3b980..187019fb1e 100644
--- a/packages/components/dropdown/src/dropdown.ts
+++ b/packages/components/dropdown/src/dropdown.ts
@@ -2,12 +2,12 @@ import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import { createCollectionWithScope } from '@element-plus/components/collection'
 import {
-  useTooltipTriggerProps,
   useTooltipContentProps,
+  useTooltipTriggerProps,
 } from '@element-plus/components/tooltip'
 
 import type { Options } from '@popperjs/core'
-import type { ButtonType, ButtonProps } from '@element-plus/components/button'
+import type { ButtonProps, ButtonType } from '@element-plus/components/button'
 import type { Placement } from '@element-plus/components/popper'
 import type { ComponentInternalInstance, ComputedRef } from 'vue'
 import type { Nullable } from '@element-plus/utils'
diff --git a/packages/components/dropdown/src/useDropdown.ts b/packages/components/dropdown/src/useDropdown.ts
index 8ba79d8418..25cca31bbc 100644
--- a/packages/components/dropdown/src/useDropdown.ts
+++ b/packages/components/dropdown/src/useDropdown.ts
@@ -1,5 +1,5 @@
-import { inject, computed, ref } from 'vue'
-import { generateId, on, addClass } from '@element-plus/utils'
+import { computed, inject, ref } from 'vue'
+import { addClass, generateId, on } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 import type { Nullable } from '@element-plus/utils'
diff --git a/packages/components/focus-trap/__tests__/focus-trap.spec.ts b/packages/components/focus-trap/__tests__/focus-trap.spec.ts
index 0b9aba61ae..77ce0dfc42 100644
--- a/packages/components/focus-trap/__tests__/focus-trap.spec.ts
+++ b/packages/components/focus-trap/__tests__/focus-trap.spec.ts
@@ -1,4 +1,4 @@
-import { h, nextTick, inject } from 'vue'
+import { h, inject, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import ElFocusTrap from '../src/focus-trap.vue'
diff --git a/packages/components/focus-trap/__tests__/utils.spec.ts b/packages/components/focus-trap/__tests__/utils.spec.ts
index e87ab9c143..1190d8a10a 100644
--- a/packages/components/focus-trap/__tests__/utils.spec.ts
+++ b/packages/components/focus-trap/__tests__/utils.spec.ts
@@ -1,7 +1,7 @@
 import {
   focusFirstDescendant,
-  obtainAllFocusableElements,
   getEdges,
+  obtainAllFocusableElements,
 } from '../src/utils'
 
 describe('focus-trap utils', () => {
diff --git a/packages/components/focus-trap/src/focus-trap.vue b/packages/components/focus-trap/src/focus-trap.vue
index c98b51ce7f..f359a16c18 100644
--- a/packages/components/focus-trap/src/focus-trap.vue
+++ b/packages/components/focus-trap/src/focus-trap.vue
@@ -4,29 +4,29 @@
 <script lang="ts">
 import {
   defineComponent,
-  ref,
-  onMounted,
+  nextTick,
   onBeforeUnmount,
+  onMounted,
   provide,
+  ref,
   unref,
   watch,
-  nextTick,
 } from 'vue'
 import { EVENT_CODE } from '@element-plus/constants'
 import {
-  focusableStack,
   focusFirstDescendant,
+  focusableStack,
   getEdges,
-  tryFocus,
   obtainAllFocusableElements,
+  tryFocus,
 } from './utils'
 import {
-  FOCUS_TRAP_INJECTION_KEY,
   FOCUS_ON_MOUNT,
   FOCUS_ON_MOUNT_OPTS,
+  FOCUS_ON_UNMOUNT,
+  FOCUS_TRAP_INJECTION_KEY,
   ON_MOUNT_FOCUS_EVT,
   ON_UNMOUNT_FOCUS_EVT,
-  FOCUS_ON_UNMOUNT,
 } from './tokens'
 
 import type { FocusLayer } from './utils'
diff --git a/packages/components/form/__tests__/form-item.spec.tsx b/packages/components/form/__tests__/form-item.spec.tsx
index a657f643f3..27e062433d 100644
--- a/packages/components/form/__tests__/form-item.spec.tsx
+++ b/packages/components/form/__tests__/form-item.spec.tsx
@@ -1,4 +1,4 @@
-import { ref, reactive, nextTick } from 'vue'
+import { nextTick, reactive, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import Input from '@element-plus/components/input'
diff --git a/packages/components/form/__tests__/form.spec.tsx b/packages/components/form/__tests__/form.spec.tsx
index 6cef04607d..3978f9ea68 100644
--- a/packages/components/form/__tests__/form.spec.tsx
+++ b/packages/components/form/__tests__/form.spec.tsx
@@ -3,8 +3,8 @@ import { mount } from '@vue/test-utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import installStyle from '@element-plus/test-utils/style-plugin'
 import {
-  ElCheckboxGroup as CheckboxGroup,
   ElCheckbox as Checkbox,
+  ElCheckboxGroup as CheckboxGroup,
 } from '@element-plus/components/checkbox'
 import Input from '@element-plus/components/input'
 import Form from '../src/form.vue'
diff --git a/packages/components/form/src/form-item.vue b/packages/components/form/src/form-item.vue
index 8528f3d2bc..4ac8caf210 100644
--- a/packages/components/form/src/form-item.vue
+++ b/packages/components/form/src/form-item.vue
@@ -33,15 +33,15 @@
 import {
   computed,
   inject,
+  nextTick,
   onBeforeUnmount,
   onMounted,
   provide,
   reactive,
   ref,
   toRefs,
-  watch,
-  nextTick,
   useSlots,
+  watch,
 } from 'vue'
 import AsyncValidator from 'async-validator'
 import { clone, isEqual } from 'lodash-unified'
@@ -50,13 +50,13 @@ import {
   addUnit,
   ensureArray,
   getProp,
-  isString,
   isBoolean,
   isFunction,
+  isString,
   throwError,
 } from '@element-plus/utils'
-import { formItemContextKey, formContextKey } from '@element-plus/tokens'
-import { useSize, useNamespace } from '@element-plus/hooks'
+import { formContextKey, formItemContextKey } from '@element-plus/tokens'
+import { useNamespace, useSize } from '@element-plus/hooks'
 import { formItemProps } from './form-item'
 import FormLabelWrap from './form-label-wrap'
 
diff --git a/packages/components/form/src/form-label-wrap.tsx b/packages/components/form/src/form-label-wrap.tsx
index c32a0e4380..33f0c6fe14 100644
--- a/packages/components/form/src/form-label-wrap.tsx
+++ b/packages/components/form/src/form-label-wrap.tsx
@@ -1,7 +1,7 @@
 import {
+  Fragment,
   computed,
   defineComponent,
-  Fragment,
   inject,
   nextTick,
   onBeforeUnmount,
@@ -12,7 +12,7 @@ import {
 } from 'vue'
 import { useResizeObserver } from '@vueuse/core'
 import { throwError } from '@element-plus/utils'
-import { formItemContextKey, formContextKey } from '@element-plus/tokens'
+import { formContextKey, formItemContextKey } from '@element-plus/tokens'
 import { useNamespace } from '@element-plus/hooks'
 
 import type { CSSProperties } from 'vue'
diff --git a/packages/components/form/src/form.ts b/packages/components/form/src/form.ts
index ecd0316d53..98a2ac6119 100644
--- a/packages/components/form/src/form.ts
+++ b/packages/components/form/src/form.ts
@@ -3,8 +3,8 @@ import {
   buildProps,
   definePropType,
   isArray,
-  isString,
   isBoolean,
+  isString,
 } from '@element-plus/utils'
 
 import type { ExtractPropTypes } from 'vue'
diff --git a/packages/components/form/src/form.vue b/packages/components/form/src/form.vue
index 80e552d63a..f7f0f670c2 100644
--- a/packages/components/form/src/form.vue
+++ b/packages/components/form/src/form.vue
@@ -9,14 +9,14 @@ import { computed, provide, reactive, toRefs, watch } from 'vue'
 import { debugWarn, isFunction } from '@element-plus/utils'
 import { formContextKey } from '@element-plus/tokens'
 import { useNamespace, useSize } from '@element-plus/hooks'
-import { formProps, formEmits } from './form'
-import { useFormLabelWidth, filterFields } from './utils'
+import { formEmits, formProps } from './form'
+import { filterFields, useFormLabelWidth } from './utils'
 
 import type { ValidateFieldsError } from 'async-validator'
 import type { Arrayable } from '@element-plus/utils'
 import type {
-  FormItemContext,
   FormContext,
+  FormItemContext,
   FormValidateCallback,
   FormValidationResult,
 } from '@element-plus/tokens'
diff --git a/packages/components/icon/src/icon.ts b/packages/components/icon/src/icon.ts
index 79337857bb..dcdfda1053 100644
--- a/packages/components/icon/src/icon.ts
+++ b/packages/components/icon/src/icon.ts
@@ -1,4 +1,4 @@
-import { definePropType, buildProps } from '@element-plus/utils'
+import { buildProps, definePropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type Icon from './icon.vue'
 
diff --git a/packages/components/icon/src/icon.vue b/packages/components/icon/src/icon.vue
index 788c18cb5d..40bd94605a 100644
--- a/packages/components/icon/src/icon.vue
+++ b/packages/components/icon/src/icon.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { isUndefined, addUnit } from '@element-plus/utils'
+import { addUnit, isUndefined } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { iconProps } from './icon'
 import type { CSSProperties } from 'vue'
diff --git a/packages/components/image-viewer/src/image-viewer.vue b/packages/components/image-viewer/src/image-viewer.vue
index a8c4cd089e..fcc096c13b 100644
--- a/packages/components/image-viewer/src/image-viewer.vue
+++ b/packages/components/image-viewer/src/image-viewer.vue
@@ -82,33 +82,33 @@
 
 <script lang="ts">
 import {
-  defineComponent,
   computed,
-  ref,
-  onMounted,
-  watch,
-  nextTick,
+  defineComponent,
   effectScope,
   markRaw,
+  nextTick,
+  onMounted,
+  ref,
+  watch,
 } from 'vue'
-import { useEventListener, isNumber } from '@vueuse/core'
+import { isNumber, useEventListener } from '@vueuse/core'
 import { throttle } from 'lodash-unified'
 import ElIcon from '@element-plus/components/icon'
 import { useLocale, useNamespace, useZIndex } from '@element-plus/hooks'
 import { EVENT_CODE } from '@element-plus/constants'
 import { isFirefox } from '@element-plus/utils'
 import {
-  Close,
   ArrowLeft,
   ArrowRight,
-  ZoomOut,
-  ZoomIn,
+  Close,
+  FullScreen,
   RefreshLeft,
   RefreshRight,
-  FullScreen,
   ScaleToOriginal,
+  ZoomIn,
+  ZoomOut,
 } from '@element-plus/icons-vue'
-import { imageViewerProps, imageViewerEmits } from './image-viewer'
+import { imageViewerEmits, imageViewerProps } from './image-viewer'
 
 import type { CSSProperties } from 'vue'
 
diff --git a/packages/components/image/__tests__/image.spec.ts b/packages/components/image/__tests__/image.spec.ts
index 42d60aad9f..076bae6ded 100644
--- a/packages/components/image/__tests__/image.spec.ts
+++ b/packages/components/image/__tests__/image.spec.ts
@@ -1,8 +1,8 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import {
-  IMAGE_SUCCESS,
   IMAGE_FAIL,
+  IMAGE_SUCCESS,
   mockImageEvent,
 } from '@element-plus/test-utils/mock'
 import Image from '../src/image.vue'
diff --git a/packages/components/image/src/image.ts b/packages/components/image/src/image.ts
index 917f85bed5..6c48d9bbc2 100644
--- a/packages/components/image/src/image.ts
+++ b/packages/components/image/src/image.ts
@@ -1,8 +1,8 @@
 import {
   buildProps,
   definePropType,
-  mutable,
   isNumber,
+  mutable,
 } from '@element-plus/utils'
 
 import type { ExtractPropTypes } from 'vue'
diff --git a/packages/components/image/src/image.vue b/packages/components/image/src/image.vue
index 7b9c03bda3..4c42646665 100644
--- a/packages/components/image/src/image.vue
+++ b/packages/components/image/src/image.vue
@@ -34,25 +34,25 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, onMounted, watch, nextTick } from 'vue'
+import { computed, defineComponent, nextTick, onMounted, ref, watch } from 'vue'
 import { isString } from '@vue/shared'
 import {
+  isBoolean,
+  isClient,
   useEventListener,
   useThrottleFn,
-  isClient,
-  isBoolean,
 } from '@vueuse/core'
 import {
   useAttrs,
+  useDeprecated,
   useLocale,
   useNamespace,
-  useDeprecated,
 } from '@element-plus/hooks'
 import ImageViewer from '@element-plus/components/image-viewer'
 import {
   getScrollContainer,
-  isInContainer,
   isElement,
+  isInContainer,
 } from '@element-plus/utils'
 import { imageEmits, imageProps } from './image'
 
diff --git a/packages/components/infinite-scroll/__tests__/infinite-scroll.spec.ts b/packages/components/infinite-scroll/__tests__/infinite-scroll.spec.ts
index 7c3d424db7..99cdb27656 100644
--- a/packages/components/infinite-scroll/__tests__/infinite-scroll.spec.ts
+++ b/packages/components/infinite-scroll/__tests__/infinite-scroll.spec.ts
@@ -1,7 +1,7 @@
-import { ref, nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { tick, defineGetter, makeScroll } from '@element-plus/test-utils'
-import InfiniteScroll, { SCOPE, DEFAULT_DELAY } from '../src'
+import { defineGetter, makeScroll, tick } from '@element-plus/test-utils'
+import InfiniteScroll, { DEFAULT_DELAY, SCOPE } from '../src'
 
 jest.mock('lodash-unified', () => {
   return {
diff --git a/packages/components/infinite-scroll/src/index.ts b/packages/components/infinite-scroll/src/index.ts
index 218907d4b7..c77005a1ab 100644
--- a/packages/components/infinite-scroll/src/index.ts
+++ b/packages/components/infinite-scroll/src/index.ts
@@ -2,12 +2,12 @@ import { nextTick } from 'vue'
 import { isFunction } from '@vue/shared'
 import { throttle } from 'lodash-unified'
 import {
-  getScrollContainer,
   getOffsetTopDistance,
+  getScrollContainer,
   throwError,
 } from '@element-plus/utils'
 
-import type { ObjectDirective, ComponentPublicInstance } from 'vue'
+import type { ComponentPublicInstance, ObjectDirective } from 'vue'
 
 export const SCOPE = 'ElInfiniteScroll'
 export const CHECK_INTERVAL = 50
diff --git a/packages/components/input-number/__tests__/input-number.spec.ts b/packages/components/input-number/__tests__/input-number.spec.ts
index 95838b282b..3db385d40a 100644
--- a/packages/components/input-number/__tests__/input-number.spec.ts
+++ b/packages/components/input-number/__tests__/input-number.spec.ts
@@ -1,6 +1,6 @@
-import { ref, nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { ArrowUp, ArrowDown } from '@element-plus/icons-vue'
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'
 import InputNumber from '../src/input-number.vue'
 
 const mouseup = new Event('mouseup')
diff --git a/packages/components/input-number/src/input-number.vue b/packages/components/input-number/src/input-number.vue
index 4b02d216dd..40dce765d3 100644
--- a/packages/components/input-number/src/input-number.vue
+++ b/packages/components/input-number/src/input-number.vue
@@ -59,11 +59,11 @@
 import {
   computed,
   defineComponent,
+  onMounted,
+  onUpdated,
   reactive,
   ref,
   watch,
-  onMounted,
-  onUpdated,
 } from 'vue'
 
 import { ElIcon } from '@element-plus/components/icon'
@@ -71,13 +71,13 @@ import { RepeatClick } from '@element-plus/directives'
 import {
   useDisabled,
   useFormItem,
-  useSize,
   useNamespace,
+  useSize,
 } from '@element-plus/hooks'
 import ElInput from '@element-plus/components/input'
-import { isNumber, isUndefined, debugWarn } from '@element-plus/utils'
-import { ArrowUp, ArrowDown, Plus, Minus } from '@element-plus/icons-vue'
-import { inputNumberProps, inputNumberEmits } from './input-number'
+import { debugWarn, isNumber, isUndefined } from '@element-plus/utils'
+import { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'
+import { inputNumberEmits, inputNumberProps } from './input-number'
 
 import type { ComponentPublicInstance } from 'vue'
 
diff --git a/packages/components/input/__tests__/input.spec.tsx b/packages/components/input/__tests__/input.spec.tsx
index 19f660c08a..05e1b3231b 100644
--- a/packages/components/input/__tests__/input.spec.tsx
+++ b/packages/components/input/__tests__/input.spec.tsx
@@ -3,7 +3,7 @@ import { mount } from '@vue/test-utils'
 import { defineGetter } from '@element-plus/test-utils'
 import Input from '../src/input.vue'
 import type { CSSProperties } from 'vue'
-import type { InputInstance, InputProps, InputAutoSize } from '../src/input'
+import type { InputAutoSize, InputInstance, InputProps } from '../src/input'
 
 describe('Input.vue', () => {
   beforeEach(() => {
diff --git a/packages/components/input/src/input.ts b/packages/components/input/src/input.ts
index 5b291a07b8..738f9040b3 100644
--- a/packages/components/input/src/input.ts
+++ b/packages/components/input/src/input.ts
@@ -8,7 +8,7 @@ import {
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { useSizeProp } from '@element-plus/hooks'
 import type Input from './input.vue'
-import type { StyleValue, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, StyleValue } from 'vue'
 
 export type InputAutoSize = { minRows?: number; maxRows?: number } | boolean
 
diff --git a/packages/components/input/src/input.vue b/packages/components/input/src/input.vue
index 7dd49e2250..f88753c996 100644
--- a/packages/components/input/src/input.vue
+++ b/packages/components/input/src/input.vue
@@ -140,16 +140,16 @@
 <script lang="ts" setup>
 import {
   computed,
-  watch,
-  nextTick,
   getCurrentInstance,
-  ref,
-  shallowRef,
+  nextTick,
   onMounted,
   onUpdated,
-  useSlots,
-  useAttrs as useRawAttrs,
+  ref,
+  shallowRef,
   toRef,
+  useAttrs as useRawAttrs,
+  useSlots,
+  watch,
 } from 'vue'
 import { isClient } from '@vueuse/core'
 import { isNil } from 'lodash-unified'
@@ -157,20 +157,20 @@ import { ElIcon } from '@element-plus/components/icon'
 import { CircleClose, View as IconView } from '@element-plus/icons-vue'
 import {
   ValidateComponentsMap,
-  isObject,
-  isKorean,
   debugWarn,
+  isKorean,
+  isObject,
 } from '@element-plus/utils'
 import {
   useAttrs,
   useDisabled,
   useFormItem,
-  useSize,
   useNamespace,
+  useSize,
 } from '@element-plus/hooks'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { calcTextareaHeight } from './utils'
-import { inputProps, inputEmits } from './input'
+import { inputEmits, inputProps } from './input'
 import type { StyleValue } from 'vue'
 
 type TargetElement = HTMLInputElement | HTMLTextAreaElement
diff --git a/packages/components/link/__tests__/link.vitest.ts b/packages/components/link/__tests__/link.vitest.ts
index 7e05afecc5..ad7d3256b0 100644
--- a/packages/components/link/__tests__/link.vitest.ts
+++ b/packages/components/link/__tests__/link.vitest.ts
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import Link from '../src/link.vue'
 
 const AXIOM = 'Rem is the best girl'
diff --git a/packages/components/link/src/link.vue b/packages/components/link/src/link.vue
index 4f592d1b2a..6dddc0a838 100644
--- a/packages/components/link/src/link.vue
+++ b/packages/components/link/src/link.vue
@@ -21,7 +21,7 @@
 <script lang="ts" setup>
 import { ElIcon } from '@element-plus/components/icon'
 import { useNamespace } from '@element-plus/hooks'
-import { linkProps, linkEmits } from './link'
+import { linkEmits, linkProps } from './link'
 
 defineOptions({
   name: 'ElLink',
diff --git a/packages/components/loading/src/directive.ts b/packages/components/loading/src/directive.ts
index bfa2bb5d02..9e6be634dd 100644
--- a/packages/components/loading/src/directive.ts
+++ b/packages/components/loading/src/directive.ts
@@ -1,5 +1,5 @@
 import { isRef, ref } from 'vue'
-import { isObject, isString, hyphenate } from '@vue/shared'
+import { hyphenate, isObject, isString } from '@vue/shared'
 import { Loading } from './service'
 import type { Directive, DirectiveBinding, UnwrapRef } from 'vue'
 import type { LoadingOptions } from './types'
diff --git a/packages/components/loading/src/loading.ts b/packages/components/loading/src/loading.ts
index 5fcb79baef..35b66bab34 100644
--- a/packages/components/loading/src/loading.ts
+++ b/packages/components/loading/src/loading.ts
@@ -1,11 +1,11 @@
 import {
+  Transition,
   createApp,
+  createVNode,
   h,
   reactive,
   ref,
-  createVNode,
   toRefs,
-  Transition,
   vShow,
   withCtx,
   withDirectives,
diff --git a/packages/components/menu/src/menu-collapse-transition.vue b/packages/components/menu/src/menu-collapse-transition.vue
index ce4964f6b0..8bbdf093f4 100644
--- a/packages/components/menu/src/menu-collapse-transition.vue
+++ b/packages/components/menu/src/menu-collapse-transition.vue
@@ -5,9 +5,9 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { addClass, removeClass, hasClass } from '@element-plus/utils'
+import { addClass, hasClass, removeClass } from '@element-plus/utils'
 
-import type { TransitionProps, BaseTransitionProps } from 'vue'
+import type { BaseTransitionProps, TransitionProps } from 'vue'
 
 export default defineComponent({
   name: 'ElMenuCollapseTransition',
diff --git a/packages/components/menu/src/menu-item-group.vue b/packages/components/menu/src/menu-item-group.vue
index 81afdb9dcb..2e6291202c 100644
--- a/packages/components/menu/src/menu-item-group.vue
+++ b/packages/components/menu/src/menu-item-group.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, getCurrentInstance, inject } from 'vue'
+import { computed, defineComponent, getCurrentInstance, inject } from 'vue'
 import { throwError } from '@element-plus/utils'
 import { menuItemGroupProps } from './menu-item-group'
 
diff --git a/packages/components/menu/src/menu-item.vue b/packages/components/menu/src/menu-item.vue
index 37aa7b63c8..3368fb4890 100644
--- a/packages/components/menu/src/menu-item.vue
+++ b/packages/components/menu/src/menu-item.vue
@@ -37,14 +37,14 @@
 
 <script lang="ts">
 import {
-  defineComponent,
   computed,
-  onMounted,
-  onBeforeUnmount,
-  inject,
+  defineComponent,
   getCurrentInstance,
-  toRef,
+  inject,
+  onBeforeUnmount,
+  onMounted,
   reactive,
+  toRef,
 } from 'vue'
 import ElTooltip from '@element-plus/components/tooltip'
 import { Effect } from '@element-plus/components/popper'
diff --git a/packages/components/menu/src/menu.ts b/packages/components/menu/src/menu.ts
index a4c004eca4..48730905df 100644
--- a/packages/components/menu/src/menu.ts
+++ b/packages/components/menu/src/menu.ts
@@ -1,15 +1,15 @@
 import {
+  computed,
   defineComponent,
   getCurrentInstance,
-  watch,
-  computed,
-  ref,
-  provide,
-  onMounted,
   h,
-  withDirectives,
-  reactive,
   nextTick,
+  onMounted,
+  provide,
+  reactive,
+  ref,
+  watch,
+  withDirectives,
 } from 'vue'
 import { Resize } from '@element-plus/directives'
 import ElIcon from '@element-plus/components/icon'
@@ -17,9 +17,9 @@ import { More } from '@element-plus/icons-vue'
 import {
   buildProps,
   definePropType,
-  mutable,
-  isString,
   isObject,
+  isString,
+  mutable,
 } from '@element-plus/utils'
 import Menubar from './utils/menu-bar'
 import ElMenuCollapseTransition from './menu-collapse-transition.vue'
@@ -28,7 +28,7 @@ import { useMenuCssVar } from './use-menu-css-var'
 
 import type { MenuItemClicked, MenuProvider, SubMenuProvider } from './types'
 import type { NavigationFailure, Router } from 'vue-router'
-import type { VNode, ExtractPropTypes, VNodeNormalizedChildren } from 'vue'
+import type { ExtractPropTypes, VNode, VNodeNormalizedChildren } from 'vue'
 
 export const menuProps = buildProps({
   mode: {
diff --git a/packages/components/menu/src/sub-menu.ts b/packages/components/menu/src/sub-menu.ts
index 019ede277d..af6da796d6 100644
--- a/packages/components/menu/src/sub-menu.ts
+++ b/packages/components/menu/src/sub-menu.ts
@@ -1,18 +1,18 @@
 import {
-  defineComponent,
-  computed,
-  ref,
-  provide,
-  inject,
-  getCurrentInstance,
-  watch,
-  onMounted,
-  onBeforeUnmount,
-  withDirectives,
   Fragment,
-  vShow,
+  computed,
+  defineComponent,
+  getCurrentInstance,
   h,
+  inject,
+  onBeforeUnmount,
+  onMounted,
+  provide,
   reactive,
+  ref,
+  vShow,
+  watch,
+  withDirectives,
 } from 'vue'
 import { useTimeoutFn } from '@vueuse/core'
 import ElCollapseTransition from '@element-plus/components/collapse-transition'
@@ -24,7 +24,7 @@ import useMenu from './use-menu'
 import { useMenuCssVar } from './use-menu-css-var'
 
 import type { Placement } from '@element-plus/components/popper'
-import type { ExtractPropTypes, VNodeArrayChildren, CSSProperties } from 'vue'
+import type { CSSProperties, ExtractPropTypes, VNodeArrayChildren } from 'vue'
 import type { MenuProvider, SubMenuProvider } from './types'
 
 export const subMenuProps = buildProps({
diff --git a/packages/components/menu/src/use-menu.ts b/packages/components/menu/src/use-menu.ts
index eff75329a7..430b1c026e 100644
--- a/packages/components/menu/src/use-menu.ts
+++ b/packages/components/menu/src/use-menu.ts
@@ -1,7 +1,7 @@
 import { computed, inject } from 'vue'
 import { throwError } from '@element-plus/utils'
 
-import type { ComponentInternalInstance, Ref, CSSProperties } from 'vue'
+import type { CSSProperties, ComponentInternalInstance, Ref } from 'vue'
 import type { MenuProvider } from './types'
 
 export default function useMenu(
diff --git a/packages/components/message-box/src/index.vue b/packages/components/message-box/src/index.vue
index 4d9559f687..1b2d3fb004 100644
--- a/packages/components/message-box/src/index.vue
+++ b/packages/components/message-box/src/index.vue
@@ -127,37 +127,37 @@
 </template>
 <script lang="ts">
 import {
+  computed,
   defineComponent,
   nextTick,
-  onMounted,
   onBeforeUnmount,
-  computed,
-  watch,
+  onMounted,
   reactive,
   ref,
   toRefs,
+  watch,
 } from 'vue'
 import ElButton from '@element-plus/components/button'
 import { TrapFocus } from '@element-plus/directives'
 import {
-  useModal,
-  useLockscreen,
-  useLocale,
-  useRestoreActive,
-  usePreventGlobal,
-  useSize,
   useDraggable,
+  useLocale,
+  useLockscreen,
+  useModal,
+  usePreventGlobal,
+  useRestoreActive,
   useSameTarget,
+  useSize,
   useZIndex,
 } from '@element-plus/hooks'
 import ElInput from '@element-plus/components/input'
 import { ElOverlay } from '@element-plus/components/overlay'
 import {
-  on,
-  off,
-  isValidComponentSize,
   TypeComponents,
   TypeComponentsMap,
+  isValidComponentSize,
+  off,
+  on,
 } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import { ElIcon } from '@element-plus/components/icon'
diff --git a/packages/components/message-box/src/message-box.type.ts b/packages/components/message-box/src/message-box.type.ts
index 6e1ca1e48c..0aca6f494c 100644
--- a/packages/components/message-box/src/message-box.type.ts
+++ b/packages/components/message-box/src/message-box.type.ts
@@ -1,4 +1,4 @@
-import type { AppContext, CSSProperties, VNode, Component } from 'vue'
+import type { AppContext, CSSProperties, Component, VNode } from 'vue'
 import type { ComponentSize } from '@element-plus/constants'
 
 type MessageType = '' | 'success' | 'warning' | 'info' | 'error'
diff --git a/packages/components/message-box/src/messageBox.ts b/packages/components/message-box/src/messageBox.ts
index 778a8bd89b..e70d1ee852 100644
--- a/packages/components/message-box/src/messageBox.ts
+++ b/packages/components/message-box/src/messageBox.ts
@@ -1,11 +1,11 @@
-import { h, watch, render } from 'vue'
+import { h, render, watch } from 'vue'
 import { isClient } from '@vueuse/core'
 import {
-  isVNode,
-  isString,
   hasOwn,
   isObject,
+  isString,
   isUndefined,
+  isVNode,
 } from '@element-plus/utils'
 import MessageBoxConstructor from './index.vue'
 
@@ -13,10 +13,10 @@ import type { AppContext, ComponentPublicInstance, VNode } from 'vue'
 import type {
   Action,
   Callback,
-  MessageBoxState,
-  IElMessageBox,
   ElMessageBoxOptions,
+  IElMessageBox,
   MessageBoxData,
+  MessageBoxState,
 } from './message-box.type'
 
 // component default merge props & data
diff --git a/packages/components/message/__tests__/message-manager.spec.tsx b/packages/components/message/__tests__/message-manager.spec.tsx
index 9d035b23db..5303ae942a 100644
--- a/packages/components/message/__tests__/message-manager.spec.tsx
+++ b/packages/components/message/__tests__/message-manager.spec.tsx
@@ -1,4 +1,4 @@
-import { nextTick, h, ref } from 'vue'
+import { h, nextTick, ref } from 'vue'
 import { getStyle } from '@element-plus/utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import { ElMessage } from '..'
diff --git a/packages/components/message/__tests__/message.spec.ts b/packages/components/message/__tests__/message.spec.ts
index 15b5a52efe..a0c56533f5 100644
--- a/packages/components/message/__tests__/message.spec.ts
+++ b/packages/components/message/__tests__/message.spec.ts
@@ -4,7 +4,7 @@ import { rAF } from '@element-plus/test-utils/tick'
 import { TypeComponentsMap } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import Message from '../src/message.vue'
-import type { ComponentPublicInstance, CSSProperties, Component } from 'vue'
+import type { CSSProperties, Component, ComponentPublicInstance } from 'vue'
 
 const AXIOM = 'Rem is the best girl'
 
diff --git a/packages/components/message/src/message-method.ts b/packages/components/message/src/message-method.ts
index ca57fe1c32..8fe3916e1b 100644
--- a/packages/components/message/src/message-method.ts
+++ b/packages/components/message/src/message-method.ts
@@ -1,13 +1,13 @@
 import { createVNode, render } from 'vue'
 import { isClient } from '@vueuse/core'
 import {
-  isVNode,
+  debugWarn,
+  isElement,
+  isFunction,
   isNumber,
   isObject,
   isString,
-  isElement,
-  debugWarn,
-  isFunction,
+  isVNode,
 } from '@element-plus/utils'
 import { useZIndex } from '@element-plus/hooks'
 import { messageConfig } from '@element-plus/components/config-provider/src/config-provider'
@@ -15,7 +15,7 @@ import MessageConstructor from './message.vue'
 import { messageTypes } from './message'
 
 import type { AppContext, ComponentPublicInstance, VNode } from 'vue'
-import type { Message, MessageFn, MessageQueue, MessageProps } from './message'
+import type { Message, MessageFn, MessageProps, MessageQueue } from './message'
 
 const instances: MessageQueue = []
 let seed = 1
diff --git a/packages/components/message/src/message.ts b/packages/components/message/src/message.ts
index 8ad166497f..b4f90ec84a 100644
--- a/packages/components/message/src/message.ts
+++ b/packages/components/message/src/message.ts
@@ -1,5 +1,5 @@
 import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
-import type { VNode, ExtractPropTypes, AppContext } from 'vue'
+import type { AppContext, ExtractPropTypes, VNode } from 'vue'
 
 export const messageTypes = ['success', 'info', 'warning', 'error'] as const
 
diff --git a/packages/components/message/src/message.vue b/packages/components/message/src/message.vue
index 79dbd98b23..750d1510cb 100644
--- a/packages/components/message/src/message.vue
+++ b/packages/components/message/src/message.vue
@@ -42,7 +42,7 @@
   </transition>
 </template>
 <script lang="ts">
-import { defineComponent, computed, ref, onMounted, watch } from 'vue'
+import { computed, defineComponent, onMounted, ref, watch } from 'vue'
 import { useEventListener, useTimeoutFn } from '@vueuse/core'
 import { TypeComponents, TypeComponentsMap } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
diff --git a/packages/components/notification/__tests__/notification.spec.ts b/packages/components/notification/__tests__/notification.spec.ts
index dc329f911c..ce89e8a378 100644
--- a/packages/components/notification/__tests__/notification.spec.ts
+++ b/packages/components/notification/__tests__/notification.spec.ts
@@ -6,7 +6,7 @@ import { EVENT_CODE } from '@element-plus/constants'
 import { useZIndex } from '@element-plus/hooks'
 import Notification from '../src/notification.vue'
 
-import type { ComponentPublicInstance, Component } from 'vue'
+import type { Component, ComponentPublicInstance } from 'vue'
 import type { VueWrapper } from '@vue/test-utils'
 
 const AXIOM = 'Rem is the best girl'
diff --git a/packages/components/notification/__tests__/notify.spec.ts b/packages/components/notification/__tests__/notify.spec.ts
index 0b4a820d28..9313025606 100644
--- a/packages/components/notification/__tests__/notify.spec.ts
+++ b/packages/components/notification/__tests__/notify.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, h } from 'vue'
+import { h, nextTick } from 'vue'
 import { rAF } from '@element-plus/test-utils/tick'
 import Notification, { closeAll } from '../src/notify'
 import { ElNotification } from '..'
diff --git a/packages/components/notification/src/notification.ts b/packages/components/notification/src/notification.ts
index e97b397986..acd79eae07 100644
--- a/packages/components/notification/src/notification.ts
+++ b/packages/components/notification/src/notification.ts
@@ -1,6 +1,6 @@
 import { buildProps, definePropType } from '@element-plus/utils'
 
-import type { VNode, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, VNode } from 'vue'
 
 export const notificationTypes = [
   'success',
diff --git a/packages/components/notification/src/notification.vue b/packages/components/notification/src/notification.vue
index 9d3ac84f0b..3ba4069a44 100644
--- a/packages/components/notification/src/notification.vue
+++ b/packages/components/notification/src/notification.vue
@@ -39,13 +39,13 @@
   </transition>
 </template>
 <script lang="ts">
-import { defineComponent, computed, ref, onMounted } from 'vue'
+import { computed, defineComponent, onMounted, ref } from 'vue'
 import { useEventListener, useTimeoutFn } from '@vueuse/core'
 import { TypeComponents, TypeComponentsMap } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import { ElIcon } from '@element-plus/components/icon'
 import { useNamespace } from '@element-plus/hooks'
-import { notificationProps, notificationEmits } from './notification'
+import { notificationEmits, notificationProps } from './notification'
 
 import type { CSSProperties } from 'vue'
 
diff --git a/packages/components/notification/src/notify.ts b/packages/components/notification/src/notify.ts
index 45be7adf8b..94cfa1d9cf 100644
--- a/packages/components/notification/src/notify.ts
+++ b/packages/components/notification/src/notify.ts
@@ -1,17 +1,17 @@
 import { createVNode, render } from 'vue'
 import { isClient } from '@vueuse/core'
 import { useZIndex } from '@element-plus/hooks'
-import { isVNode, isElement, isString, debugWarn } from '@element-plus/utils'
+import { debugWarn, isElement, isString, isVNode } from '@element-plus/utils'
 import NotificationConstructor from './notification.vue'
 import { notificationTypes } from './notification'
 
 import type { AppContext, ComponentPublicInstance, VNode } from 'vue'
 import type {
   NotificationOptions,
+  NotificationProps,
+  NotificationQueue,
   Notify,
   NotifyFn,
-  NotificationQueue,
-  NotificationProps,
 } from './notification'
 
 // This should be a queue but considering there were `non-autoclosable` notifications.
diff --git a/packages/components/overlay/src/overlay.ts b/packages/components/overlay/src/overlay.ts
index 4fc667ab07..d396c093e5 100644
--- a/packages/components/overlay/src/overlay.ts
+++ b/packages/components/overlay/src/overlay.ts
@@ -1,8 +1,8 @@
-import { createVNode, defineComponent, renderSlot, h } from 'vue'
+import { createVNode, defineComponent, h, renderSlot } from 'vue'
 import { PatchFlags, buildProps, definePropType } from '@element-plus/utils'
 import { useNamespace, useSameTarget } from '@element-plus/hooks'
 
-import type { ExtractPropTypes, CSSProperties } from 'vue'
+import type { CSSProperties, ExtractPropTypes } from 'vue'
 import type { ZIndexProperty } from 'csstype'
 
 export const overlayProps = buildProps({
diff --git a/packages/components/page-header/src/page-header.ts b/packages/components/page-header/src/page-header.ts
index 7a589c811a..d9003dee6f 100644
--- a/packages/components/page-header/src/page-header.ts
+++ b/packages/components/page-header/src/page-header.ts
@@ -1,4 +1,4 @@
-import { iconPropType, buildProps } from '@element-plus/utils'
+import { buildProps, iconPropType } from '@element-plus/utils'
 import { Back } from '@element-plus/icons-vue'
 import type { ExtractPropTypes } from 'vue'
 import type PageHeader from './page-header.vue'
diff --git a/packages/components/pagination/__tests__/pagination.spec.ts b/packages/components/pagination/__tests__/pagination.spec.ts
index dc4de3d261..0f5eda92be 100644
--- a/packages/components/pagination/__tests__/pagination.spec.ts
+++ b/packages/components/pagination/__tests__/pagination.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, ref, h } from 'vue'
+import { h, nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import Pagination from '../src/pagination'
 import selectDropdownVue from '../../select/src/select-dropdown.vue'
diff --git a/packages/components/pagination/src/components/next.vue b/packages/components/pagination/src/components/next.vue
index 2a235ef0ca..c2a1aea97d 100644
--- a/packages/components/pagination/src/components/next.vue
+++ b/packages/components/pagination/src/components/next.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowRight } from '@element-plus/icons-vue'
 
diff --git a/packages/components/pagination/src/components/pager.vue b/packages/components/pagination/src/components/pager.vue
index e3414cb70b..8d0d1fe200 100644
--- a/packages/components/pagination/src/components/pager.vue
+++ b/packages/components/pagination/src/components/pager.vue
@@ -68,8 +68,8 @@
   </ul>
 </template>
 <script lang="ts">
-import { defineComponent, ref, computed, watchEffect } from 'vue'
-import { MoreFilled, DArrowLeft, DArrowRight } from '@element-plus/icons-vue'
+import { computed, defineComponent, ref, watchEffect } from 'vue'
+import { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'
 import { useNamespace } from '@element-plus/hooks'
 
 const paginationPagerProps = {
diff --git a/packages/components/pagination/src/components/prev.vue b/packages/components/pagination/src/components/prev.vue
index c3fb84fbca..3d595ef969 100644
--- a/packages/components/pagination/src/components/prev.vue
+++ b/packages/components/pagination/src/components/prev.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowLeft } from '@element-plus/icons-vue'
 
diff --git a/packages/components/pagination/src/components/sizes.vue b/packages/components/pagination/src/components/sizes.vue
index f737cbeafc..eceb3ad8c0 100644
--- a/packages/components/pagination/src/components/sizes.vue
+++ b/packages/components/pagination/src/components/sizes.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, watch, computed, ref } from 'vue'
+import { computed, defineComponent, ref, watch } from 'vue'
 import { isEqual } from 'lodash-unified'
-import { ElSelect, ElOption } from '@element-plus/components/select'
+import { ElOption, ElSelect } from '@element-plus/components/select'
 import { useLocale, useNamespace } from '@element-plus/hooks'
 import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import { usePagination } from '../usePagination'
diff --git a/packages/components/pagination/src/pagination.ts b/packages/components/pagination/src/pagination.ts
index 20baef941a..bb30947e73 100644
--- a/packages/components/pagination/src/pagination.ts
+++ b/packages/components/pagination/src/pagination.ts
@@ -1,15 +1,15 @@
 import {
-  h,
-  ref,
-  provide,
   computed,
   defineComponent,
   getCurrentInstance,
+  h,
+  provide,
+  ref,
   watch,
 } from 'vue'
 import {
-  debugWarn,
   buildProps,
+  debugWarn,
   definePropType,
   mutable,
 } from '@element-plus/utils'
@@ -23,7 +23,7 @@ import Jumper from './components/jumper.vue'
 import Total from './components/total.vue'
 import Pager from './components/pager.vue'
 
-import type { VNode, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, VNode } from 'vue'
 
 /**
  * It it user's responsibility to guarantee that the value of props.total... is number
diff --git a/packages/components/popconfirm/src/popconfirm.vue b/packages/components/popconfirm/src/popconfirm.vue
index 3a1887e4c1..b1b705b712 100644
--- a/packages/components/popconfirm/src/popconfirm.vue
+++ b/packages/components/popconfirm/src/popconfirm.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, unref } from 'vue'
+import { computed, defineComponent, ref, unref } from 'vue'
 import ElButton from '@element-plus/components/button'
 import ElIcon from '@element-plus/components/icon'
 import ElTooltip from '@element-plus/components/tooltip'
diff --git a/packages/components/popover/__tests__/popover.spec.ts b/packages/components/popover/__tests__/popover.spec.ts
index ddf8d8db8e..af76195af4 100644
--- a/packages/components/popover/__tests__/popover.spec.ts
+++ b/packages/components/popover/__tests__/popover.spec.ts
@@ -1,5 +1,5 @@
 import { h, nextTick } from 'vue'
-import { useZIndex, POPPER_CONTAINER_SELECTOR } from '@element-plus/hooks'
+import { POPPER_CONTAINER_SELECTOR, useZIndex } from '@element-plus/hooks'
 import makeMount from '@element-plus/test-utils/make-mount'
 import { rAF } from '@element-plus/test-utils/tick'
 import { ElPopperTrigger } from '@element-plus/components/popper'
diff --git a/packages/components/popover/src/index.vue b/packages/components/popover/src/index.vue
index d3a89b47cc..e4c7d41d4c 100644
--- a/packages/components/popover/src/index.vue
+++ b/packages/components/popover/src/index.vue
@@ -44,7 +44,7 @@
   </el-tooltip>
 </template>
 <script lang="ts">
-import { defineComponent, computed, ref, unref } from 'vue'
+import { computed, defineComponent, ref, unref } from 'vue'
 import ElTooltip from '@element-plus/components/tooltip'
 import { useDeprecateAppendToBody } from '@element-plus/components/popper'
 import { isString } from '@element-plus/utils'
diff --git a/packages/components/popper/__tests__/arrow.spec.ts b/packages/components/popper/__tests__/arrow.spec.ts
index 5970c86efe..92c468533c 100644
--- a/packages/components/popper/__tests__/arrow.spec.ts
+++ b/packages/components/popper/__tests__/arrow.spec.ts
@@ -1,4 +1,4 @@
-import { ref, nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 import { shallowMount } from '@vue/test-utils'
 import { POPPER_CONTENT_INJECTION_KEY } from '@element-plus/tokens'
 import ElArrow from '../src/arrow.vue'
diff --git a/packages/components/popper/__tests__/container.spec.ts b/packages/components/popper/__tests__/container.spec.ts
index 43b8304208..cda0603512 100644
--- a/packages/components/popper/__tests__/container.spec.ts
+++ b/packages/components/popper/__tests__/container.spec.ts
@@ -1,7 +1,7 @@
 import { nextTick } from 'vue'
 import { shallowMount } from '@vue/test-utils'
 import * as vueuse from '@vueuse/core'
-import { usePopperContainer, POPPER_CONTAINER_SELECTOR } from '../src/container'
+import { POPPER_CONTAINER_SELECTOR, usePopperContainer } from '../src/container'
 
 const AXIOM = 'rem is the best girl'
 
diff --git a/packages/components/popper/__tests__/content.spec.ts b/packages/components/popper/__tests__/content.spec.ts
index 2c5e42009d..e368d566c9 100644
--- a/packages/components/popper/__tests__/content.spec.ts
+++ b/packages/components/popper/__tests__/content.spec.ts
@@ -1,4 +1,4 @@
-import { ref, nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 import { shallowMount } from '@vue/test-utils'
 import { POPPER_INJECTION_KEY } from '@element-plus/tokens'
 import ElContent from '../src/content.vue'
diff --git a/packages/components/popper/__tests__/popper.spec.ts b/packages/components/popper/__tests__/popper.spec.ts
index 016a884b6e..68f0acb4dd 100644
--- a/packages/components/popper/__tests__/popper.spec.ts
+++ b/packages/components/popper/__tests__/popper.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, h, inject } from 'vue'
+import { h, inject, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { POPPER_INJECTION_KEY } from '@element-plus/tokens'
 import ElPopper from '../src/popper.vue'
diff --git a/packages/components/popper/__tests__/trigger.spec.ts b/packages/components/popper/__tests__/trigger.spec.ts
index c1ea67a17c..f5618c5edf 100644
--- a/packages/components/popper/__tests__/trigger.spec.ts
+++ b/packages/components/popper/__tests__/trigger.spec.ts
@@ -1,4 +1,4 @@
-import { ref, nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import { POPPER_INJECTION_KEY } from '@element-plus/tokens'
 import ElTrigger from '../src/trigger.vue'
diff --git a/packages/components/popper/src/content.ts b/packages/components/popper/src/content.ts
index 11f0de1f86..e17360cbe8 100644
--- a/packages/components/popper/src/content.ts
+++ b/packages/components/popper/src/content.ts
@@ -2,7 +2,7 @@ import { placements } from '@popperjs/core'
 import { buildProps, definePropType } from '@element-plus/utils'
 
 import type { ExtractPropTypes, StyleValue } from 'vue'
-import type { Placement, Options } from '@popperjs/core'
+import type { Options, Placement } from '@popperjs/core'
 
 type ClassObjectType = Record<string, boolean>
 type ClassType = string | ClassObjectType | ClassType[]
diff --git a/packages/components/popper/src/content.vue b/packages/components/popper/src/content.vue
index 1fdae27546..6fa9517b52 100644
--- a/packages/components/popper/src/content.vue
+++ b/packages/components/popper/src/content.vue
@@ -12,12 +12,12 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref, inject, provide, unref, onMounted, watch } from 'vue'
+import { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'
 import { createPopper } from '@popperjs/core'
-import { useZIndex, useNamespace } from '@element-plus/hooks'
+import { useNamespace, useZIndex } from '@element-plus/hooks'
 import {
-  POPPER_INJECTION_KEY,
   POPPER_CONTENT_INJECTION_KEY,
+  POPPER_INJECTION_KEY,
 } from '@element-plus/tokens'
 import { usePopperContentProps } from './content'
 import { buildPopperOptions, unwrapMeasurableEl } from './utils'
diff --git a/packages/components/progress/src/progress.ts b/packages/components/progress/src/progress.ts
index 8e3e835170..cad604489a 100644
--- a/packages/components/progress/src/progress.ts
+++ b/packages/components/progress/src/progress.ts
@@ -1,5 +1,5 @@
 import { buildProps, definePropType } from '@element-plus/utils'
-import type { SVGAttributes, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, SVGAttributes } from 'vue'
 
 type Color = { color: string; percentage: number }
 type ProgressFn = (percentage: number) => string
diff --git a/packages/components/progress/src/progress.vue b/packages/components/progress/src/progress.vue
index bad426ea83..2c0fd50af9 100644
--- a/packages/components/progress/src/progress.vue
+++ b/packages/components/progress/src/progress.vue
@@ -79,11 +79,11 @@
 import { computed, defineComponent } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import {
-  WarningFilled,
+  Check,
   CircleCheck,
   CircleClose,
-  Check,
   Close,
+  WarningFilled,
 } from '@element-plus/icons-vue'
 import { useNamespace } from '@element-plus/hooks'
 import { progressProps } from './progress'
diff --git a/packages/components/radio/src/radio-group.vue b/packages/components/radio/src/radio-group.vue
index e45bb1b751..966aedb9d5 100644
--- a/packages/components/radio/src/radio-group.vue
+++ b/packages/components/radio/src/radio-group.vue
@@ -13,10 +13,10 @@
 import {
   defineComponent,
   nextTick,
-  provide,
   onMounted,
-  ref,
+  provide,
   reactive,
+  ref,
   toRefs,
   watch,
 } from 'vue'
diff --git a/packages/components/radio/src/radio.ts b/packages/components/radio/src/radio.ts
index a88263b6f7..149f5362dc 100644
--- a/packages/components/radio/src/radio.ts
+++ b/packages/components/radio/src/radio.ts
@@ -1,5 +1,5 @@
-import { ref, computed, inject } from 'vue'
-import { buildProps, isBoolean, isString, isNumber } from '@element-plus/utils'
+import { computed, inject, ref } from 'vue'
+import { buildProps, isBoolean, isNumber, isString } from '@element-plus/utils'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { radioGroupKey } from '@element-plus/tokens'
 import { useDisabled, useSize, useSizeProp } from '@element-plus/hooks'
diff --git a/packages/components/radio/src/radio.vue b/packages/components/radio/src/radio.vue
index f432ab9660..04cbc601c8 100644
--- a/packages/components/radio/src/radio.vue
+++ b/packages/components/radio/src/radio.vue
@@ -48,7 +48,7 @@
 <script lang="ts">
 import { defineComponent, nextTick } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
-import { useRadio, radioEmits, radioProps } from './radio'
+import { radioEmits, radioProps, useRadio } from './radio'
 
 export default defineComponent({
   name: 'ElRadio',
diff --git a/packages/components/rate/__tests__/rate.vitest.tsx b/packages/components/rate/__tests__/rate.vitest.tsx
index fcda769218..7c9ea73270 100644
--- a/packages/components/rate/__tests__/rate.vitest.tsx
+++ b/packages/components/rate/__tests__/rate.vitest.tsx
@@ -1,6 +1,6 @@
 import { ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import Rate from '../src/rate.vue'
 
 import type { RateInstance } from '../src/rate'
diff --git a/packages/components/rate/src/rate.ts b/packages/components/rate/src/rate.ts
index b576e42cdd..6c50d436d3 100644
--- a/packages/components/rate/src/rate.ts
+++ b/packages/components/rate/src/rate.ts
@@ -3,9 +3,9 @@ import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import {
   buildProps,
   definePropType,
-  mutable,
-  isValidComponentSize,
   iconPropType,
+  isValidComponentSize,
+  mutable,
 } from '@element-plus/utils'
 import type { ComponentSize } from '@element-plus/constants'
 import type { Component, ExtractPropTypes, PropType } from 'vue'
diff --git a/packages/components/rate/src/rate.vue b/packages/components/rate/src/rate.vue
index 2e8e3511a6..bb6d69004a 100644
--- a/packages/components/rate/src/rate.vue
+++ b/packages/components/rate/src/rate.vue
@@ -44,13 +44,13 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { inject, computed, ref, watch, type CSSProperties } from 'vue'
+import { type CSSProperties, computed, inject, ref, watch } from 'vue'
 import { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { isObject, isArray, hasClass } from '@element-plus/utils'
+import { hasClass, isArray, isObject } from '@element-plus/utils'
 import { formContextKey } from '@element-plus/tokens'
 import { ElIcon } from '@element-plus/components/icon'
 import { useNamespace, useSize } from '@element-plus/hooks'
-import { rateProps, rateEmits } from './rate'
+import { rateEmits, rateProps } from './rate'
 
 function getValueFromMap<T>(
   value: number,
diff --git a/packages/components/result/src/result.ts b/packages/components/result/src/result.ts
index b1667fa3e5..4d9435844a 100644
--- a/packages/components/result/src/result.ts
+++ b/packages/components/result/src/result.ts
@@ -1,9 +1,9 @@
 import { buildProps } from '@element-plus/utils'
 import {
-  WarningFilled,
   CircleCheckFilled,
   CircleCloseFilled,
   InfoFilled,
+  WarningFilled,
 } from '@element-plus/icons-vue'
 import type { Component, ExtractPropTypes } from 'vue'
 import type Result from './result.vue'
diff --git a/packages/components/result/src/result.vue b/packages/components/result/src/result.vue
index b19c396e39..512e9ea011 100644
--- a/packages/components/result/src/result.vue
+++ b/packages/components/result/src/result.vue
@@ -26,8 +26,8 @@
 </template>
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
-import { useNamespace, useDeprecated } from '@element-plus/hooks'
-import { resultProps, IconComponentMap, IconMap } from './result'
+import { useDeprecated, useNamespace } from '@element-plus/hooks'
+import { IconComponentMap, IconMap, resultProps } from './result'
 const COMPONENT_NAME = 'ElResult'
 export default defineComponent({
   name: COMPONENT_NAME,
diff --git a/packages/components/roving-focus-group/__tests__/roving-focus-group.spec.ts b/packages/components/roving-focus-group/__tests__/roving-focus-group.spec.ts
index 7dbfaafe1c..e065805045 100644
--- a/packages/components/roving-focus-group/__tests__/roving-focus-group.spec.ts
+++ b/packages/components/roving-focus-group/__tests__/roving-focus-group.spec.ts
@@ -1,4 +1,4 @@
-import { h, inject, nextTick, defineComponent } from 'vue'
+import { defineComponent, h, inject, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'
 import { composeRefs } from '@element-plus/utils'
diff --git a/packages/components/roving-focus-group/__tests__/roving-focus-item.spec.ts b/packages/components/roving-focus-group/__tests__/roving-focus-item.spec.ts
index e9644b1fa6..e24ae3e3af 100644
--- a/packages/components/roving-focus-group/__tests__/roving-focus-item.spec.ts
+++ b/packages/components/roving-focus-group/__tests__/roving-focus-item.spec.ts
@@ -1,4 +1,4 @@
-import { ref, nextTick, inject, defineComponent } from 'vue'
+import { defineComponent, inject, nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import { composeRefs } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
diff --git a/packages/components/roving-focus-group/src/roving-focus-group-impl.vue b/packages/components/roving-focus-group/src/roving-focus-group-impl.vue
index ed5b261f92..ca358c26ea 100644
--- a/packages/components/roving-focus-group/src/roving-focus-group-impl.vue
+++ b/packages/components/roving-focus-group/src/roving-focus-group-impl.vue
@@ -6,20 +6,20 @@
 import {
   computed,
   defineComponent,
-  provide,
+  inject,
   onBeforeUnmount,
   onMounted,
-  ref,
-  unref,
-  inject,
-  watch,
+  provide,
   readonly,
+  ref,
   toRef,
+  unref,
+  watch,
 } from 'vue'
-import { composeEventHandlers, on, off } from '@element-plus/utils'
+import { composeEventHandlers, off, on } from '@element-plus/utils'
 import {
-  rovingFocusGroupProps,
   ROVING_FOCUS_COLLECTION_INJECTION_KEY,
+  rovingFocusGroupProps,
 } from './roving-focus-group'
 import { ROVING_FOCUS_GROUP_INJECTION_KEY } from './tokens'
 import { focusFirst } from './utils'
diff --git a/packages/components/roving-focus-group/src/roving-focus-item.vue b/packages/components/roving-focus-group/src/roving-focus-item.vue
index ff8a93f560..073f47195b 100644
--- a/packages/components/roving-focus-group/src/roving-focus-item.vue
+++ b/packages/components/roving-focus-group/src/roving-focus-item.vue
@@ -13,23 +13,23 @@ import {
   computed,
   defineComponent,
   inject,
-  ref,
-  unref,
   nextTick,
   provide,
+  ref,
+  unref,
 } from 'vue'
 import { useId } from '@element-plus/hooks'
 import { composeEventHandlers } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import {
-  ROVING_FOCUS_COLLECTION_INJECTION_KEY,
   ElCollectionItem as ElRovingFocusCollectionItem,
+  ROVING_FOCUS_COLLECTION_INJECTION_KEY,
 } from './roving-focus-group'
 import {
   ROVING_FOCUS_GROUP_INJECTION_KEY,
   ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,
 } from './tokens'
-import { getFocusIntent, reorderArray, focusFirst } from './utils'
+import { focusFirst, getFocusIntent, reorderArray } from './utils'
 
 export default defineComponent({
   components: {
diff --git a/packages/components/roving-focus-group/src/tokens.ts b/packages/components/roving-focus-group/src/tokens.ts
index f0a206b66c..6a7df1d5fe 100644
--- a/packages/components/roving-focus-group/src/tokens.ts
+++ b/packages/components/roving-focus-group/src/tokens.ts
@@ -1,4 +1,4 @@
-import type { StyleValue, InjectionKey, Ref } from 'vue'
+import type { InjectionKey, Ref, StyleValue } from 'vue'
 import type { ElRovingFocusGroupProps } from './roving-focus-group'
 
 type EventHandler<T = Event> = (e: T) => void
diff --git a/packages/components/row/src/row.tsx b/packages/components/row/src/row.tsx
index ae72906038..1ecb744109 100644
--- a/packages/components/row/src/row.tsx
+++ b/packages/components/row/src/row.tsx
@@ -1,8 +1,8 @@
-import { defineComponent, computed, provide } from 'vue'
+import { computed, defineComponent, provide } from 'vue'
 import { buildProps } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { rowContextKey } from '@element-plus/tokens'
-import type { ExtractPropTypes, CSSProperties } from 'vue'
+import type { CSSProperties, ExtractPropTypes } from 'vue'
 
 export const rowProps = buildProps({
   tag: {
diff --git a/packages/components/scrollbar/src/scrollbar.ts b/packages/components/scrollbar/src/scrollbar.ts
index b7ff5accab..eaeb0a3d86 100644
--- a/packages/components/scrollbar/src/scrollbar.ts
+++ b/packages/components/scrollbar/src/scrollbar.ts
@@ -1,5 +1,5 @@
 import { buildProps, definePropType, isNumber } from '@element-plus/utils'
-import type { StyleValue, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, StyleValue } from 'vue'
 
 export const scrollbarProps = buildProps({
   height: {
diff --git a/packages/components/scrollbar/src/scrollbar.vue b/packages/components/scrollbar/src/scrollbar.vue
index 29b10967d7..c6ced7d956 100644
--- a/packages/components/scrollbar/src/scrollbar.vue
+++ b/packages/components/scrollbar/src/scrollbar.vue
@@ -38,18 +38,18 @@ import {
   nextTick,
   onMounted,
   provide,
+  reactive,
   ref,
   watch,
-  reactive,
 } from 'vue'
-import { useResizeObserver, useEventListener } from '@vueuse/core'
-import { isNumber, debugWarn, addUnit } from '@element-plus/utils'
+import { useEventListener, useResizeObserver } from '@vueuse/core'
+import { addUnit, debugWarn, isNumber } from '@element-plus/utils'
 import { scrollbarContextKey } from '@element-plus/tokens'
 import { useNamespace } from '@element-plus/hooks'
 import Bar from './bar.vue'
 
-import { scrollbarProps, scrollbarEmits } from './scrollbar'
-import type { StyleValue, CSSProperties } from 'vue'
+import { scrollbarEmits, scrollbarProps } from './scrollbar'
+import type { CSSProperties, StyleValue } from 'vue'
 
 export default defineComponent({
   name: 'ElScrollbar',
diff --git a/packages/components/scrollbar/src/thumb.vue b/packages/components/scrollbar/src/thumb.vue
index 18b1087ad0..7c06fd4a98 100644
--- a/packages/components/scrollbar/src/thumb.vue
+++ b/packages/components/scrollbar/src/thumb.vue
@@ -25,7 +25,7 @@ import {
   ref,
   toRef,
 } from 'vue'
-import { useEventListener, isClient } from '@vueuse/core'
+import { isClient, useEventListener } from '@vueuse/core'
 import { scrollbarContextKey } from '@element-plus/tokens'
 import { throwError } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/select-v2/src/defaults.ts b/packages/components/select-v2/src/defaults.ts
index 03ad315f9b..606f34dc98 100644
--- a/packages/components/select-v2/src/defaults.ts
+++ b/packages/components/select-v2/src/defaults.ts
@@ -2,7 +2,7 @@ import { isValidComponentSize } from '@element-plus/utils'
 import { useTooltipContentProps } from '@element-plus/components/tooltip'
 import { CircleClose } from '@element-plus/icons-vue'
 
-import type { PropType, Component } from 'vue'
+import type { Component, PropType } from 'vue'
 import type { ComponentSize } from '@element-plus/constants'
 import type { OptionType } from './select.types'
 import type { Options } from '@element-plus/components/popper'
diff --git a/packages/components/select-v2/src/select-dropdown.vue b/packages/components/select-v2/src/select-dropdown.vue
index 7d3fb1e7c0..f7bc003f4e 100644
--- a/packages/components/select-v2/src/select-dropdown.vue
+++ b/packages/components/select-v2/src/select-dropdown.vue
@@ -1,20 +1,20 @@
 <script lang="ts">
 import {
-  defineComponent,
   computed,
+  defineComponent,
+  h,
   inject,
   ref,
   renderSlot,
-  h,
   withCtx,
   withKeys,
   withModifiers,
 } from 'vue'
 import { get } from 'lodash-unified'
-import { isUndefined, isObject } from '@element-plus/utils'
+import { isObject, isUndefined } from '@element-plus/utils'
 import {
-  FixedSizeList,
   DynamicSizeList,
+  FixedSizeList,
 } from '@element-plus/components/virtual-list'
 import { useNamespace } from '@element-plus/hooks'
 import GroupItem from './group-item.vue'
@@ -23,7 +23,7 @@ import OptionItem from './option-item.vue'
 import { selectV2InjectionKey } from './token'
 
 import type { ItemProps } from '@element-plus/components/virtual-list'
-import type { OptionItemProps, Option } from './select.types'
+import type { Option, OptionItemProps } from './select.types'
 
 export default defineComponent({
   name: 'ElSelectDropdown',
diff --git a/packages/components/select-v2/src/select.vue b/packages/components/select-v2/src/select.vue
index 042b3e187c..988b9219c0 100644
--- a/packages/components/select-v2/src/select.vue
+++ b/packages/components/select-v2/src/select.vue
@@ -308,12 +308,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, provide, toRefs, reactive, vModelText } from 'vue'
+import { defineComponent, provide, reactive, toRefs, vModelText } from 'vue'
 import { ClickOutside } from '@element-plus/directives'
 import ElTooltip from '@element-plus/components/tooltip'
 import ElTag from '@element-plus/components/tag'
 import ElIcon from '@element-plus/components/icon'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import ElSelectMenu from './select-dropdown.vue'
 import useSelect from './useSelect'
 import { selectV2InjectionKey } from './token'
diff --git a/packages/components/select-v2/src/useSelect.ts b/packages/components/select-v2/src/useSelect.ts
index 365b95e34c..8a23649f9e 100644
--- a/packages/components/select-v2/src/useSelect.ts
+++ b/packages/components/select-v2/src/useSelect.ts
@@ -1,26 +1,26 @@
 import {
   computed,
-  watch,
-  ref,
-  reactive,
   nextTick,
-  onMounted,
   onBeforeMount,
+  onMounted,
+  reactive,
+  ref,
+  watch,
 } from 'vue'
 import { isArray, isFunction, isObject } from '@vue/shared'
-import { isEqual, debounce as lodashDebounce, get } from 'lodash-unified'
+import { get, isEqual, debounce as lodashDebounce } from 'lodash-unified'
 import {
   useFormItem,
   useLocale,
-  useSize,
   useNamespace,
+  useSize,
 } from '@element-plus/hooks'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import {
   ValidateComponentsMap,
   addResizeListener,
-  removeResizeListener,
   debugWarn,
+  removeResizeListener,
 } from '@element-plus/utils'
 import { useDeprecateAppendToBody } from '@element-plus/components/popper'
 
@@ -32,8 +32,8 @@ import { flattenOptions } from './util'
 import { useInput } from './useInput'
 import type ElTooltip from '@element-plus/components/tooltip'
 import type { SelectProps } from './defaults'
-import type { ExtractPropTypes, CSSProperties } from 'vue'
-import type { OptionType, Option } from './select.types'
+import type { CSSProperties, ExtractPropTypes } from 'vue'
+import type { Option, OptionType } from './select.types'
 
 const DEFAULT_INPUT_PLACEHOLDER = ''
 const MINIMUM_INPUT_WIDTH = 11
diff --git a/packages/components/select/__tests__/select.spec.ts b/packages/components/select/__tests__/select.spec.ts
index 156a09522a..951ea582ae 100644
--- a/packages/components/select/__tests__/select.spec.ts
+++ b/packages/components/select/__tests__/select.spec.ts
@@ -1,7 +1,7 @@
-import { nextTick, markRaw } from 'vue'
+import { markRaw, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { EVENT_CODE } from '@element-plus/constants'
-import { CircleClose, ArrowUp, CaretTop } from '@element-plus/icons-vue'
+import { ArrowUp, CaretTop, CircleClose } from '@element-plus/icons-vue'
 import { POPPER_CONTAINER_SELECTOR } from '@element-plus/hooks'
 import { hasClass } from '@element-plus/utils'
 import Select from '../src/select.vue'
diff --git a/packages/components/select/src/option-group.vue b/packages/components/select/src/option-group.vue
index 003bd630db..342dadd0c5 100644
--- a/packages/components/select/src/option-group.vue
+++ b/packages/components/select/src/option-group.vue
@@ -12,15 +12,15 @@
 <script lang="ts">
 import {
   defineComponent,
-  provide,
-  inject,
-  ref,
-  reactive,
-  toRefs,
   getCurrentInstance,
+  inject,
   onMounted,
-  watch,
+  provide,
+  reactive,
+  ref,
   toRaw,
+  toRefs,
+  watch,
 } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import { selectGroupKey, selectKey } from './token'
diff --git a/packages/components/select/src/option.vue b/packages/components/select/src/option.vue
index 8e1ecf5cdf..8b31bac547 100644
--- a/packages/components/select/src/option.vue
+++ b/packages/components/select/src/option.vue
@@ -20,12 +20,12 @@
 
 <script lang="ts">
 import {
-  toRefs,
   defineComponent,
   getCurrentInstance,
+  nextTick,
   onBeforeUnmount,
   reactive,
-  nextTick,
+  toRefs,
 } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import { useOption } from './useOption'
diff --git a/packages/components/select/src/select-dropdown.vue b/packages/components/select/src/select-dropdown.vue
index ca2f415e0e..da28c1a3fb 100644
--- a/packages/components/select/src/select-dropdown.vue
+++ b/packages/components/select/src/select-dropdown.vue
@@ -9,11 +9,11 @@
 
 <script lang="ts">
 import {
-  defineComponent,
   computed,
-  onMounted,
-  onBeforeUnmount,
+  defineComponent,
   inject,
+  onBeforeUnmount,
+  onMounted,
   ref,
 } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index d35ea6fcb0..9aee0ae8d8 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -262,14 +262,14 @@
 
 <script lang="ts">
 import {
-  toRefs,
-  defineComponent,
-  onMounted,
-  onBeforeUnmount,
-  nextTick,
-  reactive,
-  provide,
   computed,
+  defineComponent,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  provide,
+  reactive,
+  toRefs,
   unref,
 } from 'vue'
 import { ClickOutside } from '@element-plus/directives'
@@ -282,19 +282,19 @@ import ElScrollbar from '@element-plus/components/scrollbar'
 import ElTag, { tagProps } from '@element-plus/components/tag'
 import ElIcon from '@element-plus/components/icon'
 import { useDeprecateAppendToBody } from '@element-plus/components/popper'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import {
   addResizeListener,
-  removeResizeListener,
   isValidComponentSize,
+  removeResizeListener,
 } from '@element-plus/utils'
-import { CircleClose, ArrowUp } from '@element-plus/icons-vue'
+import { ArrowUp, CircleClose } from '@element-plus/icons-vue'
 import ElOption from './option.vue'
 import ElSelectMenu from './select-dropdown.vue'
 import { useSelect, useSelectStates } from './useSelect'
 import { selectKey } from './token'
 
-import type { PropType, Component } from 'vue'
+import type { Component, PropType } from 'vue'
 import type { ComponentSize } from '@element-plus/constants'
 import type { SelectContext } from './token'
 
diff --git a/packages/components/select/src/useOption.ts b/packages/components/select/src/useOption.ts
index d8a2cbdda0..011e52695b 100644
--- a/packages/components/select/src/useOption.ts
+++ b/packages/components/select/src/useOption.ts
@@ -1,7 +1,7 @@
-import { inject, computed, getCurrentInstance, watch, toRaw, unref } from 'vue'
+import { computed, getCurrentInstance, inject, toRaw, unref, watch } from 'vue'
 import { get } from 'lodash-unified'
 import { escapeStringRegexp } from '@element-plus/utils'
-import { selectKey, selectGroupKey } from './token'
+import { selectGroupKey, selectKey } from './token'
 
 import type { Ref } from 'vue'
 import type { QueryChangeCtx } from './token'
diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts
index 8da9d36e04..15b0314685 100644
--- a/packages/components/select/src/useSelect.ts
+++ b/packages/components/select/src/useSelect.ts
@@ -1,20 +1,20 @@
 import {
+  computed,
   inject,
   nextTick,
-  computed,
-  watch,
-  ref,
   reactive,
+  ref,
   shallowRef,
   triggerRef,
+  watch,
 } from 'vue'
 import { isObject, toRawType } from '@vue/shared'
-import { debounce as lodashDebounce, isEqual, get } from 'lodash-unified'
+import { get, isEqual, debounce as lodashDebounce } from 'lodash-unified'
 import { isClient } from '@vueuse/core'
 import {
-  UPDATE_MODEL_EVENT,
   CHANGE_EVENT,
   EVENT_CODE,
+  UPDATE_MODEL_EVENT,
 } from '@element-plus/constants'
 import { debugWarn, isKorean, scrollIntoView } from '@element-plus/utils'
 import { useLocale, useNamespace, useSize } from '@element-plus/hooks'
diff --git a/packages/components/skeleton/__tests__/skeleton-item.vitest.ts b/packages/components/skeleton/__tests__/skeleton-item.vitest.ts
index 1944c0ba7c..e15ac9b479 100644
--- a/packages/components/skeleton/__tests__/skeleton-item.vitest.ts
+++ b/packages/components/skeleton/__tests__/skeleton-item.vitest.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import makeMount from '@element-plus/test-utils/make-mount'
 import SkeletonItem from '../src/skeleton-item.vue'
 
diff --git a/packages/components/skeleton/__tests__/skeleton.vitest.ts b/packages/components/skeleton/__tests__/skeleton.vitest.ts
index d1d54ce921..4e13e7cf7f 100644
--- a/packages/components/skeleton/__tests__/skeleton.vitest.ts
+++ b/packages/components/skeleton/__tests__/skeleton.vitest.ts
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue'
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import makeMount from '@element-plus/test-utils/make-mount'
 import Skeleton from '../src/skeleton.vue'
 import type { SkeletonInstance } from '../src/skeleton'
diff --git a/packages/components/slider/src/index.vue b/packages/components/slider/src/index.vue
index bf27420f2f..4441e20230 100644
--- a/packages/components/slider/src/index.vue
+++ b/packages/components/slider/src/index.vue
@@ -94,16 +94,16 @@ import {
 } from 'vue'
 import ElInputNumber from '@element-plus/components/input-number'
 import {
-  UPDATE_MODEL_EVENT,
   CHANGE_EVENT,
   INPUT_EVENT,
+  UPDATE_MODEL_EVENT,
 } from '@element-plus/constants'
 import {
+  debugWarn,
+  isValidComponentSize,
   off,
   on,
   throwError,
-  isValidComponentSize,
-  debugWarn,
 } from '@element-plus/utils'
 import { useNamespace, useSize } from '@element-plus/hooks'
 import SliderButton from './button.vue'
diff --git a/packages/components/slider/src/slider.type.ts b/packages/components/slider/src/slider.type.ts
index f663584468..76c4843213 100644
--- a/packages/components/slider/src/slider.type.ts
+++ b/packages/components/slider/src/slider.type.ts
@@ -1,4 +1,4 @@
-import type { ComputedRef, CSSProperties, Ref } from 'vue'
+import type { CSSProperties, ComputedRef, Ref } from 'vue'
 import type { Nullable } from '@element-plus/utils'
 
 export interface ISliderProps {
diff --git a/packages/components/slider/src/useSlide.ts b/packages/components/slider/src/useSlide.ts
index cbbafdecf8..e541eec3c9 100644
--- a/packages/components/slider/src/useSlide.ts
+++ b/packages/components/slider/src/useSlide.ts
@@ -1,8 +1,8 @@
 import { computed, inject, nextTick, ref, shallowRef } from 'vue'
 import {
   CHANGE_EVENT,
-  UPDATE_MODEL_EVENT,
   INPUT_EVENT,
+  UPDATE_MODEL_EVENT,
 } from '@element-plus/constants'
 import { formContextKey, formItemContextKey } from '@element-plus/tokens'
 import type { CSSProperties } from 'vue'
diff --git a/packages/components/slider/src/useSliderButton.ts b/packages/components/slider/src/useSliderButton.ts
index e8b2c84547..e91c87e742 100644
--- a/packages/components/slider/src/useSliderButton.ts
+++ b/packages/components/slider/src/useSliderButton.ts
@@ -3,7 +3,7 @@ import { debounce } from 'lodash-unified'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { off, on } from '@element-plus/utils'
 
-import type { ComputedRef, CSSProperties } from 'vue'
+import type { CSSProperties, ComputedRef } from 'vue'
 import type {
   ISliderButtonInitData,
   ISliderButtonProps,
diff --git a/packages/components/slider/src/useStops.ts b/packages/components/slider/src/useStops.ts
index 9323804a24..f6b46f13ab 100644
--- a/packages/components/slider/src/useStops.ts
+++ b/packages/components/slider/src/useStops.ts
@@ -1,6 +1,6 @@
 import { computed } from 'vue'
 import { debugWarn } from '@element-plus/utils'
-import type { ComputedRef, CSSProperties } from 'vue'
+import type { CSSProperties, ComputedRef } from 'vue'
 import type { ISliderInitData, ISliderProps, Stops } from './slider.type'
 
 export const useStops = (
diff --git a/packages/components/slot/__tests__/only-child.spec.tsx b/packages/components/slot/__tests__/only-child.spec.tsx
index faca79cffb..5e33ee2c91 100644
--- a/packages/components/slot/__tests__/only-child.spec.tsx
+++ b/packages/components/slot/__tests__/only-child.spec.tsx
@@ -1,4 +1,4 @@
-import { ref, h, nextTick, Comment, Fragment } from 'vue'
+import { Comment, Fragment, h, nextTick, ref } from 'vue'
 import { shallowMount } from '@vue/test-utils'
 import { debugWarn } from '@element-plus/utils'
 import { FORWARD_REF_INJECTION_KEY } from '@element-plus/hooks'
diff --git a/packages/components/slot/src/only-child.tsx b/packages/components/slot/src/only-child.tsx
index 7d51a3256a..7f6943fbb8 100644
--- a/packages/components/slot/src/only-child.tsx
+++ b/packages/components/slot/src/only-child.tsx
@@ -1,11 +1,11 @@
 import {
-  cloneVNode,
   Comment,
-  defineComponent,
   Fragment,
   Text,
-  withDirectives,
+  cloneVNode,
+  defineComponent,
   inject,
+  withDirectives,
 } from 'vue'
 import { NOOP, isObject } from '@vue/shared'
 import {
@@ -14,7 +14,7 @@ import {
 } from '@element-plus/hooks'
 import { debugWarn } from '@element-plus/utils'
 
-import type { VNode, Ref } from 'vue'
+import type { Ref, VNode } from 'vue'
 
 const NAME = 'ElOnlyChild'
 
diff --git a/packages/components/space/__tests__/space.spec.ts b/packages/components/space/__tests__/space.spec.ts
index 84c849059b..8639de29c2 100644
--- a/packages/components/space/__tests__/space.spec.ts
+++ b/packages/components/space/__tests__/space.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, h } from 'vue'
+import { h, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import Space from '../src/space'
 
diff --git a/packages/components/space/src/item.vue b/packages/components/space/src/item.vue
index 8bbe7fd889..a6bed04d70 100644
--- a/packages/components/space/src/item.vue
+++ b/packages/components/space/src/item.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { buildProps } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 
diff --git a/packages/components/space/src/space.ts b/packages/components/space/src/space.ts
index 5676641e69..ca9aebe304 100644
--- a/packages/components/space/src/space.ts
+++ b/packages/components/space/src/space.ts
@@ -1,25 +1,25 @@
 import {
-  defineComponent,
-  renderSlot,
-  createVNode,
   createTextVNode,
+  createVNode,
+  defineComponent,
   isVNode,
+  renderSlot,
 } from 'vue'
 import { isString } from '@vue/shared'
 import {
   PatchFlags,
-  isFragment,
-  isValidElementNode,
   buildProps,
   definePropType,
   isArray,
+  isFragment,
   isNumber,
+  isValidElementNode,
 } from '@element-plus/utils'
 import { componentSizes } from '@element-plus/constants'
 import Item from './item.vue'
 import { useSpace } from './use-space'
 
-import type { VNode, StyleValue, ExtractPropTypes, VNodeChild } from 'vue'
+import type { ExtractPropTypes, StyleValue, VNode, VNodeChild } from 'vue'
 import type { AlignItemsProperty } from 'csstype'
 
 export const spaceProps = buildProps({
diff --git a/packages/components/space/src/use-space.ts b/packages/components/space/src/use-space.ts
index 15d2452b3e..30ac6f1c04 100644
--- a/packages/components/space/src/use-space.ts
+++ b/packages/components/space/src/use-space.ts
@@ -1,4 +1,4 @@
-import { ref, computed, watchEffect } from 'vue'
+import { computed, ref, watchEffect } from 'vue'
 import { isNumber } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import type { SpaceProps } from './space'
diff --git a/packages/components/steps/__tests__/steps.spec.ts b/packages/components/steps/__tests__/steps.spec.ts
index 9732c3bcc8..9ba88daa2e 100644
--- a/packages/components/steps/__tests__/steps.spec.ts
+++ b/packages/components/steps/__tests__/steps.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, markRaw } from 'vue'
+import { markRaw, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { Edit } from '@element-plus/icons-vue'
 import Steps from '../src/index.vue'
diff --git a/packages/components/steps/src/index.vue b/packages/components/steps/src/index.vue
index 9d78863388..beb17d24f0 100644
--- a/packages/components/steps/src/index.vue
+++ b/packages/components/steps/src/index.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, watch, ref, provide } from 'vue'
+import { defineComponent, provide, ref, watch } from 'vue'
 
 import { CHANGE_EVENT } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/steps/src/item.vue b/packages/components/steps/src/item.vue
index 112f6c3471..6f5adb0eb6 100644
--- a/packages/components/steps/src/item.vue
+++ b/packages/components/steps/src/item.vue
@@ -53,15 +53,15 @@ import {
   inject,
   onBeforeUnmount,
   onMounted,
-  ref,
   reactive,
+  ref,
   watch,
 } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
-import { Close, Check } from '@element-plus/icons-vue'
+import { Check, Close } from '@element-plus/icons-vue'
 
 import { useNamespace } from '@element-plus/hooks'
-import type { Ref, PropType, Component } from 'vue'
+import type { Component, PropType, Ref } from 'vue'
 
 export interface IStepsProps {
   space: number | string
diff --git a/packages/components/switch/__tests__/switch.spec.ts b/packages/components/switch/__tests__/switch.spec.ts
index ceb9b7e81d..56a2df89fd 100644
--- a/packages/components/switch/__tests__/switch.spec.ts
+++ b/packages/components/switch/__tests__/switch.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick, markRaw } from 'vue'
+import { markRaw, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { Checked, CircleClose } from '@element-plus/icons-vue'
 import Switch from '../src/switch.vue'
diff --git a/packages/components/switch/src/switch.ts b/packages/components/switch/src/switch.ts
index 23fdbbdb6b..4e81738352 100644
--- a/packages/components/switch/src/switch.ts
+++ b/packages/components/switch/src/switch.ts
@@ -8,9 +8,9 @@ import {
   isValidComponentSize,
 } from '@element-plus/utils'
 import {
-  UPDATE_MODEL_EVENT,
   CHANGE_EVENT,
   INPUT_EVENT,
+  UPDATE_MODEL_EVENT,
 } from '@element-plus/constants'
 import type { ComponentSize } from '@element-plus/constants'
 import type Switch from './switch.vue'
diff --git a/packages/components/switch/src/switch.vue b/packages/components/switch/src/switch.vue
index a667482cd8..1f3da4c996 100644
--- a/packages/components/switch/src/switch.vue
+++ b/packages/components/switch/src/switch.vue
@@ -89,15 +89,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, onMounted, ref, nextTick, watch } from 'vue'
+import { computed, defineComponent, nextTick, onMounted, ref, watch } from 'vue'
 import { isPromise } from '@vue/shared'
-import { isBoolean, throwError, debugWarn } from '@element-plus/utils'
+import { debugWarn, isBoolean, throwError } from '@element-plus/utils'
 import ElIcon from '@element-plus/components/icon'
 import { Loading } from '@element-plus/icons-vue'
 import {
-  UPDATE_MODEL_EVENT,
   CHANGE_EVENT,
   INPUT_EVENT,
+  UPDATE_MODEL_EVENT,
 } from '@element-plus/constants'
 import {
   useDisabled,
@@ -105,7 +105,7 @@ import {
   useNamespace,
   useSize,
 } from '@element-plus/hooks'
-import { switchProps, switchEmits } from './switch'
+import { switchEmits, switchProps } from './switch'
 
 const COMPONENT_NAME = 'ElSwitch'
 
diff --git a/packages/components/table/__tests__/table-column.spec.ts b/packages/components/table/__tests__/table-column.spec.ts
index 2784635da4..82ef4b635c 100644
--- a/packages/components/table/__tests__/table-column.spec.ts
+++ b/packages/components/table/__tests__/table-column.spec.ts
@@ -1,7 +1,7 @@
 import { triggerEvent } from '@element-plus/test-utils'
 import ElTable from '../src/table.vue'
 import ElTableColumn from '../src/table-column'
-import { mount, getTestData, doubleWait } from './table-test-common'
+import { doubleWait, getTestData, mount } from './table-test-common'
 
 jest.mock('lodash-unified', () => {
   return {
diff --git a/packages/components/table/__tests__/table.spec.ts b/packages/components/table/__tests__/table.spec.ts
index 5ffb54588e..9a453ce406 100644
--- a/packages/components/table/__tests__/table.spec.ts
+++ b/packages/components/table/__tests__/table.spec.ts
@@ -4,7 +4,7 @@ import { triggerEvent } from '@element-plus/test-utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import ElTable from '../src/table.vue'
 import ElTableColumn from '../src/table-column'
-import { mount, getTestData, doubleWait } from './table-test-common'
+import { doubleWait, getTestData, mount } from './table-test-common'
 import type { VueWrapper } from '@vue/test-utils'
 import type { ComponentPublicInstance } from 'vue'
 
diff --git a/packages/components/table/src/filter-panel.vue b/packages/components/table/src/filter-panel.vue
index d28e7d2e3d..5dd2559b1c 100644
--- a/packages/components/table/src/filter-panel.vue
+++ b/packages/components/table/src/filter-panel.vue
@@ -87,7 +87,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, getCurrentInstance, watch } from 'vue'
+import { computed, defineComponent, getCurrentInstance, ref, watch } from 'vue'
 import ElCheckbox from '@element-plus/components/checkbox'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'
@@ -97,7 +97,7 @@ import ElTooltip from '@element-plus/components/tooltip'
 import ElScrollbar from '@element-plus/components/scrollbar'
 import type { Placement } from '@element-plus/components/popper'
 
-import type { WritableComputedRef, PropType } from 'vue'
+import type { PropType, WritableComputedRef } from 'vue'
 import type { TableColumnCtx } from './table-column/defaults'
 import type { TableHeader } from './table-header'
 import type { Store } from './store'
diff --git a/packages/components/table/src/layout-observer.ts b/packages/components/table/src/layout-observer.ts
index cf5b0f2a8a..aeca136650 100644
--- a/packages/components/table/src/layout-observer.ts
+++ b/packages/components/table/src/layout-observer.ts
@@ -1,10 +1,10 @@
 import {
-  onBeforeMount,
-  onUnmounted,
-  onMounted,
-  onUpdated,
   computed,
   getCurrentInstance,
+  onBeforeMount,
+  onMounted,
+  onUnmounted,
+  onUpdated,
 } from 'vue'
 
 import type { TableHeader } from './table-header'
diff --git a/packages/components/table/src/store/current.ts b/packages/components/table/src/store/current.ts
index 708cea5634..1a4fa573db 100644
--- a/packages/components/table/src/store/current.ts
+++ b/packages/components/table/src/store/current.ts
@@ -1,4 +1,4 @@
-import { ref, getCurrentInstance, unref } from 'vue'
+import { getCurrentInstance, ref, unref } from 'vue'
 import { getRowIdentity } from '../util'
 
 import type { Ref } from 'vue'
diff --git a/packages/components/table/src/store/expand.ts b/packages/components/table/src/store/expand.ts
index f3bee20197..138efa0a2b 100644
--- a/packages/components/table/src/store/expand.ts
+++ b/packages/components/table/src/store/expand.ts
@@ -1,5 +1,5 @@
-import { ref, getCurrentInstance } from 'vue'
-import { toggleRowStatus, getKeysMap, getRowIdentity } from '../util'
+import { getCurrentInstance, ref } from 'vue'
+import { getKeysMap, getRowIdentity, toggleRowStatus } from '../util'
 
 import type { Ref } from 'vue'
 import type { WatcherPropsData } from '.'
diff --git a/packages/components/table/src/store/index.ts b/packages/components/table/src/store/index.ts
index 9c065f193a..64a550b7ee 100644
--- a/packages/components/table/src/store/index.ts
+++ b/packages/components/table/src/store/index.ts
@@ -1,4 +1,4 @@
-import { nextTick, getCurrentInstance, unref } from 'vue'
+import { getCurrentInstance, nextTick, unref } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import useWatcher from './watcher'
 
diff --git a/packages/components/table/src/store/tree.ts b/packages/components/table/src/store/tree.ts
index b3022753f1..e785c696d3 100644
--- a/packages/components/table/src/store/tree.ts
+++ b/packages/components/table/src/store/tree.ts
@@ -1,5 +1,5 @@
-import { ref, computed, watch, getCurrentInstance, unref } from 'vue'
-import { walkTreeNode, getRowIdentity } from '../util'
+import { computed, getCurrentInstance, ref, unref, watch } from 'vue'
+import { getRowIdentity, walkTreeNode } from '../util'
 
 import type { WatcherPropsData } from '.'
 import type { Table, TableProps } from '../table/defaults'
diff --git a/packages/components/table/src/store/watcher.ts b/packages/components/table/src/store/watcher.ts
index a845862e96..6d5d58ce9b 100644
--- a/packages/components/table/src/store/watcher.ts
+++ b/packages/components/table/src/store/watcher.ts
@@ -1,10 +1,10 @@
-import { ref, getCurrentInstance, unref, watch, toRefs } from 'vue'
+import { getCurrentInstance, ref, toRefs, unref, watch } from 'vue'
 import { hasOwn } from '@element-plus/utils'
 import {
-  getKeysMap,
-  getRowIdentity,
   getColumnById,
   getColumnByKey,
+  getKeysMap,
+  getRowIdentity,
   orderBy,
   toggleRowStatus,
 } from '../util'
diff --git a/packages/components/table/src/table-body/events-helper.ts b/packages/components/table/src/table-body/events-helper.ts
index 2d5d28e76c..fa3fbaaef0 100644
--- a/packages/components/table/src/table-body/events-helper.ts
+++ b/packages/components/table/src/table-body/events-helper.ts
@@ -1,4 +1,4 @@
-import { ref, h, inject } from 'vue'
+import { h, inject, ref } from 'vue'
 import { debounce } from 'lodash-unified'
 import { getStyle, hasClass } from '@element-plus/utils'
 import { createTablePopper, getCell, getColumnByCell } from '../util'
diff --git a/packages/components/table/src/table-body/index.ts b/packages/components/table/src/table-body/index.ts
index 7eb715e6f6..4b249c6ca1 100644
--- a/packages/components/table/src/table-body/index.ts
+++ b/packages/components/table/src/table-body/index.ts
@@ -2,10 +2,10 @@ import {
   defineComponent,
   getCurrentInstance,
   h,
-  watch,
+  inject,
   onUnmounted,
   onUpdated,
-  inject,
+  watch,
 } from 'vue'
 import { isClient } from '@vueuse/core'
 import { addClass, removeClass } from '@element-plus/utils'
diff --git a/packages/components/table/src/table-body/render-helper.ts b/packages/components/table/src/table-body/render-helper.ts
index 6e45110d55..0d1f62915b 100644
--- a/packages/components/table/src/table-body/render-helper.ts
+++ b/packages/components/table/src/table-body/render-helper.ts
@@ -1,10 +1,10 @@
-import { h, computed, inject } from 'vue'
+import { computed, h, inject } from 'vue'
 import { getRowIdentity } from '../util'
 import { TABLE_INJECTION_KEY } from '../tokens'
 import useEvents from './events-helper'
 import useStyles from './styles-helper'
 import type { TableBodyProps } from './defaults'
-import type { RenderRowData, TreeNode, TableProps } from '../table/defaults'
+import type { RenderRowData, TableProps, TreeNode } from '../table/defaults'
 
 function useRender<T>(props: Partial<TableBodyProps<T>>) {
   const parent = inject(TABLE_INJECTION_KEY)
diff --git a/packages/components/table/src/table-body/styles-helper.ts b/packages/components/table/src/table-body/styles-helper.ts
index 263688074c..f793ce2973 100644
--- a/packages/components/table/src/table-body/styles-helper.ts
+++ b/packages/components/table/src/table-body/styles-helper.ts
@@ -1,9 +1,9 @@
 import { inject } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import {
+  ensurePosition,
   getFixedColumnOffset,
   getFixedColumnsClass,
-  ensurePosition,
 } from '../util'
 import { TABLE_INJECTION_KEY } from '../tokens'
 import type { TableColumnCtx } from '../table-column/defaults'
diff --git a/packages/components/table/src/table-column/defaults.ts b/packages/components/table/src/table-column/defaults.ts
index d47dd53ab5..bc68ca1efa 100644
--- a/packages/components/table/src/table-column/defaults.ts
+++ b/packages/components/table/src/table-column/defaults.ts
@@ -1,4 +1,4 @@
-import type { PropType, ComponentInternalInstance, Ref, VNode } from 'vue'
+import type { ComponentInternalInstance, PropType, Ref, VNode } from 'vue'
 import type { DefaultRow, Table } from '../table/defaults'
 
 type CI<T> = { column: TableColumnCtx<T>; $index: number }
diff --git a/packages/components/table/src/table-column/index.ts b/packages/components/table/src/table-column/index.ts
index 6d78202a8e..77ca0db117 100644
--- a/packages/components/table/src/table-column/index.ts
+++ b/packages/components/table/src/table-column/index.ts
@@ -1,18 +1,18 @@
 import {
-  defineComponent,
-  ref,
-  onBeforeMount,
-  onMounted,
+  Fragment,
   computed,
+  defineComponent,
   getCurrentInstance,
   h,
+  onBeforeMount,
   onBeforeUnmount,
-  Fragment,
+  onMounted,
+  ref,
 } from 'vue'
 import ElCheckbox from '@element-plus/components/checkbox'
 import { isString } from '@element-plus/utils'
 import { cellStarts } from '../config'
-import { mergeOptions, compose } from '../util'
+import { compose, mergeOptions } from '../util'
 import useWatcher from './watcher-helper'
 import useRender from './render-helper'
 import defaultProps from './defaults'
diff --git a/packages/components/table/src/table-column/render-helper.ts b/packages/components/table/src/table-column/render-helper.ts
index f840b866d7..a262a9e586 100644
--- a/packages/components/table/src/table-column/render-helper.ts
+++ b/packages/components/table/src/table-column/render-helper.ts
@@ -1,16 +1,16 @@
-import { getCurrentInstance, h, ref, computed, watchEffect, unref } from 'vue'
+import { computed, getCurrentInstance, h, ref, unref, watchEffect } from 'vue'
 import { debugWarn } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import {
   cellForced,
   defaultRenderCell,
-  treeCellPrefix,
   getDefaultClassName,
+  treeCellPrefix,
 } from '../config'
-import { parseWidth, parseMinWidth } from '../util'
+import { parseMinWidth, parseWidth } from '../util'
 
 import type { ComputedRef } from 'vue'
-import type { TableColumnCtx, TableColumn } from './defaults'
+import type { TableColumn, TableColumnCtx } from './defaults'
 
 function useRender<T>(
   props: TableColumnCtx<T>,
diff --git a/packages/components/table/src/table-column/watcher-helper.ts b/packages/components/table/src/table-column/watcher-helper.ts
index 1797f3b03b..a7af1159ca 100644
--- a/packages/components/table/src/table-column/watcher-helper.ts
+++ b/packages/components/table/src/table-column/watcher-helper.ts
@@ -1,9 +1,9 @@
-import { watch, getCurrentInstance } from 'vue'
+import { getCurrentInstance, watch } from 'vue'
 import { hasOwn } from '@element-plus/utils'
 import { parseMinWidth, parseWidth } from '../util'
 
 import type { ComputedRef } from 'vue'
-import type { TableColumnCtx, TableColumn, ValueOf } from './defaults'
+import type { TableColumn, TableColumnCtx, ValueOf } from './defaults'
 
 function useWatcher<T>(
   owner: ComputedRef<any>,
diff --git a/packages/components/table/src/table-footer/style-helper.ts b/packages/components/table/src/table-footer/style-helper.ts
index 8411609a38..f033ded221 100644
--- a/packages/components/table/src/table-footer/style-helper.ts
+++ b/packages/components/table/src/table-footer/style-helper.ts
@@ -1,8 +1,8 @@
 import { useNamespace } from '@element-plus/hooks'
 import {
+  ensurePosition,
   getFixedColumnOffset,
   getFixedColumnsClass,
-  ensurePosition,
 } from '../util'
 import useMapState from './mapState-helper'
 import type { TableColumnCtx } from '../table-column/defaults'
diff --git a/packages/components/table/src/table-header/event-helper.ts b/packages/components/table/src/table-header/event-helper.ts
index 124da4642a..a3d607d375 100644
--- a/packages/components/table/src/table-header/event-helper.ts
+++ b/packages/components/table/src/table-header/event-helper.ts
@@ -1,6 +1,6 @@
-import { getCurrentInstance, ref, inject } from 'vue'
+import { getCurrentInstance, inject, ref } from 'vue'
 import { isClient } from '@vueuse/core'
-import { hasClass, addClass, removeClass } from '@element-plus/utils'
+import { addClass, hasClass, removeClass } from '@element-plus/utils'
 import { TABLE_INJECTION_KEY } from '../tokens'
 import type { TableHeaderProps } from '.'
 import type { TableColumnCtx } from '../table-column/defaults'
diff --git a/packages/components/table/src/table-header/index.ts b/packages/components/table/src/table-header/index.ts
index f3bfbc84f1..3e5d727fd7 100644
--- a/packages/components/table/src/table-header/index.ts
+++ b/packages/components/table/src/table-header/index.ts
@@ -1,11 +1,11 @@
 import {
   defineComponent,
   getCurrentInstance,
-  onMounted,
-  nextTick,
-  ref,
   h,
   inject,
+  nextTick,
+  onMounted,
+  ref,
 } from 'vue'
 import ElCheckbox from '@element-plus/components/checkbox'
 import { useNamespace } from '@element-plus/hooks'
@@ -15,7 +15,7 @@ import { TABLE_INJECTION_KEY } from '../tokens'
 import useEvent from './event-helper'
 import useStyle from './style.helper'
 import useUtils from './utils-helper'
-import type { ComponentInternalInstance, Ref, PropType } from 'vue'
+import type { ComponentInternalInstance, PropType, Ref } from 'vue'
 import type { DefaultRow, Sort } from '../table/defaults'
 import type { Store } from '../store'
 export interface TableHeader extends ComponentInternalInstance {
diff --git a/packages/components/table/src/table-header/style.helper.ts b/packages/components/table/src/table-header/style.helper.ts
index 357a9689dd..a81866b655 100644
--- a/packages/components/table/src/table-header/style.helper.ts
+++ b/packages/components/table/src/table-header/style.helper.ts
@@ -1,9 +1,9 @@
 import { inject } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import {
-  getFixedColumnsClass,
-  getFixedColumnOffset,
   ensurePosition,
+  getFixedColumnOffset,
+  getFixedColumnsClass,
 } from '../util'
 import { TABLE_INJECTION_KEY } from '../tokens'
 import type { TableColumnCtx } from '../table-column/defaults'
diff --git a/packages/components/table/src/table-layout.ts b/packages/components/table/src/table-layout.ts
index 923f888bb2..1f532b640f 100644
--- a/packages/components/table/src/table-layout.ts
+++ b/packages/components/table/src/table-layout.ts
@@ -1,4 +1,4 @@
-import { nextTick, ref, isRef } from 'vue'
+import { isRef, nextTick, ref } from 'vue'
 import { isClient } from '@vueuse/core'
 import { hasOwn } from '@element-plus/utils'
 import { parseHeight } from './util'
diff --git a/packages/components/table/src/table.vue b/packages/components/table/src/table.vue
index b650af5e57..74ac4c9a60 100644
--- a/packages/components/table/src/table.vue
+++ b/packages/components/table/src/table.vue
@@ -143,7 +143,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, getCurrentInstance, computed, provide } from 'vue'
+import { computed, defineComponent, getCurrentInstance, provide } from 'vue'
 import { debounce } from 'lodash-unified'
 import { Mousewheel } from '@element-plus/directives'
 import { useLocale, useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/table/src/table/defaults.ts b/packages/components/table/src/table/defaults.ts
index b7c6c0d52b..0cb176d1ed 100644
--- a/packages/components/table/src/table/defaults.ts
+++ b/packages/components/table/src/table/defaults.ts
@@ -1,9 +1,9 @@
 import type {
-  ComponentInternalInstance,
   CSSProperties,
+  ComponentInternalInstance,
+  PropType,
   Ref,
   VNode,
-  PropType,
 } from 'vue'
 import type { Nullable } from '@element-plus/utils'
 import type { Store } from '../store'
diff --git a/packages/components/table/src/table/style-helper.ts b/packages/components/table/src/table/style-helper.ts
index a810c71896..3fefdf19ba 100644
--- a/packages/components/table/src/table/style-helper.ts
+++ b/packages/components/table/src/table/style-helper.ts
@@ -1,20 +1,20 @@
 import {
-  onMounted,
-  onBeforeUnmount,
   computed,
-  ref,
-  watchEffect,
-  watch,
-  unref,
   nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  unref,
+  watch,
+  watchEffect,
 } from 'vue'
 import {
   addResizeListener,
-  removeResizeListener,
-  on,
-  off,
   isNumber,
   isString,
+  off,
+  on,
+  removeResizeListener,
 } from '@element-plus/utils'
 import { useSize } from '@element-plus/hooks'
 import { parseHeight } from '../util'
diff --git a/packages/components/table/src/util.ts b/packages/components/table/src/util.ts
index d163ae6bd7..6a5843cb82 100644
--- a/packages/components/table/src/util.ts
+++ b/packages/components/table/src/util.ts
@@ -4,8 +4,8 @@ import escapeHtml from 'escape-html'
 import { hasOwn, off, on } from '@element-plus/utils'
 import { useZIndex } from '@element-plus/hooks'
 import type {
-  PopperInstance,
   IPopperOptions,
+  PopperInstance,
 } from '@element-plus/components/popper'
 import type { Nullable } from '@element-plus/utils'
 import type { TableColumnCtx } from './table-column/defaults'
diff --git a/packages/components/tabs/src/tab-bar.vue b/packages/components/tabs/src/tab-bar.vue
index a1b250726c..a90cfdfa54 100644
--- a/packages/components/tabs/src/tab-bar.vue
+++ b/packages/components/tabs/src/tab-bar.vue
@@ -8,11 +8,11 @@
 <script lang="ts">
 import {
   defineComponent,
-  inject,
   getCurrentInstance,
-  watch,
+  inject,
   nextTick,
   ref,
+  watch,
 } from 'vue'
 import { capitalize } from '@vue/shared'
 import { useResizeObserver } from '@vueuse/core'
diff --git a/packages/components/tabs/src/tab-nav.ts b/packages/components/tabs/src/tab-nav.ts
index 6d058927af..05312dfcfb 100644
--- a/packages/components/tabs/src/tab-nav.ts
+++ b/packages/components/tabs/src/tab-nav.ts
@@ -1,17 +1,17 @@
 import {
-  h,
-  defineComponent,
-  ref,
-  inject,
   computed,
-  onUpdated,
+  defineComponent,
+  h,
+  inject,
   onMounted,
+  onUpdated,
+  ref,
   watch,
 } from 'vue'
 import { NOOP, capitalize } from '@vue/shared'
 import {
-  useResizeObserver,
   useDocumentVisibility,
+  useResizeObserver,
   useWindowFocus,
 } from '@vueuse/core'
 import {
@@ -25,7 +25,7 @@ import { ElIcon } from '@element-plus/components/icon'
 import { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'
 import { tabsRootContextKey } from '@element-plus/tokens'
 import TabBar from './tab-bar.vue'
-import type { ExtractPropTypes, CSSProperties } from 'vue'
+import type { CSSProperties, ExtractPropTypes } from 'vue'
 import type { TabsPaneContext } from '@element-plus/tokens'
 export interface Scrollable {
   next?: boolean
diff --git a/packages/components/tabs/src/tab-pane.vue b/packages/components/tabs/src/tab-pane.vue
index 29e6ae8424..4505f07776 100644
--- a/packages/components/tabs/src/tab-pane.vue
+++ b/packages/components/tabs/src/tab-pane.vue
@@ -13,14 +13,14 @@
 </template>
 <script lang="ts">
 import {
-  defineComponent,
-  ref,
   computed,
-  inject,
+  defineComponent,
   getCurrentInstance,
-  watch,
+  inject,
   markRaw,
   reactive,
+  ref,
+  watch,
 } from 'vue'
 import { eagerComputed } from '@vueuse/core'
 import { tabsRootContextKey } from '@element-plus/tokens'
diff --git a/packages/components/tabs/src/tabs.ts b/packages/components/tabs/src/tabs.ts
index 9e430705e5..f1b478fc68 100644
--- a/packages/components/tabs/src/tabs.ts
+++ b/packages/components/tabs/src/tabs.ts
@@ -1,6 +1,6 @@
 import {
-  defineComponent,
   Fragment,
+  defineComponent,
   getCurrentInstance,
   h,
   nextTick,
@@ -11,7 +11,7 @@ import {
   renderSlot,
   watch,
 } from 'vue'
-import { isPromise, NOOP } from '@vue/shared'
+import { NOOP, isPromise } from '@vue/shared'
 import { buildProps, definePropType } from '@element-plus/utils'
 import {
   EVENT_CODE,
@@ -27,9 +27,9 @@ import type { TabsPaneContext } from '@element-plus/tokens'
 import type {
   Component,
   ComponentInternalInstance,
-  VNode,
   ExtractPropTypes,
   Ref,
+  VNode,
 } from 'vue'
 
 export const tabsProps = buildProps({
diff --git a/packages/components/tag/src/tag.vue b/packages/components/tag/src/tag.vue
index d7a97cafe9..5a76daabe2 100644
--- a/packages/components/tag/src/tag.vue
+++ b/packages/components/tag/src/tag.vue
@@ -33,8 +33,8 @@ import { computed } from 'vue'
 import ElIcon from '@element-plus/components/icon'
 import { Close } from '@element-plus/icons-vue'
 
-import { useSize, useNamespace } from '@element-plus/hooks'
-import { tagProps, tagEmits } from './tag'
+import { useNamespace, useSize } from '@element-plus/hooks'
+import { tagEmits, tagProps } from './tag'
 
 defineOptions({
   name: 'ElTag',
diff --git a/packages/components/time-picker/src/common/picker.vue b/packages/components/time-picker/src/common/picker.vue
index b3e2ca54f5..78c3df1ddf 100644
--- a/packages/components/time-picker/src/common/picker.vue
+++ b/packages/components/time-picker/src/common/picker.vue
@@ -150,14 +150,14 @@
 </template>
 <script lang="ts">
 import {
-  defineComponent,
-  ref,
   computed,
-  nextTick,
+  defineComponent,
   inject,
-  watch,
+  nextTick,
   provide,
+  ref,
   unref,
+  watch,
 } from 'vue'
 import dayjs from 'dayjs'
 import { isEqual } from 'lodash-unified'
@@ -169,7 +169,7 @@ import ElIcon from '@element-plus/components/icon'
 import ElTooltip from '@element-plus/components/tooltip'
 import { debugWarn, isEmpty } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
-import { Clock, Calendar } from '@element-plus/icons-vue'
+import { Calendar, Clock } from '@element-plus/icons-vue'
 import { timePickerDefaultProps } from './props'
 
 import type { Dayjs } from 'dayjs'
diff --git a/packages/components/time-picker/src/common/props.ts b/packages/components/time-picker/src/common/props.ts
index 4f7109edf6..421ad9c20e 100644
--- a/packages/components/time-picker/src/common/props.ts
+++ b/packages/components/time-picker/src/common/props.ts
@@ -1,7 +1,7 @@
 import { isValidComponentSize } from '@element-plus/utils'
 import { CircleClose } from '@element-plus/icons-vue'
 
-import type { PropType, Component } from 'vue'
+import type { Component, PropType } from 'vue'
 import type { Options } from '@popperjs/core'
 import type { ComponentSize } from '@element-plus/constants'
 
diff --git a/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue b/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue
index f0d8c640bd..29c9d260eb 100644
--- a/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue
+++ b/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue
@@ -78,12 +78,12 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent, ref, nextTick, computed, onMounted, watch } from 'vue'
+import { computed, defineComponent, nextTick, onMounted, ref, watch } from 'vue'
 import { debounce } from 'lodash-unified'
 import { RepeatClick } from '@element-plus/directives'
 import ElScrollbar from '@element-plus/components/scrollbar'
 import ElIcon from '@element-plus/components/icon'
-import { ArrowUp, ArrowDown } from '@element-plus/icons-vue'
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'
 import { useNamespace } from '@element-plus/hooks'
 import { getTimeLists } from './useTimePicker'
 
diff --git a/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue b/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue
index dd9a26ad03..71316ae8e7 100644
--- a/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue
+++ b/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, inject } from 'vue'
+import { computed, defineComponent, inject, ref } from 'vue'
 import dayjs from 'dayjs'
 import { EVENT_CODE } from '@element-plus/constants'
 import { useLocale, useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/time-picker/src/time-picker-com/panel-time-range.vue b/packages/components/time-picker/src/time-picker-com/panel-time-range.vue
index 76e9cf0e3d..f66e2fffa9 100644
--- a/packages/components/time-picker/src/time-picker-com/panel-time-range.vue
+++ b/packages/components/time-picker/src/time-picker-com/panel-time-range.vue
@@ -82,7 +82,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, inject } from 'vue'
+import { computed, defineComponent, inject, ref } from 'vue'
 import dayjs from 'dayjs'
 import { union } from 'lodash-unified'
 import { useLocale, useNamespace } from '@element-plus/hooks'
diff --git a/packages/components/time-picker/src/time-picker.ts b/packages/components/time-picker/src/time-picker.ts
index 6b9f233a7c..8976fa2e81 100644
--- a/packages/components/time-picker/src/time-picker.ts
+++ b/packages/components/time-picker/src/time-picker.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h, ref, provide } from 'vue'
+import { defineComponent, h, provide, ref } from 'vue'
 import dayjs from 'dayjs'
 import customParseFormat from 'dayjs/plugin/customParseFormat.js'
 import { DEFAULT_FORMATS_TIME } from './common/constant'
diff --git a/packages/components/time-select/src/time-select.vue b/packages/components/time-select/src/time-select.vue
index 9e115fd451..c25ad50a04 100644
--- a/packages/components/time-select/src/time-select.vue
+++ b/packages/components/time-select/src/time-select.vue
@@ -31,14 +31,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import dayjs from 'dayjs'
 import customParseFormat from 'dayjs/plugin/customParseFormat.js'
 import ElSelect from '@element-plus/components/select'
 import ElIcon from '@element-plus/components/icon'
 import { CircleClose, Clock } from '@element-plus/icons-vue'
 
-import type { PropType, Component } from 'vue'
+import type { Component, PropType } from 'vue'
 import type { ComponentSize } from '@element-plus/constants'
 dayjs.extend(customParseFormat)
 
diff --git a/packages/components/timeline/src/timeline.ts b/packages/components/timeline/src/timeline.ts
index b901591a47..b6ecf23820 100644
--- a/packages/components/timeline/src/timeline.ts
+++ b/packages/components/timeline/src/timeline.ts
@@ -1,4 +1,4 @@
-import { h, provide, defineComponent, renderSlot } from 'vue'
+import { defineComponent, h, provide, renderSlot } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 
 const Timeline = defineComponent({
diff --git a/packages/components/tooltip/src/tooltip.ts b/packages/components/tooltip/src/tooltip.ts
index 25d8510608..1074b582a4 100644
--- a/packages/components/tooltip/src/tooltip.ts
+++ b/packages/components/tooltip/src/tooltip.ts
@@ -1,11 +1,11 @@
 import { buildProps, definePropType } from '@element-plus/utils'
 import {
-  usePopperTriggerProps,
   usePopperContentProps,
+  usePopperTriggerProps,
 } from '@element-plus/components/popper'
 import {
-  useDelayedToggleProps,
   POPPER_CONTAINER_SELECTOR,
+  useDelayedToggleProps,
 } from '@element-plus/hooks'
 import type Tooltip from '../src/tooltip.vue'
 
diff --git a/packages/components/tooltip/src/tooltip.vue b/packages/components/tooltip/src/tooltip.vue
index 341012271d..84d9b2b9c8 100644
--- a/packages/components/tooltip/src/tooltip.vue
+++ b/packages/components/tooltip/src/tooltip.vue
@@ -45,12 +45,12 @@
 
 <script lang="ts">
 import {
-  defineComponent,
   computed,
-  ref,
+  defineComponent,
   provide,
-  toRef,
   readonly,
+  ref,
+  toRef,
   unref,
   watch,
 } from 'vue'
@@ -62,17 +62,17 @@ import {
 
 import { debugWarn, isBoolean, isUndefined } from '@element-plus/utils'
 import {
-  usePopperContainer,
-  useId,
   createModelToggleComposable,
   useDelayedToggle,
+  useId,
+  usePopperContainer,
 } from '@element-plus/hooks'
 import ElTooltipContent from './content.vue'
 import ElTooltipTrigger from './trigger.vue'
 import {
   useTooltipContentProps,
-  useTooltipTriggerProps,
   useTooltipProps,
+  useTooltipTriggerProps,
 } from './tooltip'
 import { TOOLTIP_INJECTION_KEY } from './tokens'
 
diff --git a/packages/components/tooltip/src/trigger.vue b/packages/components/tooltip/src/trigger.vue
index b91fcd4869..57c1fa4ba4 100644
--- a/packages/components/tooltip/src/trigger.vue
+++ b/packages/components/tooltip/src/trigger.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, inject, ref, unref, toRef } from 'vue'
+import { defineComponent, inject, ref, toRef, unref } from 'vue'
 import { ElPopperTrigger } from '@element-plus/components/popper'
 import { composeEventHandlers } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
diff --git a/packages/components/transfer/src/index.vue b/packages/components/transfer/src/index.vue
index eb2eb1be65..276ab450d8 100644
--- a/packages/components/transfer/src/index.vue
+++ b/packages/components/transfer/src/index.vue
@@ -57,8 +57,8 @@
 import {
   computed,
   defineComponent,
-  inject,
   h,
+  inject,
   reactive,
   ref,
   toRefs,
@@ -74,9 +74,9 @@ import { debugWarn } from '@element-plus/utils'
 import TransferPanel from './transfer-panel.vue'
 import { useComputedData } from './useComputedData'
 import {
-  useCheckedChange,
   LEFT_CHECK_CHANGE_EVENT,
   RIGHT_CHECK_CHANGE_EVENT,
+  useCheckedChange,
 } from './useCheckedChange'
 import { useMove } from './useMove'
 import { CHANGE_EVENT } from './transfer'
diff --git a/packages/components/transfer/src/transfer-panel.vue b/packages/components/transfer/src/transfer-panel.vue
index 5efd81b5f1..74a7a10412 100644
--- a/packages/components/transfer/src/transfer-panel.vue
+++ b/packages/components/transfer/src/transfer-panel.vue
@@ -57,7 +57,7 @@ import { useLocale, useNamespace } from '@element-plus/hooks'
 import { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'
 import ElInput from '@element-plus/components/input'
 import { Search } from '@element-plus/icons-vue'
-import { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'
+import { CHECKED_CHANGE_EVENT, useCheck, useCheckProps } from './useCheck'
 
 export default defineComponent({
   name: 'ElTransferPanel',
diff --git a/packages/components/transfer/src/useCheck.ts b/packages/components/transfer/src/useCheck.ts
index 25233aee77..db1573bec3 100644
--- a/packages/components/transfer/src/useCheck.ts
+++ b/packages/components/transfer/src/useCheck.ts
@@ -1,7 +1,7 @@
 import { computed, getCurrentInstance, watch } from 'vue'
 
 import type { ExtractPropTypes } from 'vue'
-import type { TransferPanelState, Key } from './transfer'
+import type { Key, TransferPanelState } from './transfer'
 
 export const CHECKED_CHANGE_EVENT = 'checked-change'
 
diff --git a/packages/components/transfer/src/useCheckedChange.ts b/packages/components/transfer/src/useCheckedChange.ts
index 3d74945d0e..505c71a925 100644
--- a/packages/components/transfer/src/useCheckedChange.ts
+++ b/packages/components/transfer/src/useCheckedChange.ts
@@ -1,4 +1,4 @@
-import type { TransferCheckedState, Key } from './transfer'
+import type { Key, TransferCheckedState } from './transfer'
 
 export const LEFT_CHECK_CHANGE_EVENT = 'left-check-change'
 export const RIGHT_CHECK_CHANGE_EVENT = 'right-check-change'
diff --git a/packages/components/transfer/src/useMove.ts b/packages/components/transfer/src/useMove.ts
index f8cf5db6f9..87888c1420 100644
--- a/packages/components/transfer/src/useMove.ts
+++ b/packages/components/transfer/src/useMove.ts
@@ -2,10 +2,10 @@ import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 
 import type { ComputedRef } from 'vue'
 import type {
-  TransferProps,
-  TransferCheckedState,
   DataItem,
   Key,
+  TransferCheckedState,
+  TransferProps,
 } from './transfer'
 
 export const useMove = (
diff --git a/packages/components/tree-v2/__tests__/tree.spec.ts b/packages/components/tree-v2/__tests__/tree.spec.ts
index e7af363495..1bd9f12747 100644
--- a/packages/components/tree-v2/__tests__/tree.spec.ts
+++ b/packages/components/tree-v2/__tests__/tree.spec.ts
@@ -3,12 +3,12 @@ import { NOOP } from '@vue/shared'
 import { makeMountFunc } from '@element-plus/test-utils/make-mount'
 import Tree from '../src/tree.vue'
 import type {
-  TreeData,
-  TreeNodeData,
-  TreeNode,
-  TreeOptionProps,
-  TreeKey,
   FilterMethod,
+  TreeData,
+  TreeKey,
+  TreeNode,
+  TreeNodeData,
+  TreeOptionProps,
 } from '../src/types'
 
 jest.useFakeTimers()
diff --git a/packages/components/tree-v2/src/composables/useCheck.ts b/packages/components/tree-v2/src/composables/useCheck.ts
index 90a07c57cf..cad1b46634 100644
--- a/packages/components/tree-v2/src/composables/useCheck.ts
+++ b/packages/components/tree-v2/src/composables/useCheck.ts
@@ -1,11 +1,11 @@
-import { nextTick, ref, watch, getCurrentInstance } from 'vue'
+import { getCurrentInstance, nextTick, ref, watch } from 'vue'
 import {
-  NODE_CHECK_CHANGE,
   NODE_CHECK,
+  NODE_CHECK_CHANGE,
   SetOperationEnum,
 } from '../virtual-tree'
 import type { Ref } from 'vue'
-import type { TreeProps, TreeKey, TreeNode, Tree, TreeNodeData } from '../types'
+import type { Tree, TreeKey, TreeNode, TreeNodeData, TreeProps } from '../types'
 
 export function useCheck(props: TreeProps, tree: Ref<Tree | undefined>) {
   const checkedKeys = ref<Set<TreeKey>>(new Set())
diff --git a/packages/components/tree-v2/src/composables/useFilter.ts b/packages/components/tree-v2/src/composables/useFilter.ts
index 503ef2cc16..24bf42d717 100644
--- a/packages/components/tree-v2/src/composables/useFilter.ts
+++ b/packages/components/tree-v2/src/composables/useFilter.ts
@@ -1,7 +1,7 @@
 import { computed, ref } from 'vue'
 import { isFunction } from '@vue/shared'
 import type { Ref } from 'vue'
-import type { TreeProps, TreeKey, TreeNode, Tree } from '../types'
+import type { Tree, TreeKey, TreeNode, TreeProps } from '../types'
 
 // When the data volume is very large using filter will cause lag
 // I haven't found a better way to optimize it for now
diff --git a/packages/components/tree-v2/src/composables/useTree.ts b/packages/components/tree-v2/src/composables/useTree.ts
index be172a59df..6cf35b6ccf 100644
--- a/packages/components/tree-v2/src/composables/useTree.ts
+++ b/packages/components/tree-v2/src/composables/useTree.ts
@@ -1,20 +1,20 @@
 import { computed, nextTick, ref, shallowRef, watch } from 'vue'
 import {
+  CURRENT_CHANGE,
   NODE_CLICK,
   NODE_COLLAPSE,
   NODE_EXPAND,
-  CURRENT_CHANGE,
   TreeOptionsEnum,
 } from '../virtual-tree'
 import { useCheck } from './useCheck'
 import { useFilter } from './useFilter'
 import type {
-  TreeProps,
-  TreeNodeData,
+  Tree,
+  TreeData,
   TreeKey,
   TreeNode,
-  TreeData,
-  Tree,
+  TreeNodeData,
+  TreeProps,
 } from '../types'
 
 export function useTree(props: TreeProps, emit) {
diff --git a/packages/components/tree-v2/src/tree-node-content.ts b/packages/components/tree-v2/src/tree-node-content.ts
index 59c5a0a186..71dc1f6ed9 100644
--- a/packages/components/tree-v2/src/tree-node-content.ts
+++ b/packages/components/tree-v2/src/tree-node-content.ts
@@ -1,4 +1,4 @@
-import { h, defineComponent, inject } from 'vue'
+import { defineComponent, h, inject } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import { ROOT_TREE_INJECTION_KEY, treeNodeContentProps } from './virtual-tree'
 
diff --git a/packages/components/tree-v2/src/tree-node.vue b/packages/components/tree-v2/src/tree-node.vue
index db2e46505d..717eb165d4 100644
--- a/packages/components/tree-v2/src/tree-node.vue
+++ b/packages/components/tree-v2/src/tree-node.vue
@@ -56,8 +56,8 @@ import ElCheckbox from '@element-plus/components/checkbox'
 import { useNamespace } from '@element-plus/hooks'
 import ElNodeContent from './tree-node-content'
 import {
-  ROOT_TREE_INJECTION_KEY,
   NODE_CONTEXTMENU,
+  ROOT_TREE_INJECTION_KEY,
   treeNodeEmits,
   treeNodeProps,
 } from './virtual-tree'
diff --git a/packages/components/tree-v2/src/types.ts b/packages/components/tree-v2/src/types.ts
index 5c4bef4b41..e692e72bc1 100644
--- a/packages/components/tree-v2/src/types.ts
+++ b/packages/components/tree-v2/src/types.ts
@@ -1,9 +1,9 @@
 import type {
   ComponentInternalInstance,
-  SetupContext,
   ExtractPropTypes,
+  SetupContext,
 } from 'vue'
-import type { treeProps, treeEmits } from './virtual-tree'
+import type { treeEmits, treeProps } from './virtual-tree'
 
 export type TreeNodeData = Record<string, any>
 
diff --git a/packages/components/tree-v2/src/virtual-tree.ts b/packages/components/tree-v2/src/virtual-tree.ts
index 0ba60352f1..1e74fd2c19 100644
--- a/packages/components/tree-v2/src/virtual-tree.ts
+++ b/packages/components/tree-v2/src/virtual-tree.ts
@@ -2,13 +2,13 @@ import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import type { InjectionKey } from 'vue'
 import type { TreeNodeData } from '../../tree/src/tree.type'
 import type {
-  TreeNode,
-  TreeKey,
-  TreeData,
-  TreeOptionProps,
-  FilterMethod,
   CheckedInfo,
+  FilterMethod,
   TreeContext,
+  TreeData,
+  TreeKey,
+  TreeNode,
+  TreeOptionProps,
 } from './types'
 
 // constants
diff --git a/packages/components/tree/src/model/node.ts b/packages/components/tree/src/model/node.ts
index 813d282ae0..76706192c8 100644
--- a/packages/components/tree/src/model/node.ts
+++ b/packages/components/tree/src/model/node.ts
@@ -1,16 +1,16 @@
 import { reactive } from 'vue'
 import { hasOwn } from '@element-plus/utils'
-import { markNodeData, NODE_KEY } from './util'
+import { NODE_KEY, markNodeData } from './util'
 import type TreeStore from './tree-store'
 
 import type { Nullable } from '@element-plus/utils'
 import type {
-  TreeNodeOptions,
-  TreeNodeData,
-  TreeKey,
   FakeNode,
-  TreeNodeLoadedDefaultProps,
+  TreeKey,
   TreeNodeChildState,
+  TreeNodeData,
+  TreeNodeLoadedDefaultProps,
+  TreeNodeOptions,
 } from '../tree.type'
 
 export const getChildState = (node: Node[]): TreeNodeChildState => {
diff --git a/packages/components/tree/src/model/tree-store.ts b/packages/components/tree/src/model/tree-store.ts
index d4c417fdc4..91d5541ec2 100644
--- a/packages/components/tree/src/model/tree-store.ts
+++ b/packages/components/tree/src/model/tree-store.ts
@@ -3,15 +3,15 @@ import Node from './node'
 import { getNodeKey } from './util'
 
 import type {
-  TreeKey,
-  TreeData,
-  TreeStoreNodesMap,
-  LoadFunction,
   FilterNodeMethodFunction,
-  TreeOptionProps,
-  TreeStoreOptions,
   FilterValue,
+  LoadFunction,
+  TreeData,
+  TreeKey,
   TreeNodeData,
+  TreeOptionProps,
+  TreeStoreNodesMap,
+  TreeStoreOptions,
 } from '../tree.type'
 
 export default class TreeStore {
diff --git a/packages/components/tree/src/model/useKeydown.ts b/packages/components/tree/src/model/useKeydown.ts
index c08b355d97..9bac37cd83 100644
--- a/packages/components/tree/src/model/useKeydown.ts
+++ b/packages/components/tree/src/model/useKeydown.ts
@@ -1,5 +1,5 @@
-import { onMounted, onUpdated, onBeforeUnmount, watch, shallowRef } from 'vue'
-import { on, off } from '@element-plus/utils'
+import { onBeforeUnmount, onMounted, onUpdated, shallowRef, watch } from 'vue'
+import { off, on } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 import type TreeStore from './tree-store'
diff --git a/packages/components/tree/src/tree-node-content.vue b/packages/components/tree/src/tree-node-content.vue
index 1aeb2cdbd2..04db5f47b5 100644
--- a/packages/components/tree/src/tree-node-content.vue
+++ b/packages/components/tree/src/tree-node-content.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { h, defineComponent, inject } from 'vue'
+import { defineComponent, h, inject } from 'vue'
 
 import { useNamespace } from '@element-plus/hooks'
 import type { ComponentInternalInstance } from 'vue'
diff --git a/packages/components/tree/src/tree-node.vue b/packages/components/tree/src/tree-node.vue
index f6dc9343a5..30abe439d7 100644
--- a/packages/components/tree/src/tree-node.vue
+++ b/packages/components/tree/src/tree-node.vue
@@ -85,13 +85,13 @@
 import {
   defineComponent,
   getCurrentInstance,
+  inject,
+  nextTick,
+  provide,
   ref,
   watch,
-  nextTick,
-  inject,
-  provide,
 } from 'vue'
-import { isString, isFunction } from '@vue/shared'
+import { isFunction, isString } from '@vue/shared'
 import ElCollapseTransition from '@element-plus/components/collapse-transition'
 import ElCheckbox from '@element-plus/components/checkbox'
 import { ElIcon } from '@element-plus/components/icon'
@@ -106,7 +106,7 @@ import Node from './model/node'
 
 import type { ComponentInternalInstance, PropType } from 'vue'
 import type { Nullable } from '@element-plus/utils'
-import type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'
+import type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'
 
 export default defineComponent({
   name: 'ElTreeNode',
diff --git a/packages/components/tree/src/tree.type.ts b/packages/components/tree/src/tree.type.ts
index 81aabff432..18b92afba8 100644
--- a/packages/components/tree/src/tree.type.ts
+++ b/packages/components/tree/src/tree.type.ts
@@ -1,10 +1,10 @@
 import type {
-  h,
+  Component,
   ComponentInternalInstance,
   Ref,
   SetupContext,
   VNode,
-  Component,
+  h,
 } from 'vue'
 import type Node from './model/node'
 import type TreeStore from './model/tree-store'
diff --git a/packages/components/tree/src/tree.vue b/packages/components/tree/src/tree.vue
index 7dd307697f..6bda46c5df 100644
--- a/packages/components/tree/src/tree.vue
+++ b/packages/components/tree/src/tree.vue
@@ -35,12 +35,12 @@
 </template>
 <script lang="ts">
 import {
-  defineComponent,
-  ref,
-  provide,
   computed,
-  watch,
+  defineComponent,
   getCurrentInstance,
+  provide,
+  ref,
+  watch,
 } from 'vue'
 import { useLocale, useNamespace } from '@element-plus/hooks'
 import TreeStore from './model/tree-store'
@@ -51,13 +51,13 @@ import { useDragNodeHandler } from './model/useDragNode'
 import { useKeydown } from './model/useKeydown'
 import type Node from './model/node'
 
-import type { ComponentInternalInstance, PropType, Component } from 'vue'
+import type { Component, ComponentInternalInstance, PropType } from 'vue'
 import type { Nullable } from '@element-plus/utils'
 import type {
   TreeComponentProps,
-  TreeNodeData,
-  TreeKey,
   TreeData,
+  TreeKey,
+  TreeNodeData,
 } from './tree.type'
 
 export default defineComponent({
diff --git a/packages/components/upload/__tests__/upload-dragger.spec.ts b/packages/components/upload/__tests__/upload-dragger.spec.ts
index 7537d23966..8789e89b41 100644
--- a/packages/components/upload/__tests__/upload-dragger.spec.ts
+++ b/packages/components/upload/__tests__/upload-dragger.spec.ts
@@ -1,4 +1,4 @@
-import { provide, h, defineComponent, computed } from 'vue'
+import { computed, defineComponent, h, provide } from 'vue'
 import makeMount from '@element-plus/test-utils/make-mount'
 import { uploadContextKey } from '@element-plus/tokens'
 import UploadDragger from '../src/upload-dragger.vue'
diff --git a/packages/components/upload/src/ajax.ts b/packages/components/upload/src/ajax.ts
index 98754fa368..59b0aff01c 100644
--- a/packages/components/upload/src/ajax.ts
+++ b/packages/components/upload/src/ajax.ts
@@ -1,8 +1,8 @@
 import { isNil } from 'lodash-unified'
 import { throwError } from '@element-plus/utils'
 import type {
-  UploadRequestHandler,
   UploadProgressEvent,
+  UploadRequestHandler,
   UploadRequestOptions,
 } from './upload'
 
diff --git a/packages/components/upload/src/upload-content.ts b/packages/components/upload/src/upload-content.ts
index c3ad430568..c3364ace65 100644
--- a/packages/components/upload/src/upload-content.ts
+++ b/packages/components/upload/src/upload-content.ts
@@ -4,11 +4,11 @@ import { uploadBaseProps } from './upload'
 
 import type { ExtractPropTypes } from 'vue'
 import type {
-  UploadUserFile,
-  UploadRawFile,
   UploadFile,
-  UploadProgressEvent,
   UploadHooks,
+  UploadProgressEvent,
+  UploadRawFile,
+  UploadUserFile,
 } from './upload'
 import type UploadContent from './upload-content.vue'
 import type { UploadAjaxError } from './ajax'
diff --git a/packages/components/upload/src/upload-content.vue b/packages/components/upload/src/upload-content.vue
index 68918e492c..299b795bde 100644
--- a/packages/components/upload/src/upload-content.vue
+++ b/packages/components/upload/src/upload-content.vue
@@ -34,10 +34,10 @@ import { uploadContentProps } from './upload-content'
 import { genFileId } from './upload'
 
 import type {
-  UploadRequestOptions,
-  UploadRawFile,
   UploadFile,
   UploadHooks,
+  UploadRawFile,
+  UploadRequestOptions,
 } from './upload'
 
 defineOptions({
diff --git a/packages/components/upload/src/upload-dragger.vue b/packages/components/upload/src/upload-dragger.vue
index b52407c78a..2f8a6193ee 100644
--- a/packages/components/upload/src/upload-dragger.vue
+++ b/packages/components/upload/src/upload-dragger.vue
@@ -9,7 +9,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, inject } from 'vue'
+import { inject, ref } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 
 import { uploadContextKey } from '@element-plus/tokens'
diff --git a/packages/components/upload/src/upload-list.ts b/packages/components/upload/src/upload-list.ts
index f8e9e996e9..5ffc310a2a 100644
--- a/packages/components/upload/src/upload-list.ts
+++ b/packages/components/upload/src/upload-list.ts
@@ -2,7 +2,7 @@ import { NOOP } from '@vue/shared'
 import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import { uploadListTypes } from './upload'
 import type { ExtractPropTypes } from 'vue'
-import type { UploadFile, UploadHooks, UploadFiles } from './upload'
+import type { UploadFile, UploadFiles, UploadHooks } from './upload'
 import type UploadList from './upload-list.vue'
 
 export const uploadListProps = buildProps({
diff --git a/packages/components/upload/src/upload-list.vue b/packages/components/upload/src/upload-list.vue
index e9875da42b..12591b7dda 100644
--- a/packages/components/upload/src/upload-list.vue
+++ b/packages/components/upload/src/upload-list.vue
@@ -109,12 +109,12 @@
 import { ref } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import {
-  Document,
-  Delete,
-  Close,
-  ZoomIn,
   Check,
   CircleCheck,
+  Close,
+  Delete,
+  Document,
+  ZoomIn,
 } from '@element-plus/icons-vue'
 import { useLocale, useNamespace } from '@element-plus/hooks'
 import ElProgress from '@element-plus/components/progress'
diff --git a/packages/components/upload/src/upload.vue b/packages/components/upload/src/upload.vue
index f7a518e3c2..253bdeabd4 100644
--- a/packages/components/upload/src/upload.vue
+++ b/packages/components/upload/src/upload.vue
@@ -52,10 +52,10 @@
 <script lang="ts" setup>
 import {
   computed,
-  provide,
   onBeforeUnmount,
-  toRef,
+  provide,
   shallowRef,
+  toRef,
   useSlots,
 } from 'vue'
 import { uploadContextKey } from '@element-plus/tokens'
diff --git a/packages/components/upload/src/use-handlers.ts b/packages/components/upload/src/use-handlers.ts
index 24de93d785..f0625e191a 100644
--- a/packages/components/upload/src/use-handlers.ts
+++ b/packages/components/upload/src/use-handlers.ts
@@ -4,15 +4,15 @@ import { useDeprecated } from '@element-plus/hooks'
 import { genFileId } from './upload'
 import type { ShallowRef } from 'vue'
 import type {
-  UploadContentProps,
   UploadContentInstance,
+  UploadContentProps,
 } from './upload-content'
 import type {
-  UploadRawFile,
   UploadFile,
-  UploadProps,
-  UploadStatus,
   UploadFiles,
+  UploadProps,
+  UploadRawFile,
+  UploadStatus,
 } from './upload'
 
 const SCOPE = 'ElUpload'
diff --git a/packages/components/virtual-list/__tests__/dynamic-size-grid.spec.ts b/packages/components/virtual-list/__tests__/dynamic-size-grid.spec.ts
index 6193b531a5..f0fe5c2a2f 100644
--- a/packages/components/virtual-list/__tests__/dynamic-size-grid.spec.ts
+++ b/packages/components/virtual-list/__tests__/dynamic-size-grid.spec.ts
@@ -4,9 +4,9 @@ import makeScroll from '@element-plus/test-utils/make-scroll'
 import setupMock from '../setup-mock'
 import {
   CENTERED_ALIGNMENT,
-  START_ALIGNMENT,
   END_ALIGNMENT,
   SMART_ALIGNMENT,
+  START_ALIGNMENT,
 } from '../src/defaults'
 import { DynamicSizeGrid } from '..'
 
diff --git a/packages/components/virtual-list/__tests__/dynamic-size-list.spec.ts b/packages/components/virtual-list/__tests__/dynamic-size-list.spec.ts
index afc59550c0..9b2813d98a 100644
--- a/packages/components/virtual-list/__tests__/dynamic-size-list.spec.ts
+++ b/packages/components/virtual-list/__tests__/dynamic-size-list.spec.ts
@@ -2,10 +2,10 @@ import { nextTick } from 'vue'
 import makeMount from '@element-plus/test-utils/make-mount'
 import setupMock from '../setup-mock'
 import {
-  HORIZONTAL,
-  START_ALIGNMENT,
   END_ALIGNMENT,
+  HORIZONTAL,
   SMART_ALIGNMENT,
+  START_ALIGNMENT,
 } from '../src/defaults'
 import { DynamicSizeList } from '..'
 
diff --git a/packages/components/virtual-list/__tests__/fixed-size-grid.spec.ts b/packages/components/virtual-list/__tests__/fixed-size-grid.spec.ts
index 7ac6a50315..a3fc3ceabb 100644
--- a/packages/components/virtual-list/__tests__/fixed-size-grid.spec.ts
+++ b/packages/components/virtual-list/__tests__/fixed-size-grid.spec.ts
@@ -4,9 +4,9 @@ import makeScroll from '@element-plus/test-utils/make-scroll'
 import setupMock from '../setup-mock'
 import {
   CENTERED_ALIGNMENT,
-  START_ALIGNMENT,
   END_ALIGNMENT,
   SMART_ALIGNMENT,
+  START_ALIGNMENT,
 } from '../src/defaults'
 import { FixedSizeGrid } from '..'
 
diff --git a/packages/components/virtual-list/__tests__/fixed-size-list.spec.ts b/packages/components/virtual-list/__tests__/fixed-size-list.spec.ts
index 9e8d5acdee..c5f8d6fa9f 100644
--- a/packages/components/virtual-list/__tests__/fixed-size-list.spec.ts
+++ b/packages/components/virtual-list/__tests__/fixed-size-list.spec.ts
@@ -3,12 +3,12 @@ import makeMount from '@element-plus/test-utils/make-mount'
 import makeScroll from '@element-plus/test-utils/make-scroll'
 import setupMock from '../setup-mock'
 import {
-  RTL,
-  HORIZONTAL,
   CENTERED_ALIGNMENT,
-  START_ALIGNMENT,
   END_ALIGNMENT,
+  HORIZONTAL,
+  RTL,
   SMART_ALIGNMENT,
+  START_ALIGNMENT,
 } from '../src/defaults'
 import { FixedSizeList } from '..'
 
diff --git a/packages/components/virtual-list/src/builders/build-grid.ts b/packages/components/virtual-list/src/builders/build-grid.ts
index 60ef215686..6615bb7eaf 100644
--- a/packages/components/virtual-list/src/builders/build-grid.ts
+++ b/packages/components/virtual-list/src/builders/build-grid.ts
@@ -2,40 +2,40 @@ import {
   computed,
   defineComponent,
   getCurrentInstance,
-  ref,
+  h,
   nextTick,
   onMounted,
   onUpdated,
+  ref,
   resolveDynamicComponent,
-  h,
   unref,
 } from 'vue'
 import { isClient } from '@vueuse/core'
 import {
+  getScrollBarWidth,
   hasOwn,
   isNumber,
   isString,
-  getScrollBarWidth,
 } from '@element-plus/utils'
 import Scrollbar from '../components/scrollbar'
 import { useGridWheel } from '../hooks/use-grid-wheel'
 import { useCache } from '../hooks/use-cache'
 import { virtualizedGridProps } from '../props'
-import { getScrollDir, getRTLOffsetType, isRTL } from '../utils'
+import { getRTLOffsetType, getScrollDir, isRTL } from '../utils'
 import {
   AUTO_ALIGNMENT,
   BACKWARD,
   FORWARD,
-  RTL,
   ITEM_RENDER_EVT,
-  SCROLL_EVT,
+  RTL,
   RTL_OFFSET_NAG,
-  RTL_OFFSET_POS_DESC,
   RTL_OFFSET_POS_ASC,
+  RTL_OFFSET_POS_DESC,
+  SCROLL_EVT,
 } from '../defaults'
 
-import type { CSSProperties, VNode, VNodeChild, StyleValue } from 'vue'
-import type { GridConstructorProps, Alignment, ScrollbarExpose } from '../types'
+import type { CSSProperties, StyleValue, VNode, VNodeChild } from 'vue'
+import type { Alignment, GridConstructorProps, ScrollbarExpose } from '../types'
 import type { VirtualizedGridProps } from '../props'
 
 const createGrid = ({
diff --git a/packages/components/virtual-list/src/builders/build-list.ts b/packages/components/virtual-list/src/builders/build-list.ts
index 61c1224828..c65d8d2c72 100644
--- a/packages/components/virtual-list/src/builders/build-list.ts
+++ b/packages/components/virtual-list/src/builders/build-list.ts
@@ -2,12 +2,12 @@ import {
   computed,
   defineComponent,
   getCurrentInstance,
-  ref,
+  h,
   nextTick,
   onMounted,
   onUpdated,
+  ref,
   resolveDynamicComponent,
-  h,
   unref,
 } from 'vue'
 import { isClient } from '@vueuse/core'
@@ -15,22 +15,22 @@ import { hasOwn, isNumber, isString } from '@element-plus/utils'
 import { useCache } from '../hooks/use-cache'
 import useWheel from '../hooks/use-wheel'
 import Scrollbar from '../components/scrollbar'
-import { getScrollDir, isHorizontal, getRTLOffsetType } from '../utils'
+import { getRTLOffsetType, getScrollDir, isHorizontal } from '../utils'
 import { virtualizedListProps } from '../props'
 import {
   AUTO_ALIGNMENT,
   BACKWARD,
   FORWARD,
-  RTL,
   HORIZONTAL,
   ITEM_RENDER_EVT,
-  SCROLL_EVT,
+  RTL,
   RTL_OFFSET_NAG,
   RTL_OFFSET_POS_DESC,
+  SCROLL_EVT,
 } from '../defaults'
 
-import type { VNode, CSSProperties, Slot, VNodeChild } from 'vue'
-import type { ListConstructorProps, Alignment } from '../types'
+import type { CSSProperties, Slot, VNode, VNodeChild } from 'vue'
+import type { Alignment, ListConstructorProps } from '../types'
 import type { VirtualizedListProps } from '../props'
 
 const createList = ({
diff --git a/packages/components/virtual-list/src/components/dynamic-size-grid.ts b/packages/components/virtual-list/src/components/dynamic-size-grid.ts
index 67a751be15..462a8a7ac1 100644
--- a/packages/components/virtual-list/src/components/dynamic-size-grid.ts
+++ b/packages/components/virtual-list/src/components/dynamic-size-grid.ts
@@ -12,7 +12,7 @@ import {
 } from '../defaults'
 import type { VirtualizedGridProps } from '../props'
 
-import type { Alignment, GridCache, ListItem, ItemSize } from '../types'
+import type { Alignment, GridCache, ItemSize, ListItem } from '../types'
 
 const { max, min, floor } = Math
 const SCOPE = 'ElDynamicSizeGrid'
diff --git a/packages/components/virtual-list/src/components/dynamic-size-list.ts b/packages/components/virtual-list/src/components/dynamic-size-list.ts
index 448337b4ce..08528032a2 100644
--- a/packages/components/virtual-list/src/components/dynamic-size-list.ts
+++ b/packages/components/virtual-list/src/components/dynamic-size-list.ts
@@ -13,7 +13,7 @@ import {
 } from '../defaults'
 import type { VirtualizedListProps } from '../props'
 
-import type { ListCache, ListItem, ItemSize } from '../types'
+import type { ItemSize, ListCache, ListItem } from '../types'
 
 type Props = VirtualizedListProps
 
diff --git a/packages/components/virtual-list/src/components/fixed-size-grid.ts b/packages/components/virtual-list/src/components/fixed-size-grid.ts
index 98c10513ad..e5bde5dc57 100644
--- a/packages/components/virtual-list/src/components/fixed-size-grid.ts
+++ b/packages/components/virtual-list/src/components/fixed-size-grid.ts
@@ -3,10 +3,10 @@ import createGrid from '../builders/build-grid'
 
 import {
   AUTO_ALIGNMENT,
-  SMART_ALIGNMENT,
-  START_ALIGNMENT,
   CENTERED_ALIGNMENT,
   END_ALIGNMENT,
+  SMART_ALIGNMENT,
+  START_ALIGNMENT,
 } from '../defaults'
 
 const SCOPE = 'ElFixedSizeGrid'
diff --git a/packages/components/virtual-list/src/components/fixed-size-list.ts b/packages/components/virtual-list/src/components/fixed-size-list.ts
index e2990c4767..9608ed3612 100644
--- a/packages/components/virtual-list/src/components/fixed-size-list.ts
+++ b/packages/components/virtual-list/src/components/fixed-size-list.ts
@@ -2,11 +2,11 @@ import { isString, throwError } from '@element-plus/utils'
 import buildList from '../builders/build-list'
 import { isHorizontal } from '../utils'
 import {
-  SMART_ALIGNMENT,
   AUTO_ALIGNMENT,
-  START_ALIGNMENT,
-  END_ALIGNMENT,
   CENTERED_ALIGNMENT,
+  END_ALIGNMENT,
+  SMART_ALIGNMENT,
+  START_ALIGNMENT,
 } from '../defaults'
 
 import type { VirtualizedListProps } from '../props'
diff --git a/packages/components/virtual-list/src/components/scrollbar.ts b/packages/components/virtual-list/src/components/scrollbar.ts
index 262f9c0b7a..d08ceb3b1e 100644
--- a/packages/components/virtual-list/src/components/scrollbar.ts
+++ b/packages/components/virtual-list/src/components/scrollbar.ts
@@ -1,20 +1,20 @@
 import {
   computed,
   defineComponent,
-  ref,
-  reactive,
-  onMounted,
-  onBeforeUnmount,
-  watch,
   h,
-  withModifiers,
+  onBeforeUnmount,
+  onMounted,
+  reactive,
+  ref,
   unref,
+  watch,
+  withModifiers,
 } from 'vue'
 import { isClient } from '@vueuse/core'
 import { BAR_MAP } from '@element-plus/components/scrollbar'
-import { on, off, rAF, cAF } from '@element-plus/utils'
+import { cAF, off, on, rAF } from '@element-plus/utils'
 
-import { SCROLLBAR_MIN_SIZE, HORIZONTAL, ScrollbarDirKey } from '../defaults'
+import { HORIZONTAL, SCROLLBAR_MIN_SIZE, ScrollbarDirKey } from '../defaults'
 import { virtualizedScrollbarProps } from '../props'
 import { renderThumbStyle } from '../utils'
 
diff --git a/packages/components/virtual-list/src/hooks/use-grid-wheel.ts b/packages/components/virtual-list/src/hooks/use-grid-wheel.ts
index 3bb9e8b113..3f9f0f38ab 100644
--- a/packages/components/virtual-list/src/hooks/use-grid-wheel.ts
+++ b/packages/components/virtual-list/src/hooks/use-grid-wheel.ts
@@ -1,4 +1,4 @@
-import { rAF, cAF, isFirefox } from '@element-plus/utils'
+import { cAF, isFirefox, rAF } from '@element-plus/utils'
 
 import type { ComputedRef } from 'vue'
 
diff --git a/packages/components/virtual-list/src/hooks/use-wheel.ts b/packages/components/virtual-list/src/hooks/use-wheel.ts
index 422e1eff35..fee15c8eef 100644
--- a/packages/components/virtual-list/src/hooks/use-wheel.ts
+++ b/packages/components/virtual-list/src/hooks/use-wheel.ts
@@ -1,4 +1,4 @@
-import { rAF, cAF, isFirefox } from '@element-plus/utils'
+import { cAF, isFirefox, rAF } from '@element-plus/utils'
 import { HORIZONTAL, VERTICAL } from '../defaults'
 
 import type { ComputedRef } from 'vue'
diff --git a/packages/components/virtual-list/src/utils.ts b/packages/components/virtual-list/src/utils.ts
index 8f0a41a2e2..cdb42c6de1 100644
--- a/packages/components/virtual-list/src/utils.ts
+++ b/packages/components/virtual-list/src/utils.ts
@@ -1,17 +1,17 @@
 import {
-  FORWARD,
   BACKWARD,
-  LTR,
-  RTL,
+  FORWARD,
   HORIZONTAL,
-  RTL_OFFSET_NAG,
-  RTL_OFFSET_POS_DESC,
-  RTL_OFFSET_POS_ASC,
+  LTR,
   PageKey,
+  RTL,
+  RTL_OFFSET_NAG,
+  RTL_OFFSET_POS_ASC,
+  RTL_OFFSET_POS_DESC,
 } from './defaults'
 
 import type { CSSProperties } from 'vue'
-import type { RTLOffsetType, Direction, LayoutDirection } from './types'
+import type { Direction, LayoutDirection, RTLOffsetType } from './types'
 
 export const getScrollDir = (prev: number, cur: number) =>
   prev < cur ? FORWARD : BACKWARD
diff --git a/packages/directives/__tests__/click-outside.spec.ts b/packages/directives/__tests__/click-outside.spec.ts
index afaa9a48b1..79a593a8f3 100644
--- a/packages/directives/__tests__/click-outside.spec.ts
+++ b/packages/directives/__tests__/click-outside.spec.ts
@@ -1,4 +1,4 @@
-import { withDirectives, h } from 'vue'
+import { h, withDirectives } from 'vue'
 import { mount } from '@vue/test-utils'
 import ClickOutside from '../click-outside'
 
diff --git a/packages/directives/mousewheel/index.ts b/packages/directives/mousewheel/index.ts
index 8dd361a528..b6735a4bb9 100644
--- a/packages/directives/mousewheel/index.ts
+++ b/packages/directives/mousewheel/index.ts
@@ -1,6 +1,6 @@
 import normalizeWheel from 'normalize-wheel-es'
 import { isFirefox } from '@element-plus/utils'
-import type { ObjectDirective, DirectiveBinding } from 'vue'
+import type { DirectiveBinding, ObjectDirective } from 'vue'
 
 const mousewheel = function (element, callback) {
   if (element && element.addEventListener) {
diff --git a/packages/directives/repeat-click/index.ts b/packages/directives/repeat-click/index.ts
index 6f55e6f73f..34bdbc9699 100644
--- a/packages/directives/repeat-click/index.ts
+++ b/packages/directives/repeat-click/index.ts
@@ -1,6 +1,6 @@
 import { on, once } from '@element-plus/utils'
 
-import type { ObjectDirective, DirectiveBinding } from 'vue'
+import type { DirectiveBinding, ObjectDirective } from 'vue'
 
 export default {
   beforeMount(el: HTMLElement, binding: DirectiveBinding) {
diff --git a/packages/directives/resize/index.ts b/packages/directives/resize/index.ts
index 20b4cb4f55..f51bd21fab 100644
--- a/packages/directives/resize/index.ts
+++ b/packages/directives/resize/index.ts
@@ -1,6 +1,6 @@
 import { addResizeListener, removeResizeListener } from '@element-plus/utils'
 
-import type { ObjectDirective, DirectiveBinding } from 'vue'
+import type { DirectiveBinding, ObjectDirective } from 'vue'
 
 declare interface ResizeEl extends HTMLElement {
   _handleResize?: () => void
diff --git a/packages/directives/trap-focus/index.ts b/packages/directives/trap-focus/index.ts
index 9eff1d6503..20055a77c9 100644
--- a/packages/directives/trap-focus/index.ts
+++ b/packages/directives/trap-focus/index.ts
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue'
-import { on, off, obtainAllFocusableElements } from '@element-plus/utils'
+import { obtainAllFocusableElements, off, on } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 import type { ObjectDirective } from 'vue'
 
diff --git a/packages/element-plus/component.ts b/packages/element-plus/component.ts
index 7e94de4017..c951622f9d 100644
--- a/packages/element-plus/component.ts
+++ b/packages/element-plus/component.ts
@@ -26,8 +26,8 @@ import { ElCollapseTransition } from '@element-plus/components/collapse-transiti
 import { ElColorPicker } from '@element-plus/components/color-picker'
 import { ElConfigProvider } from '@element-plus/components/config-provider'
 import {
-  ElContainer,
   ElAside,
+  ElContainer,
   ElFooter,
   ElHeader,
   ElMain,
@@ -74,18 +74,18 @@ import { ElResult } from '@element-plus/components/result'
 import { ElRow } from '@element-plus/components/row'
 import { ElScrollbar } from '@element-plus/components/scrollbar'
 import {
-  ElSelect,
   ElOption,
   ElOptionGroup,
+  ElSelect,
 } from '@element-plus/components/select'
 import { ElSelectV2 } from '@element-plus/components/select-v2'
 import { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'
 import { ElSlider } from '@element-plus/components/slider'
 import { ElSpace } from '@element-plus/components/space'
-import { ElSteps, ElStep } from '@element-plus/components/steps'
+import { ElStep, ElSteps } from '@element-plus/components/steps'
 import { ElSwitch } from '@element-plus/components/switch'
 import { ElTable, ElTableColumn } from '@element-plus/components/table'
-import { ElTabs, ElTabPane } from '@element-plus/components/tabs'
+import { ElTabPane, ElTabs } from '@element-plus/components/tabs'
 import { ElTag } from '@element-plus/components/tag'
 import { ElTimePicker } from '@element-plus/components/time-picker'
 import { ElTimeSelect } from '@element-plus/components/time-select'
diff --git a/packages/hooks/__tests__/use-attrs.vitest.tsx b/packages/hooks/__tests__/use-attrs.vitest.tsx
index 9d14d4c0a0..72d7a706fe 100644
--- a/packages/hooks/__tests__/use-attrs.vitest.tsx
+++ b/packages/hooks/__tests__/use-attrs.vitest.tsx
@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, fn, afterEach, vi } from 'vitest'
+import { afterEach, describe, expect, fn, it, vi } from 'vitest'
 import { useAttrs } from '../use-attrs'
 
 const CLASS = 'a'
diff --git a/packages/hooks/__tests__/use-deprecated.vitest.ts b/packages/hooks/__tests__/use-deprecated.vitest.ts
index e6e445f00c..5bc46de09f 100644
--- a/packages/hooks/__tests__/use-deprecated.vitest.ts
+++ b/packages/hooks/__tests__/use-deprecated.vitest.ts
@@ -1,6 +1,6 @@
 import { computed, defineComponent, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, fn, vi, expect, afterEach } from 'vitest'
+import { afterEach, describe, expect, fn, it, vi } from 'vitest'
 import { debugWarn } from '@element-plus/utils'
 import { useDeprecated } from '../use-deprecated'
 
diff --git a/packages/hooks/__tests__/use-focus.vitest.ts b/packages/hooks/__tests__/use-focus.vitest.ts
index bca1e3289e..bbdc040226 100644
--- a/packages/hooks/__tests__/use-focus.vitest.ts
+++ b/packages/hooks/__tests__/use-focus.vitest.ts
@@ -1,5 +1,5 @@
 import { ref } from 'vue'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { useFocus } from '../use-focus'
 
 describe('useFocus', () => {
diff --git a/packages/hooks/__tests__/use-form-item.vitest.tsx b/packages/hooks/__tests__/use-form-item.vitest.tsx
index 32bc3f4d18..79c85978ad 100644
--- a/packages/hooks/__tests__/use-form-item.vitest.tsx
+++ b/packages/hooks/__tests__/use-form-item.vitest.tsx
@@ -1,18 +1,18 @@
 import { defineComponent, provide } from 'vue'
 import { NOOP } from '@vue/shared'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { ElButton } from '@element-plus/components'
 import {
+  buttonGroupContextKey,
   formContextKey,
   formItemContextKey,
-  buttonGroupContextKey,
 } from '@element-plus/tokens'
 
 import type {
+  ButtonGroupContext,
   FormContext,
   FormItemContext,
-  ButtonGroupContext,
 } from '@element-plus/tokens'
 
 const AXIOM = 'Rem is the best girl'
diff --git a/packages/hooks/__tests__/use-locale.vitest.tsx b/packages/hooks/__tests__/use-locale.vitest.tsx
index 532d2146e9..c059958202 100644
--- a/packages/hooks/__tests__/use-locale.vitest.tsx
+++ b/packages/hooks/__tests__/use-locale.vitest.tsx
@@ -1,12 +1,12 @@
-import { nextTick, computed, defineComponent } from 'vue'
+import { computed, defineComponent, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
 import Chinese from '@element-plus/locale/lang/zh-cn'
 import English from '@element-plus/locale/lang/en'
-import { useLocale, buildTranslator } from '../use-locale'
+import { buildTranslator, useLocale } from '../use-locale'
 import { provideGlobalConfig } from '..'
 import type { Language } from '@element-plus/locale'
-import type { PropType, ComponentPublicInstance } from 'vue'
+import type { ComponentPublicInstance, PropType } from 'vue'
 import type { VueWrapper } from '@vue/test-utils'
 
 const TestComp = defineComponent({
diff --git a/packages/hooks/__tests__/use-lockscreen.vitest.tsx b/packages/hooks/__tests__/use-lockscreen.vitest.tsx
index b22dfd528c..813f075ad1 100644
--- a/packages/hooks/__tests__/use-lockscreen.vitest.tsx
+++ b/packages/hooks/__tests__/use-lockscreen.vitest.tsx
@@ -1,6 +1,6 @@
-import { ref, nextTick, defineComponent, onMounted } from 'vue'
+import { defineComponent, nextTick, onMounted, ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { hasClass } from '@element-plus/utils'
 
 import { useLockscreen } from '../use-lockscreen'
diff --git a/packages/hooks/__tests__/use-modal.vitest.ts b/packages/hooks/__tests__/use-modal.vitest.ts
index 0da7573aea..6ba716bd26 100644
--- a/packages/hooks/__tests__/use-modal.vitest.ts
+++ b/packages/hooks/__tests__/use-modal.vitest.ts
@@ -1,5 +1,5 @@
-import { ref, nextTick } from 'vue'
-import { describe, it, expect, fn } from 'vitest'
+import { nextTick, ref } from 'vue'
+import { describe, expect, fn, it } from 'vitest'
 import { EVENT_CODE } from '@element-plus/constants'
 import { useModal } from '../use-modal'
 
diff --git a/packages/hooks/__tests__/use-model-toggle.vitest.tsx b/packages/hooks/__tests__/use-model-toggle.vitest.tsx
index 10394eb887..2796e4f95b 100644
--- a/packages/hooks/__tests__/use-model-toggle.vitest.tsx
+++ b/packages/hooks/__tests__/use-model-toggle.vitest.tsx
@@ -1,6 +1,6 @@
-import { nextTick, ref, reactive, defineComponent } from 'vue'
+import { defineComponent, nextTick, reactive, ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, fn, beforeEach, afterEach } from 'vitest'
+import { afterEach, beforeEach, describe, expect, fn, it } from 'vitest'
 
 import { useModelToggle, useModelToggleProps } from '../use-model-toggle'
 import type { VueWrapper } from '@vue/test-utils'
diff --git a/packages/hooks/__tests__/use-namespace.vitest.tsx b/packages/hooks/__tests__/use-namespace.vitest.tsx
index df7f0697ff..2a6094e506 100644
--- a/packages/hooks/__tests__/use-namespace.vitest.tsx
+++ b/packages/hooks/__tests__/use-namespace.vitest.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { useNamespace, provideGlobalConfig } from '..'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
+import { provideGlobalConfig, useNamespace } from '..'
 import type { VueWrapper } from '@vue/test-utils'
 
 const TestComp = defineComponent({
diff --git a/packages/hooks/__tests__/use-prevent-global.vitest.ts b/packages/hooks/__tests__/use-prevent-global.vitest.ts
index fb907a44b2..1829ea0100 100644
--- a/packages/hooks/__tests__/use-prevent-global.vitest.ts
+++ b/packages/hooks/__tests__/use-prevent-global.vitest.ts
@@ -1,12 +1,12 @@
 import { ref } from 'vue'
 import {
-  describe,
-  it,
-  expect,
+  afterAll,
   beforeAll,
   beforeEach,
-  afterAll,
+  describe,
+  expect,
   fn,
+  it,
 } from 'vitest'
 import triggerEvent from '@element-plus/test-utils/trigger-event'
 import { usePreventGlobal } from '../use-prevent-global'
diff --git a/packages/hooks/__tests__/use-restore-active.vitest.ts b/packages/hooks/__tests__/use-restore-active.vitest.ts
index 1c7c57222d..f216c06b02 100644
--- a/packages/hooks/__tests__/use-restore-active.vitest.ts
+++ b/packages/hooks/__tests__/use-restore-active.vitest.ts
@@ -1,5 +1,5 @@
-import { ref, nextTick } from 'vue'
-import { describe, it, expect } from 'vitest'
+import { nextTick, ref } from 'vue'
+import { describe, expect, it } from 'vitest'
 import { useRestoreActive } from '../use-restore-active'
 
 describe('useRestoreActive', () => {
diff --git a/packages/hooks/__tests__/use-teleport.vitest.tsx b/packages/hooks/__tests__/use-teleport.vitest.tsx
index 5f37e62b03..d19cae42a5 100644
--- a/packages/hooks/__tests__/use-teleport.vitest.tsx
+++ b/packages/hooks/__tests__/use-teleport.vitest.tsx
@@ -1,6 +1,6 @@
-import { ref, nextTick, h, defineComponent } from 'vue'
+import { defineComponent, h, nextTick, ref } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
 import { useTeleport } from '../use-teleport'
 import type { VueWrapper } from '@vue/test-utils'
 
diff --git a/packages/hooks/__tests__/use-timeout.vitest.ts b/packages/hooks/__tests__/use-timeout.vitest.ts
index 633c08a467..552d5ff3d3 100644
--- a/packages/hooks/__tests__/use-timeout.vitest.ts
+++ b/packages/hooks/__tests__/use-timeout.vitest.ts
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { useTimeout } from '../use-timeout'
 
 const _mount = (cb: () => void) => {
diff --git a/packages/hooks/use-attrs/index.ts b/packages/hooks/use-attrs/index.ts
index e3a27ee16c..60ae9ba88e 100644
--- a/packages/hooks/use-attrs/index.ts
+++ b/packages/hooks/use-attrs/index.ts
@@ -1,4 +1,4 @@
-import { getCurrentInstance, computed } from 'vue'
+import { computed, getCurrentInstance } from 'vue'
 import { fromPairs } from 'lodash-unified'
 import { debugWarn } from '@element-plus/utils'
 
diff --git a/packages/hooks/use-common-props/index.ts b/packages/hooks/use-common-props/index.ts
index 87588ade8f..55fa4f9739 100644
--- a/packages/hooks/use-common-props/index.ts
+++ b/packages/hooks/use-common-props/index.ts
@@ -1,5 +1,5 @@
-import { ref, unref, inject, computed } from 'vue'
-import { formItemContextKey, formContextKey } from '@element-plus/tokens'
+import { computed, inject, ref, unref } from 'vue'
+import { formContextKey, formItemContextKey } from '@element-plus/tokens'
 import { buildProp } from '@element-plus/utils'
 import { componentSizes } from '@element-plus/constants'
 import { useProp } from '../use-prop'
diff --git a/packages/hooks/use-delayed-toggle/index.ts b/packages/hooks/use-delayed-toggle/index.ts
index 83d0e3a93c..c01e4d1357 100644
--- a/packages/hooks/use-delayed-toggle/index.ts
+++ b/packages/hooks/use-delayed-toggle/index.ts
@@ -2,7 +2,7 @@ import { unref } from 'vue'
 import { buildProps } from '@element-plus/utils'
 import { useTimeout } from '../use-timeout'
 
-import type { ToRefs, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, ToRefs } from 'vue'
 
 export const useDelayedToggleProps = buildProps({
   showAfter: {
diff --git a/packages/hooks/use-draggable/index.ts b/packages/hooks/use-draggable/index.ts
index f5e636aedd..5e3dba1150 100644
--- a/packages/hooks/use-draggable/index.ts
+++ b/packages/hooks/use-draggable/index.ts
@@ -1,6 +1,6 @@
 import { onBeforeUnmount, onMounted, watchEffect } from 'vue'
 import { addUnit } from '@element-plus/utils'
-import type { Ref, ComputedRef } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 
 export const useDraggable = (
   targetRef: Ref<HTMLElement | undefined>,
diff --git a/packages/hooks/use-escape-keydown/index.ts b/packages/hooks/use-escape-keydown/index.ts
index 4c6cad3faf..8a5253993b 100644
--- a/packages/hooks/use-escape-keydown/index.ts
+++ b/packages/hooks/use-escape-keydown/index.ts
@@ -1,5 +1,5 @@
-import { onMounted, onBeforeUnmount } from 'vue'
-import { on, off } from '@element-plus/utils'
+import { onBeforeUnmount, onMounted } from 'vue'
+import { off, on } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 
 export const useEscapeKeydown = (handler?: (e: KeyboardEvent) => void) => {
diff --git a/packages/hooks/use-global-config/index.ts b/packages/hooks/use-global-config/index.ts
index 01ab51163e..13e74db994 100644
--- a/packages/hooks/use-global-config/index.ts
+++ b/packages/hooks/use-global-config/index.ts
@@ -1,8 +1,8 @@
-import { inject, ref, computed, unref, provide, getCurrentInstance } from 'vue'
+import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'
 import { configProviderContextKey } from '@element-plus/tokens'
 import { debugWarn, keysOf } from '@element-plus/utils'
 import type { MaybeRef } from '@vueuse/core'
-import type { Ref, App } from 'vue'
+import type { App, Ref } from 'vue'
 import type { ConfigProviderContext } from '@element-plus/tokens'
 
 // this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale
diff --git a/packages/hooks/use-intermediate-render/index.ts b/packages/hooks/use-intermediate-render/index.ts
index 1320bbdc4f..3634879b26 100644
--- a/packages/hooks/use-intermediate-render/index.ts
+++ b/packages/hooks/use-intermediate-render/index.ts
@@ -1,4 +1,4 @@
-import { nextTick, watch, unref } from 'vue'
+import { nextTick, unref, watch } from 'vue'
 
 import type { Ref } from 'vue'
 
diff --git a/packages/hooks/use-locale/index.ts b/packages/hooks/use-locale/index.ts
index 49a790e354..0ac1677bee 100644
--- a/packages/hooks/use-locale/index.ts
+++ b/packages/hooks/use-locale/index.ts
@@ -1,4 +1,4 @@
-import { computed, ref, unref, isRef } from 'vue'
+import { computed, isRef, ref, unref } from 'vue'
 import { get } from 'lodash-unified'
 import English from '@element-plus/locale/lang/en'
 import { useGlobalConfig } from '../use-global-config'
diff --git a/packages/hooks/use-lockscreen/index.ts b/packages/hooks/use-lockscreen/index.ts
index 9d875ce294..abba7e76a1 100644
--- a/packages/hooks/use-lockscreen/index.ts
+++ b/packages/hooks/use-lockscreen/index.ts
@@ -1,13 +1,13 @@
-import { watch, isRef, onScopeDispose } from 'vue'
+import { isRef, onScopeDispose, watch } from 'vue'
 
 import { isClient } from '@vueuse/core'
 import {
-  throwError,
   addClass,
-  removeClass,
-  hasClass,
-  getStyle,
   getScrollBarWidth,
+  getStyle,
+  hasClass,
+  removeClass,
+  throwError,
 } from '@element-plus/utils'
 
 import type { Ref } from 'vue'
diff --git a/packages/hooks/use-model-toggle/index.ts b/packages/hooks/use-model-toggle/index.ts
index 37efa28110..ac0bc95088 100644
--- a/packages/hooks/use-model-toggle/index.ts
+++ b/packages/hooks/use-model-toggle/index.ts
@@ -1,10 +1,10 @@
-import { computed, getCurrentInstance, watch, onMounted } from 'vue'
+import { computed, getCurrentInstance, onMounted, watch } from 'vue'
 import { isFunction } from '@vue/shared'
 import { isClient } from '@vueuse/core'
-import { isBoolean, definePropType, buildProp } from '@element-plus/utils'
+import { buildProp, definePropType, isBoolean } from '@element-plus/utils'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
 
-import type { Ref, ComponentPublicInstance, ExtractPropTypes } from 'vue'
+import type { ComponentPublicInstance, ExtractPropTypes, Ref } from 'vue'
 
 const _prop = buildProp({
   type: definePropType<boolean | null>(Boolean),
diff --git a/packages/hooks/use-namespace/index.ts b/packages/hooks/use-namespace/index.ts
index c6efc5eaf0..c590b415bf 100644
--- a/packages/hooks/use-namespace/index.ts
+++ b/packages/hooks/use-namespace/index.ts
@@ -1,4 +1,4 @@
-import { unref, computed } from 'vue'
+import { computed, unref } from 'vue'
 import { useGlobalConfig } from '../use-global-config'
 
 const defaultNamespace = 'el'
diff --git a/packages/hooks/use-prop/index.ts b/packages/hooks/use-prop/index.ts
index 66a87e059f..5a0be861c8 100644
--- a/packages/hooks/use-prop/index.ts
+++ b/packages/hooks/use-prop/index.ts
@@ -1,4 +1,4 @@
-import { getCurrentInstance, computed } from 'vue'
+import { computed, getCurrentInstance } from 'vue'
 import type { ComputedRef } from 'vue'
 
 export const useProp = <T>(name: string): ComputedRef<T | undefined> => {
diff --git a/packages/hooks/use-teleport/index.ts b/packages/hooks/use-teleport/index.ts
index b34c9ad7b1..61d2986895 100644
--- a/packages/hooks/use-teleport/index.ts
+++ b/packages/hooks/use-teleport/index.ts
@@ -1,9 +1,9 @@
-import { h, ref, Teleport, onUnmounted } from 'vue'
+import { Teleport, h, onUnmounted, ref } from 'vue'
 import { NOOP } from '@vue/shared'
 import { isClient } from '@vueuse/core'
 import { createGlobalNode, removeGlobalNode } from '@element-plus/utils'
 
-import type { VNode, Ref } from 'vue'
+import type { Ref, VNode } from 'vue'
 
 export const useTeleport = (
   contentRenderer: () => VNode,
diff --git a/packages/hooks/use-z-index/index.ts b/packages/hooks/use-z-index/index.ts
index 9cbf8603ad..59412e1b06 100644
--- a/packages/hooks/use-z-index/index.ts
+++ b/packages/hooks/use-z-index/index.ts
@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
 import { useGlobalConfig } from '../use-global-config'
 
 const zIndex = ref(0)
diff --git a/packages/theme-chalk/gulpfile.ts b/packages/theme-chalk/gulpfile.ts
index 7dc9502743..825e311d87 100644
--- a/packages/theme-chalk/gulpfile.ts
+++ b/packages/theme-chalk/gulpfile.ts
@@ -1,6 +1,6 @@
 import path from 'path'
 import chalk from 'chalk'
-import { src, dest, series, parallel } from 'gulp'
+import { dest, parallel, series, src } from 'gulp'
 import gulpSass from 'gulp-sass'
 import dartSass from 'sass'
 import autoprefixer from 'gulp-autoprefixer'
diff --git a/packages/tokens/config-provider.ts b/packages/tokens/config-provider.ts
index 702bb1add1..602d31c3c8 100644
--- a/packages/tokens/config-provider.ts
+++ b/packages/tokens/config-provider.ts
@@ -1,5 +1,5 @@
 import type { configProviderProps } from '@element-plus/components/config-provider'
-import type { InjectionKey, ExtractPropTypes, Ref } from 'vue'
+import type { ExtractPropTypes, InjectionKey, Ref } from 'vue'
 
 export type ConfigProviderContext = Partial<
   ExtractPropTypes<typeof configProviderProps>
diff --git a/packages/tokens/dialog.ts b/packages/tokens/dialog.ts
index 1158681af5..1780f26ce3 100644
--- a/packages/tokens/dialog.ts
+++ b/packages/tokens/dialog.ts
@@ -1,4 +1,4 @@
-import type { ComputedRef, CSSProperties, InjectionKey, Ref } from 'vue'
+import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'
 import type { useNamespace } from '@element-plus/hooks'
 
 export type DialogContext = {
diff --git a/packages/tokens/form.ts b/packages/tokens/form.ts
index 445b8f62d6..d5961b23a6 100644
--- a/packages/tokens/form.ts
+++ b/packages/tokens/form.ts
@@ -6,11 +6,11 @@ import type {
 } from 'async-validator'
 import type { ComponentSize } from '@element-plus/constants'
 import type {
-  FormProps,
   FormEmits,
   FormItemProp,
   FormItemProps,
   FormLabelWidthContext,
+  FormProps,
 } from '@element-plus/components/form'
 import type { Arrayable } from '@element-plus/utils'
 
diff --git a/packages/tokens/pagination.ts b/packages/tokens/pagination.ts
index cecefc5e5f..e05ba84b70 100644
--- a/packages/tokens/pagination.ts
+++ b/packages/tokens/pagination.ts
@@ -1,4 +1,4 @@
-import type { InjectionKey, ComputedRef, WritableComputedRef } from 'vue'
+import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue'
 
 export interface ElPaginationContext {
   currentPage?: WritableComputedRef<number>
diff --git a/packages/tokens/tabs.ts b/packages/tokens/tabs.ts
index 09604654d5..0773900820 100644
--- a/packages/tokens/tabs.ts
+++ b/packages/tokens/tabs.ts
@@ -1,11 +1,11 @@
-import type { TabsProps, TabPaneProps } from '@element-plus/components/tabs'
+import type { TabPaneProps, TabsProps } from '@element-plus/components/tabs'
 import type {
   ComponentInternalInstance,
   ComputedRef,
-  Ref,
   InjectionKey,
-  UnwrapRef,
+  Ref,
   ShallowReactive,
+  UnwrapRef,
 } from 'vue'
 
 export type TabsPaneContext = UnwrapRef<{
diff --git a/packages/utils/__tests__/dom/aria.vitest.ts b/packages/utils/__tests__/dom/aria.vitest.ts
index 3dec9110a7..a7eed37ae6 100644
--- a/packages/utils/__tests__/dom/aria.vitest.ts
+++ b/packages/utils/__tests__/dom/aria.vitest.ts
@@ -1,5 +1,5 @@
-import { describe, it, expect, spyOn } from 'vitest'
-import { triggerEvent, isFocusable } from '../..'
+import { describe, expect, it, spyOn } from 'vitest'
+import { isFocusable, triggerEvent } from '../..'
 
 const CE = (tag: string) => document.createElement(tag)
 
diff --git a/packages/utils/__tests__/dom/style.vitest.ts b/packages/utils/__tests__/dom/style.vitest.ts
index 25351909bb..a4fe82f46a 100644
--- a/packages/utils/__tests__/dom/style.vitest.ts
+++ b/packages/utils/__tests__/dom/style.vitest.ts
@@ -1,5 +1,5 @@
-import { describe, it, expect } from 'vitest'
-import { hasClass, addClass, removeClass } from '../..'
+import { describe, expect, it } from 'vitest'
+import { addClass, hasClass, removeClass } from '../..'
 
 const getClass = (el: Element) => {
   if (!el) return ''
diff --git a/packages/utils/__tests__/objects.vitest.ts b/packages/utils/__tests__/objects.vitest.ts
index 7b8198f8e6..7a76613a2e 100644
--- a/packages/utils/__tests__/objects.vitest.ts
+++ b/packages/utils/__tests__/objects.vitest.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { getProp } from '..'
 
 const AXIOM = 'Rem is the best girl'
diff --git a/packages/utils/__tests__/vue/global-node.vitest.ts b/packages/utils/__tests__/vue/global-node.vitest.ts
index e16816056a..7649c8e3b0 100644
--- a/packages/utils/__tests__/vue/global-node.vitest.ts
+++ b/packages/utils/__tests__/vue/global-node.vitest.ts
@@ -1,8 +1,8 @@
-import { describe, it, expect, afterEach } from 'vitest'
+import { afterEach, describe, expect, it } from 'vitest'
 import {
+  changeGlobalNodesTarget,
   createGlobalNode,
   removeGlobalNode,
-  changeGlobalNodesTarget,
 } from '../..'
 
 describe('global-nodes', () => {
diff --git a/packages/utils/__tests__/vue/props.vitest.ts b/packages/utils/__tests__/vue/props.vitest.ts
index 1161256908..225e4fac7f 100644
--- a/packages/utils/__tests__/vue/props.vitest.ts
+++ b/packages/utils/__tests__/vue/props.vitest.ts
@@ -2,12 +2,12 @@
 
 import { defineComponent } from 'vue'
 import { mount } from '@vue/test-utils'
-import { describe, it, expect, vi } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { expectTypeOf } from 'expect-type'
-import { buildProp, definePropType, mutable, keysOf, buildProps } from '../..'
+import { buildProp, buildProps, definePropType, keysOf, mutable } from '../..'
 import type { propKey } from '../..'
 
-import type { PropType, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, PropType } from 'vue'
 
 describe('buildProp', () => {
   it('Only type', () => {
diff --git a/packages/utils/vue/icon.ts b/packages/utils/vue/icon.ts
index a71775b6a4..3ac9e556a2 100644
--- a/packages/utils/vue/icon.ts
+++ b/packages/utils/vue/icon.ts
@@ -1,12 +1,12 @@
 import {
-  SuccessFilled,
-  InfoFilled,
-  WarningFilled,
-  CircleCloseFilled,
-  Close,
-  Loading,
   CircleCheck,
   CircleClose,
+  CircleCloseFilled,
+  Close,
+  InfoFilled,
+  Loading,
+  SuccessFilled,
+  WarningFilled,
 } from '@element-plus/icons-vue'
 import { definePropType } from './props'
 import type { Component } from 'vue'
diff --git a/packages/utils/vue/install.ts b/packages/utils/vue/install.ts
index 3405635d66..d2bea3748a 100644
--- a/packages/utils/vue/install.ts
+++ b/packages/utils/vue/install.ts
@@ -1,7 +1,7 @@
 import { NOOP } from '@vue/shared'
 
 import type { App } from 'vue'
-import type { SFCWithInstall, SFCInstallWithContext } from './typescript'
+import type { SFCInstallWithContext, SFCWithInstall } from './typescript'
 
 export const withInstall = <T, E extends Record<string, any>>(
   main: T,
diff --git a/packages/utils/vue/style.ts b/packages/utils/vue/style.ts
index 99e99f720d..3e31973371 100644
--- a/packages/utils/vue/style.ts
+++ b/packages/utils/vue/style.ts
@@ -1,4 +1,4 @@
-import { isString, isNumber } from '../types'
+import { isNumber, isString } from '../types'
 import { debugWarn } from '../error'
 
 const SCOPE = 'utils/vue/style'
diff --git a/packages/utils/vue/vnode.ts b/packages/utils/vue/vnode.ts
index d3b9b3d797..c9e2cca113 100644
--- a/packages/utils/vue/vnode.ts
+++ b/packages/utils/vue/vnode.ts
@@ -1,12 +1,12 @@
 import {
+  Comment,
   Fragment,
   Text,
-  Comment,
+  camelize,
   createBlock,
-  openBlock,
   createCommentVNode,
   isVNode,
-  camelize,
+  openBlock,
 } from 'vue'
 import { hasOwn } from '../objects'
 import { debugWarn } from '../error'
diff --git a/play/vite.config.ts b/play/vite.config.ts
index 41e1bc9906..ccc18b0b80 100644
--- a/play/vite.config.ts
+++ b/play/vite.config.ts
@@ -10,11 +10,11 @@ import glob from 'fast-glob'
 import DefineOptions from 'unplugin-vue-define-options/vite'
 import esbuild from 'rollup-plugin-esbuild'
 import {
+  epPackage,
   epRoot,
+  getPackageDependencies,
   pkgRoot,
   projRoot,
-  epPackage,
-  getPackageDependencies,
 } from '@element-plus/build'
 import './vite.init'
 
diff --git a/play/vite.init.ts b/play/vite.init.ts
index 9f313862d1..5a26a5850c 100644
--- a/play/vite.init.ts
+++ b/play/vite.init.ts
@@ -1,4 +1,4 @@
-import { existsSync, writeFileSync, readFileSync } from 'fs'
+import { existsSync, readFileSync, writeFileSync } from 'fs'
 
 const app = 'src/App.vue'
 const example = 'app.example'
diff --git a/typings/vue-test-utils.d.ts b/typings/vue-test-utils.d.ts
index 65ec89d1d0..5f8f6700f4 100644
--- a/typings/vue-test-utils.d.ts
+++ b/typings/vue-test-utils.d.ts
@@ -1,4 +1,4 @@
-import type { ComponentPublicInstance, CSSProperties } from 'vue'
+import type { CSSProperties, ComponentPublicInstance } from 'vue'
 
 declare module '@vue/test-utils' {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars