diff --git a/docs/.vitepress/vitepress/composables/lock-screen.ts b/docs/.vitepress/vitepress/composables/lock-screen.ts
index dba078f674..672f1e0d59 100644
--- a/docs/.vitepress/vitepress/composables/lock-screen.ts
+++ b/docs/.vitepress/vitepress/composables/lock-screen.ts
@@ -5,8 +5,8 @@ import {
   hasClass,
   getStyle,
   removeClass,
-} from '@element-plus/utils/dom'
-import getScrollBarWidth from '@element-plus/utils/scrollbar-width'
+  getScrollBarWidth,
+} from '@element-plus/utils'
 
 export const useLockScreen = () => {
   let scrollBarWidth = 0
diff --git a/package.json b/package.json
index 90b8d60dc2..d381b5dad1 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,6 @@
     "@element-plus/theme-chalk": "workspace:*",
     "@element-plus/tokens": "workspace:*",
     "@element-plus/utils": "workspace:*",
-    "@element-plus/utils-v2": "workspace:*",
     "@popperjs/core": "^2.11.2",
     "@vueuse/core": "^7.6.0",
     "async-validator": "^4.0.7",
@@ -125,6 +124,7 @@
     "sucrase": "3.20.3",
     "ts-jest": "26.5.6",
     "ts-morph": "13.0.3",
+    "type-fest": "^2.11.2",
     "typescript": "4.5.5",
     "vue": "3.2.30",
     "vue-jest": "5.0.0-alpha.10",
diff --git a/packages/components/affix/index.ts b/packages/components/affix/index.ts
index 301872b72a..817d61cb90 100644
--- a/packages/components/affix/index.ts
+++ b/packages/components/affix/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Affix from './src/affix.vue'
 
diff --git a/packages/components/affix/src/affix.ts b/packages/components/affix/src/affix.ts
index e9e400f1be..1c98332934 100644
--- a/packages/components/affix/src/affix.ts
+++ b/packages/components/affix/src/affix.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type { ZIndexProperty } from 'csstype'
 import type Affix from './affix.vue'
diff --git a/packages/components/affix/src/affix.vue b/packages/components/affix/src/affix.vue
index 87e9994cca..770894caa5 100644
--- a/packages/components/affix/src/affix.vue
+++ b/packages/components/affix/src/affix.vue
@@ -15,7 +15,7 @@ import {
   watch,
 } from 'vue'
 import { useEventListener, useResizeObserver } from '@vueuse/core'
-import { getScrollContainer } from '@element-plus/utils/dom'
+import { getScrollContainer } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { affixEmits, affixProps } from './affix'
 
diff --git a/packages/components/alert/__tests__/alert.spec.ts b/packages/components/alert/__tests__/alert.spec.ts
index a1cd389462..77b671ce2a 100644
--- a/packages/components/alert/__tests__/alert.spec.ts
+++ b/packages/components/alert/__tests__/alert.spec.ts
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import { TypeComponentsMap } from '@element-plus/utils-v2'
+import { TypeComponentsMap } from '@element-plus/utils'
 import Alert from '../src/alert.vue'
 
 const AXIOM = 'Rem is the best girl'
diff --git a/packages/components/alert/index.ts b/packages/components/alert/index.ts
index c5b018ec1b..5aa4e5e7c7 100644
--- a/packages/components/alert/index.ts
+++ b/packages/components/alert/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Alert from './src/alert.vue'
 
diff --git a/packages/components/alert/src/alert.ts b/packages/components/alert/src/alert.ts
index f4551fa239..756d4b83c7 100644
--- a/packages/components/alert/src/alert.ts
+++ b/packages/components/alert/src/alert.ts
@@ -1,4 +1,4 @@
-import { TypeComponentsMap, buildProps, keyOf } from '@element-plus/utils-v2'
+import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type Alert from './alert.vue'
 
@@ -15,7 +15,7 @@ export const alertProps = buildProps({
   },
   type: {
     type: String,
-    values: keyOf(TypeComponentsMap),
+    values: keysOf(TypeComponentsMap),
     default: 'info',
   },
   closable: {
diff --git a/packages/components/alert/src/alert.vue b/packages/components/alert/src/alert.vue
index ea595ea960..6eb1573f67 100644
--- a/packages/components/alert/src/alert.vue
+++ b/packages/components/alert/src/alert.vue
@@ -42,7 +42,7 @@
 <script lang="ts">
 import { defineComponent, computed, ref } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
-import { TypeComponents, TypeComponentsMap } from '@element-plus/utils-v2'
+import { TypeComponents, TypeComponentsMap } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { alertProps, alertEmits } from './alert'
 
diff --git a/packages/components/autocomplete/index.ts b/packages/components/autocomplete/index.ts
index 554c550f57..3578e261ad 100644
--- a/packages/components/autocomplete/index.ts
+++ b/packages/components/autocomplete/index.ts
@@ -1,6 +1,6 @@
 import Autocomplete from './src/index.vue'
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Autocomplete.install = (app: App): void => {
   app.component(Autocomplete.name, Autocomplete)
diff --git a/packages/components/autocomplete/src/index.vue b/packages/components/autocomplete/src/index.vue
index fd1433ad43..e31f4fddf7 100644
--- a/packages/components/autocomplete/src/index.vue
+++ b/packages/components/autocomplete/src/index.vue
@@ -94,7 +94,7 @@ import { NOOP } from '@vue/shared'
 import { debounce } from 'lodash-unified'
 import { useAttrs, useNamespace } from '@element-plus/hooks'
 import { ClickOutside } from '@element-plus/directives'
-import { generateId, isArray, throwError } from '@element-plus/utils-v2'
+import { generateId, isArray, throwError } from '@element-plus/utils'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import ElInput from '@element-plus/components/input'
 import ElScrollbar from '@element-plus/components/scrollbar'
diff --git a/packages/components/avatar/index.ts b/packages/components/avatar/index.ts
index 1f5c650ede..e60a947b5f 100644
--- a/packages/components/avatar/index.ts
+++ b/packages/components/avatar/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Avatar from './src/avatar.vue'
 
 export const ElAvatar = withInstall(Avatar)
diff --git a/packages/components/avatar/src/avatar.ts b/packages/components/avatar/src/avatar.ts
index f4ed626167..fc934c8b31 100644
--- a/packages/components/avatar/src/avatar.ts
+++ b/packages/components/avatar/src/avatar.ts
@@ -1,8 +1,4 @@
-import {
-  buildProps,
-  definePropType,
-  iconPropType,
-} from '@element-plus/utils-v2'
+import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type { ObjectFitProperty } from 'csstype'
 import type Avatar from './avatar.vue'
diff --git a/packages/components/avatar/src/avatar.vue b/packages/components/avatar/src/avatar.vue
index 74a104704b..7c1771f9a8 100644
--- a/packages/components/avatar/src/avatar.vue
+++ b/packages/components/avatar/src/avatar.vue
@@ -19,7 +19,7 @@
 import { defineComponent, 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-v2'
+import { isNumber, isString, addUnit } from '@element-plus/utils'
 import { avatarEmits, avatarProps } from './avatar'
 
 import type { CSSProperties } from 'vue'
diff --git a/packages/components/backtop/index.ts b/packages/components/backtop/index.ts
index 21b740990b..245526d2ed 100644
--- a/packages/components/backtop/index.ts
+++ b/packages/components/backtop/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Backtop from './src/backtop.vue'
 
diff --git a/packages/components/backtop/src/backtop.vue b/packages/components/backtop/src/backtop.vue
index 553033ad63..3785af9453 100644
--- a/packages/components/backtop/src/backtop.vue
+++ b/packages/components/backtop/src/backtop.vue
@@ -20,8 +20,7 @@
 import { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'
 import { useEventListener, useThrottleFn } from '@vueuse/core'
 import { ElIcon } from '@element-plus/components/icon'
-import { easeInOutCubic } from '@element-plus/utils/animation'
-import { throwError } from '@element-plus/utils-v2'
+import { easeInOutCubic, throwError } from '@element-plus/utils'
 import { CaretTop } from '@element-plus/icons-vue'
 import { useNamespace } from '@element-plus/hooks'
 
diff --git a/packages/components/badge/index.ts b/packages/components/badge/index.ts
index 3be218b267..4f37c2477e 100644
--- a/packages/components/badge/index.ts
+++ b/packages/components/badge/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Badge from './src/badge.vue'
 
diff --git a/packages/components/badge/src/badge.ts b/packages/components/badge/src/badge.ts
index d3e5fec074..dc8f7f66a2 100644
--- a/packages/components/badge/src/badge.ts
+++ b/packages/components/badge/src/badge.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type Badge from './badge.vue'
 
diff --git a/packages/components/breadcrumb/index.ts b/packages/components/breadcrumb/index.ts
index 431fe714c8..007781a9ca 100644
--- a/packages/components/breadcrumb/index.ts
+++ b/packages/components/breadcrumb/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Breadcrumb from './src/breadcrumb.vue'
 import BreadcrumbItem from './src/breadcrumb-item.vue'
diff --git a/packages/components/breadcrumb/src/breadcrumb-item.ts b/packages/components/breadcrumb/src/breadcrumb-item.ts
index 10217423e8..917ed12ac5 100644
--- a/packages/components/breadcrumb/src/breadcrumb-item.ts
+++ b/packages/components/breadcrumb/src/breadcrumb-item.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
 import type BreadcrumbItem from './breadcrumb-item.vue'
diff --git a/packages/components/breadcrumb/src/breadcrumb.ts b/packages/components/breadcrumb/src/breadcrumb.ts
index ba8459b683..24b35bfa72 100644
--- a/packages/components/breadcrumb/src/breadcrumb.ts
+++ b/packages/components/breadcrumb/src/breadcrumb.ts
@@ -1,4 +1,4 @@
-import { buildProps, iconPropType } from '@element-plus/utils-v2'
+import { buildProps, iconPropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type Breadcrumb from './breadcrumb.vue'
 
diff --git a/packages/components/button/index.ts b/packages/components/button/index.ts
index cc482579f7..bdaee5bb9a 100644
--- a/packages/components/button/index.ts
+++ b/packages/components/button/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 import Button from './src/button.vue'
 import ButtonGroup from './src/button-group.vue'
 
diff --git a/packages/components/button/src/button.ts b/packages/components/button/src/button.ts
index ced43995a9..e0f11d011c 100644
--- a/packages/components/button/src/button.ts
+++ b/packages/components/button/src/button.ts
@@ -1,5 +1,5 @@
 import { useSizeProp } from '@element-plus/hooks'
-import { buildProps, iconPropType } from '@element-plus/utils-v2'
+import { buildProps, iconPropType } from '@element-plus/utils'
 import { Loading } from '@element-plus/icons-vue'
 import type { ExtractPropTypes } from 'vue'
 import type button from './button.vue'
diff --git a/packages/components/calendar/index.ts b/packages/components/calendar/index.ts
index 1eb8533d4d..5313240c4a 100644
--- a/packages/components/calendar/index.ts
+++ b/packages/components/calendar/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Calendar from './src/calendar.vue'
 
 export const ElCalendar = withInstall(Calendar)
diff --git a/packages/components/calendar/src/calendar.ts b/packages/components/calendar/src/calendar.ts
index 95553836d5..bb4e17828e 100644
--- a/packages/components/calendar/src/calendar.ts
+++ b/packages/components/calendar/src/calendar.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/calendar/src/calendar.vue b/packages/components/calendar/src/calendar.vue
index 038d8c2f97..ffb09362d6 100644
--- a/packages/components/calendar/src/calendar.vue
+++ b/packages/components/calendar/src/calendar.vue
@@ -48,7 +48,7 @@ import { ref, computed, defineComponent } 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-v2'
+import { debugWarn } from '@element-plus/utils'
 import DateTable from './date-table.vue'
 import { calendarProps, calendarEmits } from './calendar'
 
diff --git a/packages/components/calendar/src/date-table.ts b/packages/components/calendar/src/date-table.ts
index 2143c33737..05e7bd9fc5 100644
--- a/packages/components/calendar/src/date-table.ts
+++ b/packages/components/calendar/src/date-table.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType, isObject } from '@element-plus/utils-v2'
+import { buildProps, definePropType, isObject } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type { Dayjs } from 'dayjs'
 
diff --git a/packages/components/card/index.ts b/packages/components/card/index.ts
index 6d99d12a53..d90e9d5b93 100644
--- a/packages/components/card/index.ts
+++ b/packages/components/card/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Card from './src/card.vue'
 
diff --git a/packages/components/card/src/card.ts b/packages/components/card/src/card.ts
index 25083d32b1..834ed67379 100644
--- a/packages/components/card/src/card.ts
+++ b/packages/components/card/src/card.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import type Card from './card.vue'
 import type { ExtractPropTypes, StyleValue } from 'vue'
 
diff --git a/packages/components/carousel/index.ts b/packages/components/carousel/index.ts
index ccf287f057..38f82e8acd 100644
--- a/packages/components/carousel/index.ts
+++ b/packages/components/carousel/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 import Carousel from './src/main.vue'
 import CarouselItem from './src/item.vue'
 
diff --git a/packages/components/carousel/src/item.vue b/packages/components/carousel/src/item.vue
index 96c6c63d06..5d6c5fc1a9 100644
--- a/packages/components/carousel/src/item.vue
+++ b/packages/components/carousel/src/item.vue
@@ -31,8 +31,7 @@ import {
   getCurrentInstance,
   onUnmounted,
 } from 'vue'
-import { autoprefixer } from '@element-plus/utils/util'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import type { CSSProperties } from 'vue'
 import type { InjectCarouselScope, ICarouselItemProps } from './carousel'
@@ -80,7 +79,7 @@ export default defineComponent({
       const style: CSSProperties = {
         transform: value,
       }
-      return autoprefixer(style)
+      return style
     })
 
     // methods
diff --git a/packages/components/carousel/src/main.vue b/packages/components/carousel/src/main.vue
index db518ab24e..9702e1200e 100644
--- a/packages/components/carousel/src/main.vue
+++ b/packages/components/carousel/src/main.vue
@@ -78,12 +78,12 @@ import { throttle } from 'lodash-unified'
 import {
   addResizeListener,
   removeResizeListener,
-} from '@element-plus/utils/resize-event'
+  debugWarn,
+} from '@element-plus/utils'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'
 import { useNamespace } from '@element-plus/hooks'
 
-import { debugWarn } from '@element-plus/utils-v2'
 import type {
   ICarouselProps,
   CarouselItem,
diff --git a/packages/components/cascader-panel/index.ts b/packages/components/cascader-panel/index.ts
index f55797a129..359521fde7 100644
--- a/packages/components/cascader-panel/index.ts
+++ b/packages/components/cascader-panel/index.ts
@@ -1,6 +1,6 @@
 import CascaderPanel from './src/index.vue'
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 CascaderPanel.install = (app: App): void => {
   app.component(CascaderPanel.name, CascaderPanel)
diff --git a/packages/components/cascader-panel/src/index.vue b/packages/components/cascader-panel/src/index.vue
index f3adf4055c..a931e28e18 100644
--- a/packages/components/cascader-panel/src/index.vue
+++ b/packages/components/cascader-panel/src/index.vue
@@ -25,13 +25,20 @@ import {
   ref,
   watch,
 } from 'vue'
-import { isEqual } from 'lodash-unified'
+import { isEqual, flattenDeep } from 'lodash-unified'
 import { isClient } from '@vueuse/core'
-import { EVENT_CODE, focusNode, getSibling } from '@element-plus/utils/aria'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
-import scrollIntoView from '@element-plus/utils/scroll-into-view'
-import { arrayFlat, coerceTruthyValueToArray } from '@element-plus/utils/util'
-import { isEmpty, unique } from '@element-plus/utils-v2'
+import {
+  focusNode,
+  getSibling,
+  isEmpty,
+  unique,
+  castArray,
+} from '@element-plus/utils'
+import {
+  EVENT_CODE,
+  UPDATE_MODEL_EVENT,
+  CHANGE_EVENT,
+} from '@element-plus/constants'
 
 import ElCascaderMenu from './menu.vue'
 import Store from './store'
@@ -41,7 +48,7 @@ import { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'
 import { CASCADER_PANEL_INJECTION_KEY } from './types'
 
 import type { PropType } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type {
   CascaderValue,
   CascaderNodeValue,
@@ -210,7 +217,7 @@ export default defineComponent({
 
       if (lazy && !loaded) {
         const values: CascaderNodeValue[] = unique(
-          arrayFlat(coerceTruthyValueToArray(modelValue))
+          flattenDeep(castArray(modelValue))
         )
         const nodes = values
           .map((val) => store?.getNodeByValue(val))
@@ -224,9 +231,7 @@ export default defineComponent({
           syncCheckedValue(true, forced)
         }
       } else {
-        const values = multiple
-          ? coerceTruthyValueToArray(modelValue)
-          : [modelValue]
+        const values = multiple ? castArray(modelValue) : [modelValue]
         const nodes = unique(
           values.map((val) => store?.getNodeByValue(val, leafOnly))
         ) as Node[]
@@ -267,11 +272,13 @@ export default defineComponent({
       menuList.value.forEach((menu) => {
         const menuElement = menu?.$el
         if (menuElement) {
-          const container = menuElement.querySelector('.el-scrollbar__wrap')
+          const container = (menuElement as HTMLElement).querySelector(
+            '.el-scrollbar__wrap'
+          )
           const activeNode =
             menuElement.querySelector('.el-cascader-node.is-active') ||
             menuElement.querySelector('.el-cascader-node.in-active-path')
-          scrollIntoView(container, activeNode)
+          container?.scrollIntoView(activeNode)
         }
       })
     }
diff --git a/packages/components/cascader-panel/src/menu.vue b/packages/components/cascader-panel/src/menu.vue
index 7dfe3684cb..b6377f3ece 100644
--- a/packages/components/cascader-panel/src/menu.vue
+++ b/packages/components/cascader-panel/src/menu.vue
@@ -37,7 +37,7 @@
 import { computed, defineComponent, getCurrentInstance, inject, ref } from 'vue'
 import ElScrollbar from '@element-plus/components/scrollbar'
 import { useLocale } from '@element-plus/hooks'
-import { generateId } from '@element-plus/utils-v2'
+import { generateId } from '@element-plus/utils'
 import { Loading } from '@element-plus/icons-vue'
 import ElIcon from '@element-plus/components/icon'
 import ElCascaderNode from './node.vue'
@@ -45,7 +45,7 @@ import { CASCADER_PANEL_INJECTION_KEY } from './types'
 
 import type { default as CascaderNode } from './node'
 import type { PropType } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 export default defineComponent({
   name: 'ElCascaderMenu',
diff --git a/packages/components/cascader-panel/src/node.ts b/packages/components/cascader-panel/src/node.ts
index 330f5a284c..08a87df7d7 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-v2'
+import { capitalize, isUndefined, isEmpty } from '@element-plus/utils'
 import type { VNode } from 'vue'
 
 export type CascaderNodeValue = string | number
diff --git a/packages/components/cascader-panel/src/store.ts b/packages/components/cascader-panel/src/store.ts
index 7d79e0c900..5ba286ddb3 100644
--- a/packages/components/cascader-panel/src/store.ts
+++ b/packages/components/cascader-panel/src/store.ts
@@ -1,7 +1,7 @@
 import { isEqual } from 'lodash-unified'
 import Node from './node'
 
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type {
   CascaderNodeValue,
   CascaderNodePathValue,
diff --git a/packages/components/cascader-panel/src/types.ts b/packages/components/cascader-panel/src/types.ts
index 7a7c283899..82a697bf26 100644
--- a/packages/components/cascader-panel/src/types.ts
+++ b/packages/components/cascader-panel/src/types.ts
@@ -1,5 +1,5 @@
 import type { VNode, InjectionKey } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type { default as CascaderNode } from './node'
 
 export type { CascaderNode }
diff --git a/packages/components/cascader-panel/src/utils.ts b/packages/components/cascader-panel/src/utils.ts
index 164a28351f..7caee67faa 100644
--- a/packages/components/cascader-panel/src/utils.ts
+++ b/packages/components/cascader-panel/src/utils.ts
@@ -1,4 +1,4 @@
-import { isLeaf } from '@element-plus/utils/aria'
+import { isLeaf } from '@element-plus/utils'
 import type { default as CascaderNode } from './node'
 
 export const getMenuIndex = (el: HTMLElement) => {
diff --git a/packages/components/cascader/__tests__/cascader.spec.ts b/packages/components/cascader/__tests__/cascader.spec.ts
index 8e11d87f20..b564a237ca 100644
--- a/packages/components/cascader/__tests__/cascader.spec.ts
+++ b/packages/components/cascader/__tests__/cascader.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import { triggerEvent } from '@element-plus/test-utils'
 import { ArrowDown, Check, CircleClose } from '@element-plus/icons-vue'
 import { POPPER_CONTAINER_SELECTOR } from '@element-plus/hooks'
diff --git a/packages/components/cascader/index.ts b/packages/components/cascader/index.ts
index 97ee5a06ad..ffdc989f4e 100644
--- a/packages/components/cascader/index.ts
+++ b/packages/components/cascader/index.ts
@@ -1,6 +1,6 @@
 import Cascader from './src/index.vue'
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Cascader.install = (app: App): void => {
   app.component(Cascader.name, Cascader)
diff --git a/packages/components/cascader/src/index.vue b/packages/components/cascader/src/index.vue
index 3407248a73..fb0f8090d0 100644
--- a/packages/components/cascader/src/index.vue
+++ b/packages/components/cascader/src/index.vue
@@ -184,13 +184,19 @@ import { elFormKey, elFormItemKey } from '@element-plus/tokens'
 import { ClickOutside as Clickoutside } from '@element-plus/directives'
 import { useLocale, useSize } from '@element-plus/hooks'
 
-import { EVENT_CODE, focusNode, getSibling } from '@element-plus/utils/aria'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
 import {
+  focusNode,
+  getSibling,
   addResizeListener,
   removeResizeListener,
-} from '@element-plus/utils/resize-event'
-import { isValidComponentSize, isKorean } from '@element-plus/utils-v2'
+  isValidComponentSize,
+  isKorean,
+} from '@element-plus/utils'
+import {
+  EVENT_CODE,
+  UPDATE_MODEL_EVENT,
+  CHANGE_EVENT,
+} from '@element-plus/constants'
 import { CircleClose, Check, ArrowDown } from '@element-plus/icons-vue'
 
 import type { Options } from '@element-plus/components/popper'
diff --git a/packages/components/check-tag/index.ts b/packages/components/check-tag/index.ts
index 7421a0299d..8776aea688 100644
--- a/packages/components/check-tag/index.ts
+++ b/packages/components/check-tag/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import CheckTag from './src/check-tag.vue'
 
 export const ElCheckTag = withInstall(CheckTag)
diff --git a/packages/components/check-tag/src/check-tag.ts b/packages/components/check-tag/src/check-tag.ts
index a3a3582b7b..e80c95b077 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-v2'
+import { isBoolean, buildProps } from '@element-plus/utils'
 import type CheckTag from './check-tag.vue'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/checkbox/index.ts b/packages/components/checkbox/index.ts
index 8e25fc56fe..f542b1885d 100644
--- a/packages/components/checkbox/index.ts
+++ b/packages/components/checkbox/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Checkbox from './src/checkbox.vue'
 import CheckboxButton from './src/checkbox-button.vue'
diff --git a/packages/components/checkbox/src/checkbox-group.vue b/packages/components/checkbox/src/checkbox-group.vue
index 9d7638f5b1..5348055c76 100644
--- a/packages/components/checkbox/src/checkbox-group.vue
+++ b/packages/components/checkbox/src/checkbox-group.vue
@@ -10,7 +10,7 @@ import {
   renderSlot,
 } from 'vue'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { isValidComponentSize } from '@element-plus/utils-v2'
+import { isValidComponentSize } from '@element-plus/utils'
 import { useSize, useNamespace } from '@element-plus/hooks'
 import { useCheckboxGroup } from './useCheckbox'
 
diff --git a/packages/components/checkbox/src/checkbox.type.ts b/packages/components/checkbox/src/checkbox.type.ts
index 95a6f593da..6c508d051e 100644
--- a/packages/components/checkbox/src/checkbox.type.ts
+++ b/packages/components/checkbox/src/checkbox.type.ts
@@ -1,6 +1,5 @@
 import type { ComputedRef } from 'vue'
 import type { ComponentSize } from '@element-plus/constants'
-import type { AnyFunction } from '@element-plus/utils/types'
 export interface ICheckboxGroupInstance {
   name?: string
   modelValue?: ComputedRef
@@ -11,5 +10,5 @@ export interface ICheckboxGroupInstance {
   fill?: ComputedRef<string>
   textColor?: ComputedRef<string>
   checkboxGroupSize?: ComputedRef<ComponentSize>
-  changeEvent?: AnyFunction<any>
+  changeEvent?: (...args: any[]) => any
 }
diff --git a/packages/components/checkbox/src/checkbox.vue b/packages/components/checkbox/src/checkbox.vue
index 34134aba4c..42308cf04e 100644
--- a/packages/components/checkbox/src/checkbox.vue
+++ b/packages/components/checkbox/src/checkbox.vue
@@ -62,7 +62,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { isValidComponentSize } from '@element-plus/utils-v2'
+import { isValidComponentSize } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { useCheckbox } from './useCheckbox'
 
diff --git a/packages/components/checkbox/src/useCheckbox.ts b/packages/components/checkbox/src/useCheckbox.ts
index edf95ae771..e48c396778 100644
--- a/packages/components/checkbox/src/useCheckbox.ts
+++ b/packages/components/checkbox/src/useCheckbox.ts
@@ -6,7 +6,6 @@ import { elFormKey, elFormItemKey } from '@element-plus/tokens'
 import { useSize } from '@element-plus/hooks'
 import type { ExtractPropTypes } from 'vue'
 import type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'
-import type { PartialReturnType } from '@element-plus/utils/types'
 import type { ICheckboxGroupInstance } from './checkbox.type'
 
 export const useCheckboxProps = {
@@ -90,7 +89,7 @@ const useModel = (props: IUseCheckboxProps) => {
 
 const useCheckboxStatus = (
   props: IUseCheckboxProps,
-  { model }: PartialReturnType<typeof useModel>
+  { model }: Partial<ReturnType<typeof useModel>>
 ) => {
   const { isGroup, checkboxGroup } = useCheckboxGroup()
   const focus = ref(false)
@@ -127,8 +126,8 @@ const useDisabled = (
   {
     model,
     isChecked,
-  }: PartialReturnType<typeof useModel> &
-    PartialReturnType<typeof useCheckboxStatus>
+  }: Partial<ReturnType<typeof useModel>> &
+    Partial<ReturnType<typeof useCheckboxStatus>>
 ) => {
   const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()
   const isLimitDisabled = computed(() => {
@@ -156,7 +155,7 @@ const useDisabled = (
 
 const setStoreValue = (
   props: IUseCheckboxProps,
-  { model }: PartialReturnType<typeof useModel>
+  { model }: Partial<ReturnType<typeof useModel>>
 ) => {
   function addToStore() {
     if (Array.isArray(model.value) && !model.value.includes(props.label)) {
@@ -170,7 +169,7 @@ const setStoreValue = (
 
 const useEvent = (
   props: IUseCheckboxProps,
-  { isLimitExceeded }: PartialReturnType<typeof useModel>
+  { isLimitExceeded }: Partial<ReturnType<typeof useModel>>
 ) => {
   const { elFormItem } = useCheckboxGroup()
   const { emit } = getCurrentInstance()
diff --git a/packages/components/col/index.ts b/packages/components/col/index.ts
index bf30dad894..84149678ea 100644
--- a/packages/components/col/index.ts
+++ b/packages/components/col/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Col from './src/col'
 
diff --git a/packages/components/col/src/col.ts b/packages/components/col/src/col.ts
index 29971b4547..17a5a170db 100644
--- a/packages/components/col/src/col.ts
+++ b/packages/components/col/src/col.ts
@@ -1,5 +1,5 @@
 import { defineComponent, computed, inject, h, renderSlot } from 'vue'
-import { buildProps, definePropType, mutable } from '@element-plus/utils-v2'
+import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import type { ExtractPropTypes, CSSProperties } from 'vue'
 
diff --git a/packages/components/collapse-transition/index.ts b/packages/components/collapse-transition/index.ts
index f2a0375b03..ed844ccba1 100644
--- a/packages/components/collapse-transition/index.ts
+++ b/packages/components/collapse-transition/index.ts
@@ -1,6 +1,6 @@
 import CollapseTransition from './src/collapse-transition.vue'
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 CollapseTransition.install = (app: App): void => {
   app.component(CollapseTransition.name, CollapseTransition)
diff --git a/packages/components/collapse/index.ts b/packages/components/collapse/index.ts
index 688825f676..b70375be27 100644
--- a/packages/components/collapse/index.ts
+++ b/packages/components/collapse/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Collapse from './src/collapse.vue'
 import CollapseItem from './src/collapse-item.vue'
diff --git a/packages/components/collapse/src/collapse-item.vue b/packages/components/collapse/src/collapse-item.vue
index 58e15e984c..8f251e4f99 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">
 import { defineComponent, inject, computed, ref } from 'vue'
-import { generateId } from '@element-plus/utils-v2'
+import { generateId } from '@element-plus/utils'
 import ElCollapseTransition from '@element-plus/components/collapse-transition'
 import ElIcon from '@element-plus/components/icon'
 import { ArrowRight } from '@element-plus/icons-vue'
diff --git a/packages/components/color-picker/__tests__/color-picker.spec.ts b/packages/components/color-picker/__tests__/color-picker.spec.ts
index a7751ab5ce..6ccbebe94d 100644
--- a/packages/components/color-picker/__tests__/color-picker.spec.ts
+++ b/packages/components/color-picker/__tests__/color-picker.spec.ts
@@ -3,7 +3,7 @@ import { mount } from '@vue/test-utils'
 import ColorPicker from '../src/index.vue'
 import type { ComponentPublicInstance } from 'vue'
 
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 jest.mock('lodash-unified', () => {
   return {
diff --git a/packages/components/color-picker/index.ts b/packages/components/color-picker/index.ts
index 974f0a4a76..80a2654bea 100644
--- a/packages/components/color-picker/index.ts
+++ b/packages/components/color-picker/index.ts
@@ -1,7 +1,7 @@
 import ColorPicker from './src/index.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 ColorPicker.install = (app: App): void => {
   app.component(ColorPicker.name, ColorPicker)
diff --git a/packages/components/color-picker/src/color.ts b/packages/components/color-picker/src/color.ts
index ff68f9097a..ca7315d607 100644
--- a/packages/components/color-picker/src/color.ts
+++ b/packages/components/color-picker/src/color.ts
@@ -1,4 +1,4 @@
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 
 const hsv2hsl = function (hue: number, sat: number, val: number) {
   return [
diff --git a/packages/components/color-picker/src/components/alpha-slider.vue b/packages/components/color-picker/src/components/alpha-slider.vue
index ca30e74d3c..21cfb70059 100644
--- a/packages/components/color-picker/src/components/alpha-slider.vue
+++ b/packages/components/color-picker/src/components/alpha-slider.vue
@@ -28,11 +28,11 @@ import {
   getCurrentInstance,
   shallowRef,
 } from 'vue'
-import { getClientXY } from '@element-plus/utils/dom'
+import { getClientXY } from '@element-plus/utils'
 import draggable from '../draggable'
 
 import type { PropType } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type Color from '../color'
 
 export default defineComponent({
diff --git a/packages/components/color-picker/src/components/hue-slider.vue b/packages/components/color-picker/src/components/hue-slider.vue
index 09e2246672..85039ae1e3 100644
--- a/packages/components/color-picker/src/components/hue-slider.vue
+++ b/packages/components/color-picker/src/components/hue-slider.vue
@@ -21,7 +21,7 @@ import {
   getCurrentInstance,
   defineComponent,
 } from 'vue'
-import { getClientXY } from '@element-plus/utils/dom'
+import { getClientXY } from '@element-plus/utils'
 import draggable from '../draggable'
 
 import type { PropType } from 'vue'
diff --git a/packages/components/color-picker/src/components/sv-panel.vue b/packages/components/color-picker/src/components/sv-panel.vue
index e65ba63873..320a8418b4 100644
--- a/packages/components/color-picker/src/components/sv-panel.vue
+++ b/packages/components/color-picker/src/components/sv-panel.vue
@@ -28,7 +28,7 @@ import {
   getCurrentInstance,
   onMounted,
 } from 'vue'
-import { getClientXY } from '@element-plus/utils/dom'
+import { getClientXY } from '@element-plus/utils'
 import draggable from '../draggable'
 
 import type { PropType } from 'vue'
diff --git a/packages/components/color-picker/src/draggable.ts b/packages/components/color-picker/src/draggable.ts
index e50a4c2be5..8ef0f4c9c4 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/dom'
+import { on, off } 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 6c2c7bc897..967f28537c 100644
--- a/packages/components/color-picker/src/index.vue
+++ b/packages/components/color-picker/src/index.vue
@@ -113,7 +113,7 @@ import { useLocale, useSize, useNamespace } 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 { isValidComponentSize } from '@element-plus/utils-v2'
+import { isValidComponentSize } from '@element-plus/utils'
 import { Close, ArrowDown } from '@element-plus/icons-vue'
 import AlphaSlider from './components/alpha-slider.vue'
 import HueSlider from './components/hue-slider.vue'
diff --git a/packages/components/config-provider/index.ts b/packages/components/config-provider/index.ts
index 6ea946301a..ae176e1a66 100644
--- a/packages/components/config-provider/index.ts
+++ b/packages/components/config-provider/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import ConfigProvider from './src/config-provider'
 
diff --git a/packages/components/config-provider/src/config-provider.ts b/packages/components/config-provider/src/config-provider.ts
index d819c776a5..04be3c083b 100644
--- a/packages/components/config-provider/src/config-provider.ts
+++ b/packages/components/config-provider/src/config-provider.ts
@@ -1,5 +1,5 @@
 import { defineComponent, renderSlot, watch } from 'vue'
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import { provideGlobalConfig } from '@element-plus/hooks'
 import type { Language } from '@element-plus/locale'
 import type { ButtonConfigContext } from '@element-plus/components/button'
diff --git a/packages/components/container/index.ts b/packages/components/container/index.ts
index a8a94fb3cd..1ab5499455 100644
--- a/packages/components/container/index.ts
+++ b/packages/components/container/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Container from './src/container.vue'
 import Aside from './src/aside.vue'
diff --git a/packages/components/date-picker/__tests__/date-picker.spec.ts b/packages/components/date-picker/__tests__/date-picker.spec.ts
index b53fb94c0a..46099f681a 100644
--- a/packages/components/date-picker/__tests__/date-picker.spec.ts
+++ b/packages/components/date-picker/__tests__/date-picker.spec.ts
@@ -8,7 +8,7 @@ import Input from '@element-plus/components/input'
 import zhCn from '@element-plus/locale/lang/zh-cn'
 import enUs from '@element-plus/locale/lang/en'
 import 'dayjs/locale/zh-cn'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import DatePicker from '../src/date-picker'
 
 const _mount = (template: string, data = () => ({}), otherObj?) =>
diff --git a/packages/components/date-picker/index.ts b/packages/components/date-picker/index.ts
index 9762f8a0b9..7dfc38982a 100644
--- a/packages/components/date-picker/index.ts
+++ b/packages/components/date-picker/index.ts
@@ -1,7 +1,7 @@
 import DatePicker from './src/date-picker'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 const _DatePicker = DatePicker as SFCWithInstall<typeof DatePicker>
 
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 f24765f0f8..17604ac989 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,5 +1,5 @@
 import { h, defineComponent, inject } from 'vue'
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+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 42f86175ff..3afdf9d68b 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
@@ -36,7 +36,7 @@
 import { defineComponent, computed, ref } from 'vue'
 import dayjs from 'dayjs'
 import { useLocale } from '@element-plus/hooks'
-import { coerceTruthyValueToArray } from '@element-plus/utils/util'
+import { castArray } from '@element-plus/utils'
 import ElDatePickerCell from './basic-cell-render'
 import type { PropType } from 'vue'
 
@@ -130,9 +130,7 @@ export default defineComponent({
       let count = 1
 
       const selectedDate: Dayjs[] =
-        props.selectionMode === 'dates'
-          ? coerceTruthyValueToArray(props.parsedValue)
-          : []
+        props.selectionMode === 'dates' ? castArray(props.parsedValue) : []
 
       const calNow = dayjs().locale(lang.value).startOf('day')
 
@@ -389,10 +387,10 @@ export default defineComponent({
         })
       } else if (props.selectionMode === 'dates') {
         const newValue = cell.selected
-          ? coerceTruthyValueToArray(props.parsedValue).filter(
+          ? castArray(props.parsedValue).filter(
               (_) => _.valueOf() !== newDate.valueOf()
             )
-          : coerceTruthyValueToArray(props.parsedValue).concat([newDate])
+          : castArray(props.parsedValue).concat([newDate])
         ctx.emit('pick', newValue)
       }
     }
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 7e7e707f8f..00a27325dc 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
@@ -23,8 +23,7 @@ import { defineComponent, computed, ref } from 'vue'
 import dayjs from 'dayjs'
 import { useLocale } from '@element-plus/hooks'
 import { rangeArr } from '@element-plus/components/time-picker'
-import { hasClass } from '@element-plus/utils/dom'
-import { coerceTruthyValueToArray } from '@element-plus/utils/util'
+import { hasClass, castArray } from '@element-plus/utils'
 
 import type { PropType } from 'vue'
 import type { Dayjs } from 'dayjs'
@@ -150,7 +149,7 @@ export default defineComponent({
         ? datesInMonth(year, month, lang.value).every(props.disabledDate)
         : false
       style.current =
-        coerceTruthyValueToArray(props.parsedValue).findIndex(
+        castArray(props.parsedValue).findIndex(
           (date) => date.year() === year && date.month() === month
         ) >= 0
       style.today = today.getFullYear() === year && today.getMonth() === month
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 e2dfcf2de5..339295eb03 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
@@ -48,8 +48,7 @@ import { defineComponent, computed } from 'vue'
 import dayjs from 'dayjs'
 import { useLocale } from '@element-plus/hooks'
 import { rangeArr } from '@element-plus/components/time-picker'
-import { hasClass } from '@element-plus/utils/dom'
-import { coerceTruthyValueToArray } from '@element-plus/utils/util'
+import { hasClass, castArray } from '@element-plus/utils'
 
 import type { PropType } from 'vue'
 import type { Dayjs } from 'dayjs'
@@ -90,9 +89,7 @@ export default defineComponent({
         : false
 
       style.current =
-        coerceTruthyValueToArray(props.parsedValue).findIndex(
-          (_) => _.year() === year
-        ) >= 0
+        castArray(props.parsedValue).findIndex((_) => _.year() === year) >= 0
 
       style.today = today.year() === year
 
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 cb9e87b9e5..7611940898 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
@@ -174,8 +174,8 @@ import {
   TimePickPanel,
 } from '@element-plus/components/time-picker'
 import { ElIcon } from '@element-plus/components/icon'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { isValidDatePickType } from '@element-plus/utils-v2'
+import { isValidDatePickType } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import {
   DArrowLeft,
   ArrowLeft,
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 6eebec943c..acbbe35702 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
@@ -245,7 +245,7 @@ import {
   TimePickPanel,
 } from '@element-plus/components/time-picker'
 import ElIcon from '@element-plus/components/icon'
-import { isValidDatePickType } from '@element-plus/utils-v2'
+import { isValidDatePickType } from '@element-plus/utils'
 import {
   DArrowLeft,
   ArrowLeft,
diff --git a/packages/components/descriptions/index.ts b/packages/components/descriptions/index.ts
index 9d0cf28949..25ff7af3ce 100644
--- a/packages/components/descriptions/index.ts
+++ b/packages/components/descriptions/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Descriptions from './src/index.vue'
 import DescriptionsItem from './src/description-item'
diff --git a/packages/components/descriptions/src/descriptions-cell.ts b/packages/components/descriptions/src/descriptions-cell.ts
index 0fe8c26264..3761bc2a40 100644
--- a/packages/components/descriptions/src/descriptions-cell.ts
+++ b/packages/components/descriptions/src/descriptions-cell.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h, inject } from 'vue'
-import { addUnit, getNormalizedProps } from '@element-plus/utils-v2'
+import { addUnit, getNormalizedProps } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { elDescriptionsKey } from './token'
 
diff --git a/packages/components/descriptions/src/index.vue b/packages/components/descriptions/src/index.vue
index d911fb3afa..9b644505da 100644
--- a/packages/components/descriptions/src/index.vue
+++ b/packages/components/descriptions/src/index.vue
@@ -26,7 +26,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, provide } from 'vue'
-import { isValidComponentSize } from '@element-plus/utils-v2'
+import { isValidComponentSize } from '@element-plus/utils'
 import { useSize, useNamespace } from '@element-plus/hooks'
 import DescriptionsRow from './descriptions-row.vue'
 import { elDescriptionsKey } from './token'
diff --git a/packages/components/dialog/index.ts b/packages/components/dialog/index.ts
index 4ead67ffd3..c8878971b7 100644
--- a/packages/components/dialog/index.ts
+++ b/packages/components/dialog/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Dialog from './src/dialog.vue'
 
 export const ElDialog = withInstall(Dialog)
diff --git a/packages/components/dialog/src/dialog.ts b/packages/components/dialog/src/dialog.ts
index d7e06758ce..68513c5706 100644
--- a/packages/components/dialog/src/dialog.ts
+++ b/packages/components/dialog/src/dialog.ts
@@ -1,8 +1,4 @@
-import {
-  buildProps,
-  definePropType,
-  iconPropType,
-} from '@element-plus/utils-v2'
+import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/dialog/src/dialog.vue b/packages/components/dialog/src/dialog.vue
index 7759bbdf01..f8e082c667 100644
--- a/packages/components/dialog/src/dialog.vue
+++ b/packages/components/dialog/src/dialog.vue
@@ -73,7 +73,7 @@ import { computed, defineComponent, ref } from 'vue'
 import { TrapFocus } from '@element-plus/directives'
 import { ElOverlay } from '@element-plus/components/overlay'
 import { ElIcon } from '@element-plus/components/icon'
-import { CloseComponents } from '@element-plus/utils-v2'
+import { CloseComponents } from '@element-plus/utils'
 import { useNamespace, useDraggable, useSameTarget } from '@element-plus/hooks'
 import { dialogProps, dialogEmits } from './dialog'
 import { useDialog } from './use-dialog'
diff --git a/packages/components/dialog/src/use-dialog.ts b/packages/components/dialog/src/use-dialog.ts
index 786ce6c75e..9529feb800 100644
--- a/packages/components/dialog/src/use-dialog.ts
+++ b/packages/components/dialog/src/use-dialog.ts
@@ -8,7 +8,7 @@ import {
   useZIndex,
 } from '@element-plus/hooks'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { isNumber } from '@element-plus/utils-v2'
+import { isNumber } from '@element-plus/utils'
 
 import type { CSSProperties, Ref, SetupContext } from 'vue'
 import type { DialogEmits, DialogProps } from './dialog'
diff --git a/packages/components/divider/index.ts b/packages/components/divider/index.ts
index 0af19ceae4..d66e2178ba 100644
--- a/packages/components/divider/index.ts
+++ b/packages/components/divider/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Divider from './src/divider.vue'
 
diff --git a/packages/components/divider/src/divider.ts b/packages/components/divider/src/divider.ts
index db937796d8..0370073822 100644
--- a/packages/components/divider/src/divider.ts
+++ b/packages/components/divider/src/divider.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type Divider from './divider.vue'
 
diff --git a/packages/components/drawer/index.ts b/packages/components/drawer/index.ts
index cf83042aaa..e1bbee3ba8 100644
--- a/packages/components/drawer/index.ts
+++ b/packages/components/drawer/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Drawer from './src/drawer.vue'
 
 export const ElDrawer = withInstall(Drawer)
diff --git a/packages/components/drawer/src/drawer.ts b/packages/components/drawer/src/drawer.ts
index 07068273eb..dacb3f8e68 100644
--- a/packages/components/drawer/src/drawer.ts
+++ b/packages/components/drawer/src/drawer.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { dialogProps, dialogEmits } from '@element-plus/components/dialog'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/dropdown/__tests__/dropdown.spec.ts b/packages/components/dropdown/__tests__/dropdown.spec.ts
index 0e508355e8..fb90d9512c 100644
--- a/packages/components/dropdown/__tests__/dropdown.spec.ts
+++ b/packages/components/dropdown/__tests__/dropdown.spec.ts
@@ -1,7 +1,7 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
 import { rAF } from '@element-plus/test-utils/tick'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import { ElTooltip } from '@element-plus/components/tooltip'
 import Dropdown from '../src/dropdown.vue'
 import DropdownItem from '../src/dropdown-item.vue'
diff --git a/packages/components/dropdown/index.ts b/packages/components/dropdown/index.ts
index 4674113186..5a37da00aa 100644
--- a/packages/components/dropdown/index.ts
+++ b/packages/components/dropdown/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Dropdown from './src/dropdown.vue'
 import DropdownItem from './src/dropdown-item.vue'
diff --git a/packages/components/dropdown/src/dropdown-item-impl.vue b/packages/components/dropdown/src/dropdown-item-impl.vue
index 2d37312861..cde840e045 100644
--- a/packages/components/dropdown/src/dropdown-item-impl.vue
+++ b/packages/components/dropdown/src/dropdown-item-impl.vue
@@ -31,9 +31,9 @@ import {
 } from '@element-plus/components/roving-focus-group'
 import { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'
 import { ElIcon } from '@element-plus/components/icon'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { composeEventHandlers, composeRefs } from '@element-plus/utils/dom'
 import { useNamespace } from '@element-plus/hooks'
+import { composeEventHandlers, composeRefs } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import {
   DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,
   dropdownItemProps,
diff --git a/packages/components/dropdown/src/dropdown-item.vue b/packages/components/dropdown/src/dropdown-item.vue
index 6ab4987ea1..f7cf32ab85 100644
--- a/packages/components/dropdown/src/dropdown-item.vue
+++ b/packages/components/dropdown/src/dropdown-item.vue
@@ -25,7 +25,7 @@ import {
   unref,
 } from 'vue'
 import { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'
-import { composeEventHandlers, whenMouse } from '@element-plus/utils/dom'
+import { composeEventHandlers, whenMouse } from '@element-plus/utils'
 import ElDropdownItemImpl from './dropdown-item-impl.vue'
 import { useDropdown } from './useDropdown'
 import {
diff --git a/packages/components/dropdown/src/dropdown-menu.vue b/packages/components/dropdown/src/dropdown-menu.vue
index 88afc5dc74..ad23e2e481 100644
--- a/packages/components/dropdown/src/dropdown-menu.vue
+++ b/packages/components/dropdown/src/dropdown-menu.vue
@@ -15,14 +15,14 @@
 </template>
 <script lang="ts">
 import { computed, defineComponent, inject, unref } from 'vue'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { composeRefs, composeEventHandlers } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'
 import {
   ROVING_FOCUS_COLLECTION_INJECTION_KEY,
   ROVING_FOCUS_GROUP_INJECTION_KEY,
   focusFirst,
 } from '@element-plus/components/roving-focus-group'
-import { composeRefs, composeEventHandlers } from '@element-plus/utils/dom'
 import { useNamespace } from '@element-plus/hooks'
 import { DROPDOWN_INJECTION_KEY } from './tokens'
 import {
diff --git a/packages/components/dropdown/src/dropdown.ts b/packages/components/dropdown/src/dropdown.ts
index 5c016116c8..520257e231 100644
--- a/packages/components/dropdown/src/dropdown.ts
+++ b/packages/components/dropdown/src/dropdown.ts
@@ -1,9 +1,5 @@
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import {
-  buildProps,
-  definePropType,
-  iconPropType,
-} from '@element-plus/utils-v2'
+import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { createCollectionWithScope } from '@element-plus/components/collection'
 import {
   useTooltipTriggerProps,
@@ -14,7 +10,7 @@ import type { Options } from '@popperjs/core'
 import type { 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/types'
+import type { Nullable } from '@element-plus/utils'
 
 export interface IElDropdownInstance {
   instance?: ComponentInternalInstance
diff --git a/packages/components/dropdown/src/dropdown.vue b/packages/components/dropdown/src/dropdown.vue
index 977e0240ce..aab9466d53 100644
--- a/packages/components/dropdown/src/dropdown.vue
+++ b/packages/components/dropdown/src/dropdown.vue
@@ -89,7 +89,7 @@ import ElScrollbar from '@element-plus/components/scrollbar'
 import ElIcon from '@element-plus/components/icon'
 import ElFocusTrap from '@element-plus/components/focus-trap'
 import ElRovingFocusGroup from '@element-plus/components/roving-focus-group'
-import { addUnit } from '@element-plus/utils-v2'
+import { addUnit } from '@element-plus/utils'
 import { ArrowDown } from '@element-plus/icons-vue'
 import { useNamespace, useSize } from '@element-plus/hooks'
 import { ElCollection as ElDropdownCollection, dropdownProps } from './dropdown'
diff --git a/packages/components/dropdown/src/useDropdown.ts b/packages/components/dropdown/src/useDropdown.ts
index ebcb7bc6f3..1c573455d3 100644
--- a/packages/components/dropdown/src/useDropdown.ts
+++ b/packages/components/dropdown/src/useDropdown.ts
@@ -1,10 +1,8 @@
 import { inject, computed, ref } from 'vue'
-import { generateId } from '@element-plus/utils-v2'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { on, addClass } from '@element-plus/utils/dom'
-
+import { generateId, on, addClass } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type { IElDropdownInstance } from './dropdown'
 
 export const useDropdown = () => {
diff --git a/packages/components/empty/index.ts b/packages/components/empty/index.ts
index ac8e86427a..c8259b0192 100644
--- a/packages/components/empty/index.ts
+++ b/packages/components/empty/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Empty from './src/empty.vue'
 
diff --git a/packages/components/focus-trap/__tests__/focus-trap.spec.ts b/packages/components/focus-trap/__tests__/focus-trap.spec.ts
index 5dab41fa9b..d996061922 100644
--- a/packages/components/focus-trap/__tests__/focus-trap.spec.ts
+++ b/packages/components/focus-trap/__tests__/focus-trap.spec.ts
@@ -1,6 +1,6 @@
 import { h, nextTick, inject } from 'vue'
 import { mount } from '@vue/test-utils'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import ElFocusTrap from '../src/focus-trap.vue'
 import { FOCUS_TRAP_INJECTION_KEY } from '../src/tokens'
 
diff --git a/packages/components/focus-trap/src/focus-trap.vue b/packages/components/focus-trap/src/focus-trap.vue
index aff61e7b5d..0d0748184a 100644
--- a/packages/components/focus-trap/src/focus-trap.vue
+++ b/packages/components/focus-trap/src/focus-trap.vue
@@ -11,8 +11,8 @@ import {
   unref,
   watch,
 } from 'vue'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { on, off } from '@element-plus/utils/dom'
+import { on, off } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import {
   focusableStack,
   focusFirstDescendant,
diff --git a/packages/components/form/index.ts b/packages/components/form/index.ts
index 3cd22bc541..0d806010fa 100644
--- a/packages/components/form/index.ts
+++ b/packages/components/form/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 import Form from './src/form.vue'
 import FormItem from './src/form-item.vue'
 
diff --git a/packages/components/form/src/form-item.vue b/packages/components/form/src/form-item.vue
index 5033cd4f19..5e81c93d89 100644
--- a/packages/components/form/src/form-item.vue
+++ b/packages/components/form/src/form-item.vue
@@ -53,8 +53,11 @@ import {
 } from 'vue'
 import { NOOP } from '@vue/shared'
 import AsyncValidator from 'async-validator'
-import { addUnit, isValidComponentSize } from '@element-plus/utils-v2'
-import { getPropByPath } from '@element-plus/utils/util'
+import {
+  addUnit,
+  isValidComponentSize,
+  getPropByPath,
+} from '@element-plus/utils'
 import { elFormItemKey, elFormKey } from '@element-plus/tokens'
 import { useSize } from '@element-plus/hooks'
 import LabelWrap from './label-wrap'
diff --git a/packages/components/form/src/form.vue b/packages/components/form/src/form.vue
index 6ab4006b5d..183081c642 100644
--- a/packages/components/form/src/form.vue
+++ b/packages/components/form/src/form.vue
@@ -15,7 +15,7 @@ import {
   watch,
 } from 'vue'
 import { elFormKey } from '@element-plus/tokens'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { useSize } from '@element-plus/hooks'
 import type { ValidateFieldsError } from 'async-validator'
 
diff --git a/packages/components/form/src/label-wrap.ts b/packages/components/form/src/label-wrap.ts
index ef5385f3c0..544f22e215 100644
--- a/packages/components/form/src/label-wrap.ts
+++ b/packages/components/form/src/label-wrap.ts
@@ -10,15 +10,11 @@ import {
   ref,
   watch,
 } from 'vue'
-import {
-  addResizeListener,
-  removeResizeListener,
-} from '@element-plus/utils/resize-event'
+import { addResizeListener, removeResizeListener } from '@element-plus/utils'
 import { elFormItemKey, elFormKey } from '@element-plus/tokens'
-import type { ResizableElement } from '@element-plus/utils/resize-event'
+import type { ResizableElement, Nullable } from '@element-plus/utils'
 
 import type { CSSProperties } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
 
 export default defineComponent({
   name: 'ElLabelWrap',
diff --git a/packages/components/icon/index.ts b/packages/components/icon/index.ts
index 67c88e3b54..56c810796a 100644
--- a/packages/components/icon/index.ts
+++ b/packages/components/icon/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Icon from './src/icon.vue'
 
diff --git a/packages/components/icon/src/icon.ts b/packages/components/icon/src/icon.ts
index b71786bb94..79337857bb 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-v2'
+import { definePropType, buildProps } 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 6bdf15a2d8..823d0d90e2 100644
--- a/packages/components/icon/src/icon.vue
+++ b/packages/components/icon/src/icon.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 import { defineComponent, computed } from 'vue'
-import { isUndefined, addUnit } from '@element-plus/utils-v2'
+import { isUndefined, addUnit } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { iconProps } from './icon'
 
diff --git a/packages/components/image-viewer/index.ts b/packages/components/image-viewer/index.ts
index 7cf4427cb5..542c7a5df1 100644
--- a/packages/components/image-viewer/index.ts
+++ b/packages/components/image-viewer/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import ImageViewer from './src/image-viewer.vue'
 
diff --git a/packages/components/image-viewer/src/image-viewer.ts b/packages/components/image-viewer/src/image-viewer.ts
index 1cdec0c20b..c87f59aa60 100644
--- a/packages/components/image-viewer/src/image-viewer.ts
+++ b/packages/components/image-viewer/src/image-viewer.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType, mutable } from '@element-plus/utils-v2'
+import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 
 export const imageViewerProps = buildProps({
diff --git a/packages/components/image-viewer/src/image-viewer.vue b/packages/components/image-viewer/src/image-viewer.vue
index f5989e141a..9001bfca67 100644
--- a/packages/components/image-viewer/src/image-viewer.vue
+++ b/packages/components/image-viewer/src/image-viewer.vue
@@ -90,11 +90,11 @@ import {
   markRaw,
 } from 'vue'
 import { useEventListener } from '@vueuse/core'
+import { throttle } from 'lodash-unified'
 import ElIcon from '@element-plus/components/icon'
 import { useLocale, useNamespace } from '@element-plus/hooks'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { isFirefox } from '@element-plus/utils-v2'
-import { rafThrottle } from '@element-plus/utils/util'
+import { isFirefox } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import {
   Close,
   ArrowLeft,
@@ -215,7 +215,7 @@ export default defineComponent({
     }
 
     function registerEventListener() {
-      const keydownHandler = rafThrottle((e: KeyboardEvent) => {
+      const keydownHandler = throttle((e: KeyboardEvent) => {
         switch (e.code) {
           // ESC
           case EVENT_CODE.esc:
@@ -243,7 +243,7 @@ export default defineComponent({
             break
         }
       })
-      const mousewheelHandler = rafThrottle(
+      const mousewheelHandler = throttle(
         (e: WheelEvent | any /* TODO: wheelDelta is deprecated */) => {
           const delta = e.wheelDelta ? e.wheelDelta : -e.detail
           if (delta > 0) {
@@ -287,7 +287,7 @@ export default defineComponent({
       const startX = e.pageX
       const startY = e.pageY
 
-      const dragHandler = rafThrottle((ev: MouseEvent) => {
+      const dragHandler = throttle((ev: MouseEvent) => {
         transform.value = {
           ...transform.value,
           offsetX: offsetX + ev.pageX - startX,
diff --git a/packages/components/image/index.ts b/packages/components/image/index.ts
index 4bd3285e15..a3b16dc6b7 100644
--- a/packages/components/image/index.ts
+++ b/packages/components/image/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Image from './src/image.vue'
 
diff --git a/packages/components/image/src/image.ts b/packages/components/image/src/image.ts
index 34aff28baf..d53b887548 100644
--- a/packages/components/image/src/image.ts
+++ b/packages/components/image/src/image.ts
@@ -3,7 +3,7 @@ import {
   definePropType,
   mutable,
   isNumber,
-} from '@element-plus/utils-v2'
+} 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 3e9b3dd8f2..80fef1133f 100644
--- a/packages/components/image/src/image.vue
+++ b/packages/components/image/src/image.vue
@@ -40,7 +40,7 @@ import { isString } from '@vue/shared'
 import { useEventListener, useThrottleFn, isClient } from '@vueuse/core'
 import { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'
 import ImageViewer from '@element-plus/components/image-viewer'
-import { getScrollContainer, isInContainer } from '@element-plus/utils/dom'
+import { getScrollContainer, isInContainer } from '@element-plus/utils'
 import { imageEmits, imageProps } from './image'
 
 import type { CSSProperties, StyleValue } from 'vue'
diff --git a/packages/components/infinite-scroll/index.ts b/packages/components/infinite-scroll/index.ts
index 04bceb6e0e..2d24df2e4e 100644
--- a/packages/components/infinite-scroll/index.ts
+++ b/packages/components/infinite-scroll/index.ts
@@ -1,7 +1,7 @@
 import InfiniteScroll from './src/index'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 const _InfiniteScroll = InfiniteScroll as SFCWithInstall<typeof InfiniteScroll>
 
diff --git a/packages/components/infinite-scroll/src/index.ts b/packages/components/infinite-scroll/src/index.ts
index 594b02f3ec..218907d4b7 100644
--- a/packages/components/infinite-scroll/src/index.ts
+++ b/packages/components/infinite-scroll/src/index.ts
@@ -4,8 +4,8 @@ import { throttle } from 'lodash-unified'
 import {
   getScrollContainer,
   getOffsetTopDistance,
-} from '@element-plus/utils/dom'
-import { throwError } from '@element-plus/utils-v2'
+  throwError,
+} from '@element-plus/utils'
 
 import type { ObjectDirective, ComponentPublicInstance } from 'vue'
 
diff --git a/packages/components/input-number/index.ts b/packages/components/input-number/index.ts
index e8877d5d8b..66e282752b 100644
--- a/packages/components/input-number/index.ts
+++ b/packages/components/input-number/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import InputNumber from './src/input-number.vue'
 
 export const ElInputNumber = withInstall(InputNumber)
diff --git a/packages/components/input-number/src/input-number.ts b/packages/components/input-number/src/input-number.ts
index 628b27ef8b..c4bb95f029 100644
--- a/packages/components/input-number/src/input-number.ts
+++ b/packages/components/input-number/src/input-number.ts
@@ -1,4 +1,4 @@
-import { buildProps, isNumber } from '@element-plus/utils-v2'
+import { buildProps, isNumber } from '@element-plus/utils'
 import { componentSizes } from '@element-plus/constants'
 
 export const inputNumberProps = buildProps({
diff --git a/packages/components/input-number/src/input-number.vue b/packages/components/input-number/src/input-number.vue
index c67a152fdf..b94e4b5a97 100644
--- a/packages/components/input-number/src/input-number.vue
+++ b/packages/components/input-number/src/input-number.vue
@@ -75,7 +75,7 @@ import {
   useNamespace,
 } from '@element-plus/hooks'
 import ElInput from '@element-plus/components/input'
-import { isNumber, debugWarn } from '@element-plus/utils-v2'
+import { isNumber, debugWarn } from '@element-plus/utils'
 import { ArrowUp, ArrowDown, Plus, Minus } from '@element-plus/icons-vue'
 import { inputNumberProps, inputNumberEmits } from './input-number'
 
diff --git a/packages/components/input/index.ts b/packages/components/input/index.ts
index 12c9bfcefd..b102ba171e 100644
--- a/packages/components/input/index.ts
+++ b/packages/components/input/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Input from './src/input.vue'
 
diff --git a/packages/components/input/src/calc-textarea-height.ts b/packages/components/input/src/calc-textarea-height.ts
index 536551da68..ef8b7879c8 100644
--- a/packages/components/input/src/calc-textarea-height.ts
+++ b/packages/components/input/src/calc-textarea-height.ts
@@ -1,4 +1,4 @@
-import { isNumber } from '@element-plus/utils-v2'
+import { isNumber } from '@element-plus/utils'
 
 let hiddenTextarea: HTMLTextAreaElement | undefined = undefined
 
diff --git a/packages/components/input/src/input.ts b/packages/components/input/src/input.ts
index 823c1f7a54..46f9629463 100644
--- a/packages/components/input/src/input.ts
+++ b/packages/components/input/src/input.ts
@@ -4,7 +4,7 @@ import {
   definePropType,
   iconPropType,
   mutable,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { useSizeProp } from '@element-plus/hooks'
 import type { StyleValue, ExtractPropTypes } from 'vue'
diff --git a/packages/components/input/src/input.vue b/packages/components/input/src/input.vue
index bae5a70ee8..97f77fed77 100644
--- a/packages/components/input/src/input.vue
+++ b/packages/components/input/src/input.vue
@@ -148,11 +148,7 @@ import {
 import { isClient } from '@vueuse/core'
 import { ElIcon } from '@element-plus/components/icon'
 import { CircleClose, View as IconView } from '@element-plus/icons-vue'
-import {
-  ValidateComponentsMap,
-  isObject,
-  isKorean,
-} from '@element-plus/utils-v2'
+import { ValidateComponentsMap, isObject, isKorean } from '@element-plus/utils'
 import {
   useAttrs,
   useDisabled,
diff --git a/packages/components/link/index.ts b/packages/components/link/index.ts
index 870dcc093c..9092c59c1c 100644
--- a/packages/components/link/index.ts
+++ b/packages/components/link/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Link from './src/link.vue'
 
diff --git a/packages/components/link/src/link.ts b/packages/components/link/src/link.ts
index 927a520d26..c5f0e16e5c 100644
--- a/packages/components/link/src/link.ts
+++ b/packages/components/link/src/link.ts
@@ -1,4 +1,4 @@
-import { buildProps, iconPropType } from '@element-plus/utils-v2'
+import { buildProps, iconPropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type Link from './link.vue'
 
diff --git a/packages/components/loading/src/loading.ts b/packages/components/loading/src/loading.ts
index 82cc11d83b..5fcb79baef 100644
--- a/packages/components/loading/src/loading.ts
+++ b/packages/components/loading/src/loading.ts
@@ -10,7 +10,7 @@ import {
   withCtx,
   withDirectives,
 } from 'vue'
-import { removeClass } from '@element-plus/utils/dom'
+import { removeClass } from '@element-plus/utils'
 
 import type { LoadingOptionsResolved } from './types'
 
diff --git a/packages/components/loading/src/service.ts b/packages/components/loading/src/service.ts
index 9395c0b2d3..5c51296da3 100644
--- a/packages/components/loading/src/service.ts
+++ b/packages/components/loading/src/service.ts
@@ -1,7 +1,7 @@
 import { nextTick } from 'vue'
 import { isString } from '@vue/shared'
 import { isClient } from '@vueuse/core'
-import { addClass, getStyle, removeClass } from '@element-plus/utils/dom'
+import { addClass, getStyle, removeClass } from '@element-plus/utils'
 import { useZIndex } from '@element-plus/hooks'
 import { createLoadingComponent } from './loading'
 import type { LoadingInstance } from './loading'
diff --git a/packages/components/menu/index.ts b/packages/components/menu/index.ts
index eaeeef96e5..dacaa9dd51 100644
--- a/packages/components/menu/index.ts
+++ b/packages/components/menu/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Menu from './src/menu'
 import MenuItem from './src/menu-item.vue'
diff --git a/packages/components/menu/src/menu-collapse-transition.vue b/packages/components/menu/src/menu-collapse-transition.vue
index f8c64a519a..ce4964f6b0 100644
--- a/packages/components/menu/src/menu-collapse-transition.vue
+++ b/packages/components/menu/src/menu-collapse-transition.vue
@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { addClass, removeClass, hasClass } from '@element-plus/utils/dom'
+import { addClass, removeClass, hasClass } from '@element-plus/utils'
 
 import type { TransitionProps, BaseTransitionProps } from 'vue'
 
diff --git a/packages/components/menu/src/menu-item-group.vue b/packages/components/menu/src/menu-item-group.vue
index 227ccebfdc..81afdb9dcb 100644
--- a/packages/components/menu/src/menu-item-group.vue
+++ b/packages/components/menu/src/menu-item-group.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts">
 import { defineComponent, computed, getCurrentInstance, inject } from 'vue'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 import { menuItemGroupProps } from './menu-item-group'
 
 import type { MenuProvider } from './types'
diff --git a/packages/components/menu/src/menu-item.ts b/packages/components/menu/src/menu-item.ts
index c8d9cbdc7d..fa5c66b764 100644
--- a/packages/components/menu/src/menu-item.ts
+++ b/packages/components/menu/src/menu-item.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType, isString } from '@element-plus/utils-v2'
+import { buildProps, definePropType, isString } from '@element-plus/utils'
 
 import type { ExtractPropTypes } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
diff --git a/packages/components/menu/src/menu-item.vue b/packages/components/menu/src/menu-item.vue
index 7cf8cf32cb..d72feff867 100644
--- a/packages/components/menu/src/menu-item.vue
+++ b/packages/components/menu/src/menu-item.vue
@@ -58,7 +58,7 @@ import {
 } from 'vue'
 import ElTooltip from '@element-plus/components/tooltip'
 import { Effect } from '@element-plus/components/popper'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 import useMenu from './use-menu'
 import { menuItemEmits, menuItemProps } from './menu-item'
 
diff --git a/packages/components/menu/src/menu.ts b/packages/components/menu/src/menu.ts
index 3d061d50dd..960f3dfda8 100644
--- a/packages/components/menu/src/menu.ts
+++ b/packages/components/menu/src/menu.ts
@@ -14,14 +14,14 @@ import {
 import { Resize } from '@element-plus/directives'
 import ElIcon from '@element-plus/components/icon'
 import { More } from '@element-plus/icons-vue'
-import Menubar from '@element-plus/utils/menu/menu-bar'
 import {
   buildProps,
   definePropType,
   mutable,
   isString,
   isObject,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
+import Menubar from './utils/menu-bar'
 import ElMenuCollapseTransition from './menu-collapse-transition.vue'
 import ElSubMenu from './sub-menu'
 import { useMenuCssVar } from './use-menu-css-var'
diff --git a/packages/components/menu/src/sub-menu.ts b/packages/components/menu/src/sub-menu.ts
index 1473473882..009800b7f9 100644
--- a/packages/components/menu/src/sub-menu.ts
+++ b/packages/components/menu/src/sub-menu.ts
@@ -17,7 +17,7 @@ import {
 import { useTimeoutFn } from '@vueuse/core'
 import ElCollapseTransition from '@element-plus/components/collapse-transition'
 import ElTooltip from '@element-plus/components/tooltip'
-import { buildProps, throwError } from '@element-plus/utils-v2'
+import { buildProps, throwError } from '@element-plus/utils'
 import { ArrowDown, ArrowRight } from '@element-plus/icons-vue'
 import { ElIcon } from '@element-plus/components/icon'
 import useMenu from './use-menu'
diff --git a/packages/components/menu/src/use-menu.ts b/packages/components/menu/src/use-menu.ts
index f9293db690..eff75329a7 100644
--- a/packages/components/menu/src/use-menu.ts
+++ b/packages/components/menu/src/use-menu.ts
@@ -1,5 +1,5 @@
 import { computed, inject } from 'vue'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 
 import type { ComponentInternalInstance, Ref, CSSProperties } from 'vue'
 import type { MenuProvider } from './types'
diff --git a/packages/utils/menu/menu-bar.ts b/packages/components/menu/src/utils/menu-bar.ts
similarity index 100%
rename from packages/utils/menu/menu-bar.ts
rename to packages/components/menu/src/utils/menu-bar.ts
diff --git a/packages/utils/menu/menu-item.ts b/packages/components/menu/src/utils/menu-item.ts
similarity index 93%
rename from packages/utils/menu/menu-item.ts
rename to packages/components/menu/src/utils/menu-item.ts
index 6c55044c12..4f6b31b361 100644
--- a/packages/utils/menu/menu-item.ts
+++ b/packages/components/menu/src/utils/menu-item.ts
@@ -1,4 +1,5 @@
-import { EVENT_CODE, triggerEvent } from '../aria'
+import { triggerEvent } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import SubMenu from './submenu'
 
 class MenuItem {
diff --git a/packages/utils/menu/submenu.ts b/packages/components/menu/src/utils/submenu.ts
similarity index 93%
rename from packages/utils/menu/submenu.ts
rename to packages/components/menu/src/utils/submenu.ts
index 8e4bc254ae..506db6d628 100644
--- a/packages/utils/menu/submenu.ts
+++ b/packages/components/menu/src/utils/submenu.ts
@@ -1,4 +1,5 @@
-import { EVENT_CODE, triggerEvent } from '../aria'
+import { triggerEvent } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import type MenuItem from './menu-item'
 
 class SubMenu {
diff --git a/packages/components/message-box/index.ts b/packages/components/message-box/index.ts
index c4bd456774..6ebed56710 100644
--- a/packages/components/message-box/index.ts
+++ b/packages/components/message-box/index.ts
@@ -1,7 +1,7 @@
 import MessageBox from './src/messageBox'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 const _MessageBox = MessageBox as SFCWithInstall<typeof MessageBox>
 
diff --git a/packages/components/message-box/src/index.vue b/packages/components/message-box/src/index.vue
index 99d7f6e58a..899ba5976e 100644
--- a/packages/components/message-box/src/index.vue
+++ b/packages/components/message-box/src/index.vue
@@ -152,17 +152,18 @@ import {
 } from '@element-plus/hooks'
 import ElInput from '@element-plus/components/input'
 import { ElOverlay } from '@element-plus/components/overlay'
-import { on, off } from '@element-plus/utils/dom'
-import { EVENT_CODE } from '@element-plus/utils/aria'
 import {
+  on,
+  off,
   isValidComponentSize,
   TypeComponents,
   TypeComponentsMap,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { ElIcon } from '@element-plus/components/icon'
 
 import type { PropType } from 'vue'
-import type { ComponentSize } from '@element-plus/utils/types'
+import type { ComponentSize } from '@element-plus/constants'
 import type {
   Action,
   MessageBoxState,
diff --git a/packages/components/message-box/src/messageBox.ts b/packages/components/message-box/src/messageBox.ts
index b6ecfb6bba..893853e770 100644
--- a/packages/components/message-box/src/messageBox.ts
+++ b/packages/components/message-box/src/messageBox.ts
@@ -1,6 +1,6 @@
 import { h, watch, render } from 'vue'
 import { isClient } from '@vueuse/core'
-import { isVNode, isString, hasOwn } from '@element-plus/utils-v2'
+import { isVNode, isString, hasOwn } from '@element-plus/utils'
 import MessageBoxConstructor from './index.vue'
 
 import type { ComponentPublicInstance, VNode } from 'vue'
diff --git a/packages/components/message/__tests__/message-manager.spec.ts b/packages/components/message/__tests__/message-manager.spec.ts
index 39022301d1..e93ff6d5f4 100644
--- a/packages/components/message/__tests__/message-manager.spec.ts
+++ b/packages/components/message/__tests__/message-manager.spec.ts
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue'
-import { getStyle } from '@element-plus/utils/dom'
+import { getStyle } from '@element-plus/utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import Message from '../src/message-method'
 
diff --git a/packages/components/message/__tests__/message.spec.ts b/packages/components/message/__tests__/message.spec.ts
index 0068ff1230..15b5a52efe 100644
--- a/packages/components/message/__tests__/message.spec.ts
+++ b/packages/components/message/__tests__/message.spec.ts
@@ -1,8 +1,8 @@
 import { h, nextTick } from 'vue'
 import makeMount from '@element-plus/test-utils/make-mount'
 import { rAF } from '@element-plus/test-utils/tick'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { TypeComponentsMap } from '@element-plus/utils-v2'
+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'
 
diff --git a/packages/components/message/index.ts b/packages/components/message/index.ts
index 7d811335f3..14524aac01 100644
--- a/packages/components/message/index.ts
+++ b/packages/components/message/index.ts
@@ -1,4 +1,4 @@
-import { withInstallFunction } from '@element-plus/utils-v2'
+import { withInstallFunction } from '@element-plus/utils'
 
 import Message from './src/message-method'
 
diff --git a/packages/components/message/src/message-method.ts b/packages/components/message/src/message-method.ts
index a78298aa82..fe6a7836fc 100644
--- a/packages/components/message/src/message-method.ts
+++ b/packages/components/message/src/message-method.ts
@@ -1,6 +1,6 @@
 import { createVNode, render } from 'vue'
 import { isClient } from '@vueuse/core'
-import { isVNode, isNumber, debugWarn } from '@element-plus/utils-v2'
+import { isVNode, isNumber, debugWarn } from '@element-plus/utils'
 import { useZIndex } from '@element-plus/hooks'
 import { messageConfig } from '@element-plus/components/config-provider/src/config-provider'
 import MessageConstructor from './message.vue'
diff --git a/packages/components/message/src/message.ts b/packages/components/message/src/message.ts
index 586c8950a5..e26136e706 100644
--- a/packages/components/message/src/message.ts
+++ b/packages/components/message/src/message.ts
@@ -1,8 +1,4 @@
-import {
-  buildProps,
-  definePropType,
-  iconPropType,
-} from '@element-plus/utils-v2'
+import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
 import type { VNode, ExtractPropTypes } 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 a2b8ced638..720e1c0cfc 100644
--- a/packages/components/message/src/message.vue
+++ b/packages/components/message/src/message.vue
@@ -45,10 +45,10 @@
 <script lang="ts">
 import { defineComponent, computed, ref, onMounted, watch } from 'vue'
 import { useEventListener, useTimeoutFn } from '@vueuse/core'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { TypeComponents, TypeComponentsMap } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import ElBadge from '@element-plus/components/badge'
 import { ElIcon } from '@element-plus/components/icon'
-import { TypeComponents, TypeComponentsMap } from '@element-plus/utils-v2'
 
 import { useNamespace } from '@element-plus/hooks'
 import { messageEmits, messageProps } from './message'
diff --git a/packages/components/notification/__tests__/notification.spec.ts b/packages/components/notification/__tests__/notification.spec.ts
index f8902cac05..b9360e15ec 100644
--- a/packages/components/notification/__tests__/notification.spec.ts
+++ b/packages/components/notification/__tests__/notification.spec.ts
@@ -1,8 +1,8 @@
 import { h, nextTick } from 'vue'
 import { rAF } from '@element-plus/test-utils/tick'
 import makeMount from '@element-plus/test-utils/make-mount'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { TypeComponentsMap } from '@element-plus/utils-v2'
+import { TypeComponentsMap } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { useZIndex } from '@element-plus/hooks'
 import Notification from '../src/notification.vue'
 
diff --git a/packages/components/notification/index.ts b/packages/components/notification/index.ts
index b1cd2b6647..2a86e3554a 100644
--- a/packages/components/notification/index.ts
+++ b/packages/components/notification/index.ts
@@ -1,4 +1,4 @@
-import { withInstallFunction } from '@element-plus/utils-v2'
+import { withInstallFunction } from '@element-plus/utils'
 
 import Notify from './src/notify'
 
diff --git a/packages/components/notification/src/notification.ts b/packages/components/notification/src/notification.ts
index 829f34ce7a..e97b397986 100644
--- a/packages/components/notification/src/notification.ts
+++ b/packages/components/notification/src/notification.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 
 import type { VNode, ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/notification/src/notification.vue b/packages/components/notification/src/notification.vue
index 7a3a5665c5..f57f916be4 100644
--- a/packages/components/notification/src/notification.vue
+++ b/packages/components/notification/src/notification.vue
@@ -41,9 +41,9 @@
 <script lang="ts">
 import { defineComponent, computed, ref, onMounted } from 'vue'
 import { useEventListener, useTimeoutFn } from '@vueuse/core'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { TypeComponents, TypeComponentsMap } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { ElIcon } from '@element-plus/components/icon'
-import { TypeComponents, TypeComponentsMap } from '@element-plus/utils-v2'
 import { useNamespace } from '@element-plus/hooks'
 import { notificationProps, notificationEmits } from './notification'
 
diff --git a/packages/components/notification/src/notify.ts b/packages/components/notification/src/notify.ts
index 025dc9df60..fb283c9803 100644
--- a/packages/components/notification/src/notify.ts
+++ b/packages/components/notification/src/notify.ts
@@ -1,7 +1,7 @@
 import { createVNode, render } from 'vue'
 import { isClient } from '@vueuse/core'
 import { useZIndex } from '@element-plus/hooks'
-import { isVNode, debugWarn } from '@element-plus/utils-v2'
+import { isVNode, debugWarn } from '@element-plus/utils'
 import NotificationConstructor from './notification.vue'
 import { notificationTypes } from './notification'
 
diff --git a/packages/components/overlay/src/overlay.ts b/packages/components/overlay/src/overlay.ts
index 10b8ff0816..4fc667ab07 100644
--- a/packages/components/overlay/src/overlay.ts
+++ b/packages/components/overlay/src/overlay.ts
@@ -1,5 +1,5 @@
 import { createVNode, defineComponent, renderSlot, h } from 'vue'
-import { PatchFlags, buildProps, definePropType } from '@element-plus/utils-v2'
+import { PatchFlags, buildProps, definePropType } from '@element-plus/utils'
 import { useNamespace, useSameTarget } from '@element-plus/hooks'
 
 import type { ExtractPropTypes, CSSProperties } from 'vue'
diff --git a/packages/components/page-header/index.ts b/packages/components/page-header/index.ts
index 597a2f7f92..7f339ca006 100644
--- a/packages/components/page-header/index.ts
+++ b/packages/components/page-header/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import PageHeader from './src/page-header.vue'
 
diff --git a/packages/components/pagination/index.ts b/packages/components/pagination/index.ts
index 9015861a4f..a03d3e8c5c 100644
--- a/packages/components/pagination/index.ts
+++ b/packages/components/pagination/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Pagination from './src/pagination'
 
diff --git a/packages/components/pagination/src/components/sizes.vue b/packages/components/pagination/src/components/sizes.vue
index 416c075f33..7f36b2f96d 100644
--- a/packages/components/pagination/src/components/sizes.vue
+++ b/packages/components/pagination/src/components/sizes.vue
@@ -21,11 +21,11 @@
 import { defineComponent, watch, computed, ref } from 'vue'
 import { isEqual } from 'lodash-unified'
 import { ElSelect, ElOption } from '@element-plus/components/select'
-import { buildProps, definePropType, mutable } from '@element-plus/utils-v2'
 import { useLocale, useNamespace } from '@element-plus/hooks'
+import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import { usePagination } from '../usePagination'
 
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 const paginationSizesProps = buildProps({
   pageSize: {
diff --git a/packages/components/pagination/src/pagination.ts b/packages/components/pagination/src/pagination.ts
index 3da1c08d10..2d0284ae58 100644
--- a/packages/components/pagination/src/pagination.ts
+++ b/packages/components/pagination/src/pagination.ts
@@ -12,7 +12,7 @@ import {
   buildProps,
   definePropType,
   mutable,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
 import { useLocale, useNamespace } from '@element-plus/hooks'
 import { elPaginationKey } from '@element-plus/tokens'
 
diff --git a/packages/components/popconfirm/index.ts b/packages/components/popconfirm/index.ts
index 589f404d1a..48046f28cd 100644
--- a/packages/components/popconfirm/index.ts
+++ b/packages/components/popconfirm/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Popconfirm from './src/popconfirm.vue'
 
diff --git a/packages/components/popconfirm/src/popconfirm.ts b/packages/components/popconfirm/src/popconfirm.ts
index 322caaa80d..dc1649b646 100644
--- a/packages/components/popconfirm/src/popconfirm.ts
+++ b/packages/components/popconfirm/src/popconfirm.ts
@@ -1,10 +1,6 @@
 import { buttonType } from '@element-plus/components/button'
 import { QuestionFilled } from '@element-plus/icons-vue'
-import {
-  buildProps,
-  definePropType,
-  iconPropType,
-} from '@element-plus/utils-v2'
+import { buildProps, definePropType, iconPropType } from '@element-plus/utils'
 import { useTooltipContentProps } from '@element-plus/components/tooltip'
 import type { Component, ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/popover/index.ts b/packages/components/popover/index.ts
index edcd5f4256..91afb371eb 100644
--- a/packages/components/popover/index.ts
+++ b/packages/components/popover/index.ts
@@ -2,7 +2,7 @@ import Popover from './src/index.vue'
 import PopoverDirective, { VPopover } from './src/directive'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Popover.install = (app: App): void => {
   app.component(Popover.name, Popover)
diff --git a/packages/components/popover/src/index.vue b/packages/components/popover/src/index.vue
index 7d01cf9e82..ee56679578 100644
--- a/packages/components/popover/src/index.vue
+++ b/packages/components/popover/src/index.vue
@@ -30,7 +30,7 @@
 import { defineComponent, computed, ref, unref } from 'vue'
 import ElTooltip from '@element-plus/components/tooltip'
 import { useDeprecateAppendToBody } from '@element-plus/components/popper'
-import { isString } from '@element-plus/utils-v2'
+import { isString } from '@element-plus/utils'
 import { usePopoverProps } from './popover'
 
 import type { StyleValue } from 'vue'
diff --git a/packages/components/popover/src/popover.ts b/packages/components/popover/src/popover.ts
index 9389f09983..b8776d108e 100644
--- a/packages/components/popover/src/popover.ts
+++ b/packages/components/popover/src/popover.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { useTooltipContentProps } from '@element-plus/components/tooltip'
 
 export const usePopoverProps = {
diff --git a/packages/components/popper/index.ts b/packages/components/popper/index.ts
index d5f77f8392..7f18ab3a73 100644
--- a/packages/components/popper/index.ts
+++ b/packages/components/popper/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Popper from './src/popper.vue'
 
 export { default as ElPopperArrow } from './src/arrow.vue'
diff --git a/packages/components/popper/src/container.ts b/packages/components/popper/src/container.ts
index 39ccb70f07..b292e2f06a 100644
--- a/packages/components/popper/src/container.ts
+++ b/packages/components/popper/src/container.ts
@@ -1,6 +1,6 @@
 import { onBeforeMount } from 'vue'
 import { isClient } from '@vueuse/core'
-import { generateId } from '@element-plus/utils-v2'
+import { generateId } from '@element-plus/utils'
 
 let cachedContainer: HTMLElement
 
diff --git a/packages/components/popper/src/deprecation.ts b/packages/components/popper/src/deprecation.ts
index a3e3d21576..cd06c85987 100644
--- a/packages/components/popper/src/deprecation.ts
+++ b/packages/components/popper/src/deprecation.ts
@@ -1,6 +1,6 @@
 import { computed, getCurrentInstance } from 'vue'
 import { useDeprecated } from '@element-plus/hooks'
-import { isBoolean } from '@element-plus/utils-v2'
+import { isBoolean } from '@element-plus/utils'
 
 export function useDeprecateAppendToBody(scope: string, from: string) {
   const vm = getCurrentInstance()!
diff --git a/packages/components/popper/src/popper.ts b/packages/components/popper/src/popper.ts
index 5df1c4bc9d..bda1ac7e45 100644
--- a/packages/components/popper/src/popper.ts
+++ b/packages/components/popper/src/popper.ts
@@ -1,5 +1,5 @@
 import { placements } from '@popperjs/core'
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 
 import type { ExtractPropTypes, StyleValue } from 'vue'
 import type { Placement, Options } from '@popperjs/core'
diff --git a/packages/components/progress/index.ts b/packages/components/progress/index.ts
index 1ee28f82a8..e7c0bcabd1 100644
--- a/packages/components/progress/index.ts
+++ b/packages/components/progress/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Progress from './src/progress.vue'
 
 export const ElProgress = withInstall(Progress)
diff --git a/packages/components/progress/src/progress.ts b/packages/components/progress/src/progress.ts
index 588f020f81..8e3e835170 100644
--- a/packages/components/progress/src/progress.ts
+++ b/packages/components/progress/src/progress.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import type { SVGAttributes, ExtractPropTypes } from 'vue'
 
 type Color = { color: string; percentage: number }
diff --git a/packages/components/radio/__tests__/radio.spec.ts b/packages/components/radio/__tests__/radio.spec.ts
index a329daa9a8..8bb36f017c 100644
--- a/packages/components/radio/__tests__/radio.spec.ts
+++ b/packages/components/radio/__tests__/radio.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import Radio from '../src/radio.vue'
 import RadioGroup from '../src/radio-group.vue'
 import RadioButton from '../src/radio-button.vue'
diff --git a/packages/components/radio/index.ts b/packages/components/radio/index.ts
index 8ed9dc3bf0..fe6e9dc00a 100644
--- a/packages/components/radio/index.ts
+++ b/packages/components/radio/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Radio from './src/radio.vue'
 import RadioButton from './src/radio-button.vue'
diff --git a/packages/components/radio/src/radio-button.ts b/packages/components/radio/src/radio-button.ts
index 711fd3299c..5253544ee0 100644
--- a/packages/components/radio/src/radio-button.ts
+++ b/packages/components/radio/src/radio-button.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { radioPropsBase } from './radio'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/radio/src/radio-group.ts b/packages/components/radio/src/radio-group.ts
index 05bbc79bc8..a88785ca66 100644
--- a/packages/components/radio/src/radio-group.ts
+++ b/packages/components/radio/src/radio-group.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { useSizeProp } from '@element-plus/hooks'
 import { radioEmits } from './radio'
 import type { ExtractPropTypes } from '@vue/runtime-core'
diff --git a/packages/components/radio/src/radio-group.vue b/packages/components/radio/src/radio-group.vue
index 3961f0bc7f..39c8aa1579 100644
--- a/packages/components/radio/src/radio-group.vue
+++ b/packages/components/radio/src/radio-group.vue
@@ -20,8 +20,7 @@ import {
   toRefs,
   watch,
 } from 'vue'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
+import { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { radioGroupKey } from '@element-plus/tokens'
 import { useFormItem } from '@element-plus/hooks'
 import { radioGroupEmits, radioGroupProps } from './radio-group'
diff --git a/packages/components/radio/src/radio.ts b/packages/components/radio/src/radio.ts
index dd96382869..a88263b6f7 100644
--- a/packages/components/radio/src/radio.ts
+++ b/packages/components/radio/src/radio.ts
@@ -1,10 +1,5 @@
 import { ref, computed, inject } from 'vue'
-import {
-  buildProps,
-  isBoolean,
-  isString,
-  isNumber,
-} from '@element-plus/utils-v2'
+import { buildProps, isBoolean, isString, isNumber } 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/rate/index.ts b/packages/components/rate/index.ts
index 84492b6f5c..0128fbd6e7 100644
--- a/packages/components/rate/index.ts
+++ b/packages/components/rate/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Rate from './src/rate.vue'
 
diff --git a/packages/components/rate/src/rate.ts b/packages/components/rate/src/rate.ts
index 80f7c78c29..74fcfca8ad 100644
--- a/packages/components/rate/src/rate.ts
+++ b/packages/components/rate/src/rate.ts
@@ -6,7 +6,7 @@ import {
   mutable,
   isValidComponentSize,
   iconPropType,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
 import type { ComponentSize } from '@element-plus/constants'
 import type { Component, ExtractPropTypes, PropType } from 'vue'
 import type Rate from './rate.vue'
diff --git a/packages/components/rate/src/rate.vue b/packages/components/rate/src/rate.vue
index 82234a422f..8264da2d30 100644
--- a/packages/components/rate/src/rate.vue
+++ b/packages/components/rate/src/rate.vue
@@ -45,10 +45,8 @@
 import { defineComponent, inject, computed, ref, watch } from 'vue'
 import { isObject, isArray } from '@vue/shared'
 import { elFormKey } from '@element-plus/tokens'
-import { hasClass } from '@element-plus/utils/dom'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-
-import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
+import { hasClass } from '@element-plus/utils'
+import { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { ElIcon } from '@element-plus/components/icon'
 import { StarFilled, Star } from '@element-plus/icons-vue'
 import { useNamespace, useSize } from '@element-plus/hooks'
diff --git a/packages/components/result/index.ts b/packages/components/result/index.ts
index 5c6467737d..92213d36b0 100644
--- a/packages/components/result/index.ts
+++ b/packages/components/result/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Result from './src/result.vue'
 
 export const ElResult = withInstall(Result)
diff --git a/packages/components/result/src/result.ts b/packages/components/result/src/result.ts
index e7ecef2551..b1667fa3e5 100644
--- a/packages/components/result/src/result.ts
+++ b/packages/components/result/src/result.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import {
   WarningFilled,
   CircleCheckFilled,
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 0aabf288ce..7dbfaafe1c 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,7 +1,7 @@
 import { h, inject, nextTick, defineComponent } from 'vue'
 import { mount } from '@vue/test-utils'
 import { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'
-import { composeRefs } from '@element-plus/utils/dom'
+import { composeRefs } from '@element-plus/utils'
 import ElRovingFocusGroup from '../src/roving-focus-group.vue'
 import { ROVING_FOCUS_GROUP_INJECTION_KEY } from '../src/tokens'
 import { ROVING_FOCUS_COLLECTION_INJECTION_KEY } from '../src/roving-focus-group'
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 068a2349e8..e9644b1fa6 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,7 +1,7 @@
 import { ref, nextTick, inject, defineComponent } from 'vue'
 import { mount } from '@vue/test-utils'
-import { composeRefs } from '@element-plus/utils/dom'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { composeRefs } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import {
   ROVING_FOCUS_COLLECTION_INJECTION_KEY,
   ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,
diff --git a/packages/components/roving-focus-group/__tests__/util.spec.ts b/packages/components/roving-focus-group/__tests__/util.spec.ts
index 51ba121359..0ee04ab740 100644
--- a/packages/components/roving-focus-group/__tests__/util.spec.ts
+++ b/packages/components/roving-focus-group/__tests__/util.spec.ts
@@ -1,4 +1,4 @@
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import * as Util from '../src/utils'
 
 describe('util', () => {
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 41dab49dfe..ed5b261f92 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
@@ -16,7 +16,7 @@ import {
   readonly,
   toRef,
 } from 'vue'
-import { composeEventHandlers, on, off } from '@element-plus/utils/dom'
+import { composeEventHandlers, on, off } from '@element-plus/utils'
 import {
   rovingFocusGroupProps,
   ROVING_FOCUS_COLLECTION_INJECTION_KEY,
diff --git a/packages/components/roving-focus-group/src/roving-focus-group.ts b/packages/components/roving-focus-group/src/roving-focus-group.ts
index 72b998359d..e3b51040fa 100644
--- a/packages/components/roving-focus-group/src/roving-focus-group.ts
+++ b/packages/components/roving-focus-group/src/roving-focus-group.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import { createCollectionWithScope } from '@element-plus/components/collection'
 import type { ExtractPropTypes, HTMLAttributes, StyleValue } from 'vue'
 
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 c13aec0734..ff8a93f560 100644
--- a/packages/components/roving-focus-group/src/roving-focus-item.vue
+++ b/packages/components/roving-focus-group/src/roving-focus-item.vue
@@ -19,8 +19,8 @@ import {
   provide,
 } from 'vue'
 import { useId } from '@element-plus/hooks'
-import { composeEventHandlers } from '@element-plus/utils/dom'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { composeEventHandlers } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import {
   ROVING_FOCUS_COLLECTION_INJECTION_KEY,
   ElCollectionItem as ElRovingFocusCollectionItem,
diff --git a/packages/components/roving-focus-group/src/utils.ts b/packages/components/roving-focus-group/src/utils.ts
index 4285d15a68..efbc5e8e75 100644
--- a/packages/components/roving-focus-group/src/utils.ts
+++ b/packages/components/roving-focus-group/src/utils.ts
@@ -1,4 +1,4 @@
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import type { HTMLAttributes } from 'vue'
 
 type Orientation = HTMLAttributes['aria-orientation']
diff --git a/packages/components/row/index.ts b/packages/components/row/index.ts
index 689f0be89f..bbd68a58c4 100644
--- a/packages/components/row/index.ts
+++ b/packages/components/row/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Row from './src/row'
 
 export const ElRow = withInstall(Row)
diff --git a/packages/components/row/src/row.ts b/packages/components/row/src/row.ts
index 9b6ac3d0dc..28ca5fdbb2 100644
--- a/packages/components/row/src/row.ts
+++ b/packages/components/row/src/row.ts
@@ -1,5 +1,5 @@
 import { defineComponent, computed, h, provide } from 'vue'
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import type { ExtractPropTypes, CSSProperties } from 'vue'
 
diff --git a/packages/components/scrollbar/index.ts b/packages/components/scrollbar/index.ts
index 99c089ff2f..2b17d8fa3a 100644
--- a/packages/components/scrollbar/index.ts
+++ b/packages/components/scrollbar/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Scrollbar from './src/scrollbar.vue'
 
diff --git a/packages/components/scrollbar/src/bar.ts b/packages/components/scrollbar/src/bar.ts
index 50c7ec85c8..631f82bf59 100644
--- a/packages/components/scrollbar/src/bar.ts
+++ b/packages/components/scrollbar/src/bar.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 
 export const barProps = buildProps({
diff --git a/packages/components/scrollbar/src/scrollbar.ts b/packages/components/scrollbar/src/scrollbar.ts
index 3945e77ae0..830bd525d1 100644
--- a/packages/components/scrollbar/src/scrollbar.ts
+++ b/packages/components/scrollbar/src/scrollbar.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType, isNumber } from '@element-plus/utils-v2'
+import { buildProps, definePropType, isNumber } from '@element-plus/utils'
 import type { StyleValue, ExtractPropTypes } from 'vue'
 
 export const scrollbarProps = buildProps({
diff --git a/packages/components/scrollbar/src/scrollbar.vue b/packages/components/scrollbar/src/scrollbar.vue
index 332fae913c..53cce436b9 100644
--- a/packages/components/scrollbar/src/scrollbar.vue
+++ b/packages/components/scrollbar/src/scrollbar.vue
@@ -43,7 +43,7 @@ import {
   reactive,
 } from 'vue'
 import { useResizeObserver, useEventListener } from '@vueuse/core'
-import { isNumber, debugWarn, addUnit } from '@element-plus/utils-v2'
+import { isNumber, debugWarn, addUnit } from '@element-plus/utils'
 import { scrollbarContextKey } from '@element-plus/tokens'
 import { useNamespace } from '@element-plus/hooks'
 import Bar from './bar.vue'
diff --git a/packages/components/scrollbar/src/thumb.ts b/packages/components/scrollbar/src/thumb.ts
index 54f8b2329d..6a909518c5 100644
--- a/packages/components/scrollbar/src/thumb.ts
+++ b/packages/components/scrollbar/src/thumb.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 
 export const thumbProps = buildProps({
diff --git a/packages/components/scrollbar/src/thumb.vue b/packages/components/scrollbar/src/thumb.vue
index 22f3cd3c8c..9edc2c1f83 100644
--- a/packages/components/scrollbar/src/thumb.vue
+++ b/packages/components/scrollbar/src/thumb.vue
@@ -27,7 +27,7 @@ import {
 } from 'vue'
 import { useEventListener, isClient } from '@vueuse/core'
 import { scrollbarContextKey } from '@element-plus/tokens'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { BAR_MAP, renderThumbStyle } from './util'
 
diff --git a/packages/components/select-v2/__tests__/select.spec.ts b/packages/components/select-v2/__tests__/select.spec.ts
index 156fffd34b..7aa9221394 100644
--- a/packages/components/select-v2/__tests__/select.spec.ts
+++ b/packages/components/select-v2/__tests__/select.spec.ts
@@ -1,10 +1,10 @@
 import { nextTick } from 'vue'
 import { NOOP } from '@vue/shared'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { hasClass } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { makeMountFunc } from '@element-plus/test-utils/make-mount'
 import { rAF } from '@element-plus/test-utils/tick'
 import { CircleClose } from '@element-plus/icons-vue'
-import { hasClass } from '@element-plus/utils/dom'
 import { POPPER_CONTAINER_SELECTOR } from '@element-plus/hooks'
 import Select from '../src/select.vue'
 
diff --git a/packages/components/select-v2/index.ts b/packages/components/select-v2/index.ts
index ddbf4f8ff2..303c4046b6 100644
--- a/packages/components/select-v2/index.ts
+++ b/packages/components/select-v2/index.ts
@@ -1,7 +1,7 @@
 import Select from './src/select.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Select.install = (app: App): void => {
   app.component(Select.name, Select)
diff --git a/packages/components/select-v2/src/defaults.ts b/packages/components/select-v2/src/defaults.ts
index d4ef77ef23..b5c803b402 100644
--- a/packages/components/select-v2/src/defaults.ts
+++ b/packages/components/select-v2/src/defaults.ts
@@ -1,4 +1,4 @@
-import { isValidComponentSize } from '@element-plus/utils-v2'
+import { isValidComponentSize } from '@element-plus/utils'
 import { useTooltipContentProps } from '@element-plus/components/tooltip'
 import { CircleClose } from '@element-plus/icons-vue'
 
diff --git a/packages/components/select-v2/src/select-dropdown.vue b/packages/components/select-v2/src/select-dropdown.vue
index e8ec691341..d4204a43db 100644
--- a/packages/components/select-v2/src/select-dropdown.vue
+++ b/packages/components/select-v2/src/select-dropdown.vue
@@ -10,9 +10,8 @@ import {
   withKeys,
   withModifiers,
 } from 'vue'
-import { isUndefined, isObject } from '@element-plus/utils-v2'
-import { getValueByPath } from '@element-plus/utils/util'
-// import { addResizeListener, removeResizeListener, ResizableElement } from '@element-plus/utils/resize-event'
+import { get } from 'lodash-unified'
+import { isUndefined, isObject } from '@element-plus/utils'
 import {
   FixedSizeList,
   DynamicSizeList,
@@ -69,9 +68,7 @@ export default defineComponent({
       return (
         arr &&
         arr.some((item) => {
-          return (
-            getValueByPath(item, valueKey) === getValueByPath(target, valueKey)
-          )
+          return get(item, valueKey) === get(target, valueKey)
         })
       )
     }
@@ -80,10 +77,7 @@ export default defineComponent({
         return selected === target
       } else {
         const { valueKey } = select.props
-        return (
-          getValueByPath(selected, valueKey) ===
-          getValueByPath(target, valueKey)
-        )
+        return get(selected, valueKey) === get(target, valueKey)
       }
     }
 
diff --git a/packages/components/select-v2/src/useInput.ts b/packages/components/select-v2/src/useInput.ts
index 4a22be619e..bfcbacd20c 100644
--- a/packages/components/select-v2/src/useInput.ts
+++ b/packages/components/select-v2/src/useInput.ts
@@ -1,6 +1,6 @@
 import { ref } from 'vue'
 import { isFunction } from '@vue/shared'
-import { isKorean } from '@element-plus/utils-v2'
+import { isKorean } from '@element-plus/utils'
 
 export function useInput(handleInput: (event: InputEvent) => void) {
   const isComposing = ref(false)
diff --git a/packages/components/select-v2/src/useSelect.ts b/packages/components/select-v2/src/useSelect.ts
index 25aee85e7f..8c2c18b8e9 100644
--- a/packages/components/select-v2/src/useSelect.ts
+++ b/packages/components/select-v2/src/useSelect.ts
@@ -8,7 +8,7 @@ import {
   onBeforeMount,
 } from 'vue'
 import { isArray, isFunction, isObject } from '@vue/shared'
-import { isEqual, debounce as lodashDebounce } from 'lodash-unified'
+import { isEqual, debounce as lodashDebounce, get } from 'lodash-unified'
 import {
   useFormItem,
   useLocale,
@@ -16,12 +16,11 @@ import {
   useNamespace,
 } from '@element-plus/hooks'
 import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
-import { ValidateComponentsMap } from '@element-plus/utils-v2'
 import {
+  ValidateComponentsMap,
   addResizeListener,
   removeResizeListener,
-} from '@element-plus/utils/resize-event'
-import { getValueByPath } from '@element-plus/utils/util'
+} from '@element-plus/utils'
 import { useDeprecateAppendToBody } from '@element-plus/components/popper'
 
 import { ArrowUp } from '@element-plus/icons-vue'
@@ -348,7 +347,7 @@ const useSelect = (props: ExtractPropTypes<typeof SelectProps>, emit) => {
     const valueKey = props.valueKey
     let index = -1
     arr.some((item, i) => {
-      if (getValueByPath(item, valueKey) === getValueByPath(value, valueKey)) {
+      if (get(item, valueKey) === get(value, valueKey)) {
         index = i
         return true
       }
@@ -358,7 +357,7 @@ const useSelect = (props: ExtractPropTypes<typeof SelectProps>, emit) => {
   }
 
   const getValueKey = (item: unknown) => {
-    return isObject(item) ? getValueByPath(item, props.valueKey) : item
+    return isObject(item) ? get(item, props.valueKey) : item
   }
 
   // if the selected item is item then we get label via indexing
diff --git a/packages/components/select/__tests__/select.spec.ts b/packages/components/select/__tests__/select.spec.ts
index 68446ecd0f..c2bcb58b36 100644
--- a/packages/components/select/__tests__/select.spec.ts
+++ b/packages/components/select/__tests__/select.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick, markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import { CircleClose, ArrowUp, CaretTop } from '@element-plus/icons-vue'
 import { POPPER_CONTAINER_SELECTOR } from '@element-plus/hooks'
 import Select from '../src/select.vue'
diff --git a/packages/components/select/index.ts b/packages/components/select/index.ts
index 27c59e36cf..8e0bfac1eb 100644
--- a/packages/components/select/index.ts
+++ b/packages/components/select/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Select from './src/select.vue'
 import Option from './src/option.vue'
diff --git a/packages/components/select/src/select-dropdown.vue b/packages/components/select/src/select-dropdown.vue
index 477dab0e16..5b1becd19c 100644
--- a/packages/components/select/src/select-dropdown.vue
+++ b/packages/components/select/src/select-dropdown.vue
@@ -16,13 +16,10 @@ import {
   inject,
   ref,
 } from 'vue'
-import {
-  addResizeListener,
-  removeResizeListener,
-} from '@element-plus/utils/resize-event'
 import { useNamespace } from '@element-plus/hooks'
+import { addResizeListener, removeResizeListener } from '@element-plus/utils'
 import { selectKey } from './token'
-import type { ResizableElement } from '@element-plus/utils/resize-event'
+import type { ResizableElement } from '@element-plus/utils'
 
 export default defineComponent({
   name: 'ElSelectDropdown',
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index 52e1f336a7..54d258d189 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -237,8 +237,8 @@ import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
 import {
   addResizeListener,
   removeResizeListener,
-} from '@element-plus/utils/resize-event'
-import { isValidComponentSize } from '@element-plus/utils-v2'
+  isValidComponentSize,
+} from '@element-plus/utils'
 import { CircleClose, ArrowUp } from '@element-plus/icons-vue'
 import ElOption from './option.vue'
 import ElSelectMenu from './select-dropdown.vue'
diff --git a/packages/components/select/src/useOption.ts b/packages/components/select/src/useOption.ts
index 2af0d154af..9d3661d9cd 100644
--- a/packages/components/select/src/useOption.ts
+++ b/packages/components/select/src/useOption.ts
@@ -1,5 +1,6 @@
 import { inject, computed, getCurrentInstance, watch, toRaw, unref } from 'vue'
-import { getValueByPath, escapeRegexpString } from '@element-plus/utils/util'
+import { get } from 'lodash-unified'
+import { escapeRegexpString } from '@element-plus/utils'
 import { selectKey, selectGroupKey } from './token'
 
 import type { Ref } from 'vue'
@@ -61,9 +62,7 @@ export function useOption(props, states) {
       return (
         arr &&
         arr.some((item) => {
-          return (
-            getValueByPath(item, valueKey) === getValueByPath(target, valueKey)
-          )
+          return get(item, valueKey) === get(target, valueKey)
         })
       )
     }
@@ -74,7 +73,7 @@ export function useOption(props, states) {
       return a === b
     } else {
       const { valueKey } = select.props
-      return getValueByPath(a, valueKey) === getValueByPath(b, valueKey)
+      return get(a, valueKey) === get(b, valueKey)
     }
   }
 
diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts
index d8c3467bf3..4230abddf4 100644
--- a/packages/components/select/src/useSelect.ts
+++ b/packages/components/select/src/useSelect.ts
@@ -9,14 +9,15 @@ import {
   triggerRef,
 } from 'vue'
 import { isObject, toRawType } from '@vue/shared'
-import { debounce as lodashDebounce, isEqual } from 'lodash-unified'
+import { debounce as lodashDebounce, isEqual, get } from 'lodash-unified'
 import { isClient } from '@vueuse/core'
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import {
+  UPDATE_MODEL_EVENT,
+  CHANGE_EVENT,
+  EVENT_CODE,
+} from '@element-plus/constants'
+import { isKorean } from '@element-plus/utils'
 import { useLocale, useNamespace, useSize } from '@element-plus/hooks'
-import scrollIntoView from '@element-plus/utils/scroll-into-view'
-import { isKorean } from '@element-plus/utils-v2'
-import { getValueByPath } from '@element-plus/utils/util'
 import { elFormKey, elFormItemKey } from '@element-plus/tokens'
 
 import type { ComponentPublicInstance } from 'vue'
@@ -463,8 +464,7 @@ export const useSelect = (props, states: States, ctx) => {
     for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
       const cachedOption = cachedOptionsArray.value[i]
       const isEqualValue = isObjectValue
-        ? getValueByPath(cachedOption.value, props.valueKey) ===
-          getValueByPath(value, props.valueKey)
+        ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey)
         : cachedOption.value === value
       if (isEqualValue) {
         option = {
@@ -504,10 +504,7 @@ export const useSelect = (props, states: States, ctx) => {
             null,
             states.selected.map((selected) => {
               return optionsArray.value.findIndex((item) => {
-                return (
-                  getValueByPath(item, valueKey) ===
-                  getValueByPath(selected, valueKey)
-                )
+                return get(item, valueKey) === get(selected, valueKey)
               })
             })
           )
@@ -627,7 +624,7 @@ export const useSelect = (props, states: States, ctx) => {
     const valueKey = props.valueKey
     let index = -1
     arr.some((item, i) => {
-      if (getValueByPath(item, valueKey) === getValueByPath(value, valueKey)) {
+      if (get(item, valueKey) === get(value, valueKey)) {
         index = i
         return true
       }
@@ -662,7 +659,7 @@ export const useSelect = (props, states: States, ctx) => {
         '.el-select-dropdown__wrap'
       )
       if (menu) {
-        scrollIntoView(menu as HTMLElement, target)
+        menu.scrollIntoView(target)
       }
     }
     scrollbar.value?.handleScroll()
@@ -780,9 +777,7 @@ export const useSelect = (props, states: States, ctx) => {
   }
 
   const getValueKey = (item) => {
-    return isObject(item.value)
-      ? getValueByPath(item.value, props.valueKey)
-      : item.value
+    return isObject(item.value) ? get(item.value, props.valueKey) : item.value
   }
 
   const optionsAllDisabled = computed(() =>
diff --git a/packages/components/skeleton/index.ts b/packages/components/skeleton/index.ts
index 1674bea6a1..029a90682e 100644
--- a/packages/components/skeleton/index.ts
+++ b/packages/components/skeleton/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Skeleton from './src/skeleton.vue'
 import SkeletonItem from './src/skeleton-item.vue'
diff --git a/packages/components/skeleton/src/skeleton-item.ts b/packages/components/skeleton/src/skeleton-item.ts
index ed22a61642..dd576a97d7 100644
--- a/packages/components/skeleton/src/skeleton-item.ts
+++ b/packages/components/skeleton/src/skeleton-item.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import type SkeletonItem from './skeleton-item.vue'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/skeleton/src/skeleton.ts b/packages/components/skeleton/src/skeleton.ts
index da7b264c68..df60d16d3d 100644
--- a/packages/components/skeleton/src/skeleton.ts
+++ b/packages/components/skeleton/src/skeleton.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import type Skeleton from './skeleton.vue'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/slider/index.ts b/packages/components/slider/index.ts
index 4e038556ad..e6f64c7cd3 100644
--- a/packages/components/slider/index.ts
+++ b/packages/components/slider/index.ts
@@ -1,7 +1,7 @@
 import Slider from './src/index.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Slider.install = (app: App): void => {
   app.component(Slider.name, Slider)
diff --git a/packages/components/slider/src/index.vue b/packages/components/slider/src/index.vue
index 2e574647d2..838e2b2c4c 100644
--- a/packages/components/slider/src/index.vue
+++ b/packages/components/slider/src/index.vue
@@ -97,8 +97,7 @@ import {
   CHANGE_EVENT,
   INPUT_EVENT,
 } from '@element-plus/constants'
-import { off, on } from '@element-plus/utils/dom'
-import { throwError, isValidComponentSize } from '@element-plus/utils-v2'
+import { off, on, throwError, isValidComponentSize } from '@element-plus/utils'
 import { useNamespace, useSize } from '@element-plus/hooks'
 import SliderButton from './button.vue'
 import SliderMarker from './marker.vue'
@@ -108,7 +107,7 @@ import { useStops } from './useStops'
 
 import type { PropType, Ref } from 'vue'
 import type { ComponentSize } from '@element-plus/constants'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 export default defineComponent({
   name: 'ElSlider',
diff --git a/packages/components/slider/src/slider.type.ts b/packages/components/slider/src/slider.type.ts
index 16b0f044b4..f663584468 100644
--- a/packages/components/slider/src/slider.type.ts
+++ b/packages/components/slider/src/slider.type.ts
@@ -1,5 +1,5 @@
 import type { ComputedRef, CSSProperties, Ref } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 export interface ISliderProps {
   modelValue: number | number[]
diff --git a/packages/components/slider/src/useSlide.ts b/packages/components/slider/src/useSlide.ts
index 2678b0b487..76732e2833 100644
--- a/packages/components/slider/src/useSlide.ts
+++ b/packages/components/slider/src/useSlide.ts
@@ -9,7 +9,7 @@ import type { CSSProperties } from 'vue'
 import type { ButtonRefs, ISliderInitData, ISliderProps } from './slider.type'
 
 import type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 export const useSlide = (
   props: ISliderProps,
diff --git a/packages/components/slider/src/useSliderButton.ts b/packages/components/slider/src/useSliderButton.ts
index 2aebe3bc14..95b166f1ab 100644
--- a/packages/components/slider/src/useSliderButton.ts
+++ b/packages/components/slider/src/useSliderButton.ts
@@ -1,7 +1,7 @@
 import { computed, inject, nextTick, ref, watch } from 'vue'
 import { debounce } from 'lodash-unified'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { off, on } from '@element-plus/utils/dom'
+import { off, on } from '@element-plus/utils'
 
 import type { ComputedRef, CSSProperties } from 'vue'
 import type {
diff --git a/packages/components/slider/src/useStops.ts b/packages/components/slider/src/useStops.ts
index a0f651795f..9323804a24 100644
--- a/packages/components/slider/src/useStops.ts
+++ b/packages/components/slider/src/useStops.ts
@@ -1,5 +1,5 @@
 import { computed } from 'vue'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import type { ComputedRef, CSSProperties } from 'vue'
 import type { ISliderInitData, ISliderProps, Stops } from './slider.type'
 
diff --git a/packages/components/slot/__tests__/only-child.spec.ts b/packages/components/slot/__tests__/only-child.spec.ts
index 20b284596a..5931085a53 100644
--- a/packages/components/slot/__tests__/only-child.spec.ts
+++ b/packages/components/slot/__tests__/only-child.spec.ts
@@ -1,12 +1,12 @@
 import { ref, h, nextTick, Comment, Fragment } from 'vue'
 import { shallowMount } from '@vue/test-utils'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { FORWARD_REF_INJECTION_KEY } from '@element-plus/hooks'
 import ElOnlyChild from '../src/only-child'
 
 import type { Slot } from 'vue'
 
-jest.mock('@element-plus/utils-v2/error', () => ({
+jest.mock('@element-plus/utils/error', () => ({
   debugWarn: jest.fn(),
 }))
 
diff --git a/packages/components/slot/src/only-child.ts b/packages/components/slot/src/only-child.ts
index 16b918630d..2f9548cea2 100644
--- a/packages/components/slot/src/only-child.ts
+++ b/packages/components/slot/src/only-child.ts
@@ -13,7 +13,7 @@ import {
   FORWARD_REF_INJECTION_KEY,
   useForwardRefDirective,
 } from '@element-plus/hooks'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 
 import type { VNode } from 'vue'
 
diff --git a/packages/components/space/index.ts b/packages/components/space/index.ts
index dee4606c61..a4cc9eee01 100644
--- a/packages/components/space/index.ts
+++ b/packages/components/space/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Space from './src/space'
 
diff --git a/packages/components/space/src/item.vue b/packages/components/space/src/item.vue
index fd77bdda0f..8bbe7fd889 100644
--- a/packages/components/space/src/item.vue
+++ b/packages/components/space/src/item.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 import { defineComponent, computed } from 'vue'
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 
 const spaceItem = buildProps({
diff --git a/packages/components/space/src/space.ts b/packages/components/space/src/space.ts
index 0be4d5baf5..5676641e69 100644
--- a/packages/components/space/src/space.ts
+++ b/packages/components/space/src/space.ts
@@ -14,7 +14,7 @@ import {
   definePropType,
   isArray,
   isNumber,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
 import { componentSizes } from '@element-plus/constants'
 import Item from './item.vue'
 import { useSpace } from './use-space'
diff --git a/packages/components/space/src/use-space.ts b/packages/components/space/src/use-space.ts
index 1fea7b1b3e..15d2452b3e 100644
--- a/packages/components/space/src/use-space.ts
+++ b/packages/components/space/src/use-space.ts
@@ -1,5 +1,5 @@
 import { ref, computed, watchEffect } from 'vue'
-import { isNumber } from '@element-plus/utils-v2'
+import { isNumber } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import type { SpaceProps } from './space'
 
diff --git a/packages/components/steps/index.ts b/packages/components/steps/index.ts
index e9150aeb70..9f1c9c793f 100644
--- a/packages/components/steps/index.ts
+++ b/packages/components/steps/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 
 import Steps from './src/index.vue'
 import Step from './src/item.vue'
diff --git a/packages/components/switch/index.ts b/packages/components/switch/index.ts
index ac42cc12ca..47eb484c60 100644
--- a/packages/components/switch/index.ts
+++ b/packages/components/switch/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Switch from './src/switch.vue'
 
 export const ElSwitch = withInstall(Switch)
diff --git a/packages/components/switch/src/switch.ts b/packages/components/switch/src/switch.ts
index 1de1dec09a..23fdbbdb6b 100644
--- a/packages/components/switch/src/switch.ts
+++ b/packages/components/switch/src/switch.ts
@@ -6,7 +6,7 @@ import {
   isNumber,
   isString,
   isValidComponentSize,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
 import {
   UPDATE_MODEL_EVENT,
   CHANGE_EVENT,
diff --git a/packages/components/switch/src/switch.vue b/packages/components/switch/src/switch.vue
index 6fd702115a..909a3a90fc 100644
--- a/packages/components/switch/src/switch.vue
+++ b/packages/components/switch/src/switch.vue
@@ -91,7 +91,7 @@
 <script lang="ts">
 import { defineComponent, computed, onMounted, ref, nextTick, watch } from 'vue'
 import { isPromise } from '@vue/shared'
-import { isBoolean, throwError, debugWarn } from '@element-plus/utils-v2'
+import { isBoolean, throwError, debugWarn } from '@element-plus/utils'
 import ElIcon from '@element-plus/components/icon'
 import { Loading } from '@element-plus/icons-vue'
 import {
diff --git a/packages/components/table/index.ts b/packages/components/table/index.ts
index 229d224eb6..dead4cb282 100644
--- a/packages/components/table/index.ts
+++ b/packages/components/table/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 import Table from './src/table.vue'
 import TableColumn from './src/tableColumn'
 
diff --git a/packages/components/table/src/config.ts b/packages/components/table/src/config.ts
index 4c4417403c..1f417bfd8d 100644
--- a/packages/components/table/src/config.ts
+++ b/packages/components/table/src/config.ts
@@ -2,7 +2,7 @@ import { h } from 'vue'
 import ElCheckbox from '@element-plus/components/checkbox'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowRight, Loading } from '@element-plus/icons-vue'
-import { getPropByPath } from '@element-plus/utils/util'
+import { getPropByPath } from '@element-plus/utils'
 
 import type { VNode } from 'vue'
 import type { TableColumnCtx } from './table-column/defaults'
diff --git a/packages/components/table/src/store/watcher.ts b/packages/components/table/src/store/watcher.ts
index 2951bd371b..0d4341b78f 100644
--- a/packages/components/table/src/store/watcher.ts
+++ b/packages/components/table/src/store/watcher.ts
@@ -1,5 +1,5 @@
 import { ref, getCurrentInstance, unref, watch, toRefs } from 'vue'
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 import {
   getKeysMap,
   getRowIdentity,
diff --git a/packages/components/table/src/table-body/events-helper.ts b/packages/components/table/src/table-body/events-helper.ts
index 487a52e765..933c812a00 100644
--- a/packages/components/table/src/table-body/events-helper.ts
+++ b/packages/components/table/src/table-body/events-helper.ts
@@ -1,6 +1,6 @@
 import { ref, h, inject } from 'vue'
 import { debounce } from 'lodash-unified'
-import { getStyle, hasClass } from '@element-plus/utils/dom'
+import { getStyle, hasClass } from '@element-plus/utils'
 import { createTablePopper, getCell, getColumnByCell } from '../util'
 import { TABLE_INJECTION_KEY } from '../tokens'
 import type { TableColumnCtx } from '../table-column/defaults'
diff --git a/packages/components/table/src/table-body/index.ts b/packages/components/table/src/table-body/index.ts
index bb032a1948..7eb715e6f6 100644
--- a/packages/components/table/src/table-body/index.ts
+++ b/packages/components/table/src/table-body/index.ts
@@ -8,7 +8,7 @@ import {
   inject,
 } from 'vue'
 import { isClient } from '@vueuse/core'
-import { addClass, removeClass } from '@element-plus/utils/dom'
+import { addClass, removeClass } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import useLayoutObserver from '../layout-observer'
 import { removePopper } from '../util'
diff --git a/packages/components/table/src/table-column/render-helper.ts b/packages/components/table/src/table-column/render-helper.ts
index a0595666ef..cdbabd5ee9 100644
--- a/packages/components/table/src/table-column/render-helper.ts
+++ b/packages/components/table/src/table-column/render-helper.ts
@@ -1,5 +1,5 @@
 import { getCurrentInstance, h, ref, computed, watchEffect, unref } from 'vue'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import {
   cellForced,
diff --git a/packages/components/table/src/table-column/watcher-helper.ts b/packages/components/table/src/table-column/watcher-helper.ts
index 5454961e96..1797f3b03b 100644
--- a/packages/components/table/src/table-column/watcher-helper.ts
+++ b/packages/components/table/src/table-column/watcher-helper.ts
@@ -1,5 +1,5 @@
 import { watch, getCurrentInstance } from 'vue'
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 import { parseMinWidth, parseWidth } from '../util'
 
 import type { ComputedRef } from 'vue'
diff --git a/packages/components/table/src/table-header/event-helper.ts b/packages/components/table/src/table-header/event-helper.ts
index 4355ee6a33..25bb79bd42 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 { isClient } from '@vueuse/core'
-import { hasClass, addClass, removeClass } from '@element-plus/utils/dom'
+import { hasClass, addClass, 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-layout.ts b/packages/components/table/src/table-layout.ts
index f1d7f56045..ef3d056e82 100644
--- a/packages/components/table/src/table-layout.ts
+++ b/packages/components/table/src/table-layout.ts
@@ -1,6 +1,6 @@
 import { nextTick, ref, isRef } from 'vue'
 import { isClient } from '@vueuse/core'
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 import { parseHeight } from './util'
 import type { Ref } from 'vue'
 
diff --git a/packages/components/table/src/table/defaults.ts b/packages/components/table/src/table/defaults.ts
index ad81d7a430..f2fad3632e 100644
--- a/packages/components/table/src/table/defaults.ts
+++ b/packages/components/table/src/table/defaults.ts
@@ -5,7 +5,7 @@ import type {
   VNode,
   PropType,
 } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type { Store } from '../store'
 import type { TableColumnCtx } from '../table-column/defaults'
 import type TableLayout from '../table-layout'
diff --git a/packages/components/table/src/table/style-helper.ts b/packages/components/table/src/table/style-helper.ts
index 424a3f047e..4c072f63ee 100644
--- a/packages/components/table/src/table/style-helper.ts
+++ b/packages/components/table/src/table/style-helper.ts
@@ -11,12 +11,13 @@ import {
 import {
   addResizeListener,
   removeResizeListener,
-} from '@element-plus/utils/resize-event'
-import { on, off } from '@element-plus/utils/dom'
+  on,
+  off,
+} from '@element-plus/utils'
 import { useSize } from '@element-plus/hooks'
 import { parseHeight } from '../util'
 
-import type { ResizableElement } from '@element-plus/utils/resize-event'
+import type { ResizableElement } from '@element-plus/utils'
 import type { Table, TableProps } from './defaults'
 import type { Store } from '../store'
 import type TableLayout from '../table-layout'
diff --git a/packages/components/table/src/util.ts b/packages/components/table/src/util.ts
index db471c2e5e..41e802fb48 100644
--- a/packages/components/table/src/util.ts
+++ b/packages/components/table/src/util.ts
@@ -1,14 +1,12 @@
 import { createPopper } from '@popperjs/core'
-import { hasOwn } from '@element-plus/utils-v2'
+import { get } from 'lodash-unified'
+import { hasOwn, off, on } from '@element-plus/utils'
 import { useZIndex } from '@element-plus/hooks'
-import { getValueByPath } from '@element-plus/utils/util'
-import { off, on } from '@element-plus/utils/dom'
-
 import type {
   PopperInstance,
   IPopperOptions,
 } from '@element-plus/components/popper'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type { TableColumnCtx } from './table-column/defaults'
 
 export const getCell = function (event: Event): HTMLElement {
@@ -56,7 +54,7 @@ export const orderBy = function <T>(
           }
           return sortBy.map(function (by) {
             if (typeof by === 'string') {
-              return getValueByPath(value, by)
+              return get(value, by)
             } else {
               return by(value, index, array)
             }
@@ -65,7 +63,7 @@ export const orderBy = function <T>(
         if (sortKey !== '$key') {
           if (isObject(value) && '$value' in value) value = value.$value
         }
-        return [isObject(value) ? getValueByPath(value, sortKey) : value]
+        return [isObject(value) ? get(value, sortKey) : value]
       }
   const compare = function (a, b) {
     if (sortMethod) {
diff --git a/packages/components/tabs/__tests__/tabs.spec.ts b/packages/components/tabs/__tests__/tabs.spec.ts
index eab6d3f8a6..54fa19bccf 100644
--- a/packages/components/tabs/__tests__/tabs.spec.ts
+++ b/packages/components/tabs/__tests__/tabs.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import Tabs from '../src/tabs'
 import TabPane from '../src/tab-pane.vue'
 import TabNav from '../src/tab-nav'
diff --git a/packages/components/tabs/index.ts b/packages/components/tabs/index.ts
index bda0579b98..53f0eb20e2 100644
--- a/packages/components/tabs/index.ts
+++ b/packages/components/tabs/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 import Tabs from './src/tabs'
 import TabPane from './src/tab-pane.vue'
 
diff --git a/packages/components/tabs/src/tab-bar.ts b/packages/components/tabs/src/tab-bar.ts
index 88c6bd61f3..80bf318abd 100644
--- a/packages/components/tabs/src/tab-bar.ts
+++ b/packages/components/tabs/src/tab-bar.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType, mutable } from '@element-plus/utils-v2'
+import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import type { TabsPaneContext } from '@element-plus/tokens'
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/tabs/src/tab-bar.vue b/packages/components/tabs/src/tab-bar.vue
index ad1d95f0e3..a81a059a5b 100644
--- a/packages/components/tabs/src/tab-bar.vue
+++ b/packages/components/tabs/src/tab-bar.vue
@@ -17,7 +17,7 @@ import {
 import { capitalize } from '@vue/shared'
 import { useResizeObserver } from '@vueuse/core'
 import { tabsRootContextKey } from '@element-plus/tokens'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 import { tabBar } from './tab-bar'
 
 import type { CSSProperties } from 'vue'
diff --git a/packages/components/tabs/src/tab-nav.ts b/packages/components/tabs/src/tab-nav.ts
index 3604a7ecce..6d058927af 100644
--- a/packages/components/tabs/src/tab-nav.ts
+++ b/packages/components/tabs/src/tab-nav.ts
@@ -19,8 +19,8 @@ import {
   definePropType,
   mutable,
   throwError,
-} from '@element-plus/utils-v2'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+} from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'
 import { tabsRootContextKey } from '@element-plus/tokens'
diff --git a/packages/components/tabs/src/tab-pane.ts b/packages/components/tabs/src/tab-pane.ts
index 5be9235ec7..a82db9dcf6 100644
--- a/packages/components/tabs/src/tab-pane.ts
+++ b/packages/components/tabs/src/tab-pane.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 
 export const tabPaneProps = buildProps({
diff --git a/packages/components/tabs/src/tab-pane.vue b/packages/components/tabs/src/tab-pane.vue
index b941d708a9..dc2232d29d 100644
--- a/packages/components/tabs/src/tab-pane.vue
+++ b/packages/components/tabs/src/tab-pane.vue
@@ -24,7 +24,7 @@ import {
 } from 'vue'
 import { eagerComputed } from '@vueuse/core'
 import { tabsRootContextKey } from '@element-plus/tokens'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 import { tabPaneProps } from './tab-pane'
 
 const COMPONENT_NAME = 'ElTabPane'
diff --git a/packages/components/tabs/src/tabs.ts b/packages/components/tabs/src/tabs.ts
index d8d86066c9..99fd9b06fb 100644
--- a/packages/components/tabs/src/tabs.ts
+++ b/packages/components/tabs/src/tabs.ts
@@ -12,11 +12,14 @@ import {
   watch,
 } from 'vue'
 import { isPromise, NOOP } from '@vue/shared'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { buildProps, definePropType } from '@element-plus/utils'
+import {
+  EVENT_CODE,
+  INPUT_EVENT,
+  UPDATE_MODEL_EVENT,
+} from '@element-plus/constants'
 import ElIcon from '@element-plus/components/icon'
 import { Plus } from '@element-plus/icons-vue'
-import { buildProps, definePropType } from '@element-plus/utils-v2'
-import { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
 import { tabsRootContextKey } from '@element-plus/tokens'
 import TabNav from './tab-nav'
 import type { TabsPaneContext } from '@element-plus/tokens'
diff --git a/packages/components/tag/index.ts b/packages/components/tag/index.ts
index aa93541681..18056df8e6 100644
--- a/packages/components/tag/index.ts
+++ b/packages/components/tag/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 
 import Tag from './src/tag.vue'
 
diff --git a/packages/components/tag/src/tag.ts b/packages/components/tag/src/tag.ts
index 36e6f37c78..86156e812c 100644
--- a/packages/components/tag/src/tag.ts
+++ b/packages/components/tag/src/tag.ts
@@ -1,4 +1,4 @@
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 
 import type { ExtractPropTypes } from 'vue'
 
diff --git a/packages/components/teleport/index.ts b/packages/components/teleport/index.ts
index 635e819364..116cd1eff0 100644
--- a/packages/components/teleport/index.ts
+++ b/packages/components/teleport/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Teleport from './src/teleport.vue'
 
 export const ElTeleport = withInstall(Teleport)
diff --git a/packages/components/teleport/src/teleport.ts b/packages/components/teleport/src/teleport.ts
index 329a4eb025..1d1ae99db3 100644
--- a/packages/components/teleport/src/teleport.ts
+++ b/packages/components/teleport/src/teleport.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 
 import type { ExtractPropTypes, StyleValue } from 'vue'
 
diff --git a/packages/components/time-picker/index.ts b/packages/components/time-picker/index.ts
index ed53ee1c5e..6993466c3b 100644
--- a/packages/components/time-picker/index.ts
+++ b/packages/components/time-picker/index.ts
@@ -3,7 +3,7 @@ import CommonPicker from './src/common/picker.vue'
 import TimePickPanel from './src/time-picker-com/panel-time-pick.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 export * from './src/common/date-utils'
 export * from './src/common/constant'
diff --git a/packages/components/time-picker/src/common/picker.vue b/packages/components/time-picker/src/common/picker.vue
index f16f95552f..6d3090eeef 100644
--- a/packages/components/time-picker/src/common/picker.vue
+++ b/packages/components/time-picker/src/common/picker.vue
@@ -162,8 +162,8 @@ import { elFormKey, elFormItemKey } from '@element-plus/tokens'
 import ElInput from '@element-plus/components/input'
 import ElIcon from '@element-plus/components/icon'
 import ElTooltip from '@element-plus/components/tooltip'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { isEmpty } from '@element-plus/utils-v2'
+import { isEmpty } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { Clock, Calendar } from '@element-plus/icons-vue'
 import { timePickerDefaultProps } from './props'
 
diff --git a/packages/components/time-picker/src/common/props.ts b/packages/components/time-picker/src/common/props.ts
index 419f34011d..4f7109edf6 100644
--- a/packages/components/time-picker/src/common/props.ts
+++ b/packages/components/time-picker/src/common/props.ts
@@ -1,4 +1,4 @@
-import { isValidComponentSize } from '@element-plus/utils-v2'
+import { isValidComponentSize } from '@element-plus/utils'
 import { CircleClose } from '@element-plus/icons-vue'
 
 import type { PropType, Component } from 'vue'
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 2044396aa4..ed253b6c14 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
@@ -85,7 +85,7 @@ import { getTimeLists } from './useTimePicker'
 
 import type { PropType, Ref } from 'vue'
 import type { Dayjs } from 'dayjs'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 export default defineComponent({
   directives: {
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 120a8dded1..f654ce602b 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
@@ -43,7 +43,7 @@
 <script lang="ts">
 import { defineComponent, ref, computed, inject } from 'vue'
 import dayjs from 'dayjs'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import { useLocale } from '@element-plus/hooks'
 import TimeSpinner from './basic-time-spinner.vue'
 import { getAvailableArrs, useOldValue } from './useTimePicker'
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 ada4d55d07..5c42426b3b 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
@@ -75,7 +75,7 @@ import { defineComponent, ref, computed, inject } from 'vue'
 import dayjs from 'dayjs'
 import { union } from 'lodash-unified'
 import { useLocale } from '@element-plus/hooks'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import TimeSpinner from './basic-time-spinner.vue'
 import { getAvailableArrs, useOldValue } from './useTimePicker'
 
diff --git a/packages/components/time-select/index.ts b/packages/components/time-select/index.ts
index 0581d01094..c5eb692008 100644
--- a/packages/components/time-select/index.ts
+++ b/packages/components/time-select/index.ts
@@ -1,7 +1,7 @@
 import TimeSelect from './src/time-select.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 TimeSelect.install = (app: App): void => {
   app.component(TimeSelect.name, TimeSelect)
diff --git a/packages/components/timeline/index.ts b/packages/components/timeline/index.ts
index 39a2c4bcdb..1040a9276c 100644
--- a/packages/components/timeline/index.ts
+++ b/packages/components/timeline/index.ts
@@ -1,4 +1,4 @@
-import { withInstall, withNoopInstall } from '@element-plus/utils-v2'
+import { withInstall, withNoopInstall } from '@element-plus/utils'
 import Timeline from './src/timeline'
 import TimelineItem from './src/timeline-item.vue'
 
diff --git a/packages/components/timeline/src/timeline-item.ts b/packages/components/timeline/src/timeline-item.ts
index f01257bac9..1eff2ce275 100644
--- a/packages/components/timeline/src/timeline-item.ts
+++ b/packages/components/timeline/src/timeline-item.ts
@@ -1,4 +1,4 @@
-import { buildProps, iconPropType } from '@element-plus/utils-v2'
+import { buildProps, iconPropType } from '@element-plus/utils'
 import type { ExtractPropTypes } from 'vue'
 import type TimelineItem from './timeline-item.vue'
 
diff --git a/packages/components/tooltip/__tests__/tooltip.spec.ts b/packages/components/tooltip/__tests__/tooltip.spec.ts
index 818324dc8f..a9daf419ec 100644
--- a/packages/components/tooltip/__tests__/tooltip.spec.ts
+++ b/packages/components/tooltip/__tests__/tooltip.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { rAF } from '@element-plus/test-utils/tick'
 import { ElPopperTrigger } from '@element-plus/components/popper'
 import Tooltip from '../src/tooltip.vue'
@@ -9,7 +9,7 @@ import type { VNode } from 'vue'
 
 jest.useFakeTimers()
 
-jest.mock('@element-plus/utils-v2/error', () => ({
+jest.mock('@element-plus/utils/error', () => ({
   debugWarn: jest.fn(),
 }))
 
diff --git a/packages/components/tooltip/__tests__/trigger.spec.ts b/packages/components/tooltip/__tests__/trigger.spec.ts
index 224a197296..6b9edd4763 100644
--- a/packages/components/tooltip/__tests__/trigger.spec.ts
+++ b/packages/components/tooltip/__tests__/trigger.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import { shallowMount } from '@vue/test-utils'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 import ElTooltipTrigger from '../src/trigger.vue'
 import { genTooltipProvides } from '../test-helper/provides'
 import { TOOLTIP_INJECTION_KEY } from '../src/tokens'
diff --git a/packages/components/tooltip/index.ts b/packages/components/tooltip/index.ts
index dc6dfdb056..e32ca5f329 100644
--- a/packages/components/tooltip/index.ts
+++ b/packages/components/tooltip/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import Tooltip from './src/tooltip.vue'
 
 export const ElTooltip = withInstall(Tooltip)
diff --git a/packages/components/tooltip/src/content.vue b/packages/components/tooltip/src/content.vue
index 8064d5b09c..a8a3950023 100644
--- a/packages/components/tooltip/src/content.vue
+++ b/packages/components/tooltip/src/content.vue
@@ -43,7 +43,7 @@ import { computed, defineComponent, inject, ref, unref, watch } from 'vue'
 import { onClickOutside } from '@vueuse/core'
 import { ElPopperContent } from '@element-plus/components/popper'
 import { ElVisuallyHidden } from '@element-plus/components/visual-hidden'
-import { composeEventHandlers } from '@element-plus/utils/dom'
+import { composeEventHandlers } from '@element-plus/utils'
 import { useEscapeKeydown } from '@element-plus/hooks'
 
 import { useTooltipContentProps } from './tooltip'
diff --git a/packages/components/tooltip/src/tooltip.ts b/packages/components/tooltip/src/tooltip.ts
index c6a640f4ba..4b7f0841f1 100644
--- a/packages/components/tooltip/src/tooltip.ts
+++ b/packages/components/tooltip/src/tooltip.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType } from '@element-plus/utils-v2'
+import { buildProps, definePropType } from '@element-plus/utils'
 import {
   usePopperTriggerProps,
   usePopperContentProps,
diff --git a/packages/components/tooltip/src/tooltip.vue b/packages/components/tooltip/src/tooltip.vue
index 416c3303d0..683c1b7d05 100644
--- a/packages/components/tooltip/src/tooltip.vue
+++ b/packages/components/tooltip/src/tooltip.vue
@@ -58,7 +58,7 @@ import {
   usePopperArrowProps,
 } from '@element-plus/components/popper'
 
-import { debugWarn, isBoolean, isUndefined } from '@element-plus/utils-v2'
+import { debugWarn, isBoolean, isUndefined } from '@element-plus/utils'
 import {
   usePopperContainer,
   useId,
diff --git a/packages/components/tooltip/src/trigger.vue b/packages/components/tooltip/src/trigger.vue
index 708a3e5f4f..1cff929d5d 100644
--- a/packages/components/tooltip/src/trigger.vue
+++ b/packages/components/tooltip/src/trigger.vue
@@ -20,8 +20,8 @@
 <script lang="ts">
 import { defineComponent, inject, ref, unref, toRef } from 'vue'
 import { ElPopperTrigger } from '@element-plus/components/popper'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { composeEventHandlers } from '@element-plus/utils/dom'
+import { composeEventHandlers } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 import { TOOLTIP_INJECTION_KEY } from './tokens'
 import { useTooltipTriggerProps } from './tooltip'
diff --git a/packages/components/tooltip/src/utils.ts b/packages/components/tooltip/src/utils.ts
index c12876e1dd..25739eaa25 100644
--- a/packages/components/tooltip/src/utils.ts
+++ b/packages/components/tooltip/src/utils.ts
@@ -1,5 +1,5 @@
 import { unref } from 'vue'
-import { isArray } from '@element-plus/utils-v2'
+import { isArray } from '@element-plus/utils'
 import type { Ref } from 'vue'
 import type { Trigger } from './tooltip'
 
diff --git a/packages/components/transfer/index.ts b/packages/components/transfer/index.ts
index 1f92f15f56..a306838e6d 100644
--- a/packages/components/transfer/index.ts
+++ b/packages/components/transfer/index.ts
@@ -1,7 +1,7 @@
 import Transfer from './src/index.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Transfer.install = (app: App): void => {
   app.component(Transfer.name, Transfer)
diff --git a/packages/components/tree-v2/index.ts b/packages/components/tree-v2/index.ts
index 0d3987609d..6d1ac4e152 100644
--- a/packages/components/tree-v2/index.ts
+++ b/packages/components/tree-v2/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '@element-plus/utils-v2'
+import { withInstall } from '@element-plus/utils'
 import TreeV2 from './src/tree.vue'
 
 export const ElTreeV2 = withInstall(TreeV2)
diff --git a/packages/components/tree-v2/src/virtual-tree.ts b/packages/components/tree-v2/src/virtual-tree.ts
index eb606d5c50..0ba60352f1 100644
--- a/packages/components/tree-v2/src/virtual-tree.ts
+++ b/packages/components/tree-v2/src/virtual-tree.ts
@@ -1,4 +1,4 @@
-import { buildProps, definePropType, mutable } from '@element-plus/utils-v2'
+import { buildProps, definePropType, mutable } from '@element-plus/utils'
 import type { InjectionKey } from 'vue'
 import type { TreeNodeData } from '../../tree/src/tree.type'
 import type {
diff --git a/packages/components/tree/index.ts b/packages/components/tree/index.ts
index b93fd14adc..d8e2914cb5 100644
--- a/packages/components/tree/index.ts
+++ b/packages/components/tree/index.ts
@@ -1,7 +1,7 @@
 import Tree from './src/tree.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Tree.install = (app: App): void => {
   app.component(Tree.name, Tree)
diff --git a/packages/components/tree/src/model/node.ts b/packages/components/tree/src/model/node.ts
index 7e5edd0803..0811762ffa 100644
--- a/packages/components/tree/src/model/node.ts
+++ b/packages/components/tree/src/model/node.ts
@@ -1,9 +1,9 @@
 import { reactive } from 'vue'
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 import { markNodeData, NODE_KEY } from './util'
 import type TreeStore from './tree-store'
 
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type {
   TreeNodeOptions,
   TreeNodeData,
diff --git a/packages/components/tree/src/model/tree-store.ts b/packages/components/tree/src/model/tree-store.ts
index a5f7dffe4e..3250d48ff2 100644
--- a/packages/components/tree/src/model/tree-store.ts
+++ b/packages/components/tree/src/model/tree-store.ts
@@ -1,4 +1,4 @@
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 import Node from './node'
 import { getNodeKey } from './util'
 
diff --git a/packages/components/tree/src/model/useDragNode.ts b/packages/components/tree/src/model/useDragNode.ts
index 52fd106e3e..079b6799e4 100644
--- a/packages/components/tree/src/model/useDragNode.ts
+++ b/packages/components/tree/src/model/useDragNode.ts
@@ -1,5 +1,5 @@
 import { provide, ref } from 'vue'
-import { addClass, removeClass } from '@element-plus/utils/dom'
+import { addClass, removeClass } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import type { InjectionKey } from 'vue'
 import type Node from './node'
diff --git a/packages/components/tree/src/model/useKeydown.ts b/packages/components/tree/src/model/useKeydown.ts
index 05573be83c..6742e46a45 100644
--- a/packages/components/tree/src/model/useKeydown.ts
+++ b/packages/components/tree/src/model/useKeydown.ts
@@ -1,11 +1,11 @@
 import { onMounted, onUpdated, onBeforeUnmount, watch, shallowRef } from 'vue'
-import { EVENT_CODE } from '@element-plus/utils/aria'
-import { on, off } from '@element-plus/utils/dom'
+import { on, off } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import { useNamespace } from '@element-plus/hooks'
 import type TreeStore from './tree-store'
 
 import type { Ref } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 interface UseKeydownOption {
   el$: Ref<HTMLElement>
diff --git a/packages/components/tree/src/tree-node.vue b/packages/components/tree/src/tree-node.vue
index 93c15fc02b..59de01da30 100644
--- a/packages/components/tree/src/tree-node.vue
+++ b/packages/components/tree/src/tree-node.vue
@@ -96,7 +96,7 @@ import ElCollapseTransition from '@element-plus/components/collapse-transition'
 import ElCheckbox from '@element-plus/components/checkbox'
 import { ElIcon } from '@element-plus/components/icon'
 import { CaretRight, Loading } from '@element-plus/icons-vue'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import NodeContent from './tree-node-content.vue'
 import { getNodeKey as getNodeKeyUtil } from './model/util'
@@ -105,7 +105,7 @@ import { dragEventsKey } from './model/useDragNode'
 import Node from './model/node'
 
 import type { ComponentInternalInstance, PropType } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'
 
 export default defineComponent({
diff --git a/packages/components/tree/src/tree.vue b/packages/components/tree/src/tree.vue
index 3e9a824853..6b61e31c59 100644
--- a/packages/components/tree/src/tree.vue
+++ b/packages/components/tree/src/tree.vue
@@ -52,7 +52,7 @@ import { useKeydown } from './model/useKeydown'
 import type Node from './model/node'
 
 import type { ComponentInternalInstance, PropType, Component } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type {
   TreeComponentProps,
   TreeNodeData,
diff --git a/packages/components/upload/__tests__/upload-list.spec.ts b/packages/components/upload/__tests__/upload-list.spec.ts
index 84b49f6d6e..ff2b56aa3f 100644
--- a/packages/components/upload/__tests__/upload-list.spec.ts
+++ b/packages/components/upload/__tests__/upload-list.spec.ts
@@ -1,5 +1,5 @@
 import { h } from 'vue'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 
 import makeMount from '@element-plus/test-utils/make-mount'
 import UploadList from '../src/upload-list.vue'
diff --git a/packages/components/upload/__tests__/upload.spec.ts b/packages/components/upload/__tests__/upload.spec.ts
index be8e3c53e7..bb1814538f 100644
--- a/packages/components/upload/__tests__/upload.spec.ts
+++ b/packages/components/upload/__tests__/upload.spec.ts
@@ -1,7 +1,7 @@
 import { nextTick } from 'vue'
 import makeMount from '@element-plus/test-utils/make-mount'
-import { on } from '@element-plus/utils/dom'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { on } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 
 import Upload from '../src/upload.vue'
 
diff --git a/packages/components/upload/index.ts b/packages/components/upload/index.ts
index 518ee6904a..7fbbc4837d 100644
--- a/packages/components/upload/index.ts
+++ b/packages/components/upload/index.ts
@@ -1,7 +1,7 @@
 import Upload from './src/index.vue'
 
 import type { App } from 'vue'
-import type { SFCWithInstall } from '@element-plus/utils-v2'
+import type { SFCWithInstall } from '@element-plus/utils'
 
 Upload.install = (app: App): void => {
   app.component(Upload.name, Upload)
diff --git a/packages/components/upload/src/ajax.ts b/packages/components/upload/src/ajax.ts
index 3eda3d328b..f97cd30132 100644
--- a/packages/components/upload/src/ajax.ts
+++ b/packages/components/upload/src/ajax.ts
@@ -1,4 +1,4 @@
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 import type {
   ElUploadProgressEvent,
   ElUploadRequestOptions,
diff --git a/packages/components/upload/src/index.vue b/packages/components/upload/src/index.vue
index 2836da3d04..78bebb37a3 100644
--- a/packages/components/upload/src/index.vue
+++ b/packages/components/upload/src/index.vue
@@ -19,7 +19,7 @@ import useHandlers from './useHandlers'
 
 import type { PropType } from 'vue'
 import type { ElFormContext } from '@element-plus/tokens'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type {
   ListType,
   UploadFile,
diff --git a/packages/components/upload/src/upload.vue b/packages/components/upload/src/upload.vue
index a46d593fe5..a46c7f8781 100644
--- a/packages/components/upload/src/upload.vue
+++ b/packages/components/upload/src/upload.vue
@@ -28,14 +28,14 @@
 <script lang="ts">
 import { defineComponent, ref } from 'vue'
 import { NOOP } from '@vue/shared'
-import { hasOwn } from '@element-plus/utils-v2'
+import { hasOwn } from '@element-plus/utils'
 
 import { useNamespace } from '@element-plus/hooks'
 import ajax from './ajax'
 import UploadDragger from './upload-dragger.vue'
 
 import type { PropType } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 import type { ListType, UploadFile, ElFile } from './upload.type'
 
 type IFileHanlder = (
diff --git a/packages/components/virtual-list/src/builders/build-grid.ts b/packages/components/virtual-list/src/builders/build-grid.ts
index 2400277c8c..748e624357 100644
--- a/packages/components/virtual-list/src/builders/build-grid.ts
+++ b/packages/components/virtual-list/src/builders/build-grid.ts
@@ -11,8 +11,12 @@ import {
   unref,
 } from 'vue'
 import { isClient } from '@vueuse/core'
-import { hasOwn, isNumber, isString } from '@element-plus/utils-v2'
-import getScrollBarWidth from '@element-plus/utils/scrollbar-width'
+import {
+  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'
diff --git a/packages/components/virtual-list/src/builders/build-list.ts b/packages/components/virtual-list/src/builders/build-list.ts
index d019cd7f1c..61c1224828 100644
--- a/packages/components/virtual-list/src/builders/build-list.ts
+++ b/packages/components/virtual-list/src/builders/build-list.ts
@@ -11,7 +11,7 @@ import {
   unref,
 } from 'vue'
 import { isClient } from '@vueuse/core'
-import { hasOwn, isNumber, isString } from '@element-plus/utils-v2'
+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'
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 15aa523827..67a751be15 100644
--- a/packages/components/virtual-list/src/components/dynamic-size-grid.ts
+++ b/packages/components/virtual-list/src/components/dynamic-size-grid.ts
@@ -1,5 +1,5 @@
 import { isFunction } from '@vue/shared'
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 import createGrid from '../builders/build-grid'
 
 import {
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 def1cc72e0..448337b4ce 100644
--- a/packages/components/virtual-list/src/components/dynamic-size-list.ts
+++ b/packages/components/virtual-list/src/components/dynamic-size-list.ts
@@ -1,4 +1,4 @@
-import { throwError } from '@element-plus/utils-v2'
+import { throwError } from '@element-plus/utils'
 
 import createList from '../builders/build-list'
 
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 b2a150103e..98c10513ad 100644
--- a/packages/components/virtual-list/src/components/fixed-size-grid.ts
+++ b/packages/components/virtual-list/src/components/fixed-size-grid.ts
@@ -1,4 +1,4 @@
-import { isNumber, throwError } from '@element-plus/utils-v2'
+import { isNumber, throwError } from '@element-plus/utils'
 import createGrid from '../builders/build-grid'
 
 import {
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 d65375b1fe..e2990c4767 100644
--- a/packages/components/virtual-list/src/components/fixed-size-list.ts
+++ b/packages/components/virtual-list/src/components/fixed-size-list.ts
@@ -1,4 +1,4 @@
-import { isString, throwError } from '@element-plus/utils-v2'
+import { isString, throwError } from '@element-plus/utils'
 import buildList from '../builders/build-list'
 import { isHorizontal } from '../utils'
 import {
diff --git a/packages/components/virtual-list/src/components/scrollbar.ts b/packages/components/virtual-list/src/components/scrollbar.ts
index 4b1e476549..262f9c0b7a 100644
--- a/packages/components/virtual-list/src/components/scrollbar.ts
+++ b/packages/components/virtual-list/src/components/scrollbar.ts
@@ -12,8 +12,7 @@ import {
 } from 'vue'
 import { isClient } from '@vueuse/core'
 import { BAR_MAP } from '@element-plus/components/scrollbar'
-import { on, off } from '@element-plus/utils/dom'
-import { rAF, cAF } from '@element-plus/utils/raf'
+import { on, off, rAF, cAF } from '@element-plus/utils'
 
 import { SCROLLBAR_MIN_SIZE, HORIZONTAL, ScrollbarDirKey } from '../defaults'
 import { virtualizedScrollbarProps } from '../props'
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 685f754daa..9f4680ee6a 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 } from '@element-plus/utils/raf'
+import { rAF, cAF } from '@element-plus/utils'
 import { isFF } from '../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 6185d9347f..5a8199fce7 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 } from '@element-plus/utils/raf'
+import { rAF, cAF } from '@element-plus/utils'
 import { isFF } from '../utils'
 import { HORIZONTAL, VERTICAL } from '../defaults'
 
diff --git a/packages/components/virtual-list/src/props.ts b/packages/components/virtual-list/src/props.ts
index 528abd7e01..b3ffc651f1 100644
--- a/packages/components/virtual-list/src/props.ts
+++ b/packages/components/virtual-list/src/props.ts
@@ -3,7 +3,7 @@ import {
   buildProps,
   definePropType,
   mutable,
-} from '@element-plus/utils-v2'
+} from '@element-plus/utils'
 import { VERTICAL } from './defaults'
 
 import type { ExtractPropTypes, StyleValue } from 'vue'
diff --git a/packages/constants/aria.ts b/packages/constants/aria.ts
new file mode 100644
index 0000000000..b5e287fcc9
--- /dev/null
+++ b/packages/constants/aria.ts
@@ -0,0 +1,17 @@
+export const EVENT_CODE = {
+  tab: 'Tab',
+  enter: 'Enter',
+  space: 'Space',
+  left: 'ArrowLeft', // 37
+  up: 'ArrowUp', // 38
+  right: 'ArrowRight', // 39
+  down: 'ArrowDown', // 40
+  esc: 'Escape',
+  delete: 'Delete',
+  backspace: 'Backspace',
+  numpadEnter: 'NumpadEnter',
+  pageUp: 'PageUp',
+  pageDown: 'PageDown',
+  home: 'Home',
+  end: 'End',
+}
diff --git a/packages/constants/index.ts b/packages/constants/index.ts
index 492c2e2a06..4f09540196 100644
--- a/packages/constants/index.ts
+++ b/packages/constants/index.ts
@@ -1,3 +1,4 @@
+export * from './aria'
 export * from './date-pick'
 export * from './event'
 export * from './size'
diff --git a/packages/directives/__tests__/trap-focus.spec.ts b/packages/directives/__tests__/trap-focus.spec.ts
index 08a527fec2..559d60c1b3 100644
--- a/packages/directives/__tests__/trap-focus.spec.ts
+++ b/packages/directives/__tests__/trap-focus.spec.ts
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import * as Aria from '@element-plus/utils/aria'
+import * as Aria from '@element-plus/utils/dom/aria'
 
 import TrapFocus, { FOCUSABLE_CHILDREN } from '../trap-focus'
 import type { ITrapFocusElement } from '../trap-focus'
diff --git a/packages/directives/click-outside/index.ts b/packages/directives/click-outside/index.ts
index ca929352d7..284459c8b9 100644
--- a/packages/directives/click-outside/index.ts
+++ b/packages/directives/click-outside/index.ts
@@ -1,12 +1,12 @@
 import { isClient } from '@vueuse/core'
-import { on } from '@element-plus/utils/dom'
+import { on } from '@element-plus/utils'
 
 import type {
   ComponentPublicInstance,
   DirectiveBinding,
   ObjectDirective,
 } from 'vue'
-import type { Nullable } from '@element-plus/utils/types'
+import type { Nullable } from '@element-plus/utils'
 
 type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void
 type FlushList = Map<
diff --git a/packages/directives/mousewheel/index.ts b/packages/directives/mousewheel/index.ts
index f22f5be80f..bbc57c458b 100644
--- a/packages/directives/mousewheel/index.ts
+++ b/packages/directives/mousewheel/index.ts
@@ -1,5 +1,5 @@
 import normalizeWheel from 'normalize-wheel-es'
-import { isFirefox } from '@element-plus/utils-v2'
+import { isFirefox } from '@element-plus/utils'
 import type { ObjectDirective, DirectiveBinding } from 'vue'
 
 const mousewheel = function (element, callback) {
diff --git a/packages/directives/repeat-click/index.ts b/packages/directives/repeat-click/index.ts
index eab7b8d4e8..6f55e6f73f 100644
--- a/packages/directives/repeat-click/index.ts
+++ b/packages/directives/repeat-click/index.ts
@@ -1,4 +1,4 @@
-import { on, once } from '@element-plus/utils/dom'
+import { on, once } from '@element-plus/utils'
 
 import type { ObjectDirective, DirectiveBinding } from 'vue'
 
diff --git a/packages/directives/resize/index.ts b/packages/directives/resize/index.ts
index be825290e7..20b4cb4f55 100644
--- a/packages/directives/resize/index.ts
+++ b/packages/directives/resize/index.ts
@@ -1,7 +1,4 @@
-import {
-  addResizeListener,
-  removeResizeListener,
-} from '@element-plus/utils/resize-event'
+import { addResizeListener, removeResizeListener } from '@element-plus/utils'
 
 import type { ObjectDirective, DirectiveBinding } from 'vue'
 
diff --git a/packages/directives/trap-focus/index.ts b/packages/directives/trap-focus/index.ts
index 0baf0ee61f..61d916fb82 100644
--- a/packages/directives/trap-focus/index.ts
+++ b/packages/directives/trap-focus/index.ts
@@ -1,10 +1,6 @@
 import { nextTick } from 'vue'
-import { on, off } from '@element-plus/utils/dom'
-import {
-  obtainAllFocusableElements,
-  EVENT_CODE,
-} from '@element-plus/utils/aria'
-
+import { on, off, obtainAllFocusableElements } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 import type { ObjectDirective } from 'vue'
 
 export const FOCUSABLE_CHILDREN = '_trap-focus-children'
diff --git a/packages/hooks/__tests__/use-deprecated.spec.ts b/packages/hooks/__tests__/use-deprecated.spec.ts
index 7a38c89bdd..fbb2874bc9 100644
--- a/packages/hooks/__tests__/use-deprecated.spec.ts
+++ b/packages/hooks/__tests__/use-deprecated.spec.ts
@@ -1,9 +1,9 @@
 import { computed, defineComponent, nextTick } from 'vue'
 import { mount } from '@vue/test-utils'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 import { useDeprecated } from '../use-deprecated'
 
-jest.mock('@element-plus/utils-v2/error', () => {
+jest.mock('@element-plus/utils/error', () => {
   return {
     debugWarn: jest.fn(),
   }
diff --git a/packages/hooks/__tests__/use-lockscreen.spec.ts b/packages/hooks/__tests__/use-lockscreen.spec.ts
index bd74ac1d76..1d6b464bc7 100644
--- a/packages/hooks/__tests__/use-lockscreen.spec.ts
+++ b/packages/hooks/__tests__/use-lockscreen.spec.ts
@@ -1,6 +1,6 @@
 import { ref, nextTick, defineComponent, onMounted } from 'vue'
 import { mount } from '@vue/test-utils'
-import { hasClass } from '@element-plus/utils/dom'
+import { hasClass } from '@element-plus/utils'
 
 import { useLockscreen } from '../use-lockscreen'
 
diff --git a/packages/hooks/__tests__/use-modal.spec.ts b/packages/hooks/__tests__/use-modal.spec.ts
index 5e2cc7c3fc..798d67c2d4 100644
--- a/packages/hooks/__tests__/use-modal.spec.ts
+++ b/packages/hooks/__tests__/use-modal.spec.ts
@@ -1,5 +1,5 @@
 import { ref, nextTick } from 'vue'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 
 import { useModal } from '../use-modal'
 
diff --git a/packages/hooks/__tests__/use-prevent-global.ts b/packages/hooks/__tests__/use-prevent-global.ts
index ef9342486c..83d338a56c 100644
--- a/packages/hooks/__tests__/use-prevent-global.ts
+++ b/packages/hooks/__tests__/use-prevent-global.ts
@@ -1,5 +1,5 @@
 import { ref } from 'vue'
-import { on, off } from '@element-plus/utils/dom'
+import { on, off } from '@element-plus/utils'
 import triggerEvent from '@element-plus/test-utils/trigger-event'
 import { usePreventGlobal } from '../use-prevent-global'
 
diff --git a/packages/hooks/use-attrs/index.ts b/packages/hooks/use-attrs/index.ts
index 53190109a7..e3a27ee16c 100644
--- a/packages/hooks/use-attrs/index.ts
+++ b/packages/hooks/use-attrs/index.ts
@@ -1,6 +1,6 @@
 import { getCurrentInstance, computed } from 'vue'
 import { fromPairs } from 'lodash-unified'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 
 import type { ComputedRef } from 'vue'
 
diff --git a/packages/hooks/use-common-props/index.ts b/packages/hooks/use-common-props/index.ts
index 859137836e..9b9210e166 100644
--- a/packages/hooks/use-common-props/index.ts
+++ b/packages/hooks/use-common-props/index.ts
@@ -1,6 +1,6 @@
 import { ref, unref, inject, computed } from 'vue'
 import { elFormItemKey, elFormKey } from '@element-plus/tokens'
-import { buildProp } from '@element-plus/utils-v2'
+import { buildProp } from '@element-plus/utils'
 import { componentSizes } from '@element-plus/constants'
 import { useProp } from '../use-prop'
 import { useGlobalConfig } from '../use-global-config'
diff --git a/packages/hooks/use-delayed-toggle/index.ts b/packages/hooks/use-delayed-toggle/index.ts
index caa2a14d6a..954b6ad482 100644
--- a/packages/hooks/use-delayed-toggle/index.ts
+++ b/packages/hooks/use-delayed-toggle/index.ts
@@ -1,5 +1,5 @@
 import { unref } from 'vue'
-import { buildProps } from '@element-plus/utils-v2'
+import { buildProps } from '@element-plus/utils'
 import { useTimeout } from '../use-timeout'
 
 import type { ToRefs, ExtractPropTypes } from 'vue'
diff --git a/packages/hooks/use-deprecated/index.ts b/packages/hooks/use-deprecated/index.ts
index 82fddbd25d..f9858d6e05 100644
--- a/packages/hooks/use-deprecated/index.ts
+++ b/packages/hooks/use-deprecated/index.ts
@@ -1,5 +1,5 @@
 import { unref, watch } from 'vue'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 
 import type { MaybeRef } from '@vueuse/core'
 
diff --git a/packages/hooks/use-draggable/index.ts b/packages/hooks/use-draggable/index.ts
index aa6b42febd..d4e8d8ce89 100644
--- a/packages/hooks/use-draggable/index.ts
+++ b/packages/hooks/use-draggable/index.ts
@@ -1,5 +1,5 @@
 import { onBeforeUnmount, onMounted, watchEffect } from 'vue'
-import { addUnit } from '@element-plus/utils-v2'
+import { addUnit } from '@element-plus/utils'
 import type { Ref, ComputedRef } from 'vue'
 
 export const useDraggable = (
diff --git a/packages/hooks/use-escape-keydown/index.ts b/packages/hooks/use-escape-keydown/index.ts
index 561691cf4d..4c6cad3faf 100644
--- a/packages/hooks/use-escape-keydown/index.ts
+++ b/packages/hooks/use-escape-keydown/index.ts
@@ -1,6 +1,6 @@
 import { onMounted, onBeforeUnmount } from 'vue'
-import { on, off } from '@element-plus/utils/dom'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { on, off } from '@element-plus/utils'
+import { EVENT_CODE } from '@element-plus/constants'
 
 export const useEscapeKeydown = (handler?: (e: KeyboardEvent) => void) => {
   const cachedHandler = (e: Event) => {
diff --git a/packages/hooks/use-global-config/index.ts b/packages/hooks/use-global-config/index.ts
index 32643e5f82..01ab51163e 100644
--- a/packages/hooks/use-global-config/index.ts
+++ b/packages/hooks/use-global-config/index.ts
@@ -1,7 +1,6 @@
 import { inject, ref, computed, unref, provide, getCurrentInstance } from 'vue'
 import { configProviderContextKey } from '@element-plus/tokens'
-import { debugWarn } from '@element-plus/utils-v2'
-import { merge } from '@element-plus/utils/util'
+import { debugWarn, keysOf } from '@element-plus/utils'
 import type { MaybeRef } from '@vueuse/core'
 import type { Ref, App } from 'vue'
 import type { ConfigProviderContext } from '@element-plus/tokens'
@@ -53,7 +52,7 @@ export const provideGlobalConfig = (
   const context = computed(() => {
     const cfg = unref(config)
     if (!oldConfig?.value) return cfg
-    return merge(oldConfig.value, cfg)
+    return mergeConfig(oldConfig.value, cfg)
   })
   provideFn(configProviderContextKey, context)
   if (global || !globalConfig.value) {
@@ -61,3 +60,15 @@ export const provideGlobalConfig = (
   }
   return context
 }
+
+const mergeConfig = (
+  a: ConfigProviderContext,
+  b: ConfigProviderContext
+): ConfigProviderContext => {
+  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]
+  const obj = {}
+  for (const key of keys) {
+    obj[key] = b[key] ?? a[key]
+  }
+  return obj
+}
diff --git a/packages/hooks/use-id/index.ts b/packages/hooks/use-id/index.ts
index 8f71d16164..526b0fffb4 100644
--- a/packages/hooks/use-id/index.ts
+++ b/packages/hooks/use-id/index.ts
@@ -1,6 +1,6 @@
 import { computed, inject, unref } from 'vue'
 import { isClient } from '@vueuse/core'
-import { debugWarn } from '@element-plus/utils-v2'
+import { debugWarn } from '@element-plus/utils'
 
 import type { InjectionKey, Ref } from 'vue'
 import type { MaybeRef } from '@vueuse/core'
diff --git a/packages/hooks/use-lockscreen/index.ts b/packages/hooks/use-lockscreen/index.ts
index 6783542c16..1b5af37261 100644
--- a/packages/hooks/use-lockscreen/index.ts
+++ b/packages/hooks/use-lockscreen/index.ts
@@ -1,14 +1,14 @@
 import { watch, isRef, onScopeDispose } from 'vue'
 
 import { isClient } from '@vueuse/core'
-import getScrollBarWidth from '@element-plus/utils/scrollbar-width'
-import { throwError } from '@element-plus/utils-v2'
 import {
+  throwError,
   addClass,
   removeClass,
   hasClass,
   getStyle,
-} from '@element-plus/utils/dom'
+  getScrollBarWidth,
+} from '@element-plus/utils'
 
 import type { Ref } from 'vue'
 
diff --git a/packages/hooks/use-modal/index.ts b/packages/hooks/use-modal/index.ts
index 8aeafe774c..8d71fd33cf 100644
--- a/packages/hooks/use-modal/index.ts
+++ b/packages/hooks/use-modal/index.ts
@@ -1,6 +1,6 @@
 import { watch } from 'vue'
 import { isClient, useEventListener } from '@vueuse/core'
-import { EVENT_CODE } from '@element-plus/utils/aria'
+import { EVENT_CODE } from '@element-plus/constants'
 
 import type { Ref } from 'vue'
 
diff --git a/packages/hooks/use-model-toggle/index.ts b/packages/hooks/use-model-toggle/index.ts
index ae9d756252..8791f244e5 100644
--- a/packages/hooks/use-model-toggle/index.ts
+++ b/packages/hooks/use-model-toggle/index.ts
@@ -1,7 +1,7 @@
 import { computed, getCurrentInstance, watch, onMounted } from 'vue'
 import { isFunction } from '@vue/shared'
 import { isClient } from '@vueuse/core'
-import { isBoolean, buildProp, definePropType } from '@element-plus/utils-v2'
+import { isBoolean, buildProp, definePropType } from '@element-plus/utils'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
 
 import type { Ref, ComponentPublicInstance, ExtractPropTypes } from 'vue'
diff --git a/packages/hooks/use-popper-container/index.ts b/packages/hooks/use-popper-container/index.ts
index c99efc1d0d..2cd910d3bc 100644
--- a/packages/hooks/use-popper-container/index.ts
+++ b/packages/hooks/use-popper-container/index.ts
@@ -1,6 +1,6 @@
 import { onBeforeMount } from 'vue'
 import { isClient } from '@vueuse/core'
-import { generateId } from '@element-plus/utils-v2'
+import { generateId } from '@element-plus/utils'
 
 let cachedContainer: HTMLElement
 
diff --git a/packages/hooks/use-teleport/index.ts b/packages/hooks/use-teleport/index.ts
index b094008d49..b34c9ad7b1 100644
--- a/packages/hooks/use-teleport/index.ts
+++ b/packages/hooks/use-teleport/index.ts
@@ -1,10 +1,7 @@
 import { h, ref, Teleport, onUnmounted } from 'vue'
 import { NOOP } from '@vue/shared'
 import { isClient } from '@vueuse/core'
-import {
-  createGlobalNode,
-  removeGlobalNode,
-} from '@element-plus/utils/global-nodes'
+import { createGlobalNode, removeGlobalNode } from '@element-plus/utils'
 
 import type { VNode, Ref } from 'vue'
 
diff --git a/packages/utils-v2/arrays.ts b/packages/utils-v2/arrays.ts
deleted file mode 100644
index 72d4677c21..0000000000
--- a/packages/utils-v2/arrays.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const unique = <T>(arr: T[]) => [...new Set(arr)]
diff --git a/packages/utils-v2/index.ts b/packages/utils-v2/index.ts
deleted file mode 100644
index 2b765c9184..0000000000
--- a/packages/utils-v2/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// Internal code, don't use in your app!
-export * from './vue'
-export * from './arrays'
-export * from './browser'
-export * from './error'
-export * from './i18n'
-export * from './objects'
-export * from './rand'
-export * from './strings'
-export * from './types'
-export * from './typescript'
diff --git a/packages/utils-v2/objects.ts b/packages/utils-v2/objects.ts
deleted file mode 100644
index ab32b25e0a..0000000000
--- a/packages/utils-v2/objects.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const keyOf = <T>(arr: T) => Object.keys(arr) as Array<keyof T>
-export { hasOwn } from '@vue/shared'
diff --git a/packages/utils-v2/package.json b/packages/utils-v2/package.json
deleted file mode 100644
index 0965dc28aa..0000000000
--- a/packages/utils-v2/package.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "name": "@element-plus/utils-v2",
-  "private": true,
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.2.0"
-  }
-}
diff --git a/packages/utils-v2/strings.ts b/packages/utils-v2/strings.ts
deleted file mode 100644
index 3ae5ee84b7..0000000000
--- a/packages/utils-v2/strings.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  camelize,
-  capitalize,
-  hyphenate,
-  hyphenate as kebabCase, // alias
-} from '@vue/shared'
diff --git a/packages/utils-v2/types.ts b/packages/utils-v2/types.ts
deleted file mode 100644
index 32cdcabe54..0000000000
--- a/packages/utils-v2/types.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { isArray, isObject } from '@vue/shared'
-
-export {
-  isArray,
-  isFunction,
-  isObject,
-  isString,
-  isDate,
-  isPromise,
-  isSymbol,
-} from '@vue/shared'
-export { isBoolean, isNumber } from '@vueuse/core'
-export { isVNode } from 'vue'
-
-export const isUndefined = (val: any): val is undefined => val === undefined
-
-export const isEmpty = (val: unknown) =>
-  (!val && val !== 0) ||
-  (isArray(val) && val.length === 0) ||
-  (isObject(val) && !Object.keys(val).length)
diff --git a/packages/utils/arrays.ts b/packages/utils/arrays.ts
new file mode 100644
index 0000000000..27e9c48882
--- /dev/null
+++ b/packages/utils/arrays.ts
@@ -0,0 +1,7 @@
+export const unique = <T>(arr: T[]) => [...new Set(arr)]
+
+/** like `_.castArray`, except falsy value returns empty array. */
+export const castArray = (arr: any): any[] => {
+  if (!arr && arr !== 0) return []
+  return Array.isArray(arr) ? arr : [arr]
+}
diff --git a/packages/utils-v2/browser.ts b/packages/utils/browser.ts
similarity index 100%
rename from packages/utils-v2/browser.ts
rename to packages/utils/browser.ts
diff --git a/packages/utils/dom.ts b/packages/utils/dom.ts
deleted file mode 100644
index 15833c5b17..0000000000
--- a/packages/utils/dom.ts
+++ /dev/null
@@ -1,295 +0,0 @@
-import { camelize, isObject } from '@vue/shared'
-import { isClient } from '@vueuse/core'
-import type { CSSProperties, ComponentPublicInstance, Ref } from 'vue'
-
-import type { Nullable } from './types'
-
-/* istanbul ignore next */
-const trimArr = function (s: string) {
-  return (s || '').split(' ').filter((item) => !!item.trim())
-}
-
-/* istanbul ignore next */
-export const on = function (
-  element: HTMLElement | Document | Window,
-  event: string,
-  handler: EventListenerOrEventListenerObject,
-  useCapture = false
-): void {
-  if (element && event && handler) {
-    element?.addEventListener(event, handler, useCapture)
-  }
-}
-
-/* istanbul ignore next */
-export const off = function (
-  element: HTMLElement | Document | Window,
-  event: string,
-  handler: EventListenerOrEventListenerObject,
-  useCapture = false
-): void {
-  if (element && event && handler) {
-    element?.removeEventListener(event, handler, useCapture)
-  }
-}
-
-/* istanbul ignore next */
-export const once = function (
-  el: HTMLElement,
-  event: string,
-  fn: EventListener
-): void {
-  const listener = function (this: any, ...args: any) {
-    if (fn) {
-      fn.apply(this, args)
-    }
-    off(el, event, listener)
-  }
-  on(el, event, listener)
-}
-
-/* istanbul ignore next */
-export function hasClass(el: HTMLElement | Element, cls: string): boolean {
-  if (!el || !cls) return false
-  if (cls.indexOf(' ') !== -1)
-    throw new Error('className should not contain space.')
-  if (el.classList) {
-    return el.classList.contains(cls)
-  } else {
-    const className = el.getAttribute('class') || ''
-    return className.split(' ').includes(cls)
-  }
-}
-
-/* istanbul ignore next */
-export function addClass(el: HTMLElement | Element, cls: string): void {
-  if (!el) return
-  let className = el.getAttribute('class') || ''
-  const curClass = trimArr(className)
-  const classes = (cls || '')
-    .split(' ')
-    .filter((item) => !curClass.includes(item) && !!item.trim())
-
-  if (el.classList) {
-    el.classList.add(...classes)
-  } else {
-    className += ` ${classes.join(' ')}`
-    el.setAttribute('class', className)
-  }
-}
-
-/* istanbul ignore next */
-export function removeClass(el: HTMLElement | Element, cls: string): void {
-  if (!el || !cls) return
-  const classes = trimArr(cls)
-  let curClass = el.getAttribute('class') || ''
-
-  if (el.classList) {
-    el.classList.remove(...classes)
-    return
-  }
-  classes.forEach((item) => {
-    curClass = curClass.replace(` ${item} `, ' ')
-  })
-  const className = trimArr(curClass).join(' ')
-  el.setAttribute('class', className)
-}
-
-/* istanbul ignore next */
-// Here I want to use the type CSSProperties, but the definition for CSSProperties
-// has { [index: number]: string } in its type annotation, which does not satisfy the method
-// camelize(s: string)
-// Same as the return type
-export const getStyle = function (
-  element: HTMLElement,
-  styleName: string
-): string {
-  if (!isClient) return ''
-  if (!element || !styleName) return ''
-  styleName = camelize(styleName)
-  if (styleName === 'float') {
-    styleName = 'cssFloat'
-  }
-  try {
-    const style = element.style[styleName]
-    if (style) return style
-    const computed = document.defaultView?.getComputedStyle(element, '')
-    return computed ? computed[styleName] : ''
-  } catch (e) {
-    return element.style[styleName]
-  }
-}
-
-/* istanbul ignore next */
-export function setStyle(
-  element: HTMLElement,
-  styleName: CSSProperties | string,
-  value?: string
-): void {
-  if (!element || !styleName) return
-
-  if (isObject(styleName)) {
-    Object.keys(styleName).forEach((prop) => {
-      setStyle(element, prop, styleName[prop])
-    })
-  } else {
-    styleName = camelize(styleName)
-    element.style[styleName] = value
-  }
-}
-
-export function removeStyle(
-  element: HTMLElement,
-  style: CSSProperties | string
-) {
-  if (!element || !style) return
-
-  if (isObject(style)) {
-    Object.keys(style).forEach((prop) => {
-      setStyle(element, prop, '')
-    })
-  } else {
-    setStyle(element, style, '')
-  }
-}
-
-export const isScroll = (
-  el: HTMLElement,
-  isVertical?: Nullable<boolean>
-): RegExpMatchArray | null => {
-  if (!isClient) return null
-  const determinedDirection = isVertical === null || isVertical === undefined
-  const overflow = determinedDirection
-    ? getStyle(el, 'overflow')
-    : isVertical
-    ? getStyle(el, 'overflow-y')
-    : getStyle(el, 'overflow-x')
-
-  return overflow.match(/(scroll|auto|overlay)/)
-}
-
-export const getScrollContainer = (
-  el: HTMLElement,
-  isVertical?: Nullable<boolean>
-): Window | HTMLElement | undefined => {
-  if (!isClient) return
-
-  let parent: HTMLElement = el
-  while (parent) {
-    if ([window, document, document.documentElement].includes(parent)) {
-      return window
-    }
-    if (isScroll(parent, isVertical)) {
-      return parent
-    }
-    parent = parent.parentNode as HTMLElement
-  }
-  return parent
-}
-
-export const isInContainer = (
-  el: Element | undefined,
-  container: Element | Window | undefined
-): boolean => {
-  if (!isClient || !el || !container) return false
-
-  const elRect = el.getBoundingClientRect()
-
-  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>
-  if (container instanceof Element) {
-    containerRect = container.getBoundingClientRect()
-  } else {
-    containerRect = {
-      top: 0,
-      right: window.innerWidth,
-      bottom: window.innerHeight,
-      left: 0,
-    }
-  }
-  return (
-    elRect.top < containerRect.bottom &&
-    elRect.bottom > containerRect.top &&
-    elRect.right > containerRect.left &&
-    elRect.left < containerRect.right
-  )
-}
-
-export const getOffsetTop = (el: HTMLElement) => {
-  let offset = 0
-  let parent = el
-
-  while (parent) {
-    offset += parent.offsetTop
-    parent = parent.offsetParent as HTMLElement
-  }
-
-  return offset
-}
-
-export const getOffsetTopDistance = (
-  el: HTMLElement,
-  containerEl: HTMLElement
-) => {
-  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))
-}
-
-export const stop = (e: Event) => e.stopPropagation()
-
-export const getClientXY = (event: MouseEvent | TouchEvent) => {
-  let clientX: number
-  let clientY: number
-  if (event.type === 'touchend') {
-    clientY = (event as TouchEvent).changedTouches[0].clientY
-    clientX = (event as TouchEvent).changedTouches[0].clientX
-  } else if (event.type.startsWith('touch')) {
-    clientY = (event as TouchEvent).touches[0].clientY
-    clientX = (event as TouchEvent).touches[0].clientX
-  } else {
-    clientY = (event as MouseEvent).clientY
-    clientX = (event as MouseEvent).clientX
-  }
-  return {
-    clientX,
-    clientY,
-  }
-}
-
-export const composeEventHandlers = <E>(
-  theirsHandler?: (event: E) => boolean | void,
-  oursHandler?: (event: E) => void,
-  { checkForDefaultPrevented = true } = {}
-) => {
-  const handleEvent = (event: E) => {
-    const shouldPrevent = theirsHandler?.(event)
-
-    if (checkForDefaultPrevented === false || !shouldPrevent) {
-      return oursHandler?.(event)
-    }
-  }
-  return handleEvent
-}
-
-type WhenMouseHandler = (e: PointerEvent) => any
-
-export const whenMouse = (handler: WhenMouseHandler): WhenMouseHandler => {
-  return (e: PointerEvent) =>
-    e.pointerType === 'mouse' ? handler(e) : undefined
-}
-
-export const composeStoppableHandler = <E extends Event>(
-  handler: (e: E) => void
-) => {
-  return (e: E) => {
-    if (!e.defaultPrevented) {
-      handler(e)
-    }
-  }
-}
-
-export const composeRefs = (...refs: Ref<HTMLElement | null>[]) => {
-  return (el: Element | ComponentPublicInstance | null) => {
-    refs.forEach((ref) => {
-      ref.value = el as HTMLElement | null
-    })
-  }
-}
diff --git a/packages/utils/aria.ts b/packages/utils/dom/aria.ts
similarity index 67%
rename from packages/utils/aria.ts
rename to packages/utils/dom/aria.ts
index 6fcfb61923..4aa00627ab 100644
--- a/packages/utils/aria.ts
+++ b/packages/utils/dom/aria.ts
@@ -1,21 +1,4 @@
-import type { Nullable } from './types'
-export const EVENT_CODE = {
-  tab: 'Tab',
-  enter: 'Enter',
-  space: 'Space',
-  left: 'ArrowLeft', // 37
-  up: 'ArrowUp', // 38
-  right: 'ArrowRight', // 39
-  down: 'ArrowDown', // 40
-  esc: 'Escape',
-  delete: 'Delete',
-  backspace: 'Backspace',
-  numpadEnter: 'NumpadEnter',
-  pageUp: 'PageUp',
-  pageDown: 'PageDown',
-  home: 'Home',
-  end: 'End',
-}
+import type { Nullable } from '../typescript'
 
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`
 
@@ -91,10 +74,8 @@ export const attemptFocus = (element: HTMLElement): boolean => {
   if (!isFocusable(element)) {
     return false
   }
-  Utils.IgnoreUtilFocusChanges = true
   // Remove the old try catch block since there will be no error to be thrown
   element.focus?.()
-  Utils.IgnoreUtilFocusChanges = false
   return document.activeElement === element
 }
 
@@ -145,42 +126,3 @@ export const focusNode = (el) => {
   el.focus()
   !isLeaf(el) && el.click()
 }
-
-const Utils = {
-  IgnoreUtilFocusChanges: false,
-  /**
-   * @desc Set focus on descendant nodes until the first focusable element is
-   *       found.
-   * @param {HTMLElement} element
-   *          DOM node for which to find the first focusable descendant.
-   * @returns {Boolean}
-   *  true if a focusable element is found and focus is set.
-   */
-  focusFirstDescendant(element: HTMLElement): boolean {
-    for (let i = 0; i < element.childNodes.length; i++) {
-      const child = element.childNodes[i] as HTMLElement
-      if (attemptFocus(child) || this.focusFirstDescendant(child)) {
-        return true
-      }
-    }
-    return false
-  },
-  /**
-   * @desc Find the last descendant node that is focusable.
-   * @param {HTMLElement} element
-   *          DOM node for which to find the last focusable descendant.
-   * @returns {Boolean}
-   *  true if a focusable element is found and focus is set.
-   */
-  focusLastDescendant(element: HTMLElement): boolean {
-    for (let i = element.childNodes.length - 1; i >= 0; i--) {
-      const child = element.childNodes[i] as HTMLElement
-      if (attemptFocus(child) || this.focusLastDescendant(child)) {
-        return true
-      }
-    }
-    return false
-  },
-}
-
-export default Utils
diff --git a/packages/utils/dom/event.ts b/packages/utils/dom/event.ts
new file mode 100644
index 0000000000..f47ade0a99
--- /dev/null
+++ b/packages/utils/dom/event.ts
@@ -0,0 +1,59 @@
+/** @deprecated use `element.addEventListener` instead */
+export const on = (
+  element: HTMLElement | Document | Window,
+  event: string,
+  handler: EventListenerOrEventListenerObject,
+  useCapture = false
+): void => {
+  if (element && event && handler) {
+    element?.addEventListener(event, handler, useCapture)
+  }
+}
+
+/** @deprecated use `element.addEventListener` instead */
+export const off = (
+  element: HTMLElement | Document | Window,
+  event: string,
+  handler: EventListenerOrEventListenerObject,
+  useCapture = false
+): void => {
+  if (element && event && handler) {
+    element?.removeEventListener(event, handler, useCapture)
+  }
+}
+
+/** @deprecated use `element.addEventListener` instead */
+export const once = (
+  el: HTMLElement,
+  event: string,
+  fn: EventListener
+): void => {
+  const listener = function (this: any, ...args: any) {
+    if (fn) {
+      fn.apply(this, args)
+    }
+    off(el, event, listener)
+  }
+  on(el, event, listener)
+}
+
+export const composeEventHandlers = <E>(
+  theirsHandler?: (event: E) => boolean | void,
+  oursHandler?: (event: E) => void,
+  { checkForDefaultPrevented = true } = {}
+) => {
+  const handleEvent = (event: E) => {
+    const shouldPrevent = theirsHandler?.(event)
+
+    if (checkForDefaultPrevented === false || !shouldPrevent) {
+      return oursHandler?.(event)
+    }
+  }
+  return handleEvent
+}
+
+type WhenMouseHandler = (e: PointerEvent) => any
+export const whenMouse = (handler: WhenMouseHandler): WhenMouseHandler => {
+  return (e: PointerEvent) =>
+    e.pointerType === 'mouse' ? handler(e) : undefined
+}
diff --git a/packages/utils/dom/index.ts b/packages/utils/dom/index.ts
new file mode 100644
index 0000000000..d18288ef22
--- /dev/null
+++ b/packages/utils/dom/index.ts
@@ -0,0 +1,6 @@
+export * from './aria'
+export * from './event'
+export * from './position'
+export * from './resize-event'
+export * from './scroll'
+export * from './style'
diff --git a/packages/utils/dom/position.ts b/packages/utils/dom/position.ts
new file mode 100644
index 0000000000..6cca512c98
--- /dev/null
+++ b/packages/utils/dom/position.ts
@@ -0,0 +1,66 @@
+import { isClient } from '@vueuse/core'
+
+export const isInContainer = (
+  el?: Element,
+  container?: Element | Window
+): boolean => {
+  if (!isClient || !el || !container) return false
+
+  const elRect = el.getBoundingClientRect()
+
+  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>
+  if (container instanceof Element) {
+    containerRect = container.getBoundingClientRect()
+  } else {
+    containerRect = {
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight,
+      left: 0,
+    }
+  }
+  return (
+    elRect.top < containerRect.bottom &&
+    elRect.bottom > containerRect.top &&
+    elRect.right > containerRect.left &&
+    elRect.left < containerRect.right
+  )
+}
+
+export const getOffsetTop = (el: HTMLElement) => {
+  let offset = 0
+  let parent = el
+
+  while (parent) {
+    offset += parent.offsetTop
+    parent = parent.offsetParent as HTMLElement
+  }
+
+  return offset
+}
+
+export const getOffsetTopDistance = (
+  el: HTMLElement,
+  containerEl: HTMLElement
+) => {
+  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))
+}
+
+export const getClientXY = (event: MouseEvent | TouchEvent) => {
+  let clientX: number
+  let clientY: number
+  if (event.type === 'touchend') {
+    clientY = (event as TouchEvent).changedTouches[0].clientY
+    clientX = (event as TouchEvent).changedTouches[0].clientX
+  } else if (event.type.startsWith('touch')) {
+    clientY = (event as TouchEvent).touches[0].clientY
+    clientX = (event as TouchEvent).touches[0].clientX
+  } else {
+    clientY = (event as MouseEvent).clientY
+    clientX = (event as MouseEvent).clientX
+  }
+  return {
+    clientX,
+    clientY,
+  }
+}
diff --git a/packages/utils/resize-event.ts b/packages/utils/dom/resize-event.ts
similarity index 85%
rename from packages/utils/resize-event.ts
rename to packages/utils/dom/resize-event.ts
index 29cc552d2a..09bcf7f31a 100644
--- a/packages/utils/resize-event.ts
+++ b/packages/utils/dom/resize-event.ts
@@ -1,6 +1,6 @@
 import { isClient } from '@vueuse/core'
 
-import type { HTMLElementCustomized } from '@element-plus/utils-v2'
+import type { HTMLElementCustomized } from '../typescript'
 
 export type ResizableElement = HTMLElementCustomized<{
   __resizeListeners__?: Array<(...args: unknown[]) => unknown>
@@ -19,6 +19,7 @@ const resizeHandler = function (entries: ResizeObserverEntry[]) {
   }
 }
 
+/** @deprecated use `useResizeObserver` or `useElementSize` in vueuse */
 export const addResizeListener = function (
   element: ResizableElement,
   fn: (...args: unknown[]) => unknown
@@ -32,6 +33,7 @@ export const addResizeListener = function (
   element.__resizeListeners__.push(fn)
 }
 
+/** @deprecated use `useResizeObserver` or `useElementSize` in vueuse */
 export const removeResizeListener = function (
   element: ResizableElement,
   fn: (...args: unknown[]) => unknown
diff --git a/packages/utils/dom/scroll.ts b/packages/utils/dom/scroll.ts
new file mode 100644
index 0000000000..2126642fba
--- /dev/null
+++ b/packages/utils/dom/scroll.ts
@@ -0,0 +1,62 @@
+import { isClient } from '@vueuse/core'
+import { getStyle } from './style'
+
+export const isScroll = (el: HTMLElement, isVertical?: boolean): boolean => {
+  if (!isClient) return false
+
+  const key = (
+    {
+      undefined: 'overflow',
+      true: 'overflow-y',
+      false: 'overflow-x',
+    } as const
+  )[String(isVertical)]!
+  const overflow = getStyle(el, key)
+  return ['scroll', 'auto', 'overlay'].some((s) => overflow.includes(s))
+}
+
+export const getScrollContainer = (
+  el: HTMLElement,
+  isVertical?: boolean
+): Window | HTMLElement | undefined => {
+  if (!isClient) return
+
+  let parent: HTMLElement = el
+  while (parent) {
+    if ([window, document, document.documentElement].includes(parent))
+      return window
+
+    if (isScroll(parent, isVertical)) return parent
+
+    parent = parent.parentNode as HTMLElement
+  }
+
+  return parent
+}
+
+let scrollBarWidth: number
+export const getScrollBarWidth = (): number => {
+  if (!isClient) return 0
+  if (scrollBarWidth !== undefined) return scrollBarWidth
+
+  const outer = document.createElement('div')
+  outer.className = 'el-scrollbar__wrap'
+  outer.style.visibility = 'hidden'
+  outer.style.width = '100px'
+  outer.style.position = 'absolute'
+  outer.style.top = '-9999px'
+  document.body.appendChild(outer)
+
+  const widthNoScroll = outer.offsetWidth
+  outer.style.overflow = 'scroll'
+
+  const inner = document.createElement('div')
+  inner.style.width = '100%'
+  outer.appendChild(inner)
+
+  const widthWithScroll = inner.offsetWidth
+  outer.parentNode?.removeChild(outer)
+  scrollBarWidth = widthNoScroll - widthWithScroll
+
+  return scrollBarWidth
+}
diff --git a/packages/utils/dom/style.ts b/packages/utils/dom/style.ts
new file mode 100644
index 0000000000..3892303571
--- /dev/null
+++ b/packages/utils/dom/style.ts
@@ -0,0 +1,72 @@
+import { isClient } from '@vueuse/core'
+import { isObject } from '../types'
+import { camelize } from '../strings'
+import { entriesOf, keysOf } from '../objects'
+import type { CSSProperties } from 'vue'
+
+export const classNameToArray = (cls = '') =>
+  cls.split(' ').filter((item) => !!item.trim())
+
+export const hasClass = (el: Element, cls: string): boolean => {
+  if (!el || !cls) return false
+  if (cls.includes(' ')) throw new Error('className should not contain space.')
+  return el.classList.contains(cls)
+}
+
+export const addClass = (el: Element, cls: string) => {
+  if (!el || !cls.trim()) return
+  el.classList.add(...classNameToArray(cls))
+}
+
+export const removeClass = (el: Element, cls: string) => {
+  if (!el || !cls.trim()) return
+  el.classList.remove(...classNameToArray(cls))
+}
+
+export const getStyle = (
+  element: HTMLElement,
+  styleName: keyof CSSProperties
+): string => {
+  if (!isClient || !element || !styleName) return ''
+
+  let key = camelize(styleName)
+  if (key === 'float') key = 'cssFloat'
+  try {
+    const style = element.style[styleName]
+    if (style) return style
+    const computed = document.defaultView?.getComputedStyle(element, '')
+    return computed ? computed[styleName] : ''
+  } catch {
+    return element.style[styleName]
+  }
+}
+
+export const setStyle = (
+  element: HTMLElement,
+  styleName: CSSProperties | keyof CSSProperties,
+  value?: string | number
+) => {
+  if (!element || !styleName) return
+
+  if (isObject(styleName)) {
+    entriesOf(styleName).forEach(([prop, value]) =>
+      setStyle(element, prop, value)
+    )
+  } else {
+    const key = camelize(styleName)
+    element.style[key] = value
+  }
+}
+
+export const removeStyle = (
+  element: HTMLElement,
+  style: CSSProperties | keyof CSSProperties
+) => {
+  if (!element || !style) return
+
+  if (isObject(style)) {
+    keysOf(style).forEach((prop) => removeStyle(element, prop))
+  } else {
+    setStyle(element, style, '')
+  }
+}
diff --git a/packages/utils-v2/error.ts b/packages/utils/error.ts
similarity index 100%
rename from packages/utils-v2/error.ts
rename to packages/utils/error.ts
diff --git a/packages/utils-v2/i18n.ts b/packages/utils/i18n.ts
similarity index 100%
rename from packages/utils-v2/i18n.ts
rename to packages/utils/i18n.ts
diff --git a/packages/utils/index.ts b/packages/utils/index.ts
index a3d8e382fa..1ab0da4001 100644
--- a/packages/utils/index.ts
+++ b/packages/utils/index.ts
@@ -1,11 +1,14 @@
-export * from './animation'
-export * from './aria'
+// Internal code, don't use in your app!
 export * from './dom'
-export * from './global-nodes'
+export * from './vue'
+export * from './animation'
+export * from './arrays'
+export * from './browser'
+export * from './error'
+export * from './i18n'
+export * from './objects'
 export * from './raf'
-export * from './resize-event'
-export * from './scroll-into-view'
-export * from './scrollbar-width'
+export * from './rand'
+export * from './strings'
 export * from './types'
-export * from './util'
-export * from './menu'
+export * from './typescript'
diff --git a/packages/utils/menu/index.ts b/packages/utils/menu/index.ts
deleted file mode 100644
index 5e0084c46b..0000000000
--- a/packages/utils/menu/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './menu-bar'
-export * from './menu-item'
-export * from './submenu'
diff --git a/packages/utils/objects.ts b/packages/utils/objects.ts
new file mode 100644
index 0000000000..91af4c26ba
--- /dev/null
+++ b/packages/utils/objects.ts
@@ -0,0 +1,54 @@
+import { hasOwn } from '@vue/shared'
+import { throwError } from './error'
+import type { Entries } from 'type-fest'
+
+const SCOPE = 'UtilV2/objects'
+
+export const keysOf = <T>(arr: T) => Object.keys(arr) as Array<keyof T>
+export const entriesOf = <T>(arr: T) => Object.entries(arr) as Entries<T>
+export { hasOwn } from '@vue/shared'
+
+/** @deprecated TODO: improve it, use lodash */
+export function getPropByPath(
+  obj: any,
+  path: string,
+  strict: boolean
+): {
+  o: any
+  k: string
+  v: any
+} {
+  let tempObj = obj
+  let key, value
+
+  if (obj && hasOwn(obj, path)) {
+    key = path
+    value = tempObj?.[path]
+  } else {
+    path = path.replace(/\[(\w+)\]/g, '.$1')
+    path = path.replace(/^\./, '')
+
+    const keyArr = path.split('.')
+    let i = 0
+    for (i; i < keyArr.length - 1; i++) {
+      if (!tempObj && !strict) break
+      const key = keyArr[i]
+
+      if (key in tempObj) {
+        tempObj = tempObj[key]
+      } else {
+        if (strict) {
+          throwError(SCOPE, 'Please transfer a valid prop path to form item!')
+        }
+        break
+      }
+    }
+    key = keyArr[i]
+    value = tempObj?.[keyArr[i]]
+  }
+  return {
+    o: tempObj,
+    k: key,
+    v: value,
+  }
+}
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 46c527d182..0f3801b0b3 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,9 +1,8 @@
 {
   "name": "@element-plus/utils",
-  "version": "0.0.5",
+  "private": true,
   "license": "MIT",
   "peerDependencies": {
     "vue": "^3.2.0"
-  },
-  "gitHead": "c69724230befa8fede0e6b9c37fb0b7e39fd7cdd"
+  }
 }
diff --git a/packages/utils/raf.ts b/packages/utils/raf.ts
index eca0636ccb..b21c719000 100644
--- a/packages/utils/raf.ts
+++ b/packages/utils/raf.ts
@@ -1,11 +1,9 @@
 import { isClient } from '@vueuse/core'
 
-let rAF = (fn: () => void) => setTimeout(fn, 16) as unknown as number
-let cAF = (handle: number) => clearTimeout(handle)
+export const rAF = (fn: () => void) =>
+  isClient
+    ? window.requestAnimationFrame(fn)
+    : (setTimeout(fn, 16) as unknown as number)
 
-if (isClient) {
-  rAF = (fn: () => void) => window.requestAnimationFrame(fn)
-  cAF = (handle: number) => window.cancelAnimationFrame(handle)
-}
-
-export { rAF, cAF }
+export const cAF = (handle: number) =>
+  isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle)
diff --git a/packages/utils-v2/rand.ts b/packages/utils/rand.ts
similarity index 100%
rename from packages/utils-v2/rand.ts
rename to packages/utils/rand.ts
diff --git a/packages/utils/scroll-into-view.ts b/packages/utils/scroll-into-view.ts
deleted file mode 100644
index 4ebd18fe9d..0000000000
--- a/packages/utils/scroll-into-view.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { isClient } from '@vueuse/core'
-
-export default function scrollIntoView(
-  container: HTMLElement,
-  selected: HTMLElement
-): void {
-  if (!isClient) return
-
-  if (!selected) {
-    container.scrollTop = 0
-    return
-  }
-
-  const offsetParents = []
-  let pointer = selected.offsetParent
-  while (
-    pointer !== null &&
-    container !== pointer &&
-    container.contains(pointer)
-  ) {
-    offsetParents.push(pointer)
-    pointer = (pointer as HTMLElement).offsetParent
-  }
-  const top =
-    selected.offsetTop +
-    offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0)
-  const bottom = top + selected.offsetHeight
-  const viewRectTop = container.scrollTop
-  const viewRectBottom = viewRectTop + container.clientHeight
-
-  if (top < viewRectTop) {
-    container.scrollTop = top
-  } else if (bottom > viewRectBottom) {
-    container.scrollTop = bottom - container.clientHeight
-  }
-}
diff --git a/packages/utils/scrollbar-width.ts b/packages/utils/scrollbar-width.ts
deleted file mode 100644
index 47d4cab1ca..0000000000
--- a/packages/utils/scrollbar-width.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { isClient } from '@vueuse/core'
-
-let scrollBarWidth: number
-
-export default function (): number {
-  if (!isClient) return 0
-  if (scrollBarWidth !== undefined) return scrollBarWidth
-
-  const outer = document.createElement('div')
-  outer.className = 'el-scrollbar__wrap'
-  outer.style.visibility = 'hidden'
-  outer.style.width = '100px'
-  outer.style.position = 'absolute'
-  outer.style.top = '-9999px'
-  document.body.appendChild(outer)
-
-  const widthNoScroll = outer.offsetWidth
-  outer.style.overflow = 'scroll'
-
-  const inner = document.createElement('div')
-  inner.style.width = '100%'
-  outer.appendChild(inner)
-
-  const widthWithScroll = inner.offsetWidth
-  outer.parentNode?.removeChild(outer)
-  scrollBarWidth = widthNoScroll - widthWithScroll
-
-  return scrollBarWidth
-}
diff --git a/packages/utils/strings.ts b/packages/utils/strings.ts
new file mode 100644
index 0000000000..e4a22704ff
--- /dev/null
+++ b/packages/utils/strings.ts
@@ -0,0 +1,9 @@
+export {
+  camelize,
+  capitalize,
+  hyphenate,
+  hyphenate as kebabCase, // alias
+} from '@vue/shared'
+
+export const escapeRegexpString = (value = '') =>
+  String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&')
diff --git a/packages/utils/tests/aria.test.ts b/packages/utils/tests/dom/aria.test.ts
similarity index 97%
rename from packages/utils/tests/aria.test.ts
rename to packages/utils/tests/dom/aria.test.ts
index 8daf0016c9..d1c99f87c3 100644
--- a/packages/utils/tests/aria.test.ts
+++ b/packages/utils/tests/dom/aria.test.ts
@@ -1,4 +1,4 @@
-import { triggerEvent, isFocusable } from '../aria'
+import { triggerEvent, isFocusable } from '../..'
 
 const CE = (tag: string) => document.createElement(tag)
 
diff --git a/packages/utils/tests/dom.spec.ts b/packages/utils/tests/dom/dom.spec.ts
similarity index 99%
rename from packages/utils/tests/dom.spec.ts
rename to packages/utils/tests/dom/dom.spec.ts
index 6fb1b07d9d..8513438be7 100644
--- a/packages/utils/tests/dom.spec.ts
+++ b/packages/utils/tests/dom/dom.spec.ts
@@ -1,4 +1,4 @@
-import { hasClass, addClass, removeClass } from '../dom'
+import { hasClass, addClass, removeClass } from '../..'
 
 const getClass = (el: Element) => {
   if (!el) {
diff --git a/packages/utils/tests/global-nodes.spec.ts b/packages/utils/tests/vue/global-nodes.spec.ts
similarity index 97%
rename from packages/utils/tests/global-nodes.spec.ts
rename to packages/utils/tests/vue/global-nodes.spec.ts
index 7bb2a44539..6aafc24bac 100644
--- a/packages/utils/tests/global-nodes.spec.ts
+++ b/packages/utils/tests/vue/global-nodes.spec.ts
@@ -2,7 +2,7 @@ import {
   createGlobalNode,
   removeGlobalNode,
   changeGlobalNodesTarget,
-} from '../global-nodes'
+} from '../..'
 
 describe('global-nodes', () => {
   afterEach(() => {
diff --git a/packages/utils-v2/tests/prop.spec.ts b/packages/utils/tests/vue/prop.spec.ts
similarity index 98%
rename from packages/utils-v2/tests/prop.spec.ts
rename to packages/utils/tests/vue/prop.spec.ts
index df1aa99f73..4dee9a74b1 100644
--- a/packages/utils-v2/tests/prop.spec.ts
+++ b/packages/utils/tests/vue/prop.spec.ts
@@ -3,8 +3,8 @@
 import { defineComponent } from 'vue'
 import { mount } from '@vue/test-utils'
 import { expectTypeOf } from 'expect-type'
-import { buildProp, definePropType, mutable, keyOf, buildProps } from '..'
-import type { propKey } from '../vue/prop'
+import { buildProp, definePropType, mutable, keysOf, buildProps } from '../..'
+import type { propKey } from '../..'
 
 import type { PropType, ExtractPropTypes } from 'vue'
 
@@ -224,7 +224,7 @@ describe('buildProp', () => {
   it('Required and validator', () => {
     expectTypeOf(
       buildProp({
-        values: keyOf({ a: 'a', b: 'b' }),
+        values: keysOf({ a: 'a', b: 'b' }),
         default: 'a',
       } as const)
     ).toEqualTypeOf<{
@@ -323,7 +323,7 @@ describe('buildProps', () => {
         default: 2,
       },
       key4: {
-        values: keyOf({ a: 'a', b: 'b' }),
+        values: keysOf({ a: 'a', b: 'b' }),
         default: 'a',
       },
       key5: Boolean,
diff --git a/packages/utils/types.ts b/packages/utils/types.ts
index 02cd293175..32cdcabe54 100644
--- a/packages/utils/types.ts
+++ b/packages/utils/types.ts
@@ -1,8 +1,20 @@
-export type AnyFunction<T> = (...args: any[]) => T
+import { isArray, isObject } from '@vue/shared'
 
-export type PartialReturnType<T extends (...args: unknown[]) => unknown> =
-  Partial<ReturnType<T>>
+export {
+  isArray,
+  isFunction,
+  isObject,
+  isString,
+  isDate,
+  isPromise,
+  isSymbol,
+} from '@vue/shared'
+export { isBoolean, isNumber } from '@vueuse/core'
+export { isVNode } from 'vue'
 
-export type Nullable<T> = T | null
+export const isUndefined = (val: any): val is undefined => val === undefined
 
-export type RefElement = Nullable<HTMLElement>
+export const isEmpty = (val: unknown) =>
+  (!val && val !== 0) ||
+  (isArray(val) && val.length === 0) ||
+  (isObject(val) && !Object.keys(val).length)
diff --git a/packages/utils-v2/typescript.ts b/packages/utils/typescript.ts
similarity index 62%
rename from packages/utils-v2/typescript.ts
rename to packages/utils/typescript.ts
index 860e4acc58..861bc7de5a 100644
--- a/packages/utils-v2/typescript.ts
+++ b/packages/utils/typescript.ts
@@ -4,3 +4,9 @@ export const mutable = <T extends readonly any[] | Record<string, unknown>>(
 export type Mutable<T> = { -readonly [P in keyof T]: T[P] }
 
 export type HTMLElementCustomized<T> = HTMLElement & T
+
+/**
+ * @deprecated stop to use null
+ * @see {@link https://github.com/sindresorhus/meta/discussions/7}
+ */
+export type Nullable<T> = T | null
diff --git a/packages/utils/util.ts b/packages/utils/util.ts
deleted file mode 100644
index faa8a49800..0000000000
--- a/packages/utils/util.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { extend, hasOwn, isFunction, looseEqual } from '@vue/shared'
-import { isEqualWith } from 'lodash-unified'
-import { isNumber, throwError } from '@element-plus/utils-v2'
-import type { ComponentPublicInstance, CSSProperties, Ref } from 'vue'
-import type { Nullable } from './types'
-
-const SCOPE = 'Util'
-
-export function toObject<T>(arr: Array<T>): Record<string, T> {
-  const res = {}
-  for (let i = 0; i < arr.length; i++) {
-    if (arr[i]) {
-      extend(res, arr[i])
-    }
-  }
-  return res
-}
-
-export const getValueByPath = (obj, paths = ''): unknown => {
-  let ret: unknown = obj
-  paths.split('.').map((path) => {
-    ret = ret?.[path]
-  })
-  return ret
-}
-
-export function getPropByPath(
-  obj: any,
-  path: string,
-  strict: boolean
-): {
-  o: unknown
-  k: string
-  v: Nullable<unknown>
-} {
-  let tempObj = obj
-  let key, value
-
-  if (obj && hasOwn(obj, path)) {
-    key = path
-    value = tempObj?.[path]
-  } else {
-    path = path.replace(/\[(\w+)\]/g, '.$1')
-    path = path.replace(/^\./, '')
-
-    const keyArr = path.split('.')
-    let i = 0
-    for (i; i < keyArr.length - 1; i++) {
-      if (!tempObj && !strict) break
-      const key = keyArr[i]
-
-      if (key in tempObj) {
-        tempObj = tempObj[key]
-      } else {
-        if (strict) {
-          throwError(SCOPE, 'Please transfer a valid prop path to form item!')
-        }
-        break
-      }
-    }
-    key = keyArr[i]
-    value = tempObj?.[keyArr[i]]
-  }
-  return {
-    o: tempObj,
-    k: key,
-    v: value,
-  }
-}
-
-// use isEqual instead
-// export const valueEquals
-
-export const escapeRegexpString = (value = ''): string =>
-  String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&')
-
-// Use native Array.find, Array.findIndex instead
-
-// coerce truthy value to array
-export const coerceTruthyValueToArray = (arr) => {
-  if (!arr && arr !== 0) {
-    return []
-  }
-  return Array.isArray(arr) ? arr : [arr]
-}
-
-export const autoprefixer = function (style: CSSProperties): CSSProperties {
-  const rules = ['transform', 'transition', 'animation']
-  const prefixes = ['ms-', 'webkit-']
-  rules.forEach((rule) => {
-    const value = style[rule]
-    if (rule && value) {
-      prefixes.forEach((prefix) => {
-        style[prefix + rule] = value
-      })
-    }
-  })
-  return style
-}
-
-// reexport from lodash & vue shared
-export { looseEqual, extend }
-
-export function rafThrottle<T extends (...args: any) => any>(fn: T): T {
-  let locked = false
-  return function (this: ThisParameterType<T>, ...args: any[]) {
-    if (locked) return
-    locked = true
-
-    window.requestAnimationFrame(() => {
-      Reflect.apply(fn, this, args)
-      locked = false
-    })
-  } as T
-}
-
-export const clearTimer = (timer: Ref<Nullable<number>>) => {
-  if (isNumber(timer.value)) clearTimeout(timer.value)
-  timer.value = null
-}
-
-export function arrayFlat(arr: unknown[]) {
-  return arr.reduce((acm: unknown[], item) => {
-    const val = Array.isArray(item) ? arrayFlat(item) : item
-    return acm.concat(val)
-  }, [])
-}
-
-/**
- * Enhance `lodash.isEqual` for it always return false even two functions have completely same statements.
- * @param obj The value to compare
- * @param other The other value to compare
- * @returns Returns `true` if the values are equivalent, else `false`.
- * @example
- *  lodash.isEqual(() => 1, () => 1)      // false
- *  isEqualWith(() => 1, () => 1)         // true
- */
-export function isEqualWithFunction(obj: any, other: any) {
-  return isEqualWith(obj, other, (objVal, otherVal) => {
-    return isFunction(objVal) && isFunction(otherVal)
-      ? `${objVal}` === `${otherVal}`
-      : undefined
-  })
-}
-
-/**
- * Generate function for attach ref for the h renderer
- * @param ref Ref<HTMLElement | ComponentPublicInstance>
- * @returns (val: T) => void
- */
-
-export const refAttacher = <T extends HTMLElement | ComponentPublicInstance>(
-  ref: Ref<T>
-) => {
-  return (val: T) => {
-    ref.value = val
-  }
-}
-
-export const merge = <T extends Record<string, any>>(a: T, b: T) => {
-  const keys = [
-    ...new Set([...Object.keys(a), ...Object.keys(b)]),
-  ] as (keyof T)[]
-  const obj = {} as T
-  for (const key of keys) {
-    obj[key] = b[key] ?? a[key]
-  }
-  return obj
-}
diff --git a/packages/utils/global-nodes.ts b/packages/utils/vue/global-node.ts
similarity index 57%
rename from packages/utils/global-nodes.ts
rename to packages/utils/vue/global-node.ts
index e8b7d83f1f..db32d728f3 100644
--- a/packages/utils/global-nodes.ts
+++ b/packages/utils/vue/global-node.ts
@@ -1,13 +1,12 @@
 import { isClient } from '@vueuse/core'
 
-const globalNodes = []
-let target = !isClient ? undefined : document.body
+const globalNodes: HTMLElement[] = []
+let target: HTMLElement = !isClient ? (undefined as any) : document.body
 
 export function createGlobalNode(id?: string) {
   const el = document.createElement('div')
-
   if (id !== undefined) {
-    el.id = id
+    el.setAttribute('id', id)
   }
 
   target.appendChild(el)
@@ -22,13 +21,12 @@ export function removeGlobalNode(el: HTMLElement) {
 }
 
 export function changeGlobalNodesTarget(el: HTMLElement) {
-  if (el !== target) {
-    target = el
+  if (el === target) return
 
-    globalNodes.forEach((el) => {
-      if (el.contains(target) === false) {
-        target.appendChild(el)
-      }
-    })
-  }
+  target = el
+  globalNodes.forEach((el) => {
+    if (el.contains(target) === false) {
+      target.appendChild(el)
+    }
+  })
 }
diff --git a/packages/utils-v2/vue/icon.ts b/packages/utils/vue/icon.ts
similarity index 94%
rename from packages/utils-v2/vue/icon.ts
rename to packages/utils/vue/icon.ts
index e9e9cbc53a..a71775b6a4 100644
--- a/packages/utils-v2/vue/icon.ts
+++ b/packages/utils/vue/icon.ts
@@ -8,7 +8,7 @@ import {
   CircleCheck,
   CircleClose,
 } from '@element-plus/icons-vue'
-import { definePropType } from './prop'
+import { definePropType } from './props'
 import type { Component } from 'vue'
 
 export const iconPropType = definePropType<string | Component>([
diff --git a/packages/utils-v2/vue/index.ts b/packages/utils/vue/index.ts
similarity index 66%
rename from packages/utils-v2/vue/index.ts
rename to packages/utils/vue/index.ts
index cdadd9479a..494b4e65f8 100644
--- a/packages/utils-v2/vue/index.ts
+++ b/packages/utils/vue/index.ts
@@ -1,6 +1,8 @@
+export * from './global-node'
 export * from './icon'
 export * from './install'
-export * from './prop'
+export * from './props'
+export * from './refs'
 export * from './style'
 export * from './typescript'
 export * from './validator'
diff --git a/packages/utils-v2/vue/install.ts b/packages/utils/vue/install.ts
similarity index 100%
rename from packages/utils-v2/vue/install.ts
rename to packages/utils/vue/install.ts
diff --git a/packages/utils-v2/vue/prop.ts b/packages/utils/vue/props.ts
similarity index 100%
rename from packages/utils-v2/vue/prop.ts
rename to packages/utils/vue/props.ts
diff --git a/packages/utils/vue/refs.ts b/packages/utils/vue/refs.ts
new file mode 100644
index 0000000000..9c7c267a48
--- /dev/null
+++ b/packages/utils/vue/refs.ts
@@ -0,0 +1,9 @@
+import type { ComponentPublicInstance, Ref } from 'vue'
+
+export const composeRefs = (...refs: Ref<HTMLElement | null>[]) => {
+  return (el: Element | ComponentPublicInstance | null) => {
+    refs.forEach((ref) => {
+      ref.value = el as HTMLElement | null
+    })
+  }
+}
diff --git a/packages/utils-v2/vue/style.ts b/packages/utils/vue/style.ts
similarity index 91%
rename from packages/utils-v2/vue/style.ts
rename to packages/utils/vue/style.ts
index da23bbfbb7..99e99f720d 100644
--- a/packages/utils-v2/vue/style.ts
+++ b/packages/utils/vue/style.ts
@@ -1,7 +1,7 @@
 import { isString, isNumber } from '../types'
 import { debugWarn } from '../error'
 
-const SCOPE = 'utils-v2/vue/style'
+const SCOPE = 'utils/vue/style'
 
 export function addUnit(value: string | number, defaultUnit = 'px') {
   if (!value) return ''
diff --git a/packages/utils-v2/vue/typescript.ts b/packages/utils/vue/typescript.ts
similarity index 100%
rename from packages/utils-v2/vue/typescript.ts
rename to packages/utils/vue/typescript.ts
diff --git a/packages/utils-v2/vue/validator.ts b/packages/utils/vue/validator.ts
similarity index 100%
rename from packages/utils-v2/vue/validator.ts
rename to packages/utils/vue/validator.ts
diff --git a/packages/utils-v2/vue/vnode.ts b/packages/utils/vue/vnode.ts
similarity index 98%
rename from packages/utils-v2/vue/vnode.ts
rename to packages/utils/vue/vnode.ts
index 174348ca02..d3b9b3d797 100644
--- a/packages/utils-v2/vue/vnode.ts
+++ b/packages/utils/vue/vnode.ts
@@ -12,7 +12,7 @@ import { hasOwn } from '../objects'
 import { debugWarn } from '../error'
 import type { VNode, VNodeChild, VNodeNormalizedChildren } from 'vue'
 
-const SCOPE = 'utils-v2/vue/vnode'
+const SCOPE = 'utils/vue/vnode'
 
 export enum PatchFlags {
   TEXT = 1,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 20ddd6e597..6d7362519b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,6 @@ importers:
       '@element-plus/theme-chalk': workspace:*
       '@element-plus/tokens': workspace:*
       '@element-plus/utils': workspace:*
-      '@element-plus/utils-v2': workspace:*
       '@pnpm/find-workspace-packages': 3.1.40
       '@pnpm/logger': 4.0.0
       '@pnpm/types': 7.9.0
@@ -75,6 +74,7 @@ importers:
       sucrase: 3.20.3
       ts-jest: 26.5.6
       ts-morph: 13.0.3
+      type-fest: ^2.11.2
       typescript: 4.5.5
       vue: 3.2.30
       vue-jest: 5.0.0-alpha.10
@@ -91,7 +91,6 @@ importers:
       '@element-plus/theme-chalk': link:packages/theme-chalk
       '@element-plus/tokens': link:packages/tokens
       '@element-plus/utils': link:packages/utils
-      '@element-plus/utils-v2': link:packages/utils-v2
       '@popperjs/core': 2.11.2
       '@vueuse/core': 7.6.0_vue@3.2.30
       async-validator: 4.0.7
@@ -153,6 +152,7 @@ importers:
       sucrase: 3.20.3
       ts-jest: 26.5.6_jest@26.6.3+typescript@4.5.5
       ts-morph: 13.0.3
+      type-fest: 2.11.2
       typescript: 4.5.5
       vue: 3.2.30
       vue-jest: 5.0.0-alpha.10_e098c2dbe4ae204628e6416de688af6f
@@ -287,9 +287,6 @@ importers:
   packages/utils:
     specifiers: {}
 
-  packages/utils-v2:
-    specifiers: {}
-
   play:
     specifiers:
       '@element-plus/icons-vue': ^0.2.6
@@ -10493,6 +10490,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /type-fest/2.11.2:
+    resolution: {integrity: sha512-reW2Y2Mpn0QNA/5fvtm5doROLwDPu2zOm5RtY7xQQS05Q7xgC8MOZ3yPNaP9m/s/sNjjFQtHo7VCNqYW2iI+Ig==}
+    engines: {node: '>=12.20'}
+    dev: true
+
   /type/1.2.0:
     resolution: {integrity: sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==}
     dev: true