diff --git a/package.json b/package.json
index 9bf2b9b599..554f064217 100644
--- a/package.json
+++ b/package.json
@@ -86,12 +86,12 @@
   "dependencies": {
     "@babel/runtime": "^7.22.6",
     "@popperjs/core": "^2.11.8",
-    "@types/lodash": "4.14.182",
+    "@types/lodash-es": "^4.17.12",
     "@types/sortablejs": "^1.15.1",
     "@types/tinycolor2": "^1.4.3",
     "@types/validator": "^13.7.17",
     "dayjs": "1.11.10",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
     "sortablejs": "^1.15.0",
     "tdesign-icons-vue-next": "^0.3.4",
diff --git a/script/init/index.js b/script/init/index.js
index 22a27e9ab3..6785a49754 100644
--- a/script/init/index.js
+++ b/script/init/index.js
@@ -27,7 +27,7 @@
 
 const fs = require('fs');
 const path = require('path');
-const _ = require('lodash');
+const { template } = require('lodash-es');
 const utils = require('../utils');
 const config = require('./config');
 
@@ -75,20 +75,20 @@ function deleteComponent(toBeCreatedFiles, component) {
 function outputFileWithTemplate(item, component, desc, _d) {
   const tplPath = path.resolve(__dirname, `./tpl/${item.template}`);
   let data = fs.readFileSync(tplPath).toString();
-  const compiled = _.template(data);
+  const compiled = template(data);
   data = compiled({
     component,
     upperComponent: getFirstLetterUpper(component),
   });
-  const _f = path.resolve(_d, item.file);
-  createFile(_f, data, desc);
+  const fFn = path.resolve(_d, item.file);
+  createFile(fFn, data, desc);
 }
 
 function addComponent(toBeCreatedFiles, component) {
   // At first, we need to create directories for components.
   Object.keys(toBeCreatedFiles).forEach((dir) => {
-    const _d = path.resolve(cwdPath, dir);
-    fs.mkdir(_d, { recursive: true }, (err) => {
+    const dFn = path.resolve(cwdPath, dir);
+    fs.mkdir(dFn, { recursive: true }, (err) => {
       if (err) {
         utils.log(err, 'error');
         return;
@@ -102,8 +102,8 @@ function addComponent(toBeCreatedFiles, component) {
             outputFileWithTemplate(item, component, contents.desc, _d);
           }
         } else {
-          const _f = path.resolve(_d, item);
-          createFile(_f, '', contents.desc);
+          const fFn = path.resolve(_d, item);
+          createFile(fFn, '', contents.desc);
         }
       });
     });
diff --git a/src/affix/affix.tsx b/src/affix/affix.tsx
index d1700dfab9..4c3819c2b2 100644
--- a/src/affix/affix.tsx
+++ b/src/affix/affix.tsx
@@ -1,6 +1,6 @@
 import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent, onActivated, onDeactivated } from 'vue';
-import isFunction from 'lodash/isFunction';
-import isUndefined from 'lodash/isUndefined';
+import { isFunction } from 'lodash-es';
+import { isUndefined } from 'lodash-es';
 
 import { on, off, getScrollContainer } from '../utils/dom';
 import props from './props';
diff --git a/src/alert/alert.tsx b/src/alert/alert.tsx
index 6aec3ad6ec..d8f51ee188 100644
--- a/src/alert/alert.tsx
+++ b/src/alert/alert.tsx
@@ -6,8 +6,8 @@ import {
   HelpCircleFilledIcon as TdHelpCircleFilledIcon,
   InfoCircleFilledIcon as TdInfoCircleFilledIcon,
 } from 'tdesign-icons-vue-next';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import { on, off, addClass } from '../utils/dom';
 import props from './props';
diff --git a/src/anchor/_example-ts/base.vue b/src/anchor/_example-ts/base.vue
index d28cff12df..4ae58ad129 100644
--- a/src/anchor/_example-ts/base.vue
+++ b/src/anchor/_example-ts/base.vue
@@ -12,7 +12,7 @@
 </template>
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance() || {};
 const path = computed(() => get(appContext, '$route.path', ''));
 </script>
diff --git a/src/anchor/_example-ts/container.vue b/src/anchor/_example-ts/container.vue
index c5a1b460e8..31a7a6821c 100644
--- a/src/anchor/_example-ts/container.vue
+++ b/src/anchor/_example-ts/container.vue
@@ -18,7 +18,7 @@
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
 import { AnchorProps } from 'tdesign-vue-next';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
 const handleClick: AnchorProps['onClick'] = ({ e, href, title }) => {
diff --git a/src/anchor/_example-ts/cursor.vue b/src/anchor/_example-ts/cursor.vue
index f3c72a882a..80694aeecf 100644
--- a/src/anchor/_example-ts/cursor.vue
+++ b/src/anchor/_example-ts/cursor.vue
@@ -16,7 +16,7 @@
 </template>
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
 </script>
diff --git a/src/anchor/_example-ts/custom-scroll.vue b/src/anchor/_example-ts/custom-scroll.vue
index b74c09cc18..143b5fd739 100644
--- a/src/anchor/_example-ts/custom-scroll.vue
+++ b/src/anchor/_example-ts/custom-scroll.vue
@@ -12,7 +12,7 @@
 </template>
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance() || {};
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example-ts/large.vue b/src/anchor/_example-ts/large.vue
index 46b0597565..a8b9a5a746 100644
--- a/src/anchor/_example-ts/large.vue
+++ b/src/anchor/_example-ts/large.vue
@@ -13,7 +13,7 @@
 </template>
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
 </script>
diff --git a/src/anchor/_example-ts/multiple.vue b/src/anchor/_example-ts/multiple.vue
index c0c8053b0a..f3d772f3f2 100644
--- a/src/anchor/_example-ts/multiple.vue
+++ b/src/anchor/_example-ts/multiple.vue
@@ -14,7 +14,7 @@
 </template>
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
 </script>
diff --git a/src/anchor/_example-ts/small.vue b/src/anchor/_example-ts/small.vue
index 5c8cb9952c..691d4efbf9 100644
--- a/src/anchor/_example-ts/small.vue
+++ b/src/anchor/_example-ts/small.vue
@@ -13,7 +13,7 @@
 </template>
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
 </script>
diff --git a/src/anchor/_example-ts/target.vue b/src/anchor/_example-ts/target.vue
index c5915e68a3..9777d7f999 100644
--- a/src/anchor/_example-ts/target.vue
+++ b/src/anchor/_example-ts/target.vue
@@ -12,7 +12,7 @@
 
 <script lang="tsx" setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
 </script>
diff --git a/src/anchor/_example/base.vue b/src/anchor/_example/base.vue
index 3b0e4ec959..5cb8fa3b4b 100644
--- a/src/anchor/_example/base.vue
+++ b/src/anchor/_example/base.vue
@@ -12,7 +12,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance() || {};
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/container.vue b/src/anchor/_example/container.vue
index 979311ce49..9706c306ba 100644
--- a/src/anchor/_example/container.vue
+++ b/src/anchor/_example/container.vue
@@ -17,7 +17,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/cursor.vue b/src/anchor/_example/cursor.vue
index 72a679771b..40270b798c 100644
--- a/src/anchor/_example/cursor.vue
+++ b/src/anchor/_example/cursor.vue
@@ -16,7 +16,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/custom-scroll.vue b/src/anchor/_example/custom-scroll.vue
index 60a52e541f..721820b569 100644
--- a/src/anchor/_example/custom-scroll.vue
+++ b/src/anchor/_example/custom-scroll.vue
@@ -12,7 +12,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance() || {};
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/large.vue b/src/anchor/_example/large.vue
index fd4fba18c2..a8515fc843 100644
--- a/src/anchor/_example/large.vue
+++ b/src/anchor/_example/large.vue
@@ -13,7 +13,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/multiple.vue b/src/anchor/_example/multiple.vue
index 8f2f40f8a1..ff57fccba1 100644
--- a/src/anchor/_example/multiple.vue
+++ b/src/anchor/_example/multiple.vue
@@ -14,7 +14,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/small.vue b/src/anchor/_example/small.vue
index 1b64269292..03d2d4869b 100644
--- a/src/anchor/_example/small.vue
+++ b/src/anchor/_example/small.vue
@@ -13,7 +13,7 @@
 </template>
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/_example/target.vue b/src/anchor/_example/target.vue
index 8747e22fa8..07926aeb88 100644
--- a/src/anchor/_example/target.vue
+++ b/src/anchor/_example/target.vue
@@ -12,7 +12,7 @@
 
 <script setup>
 import { computed, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 const { appContext } = getCurrentInstance();
 const path = computed(() => get(appContext, '$route.path', ''));
diff --git a/src/anchor/anchor-item.tsx b/src/anchor/anchor-item.tsx
index ce6b3261bc..2f942c9452 100644
--- a/src/anchor/anchor-item.tsx
+++ b/src/anchor/anchor-item.tsx
@@ -3,8 +3,8 @@ import { ANCHOR_SHARP_REGEXP } from './utils';
 import props from './anchor-item-props';
 import { usePrefixClass, useCommonClassName } from '../hooks/useConfig';
 import { AnchorInjectionKey } from './constants';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 const localProps = {
   ...props,
diff --git a/src/auto-complete/highlight-option.tsx b/src/auto-complete/highlight-option.tsx
index 5590577e3d..3cb0bc3544 100644
--- a/src/auto-complete/highlight-option.tsx
+++ b/src/auto-complete/highlight-option.tsx
@@ -1,8 +1,8 @@
 import { computed, defineComponent } from 'vue';
 import type { PropType } from 'vue';
 import { usePrefixClass } from '../hooks/useConfig';
-import isString from 'lodash/isString';
-import escapeRegExp from 'lodash/escapeRegExp';
+import { isString } from 'lodash-es';
+import { escapeRegExp } from 'lodash-es';
 
 export interface HighlightOptionProps {
   content: string;
diff --git a/src/auto-complete/option-list.tsx b/src/auto-complete/option-list.tsx
index 17535d9998..9b81bd113d 100644
--- a/src/auto-complete/option-list.tsx
+++ b/src/auto-complete/option-list.tsx
@@ -1,13 +1,13 @@
 import { ref, computed, defineComponent, PropType, h, watch, onBeforeUnmount } from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import HighlightOption from './highlight-option';
 import { CommonClassNameType } from '../hooks/useCommonClassName';
 import { AutoCompleteOptionObj, TdAutoCompleteProps } from './type';
 import log from '../_common/js/log';
 import { useConfig, usePrefixClass } from '../hooks/useConfig';
 import { on, off } from '../utils/dom';
-import isString from 'lodash/isString';
-import escapeRegExp from 'lodash/escapeRegExp';
+import { isString } from 'lodash-es';
+import { escapeRegExp } from 'lodash-es';
 import { ARROW_UP_REG, ARROW_DOWN_REG, ENTER_REG } from '../_common/js/common';
 
 export default defineComponent({
diff --git a/src/breadcrumb/breadcrumb-item.tsx b/src/breadcrumb/breadcrumb-item.tsx
index a73ce0b440..4426d1f08e 100644
--- a/src/breadcrumb/breadcrumb-item.tsx
+++ b/src/breadcrumb/breadcrumb-item.tsx
@@ -7,7 +7,7 @@ import { isTextEllipsis } from '../utils/dom';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import { useTNodeJSX, useContent } from '../hooks/tnode';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 interface LocalTBreadcrumb {
   separator: (() => void) | string;
diff --git a/src/calendar/calendar.tsx b/src/calendar/calendar.tsx
index 15d615c18d..2ce66a497c 100644
--- a/src/calendar/calendar.tsx
+++ b/src/calendar/calendar.tsx
@@ -1,9 +1,9 @@
 import { defineComponent, computed, watch } from 'vue';
 // 通用库
 import dayjs from 'dayjs';
-import remove from 'lodash/remove';
-import isFunction from 'lodash/isFunction';
-import isArray from 'lodash/isArray';
+import { remove } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import props from './props';
 import * as utils from './utils';
diff --git a/src/calendar/hook/useColHeaders.ts b/src/calendar/hook/useColHeaders.ts
index 099031dad8..7e5290494b 100644
--- a/src/calendar/hook/useColHeaders.ts
+++ b/src/calendar/hook/useColHeaders.ts
@@ -5,7 +5,7 @@ import { TdCalendarProps, WeekDay } from '../type';
 import { useConfig } from '../../hooks/useConfig';
 import { COMPONENT_NAME } from '../const';
 import * as utils from '../utils';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 
 export function useColHeaders(props: TdCalendarProps, state: CalendarState) {
   const { t, globalConfig } = useConfig(COMPONENT_NAME);
diff --git a/src/calendar/hook/useController.ts b/src/calendar/hook/useController.ts
index 0c5fd4e700..3a222ff1d9 100644
--- a/src/calendar/hook/useController.ts
+++ b/src/calendar/hook/useController.ts
@@ -1,5 +1,5 @@
-import isFunction from 'lodash/isFunction';
-import isBoolean from 'lodash/isBoolean';
+import { isFunction } from 'lodash-es';
+import { isBoolean } from 'lodash-es';
 import { computed, nextTick } from 'vue';
 import dayjs from 'dayjs';
 import { COMPONENT_NAME } from '../const';
diff --git a/src/calendar/hook/useState.ts b/src/calendar/hook/useState.ts
index d92432d458..01d3d4ae46 100644
--- a/src/calendar/hook/useState.ts
+++ b/src/calendar/hook/useState.ts
@@ -6,7 +6,7 @@ import { COMPONENT_NAME } from '../const';
 import { createDefaultCurDate } from '../utils';
 import { TdCalendarProps } from '../type';
 import { CalendarState } from '../interface';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 export function useState(props: TdCalendarProps) {
   const { globalConfig } = useConfig(COMPONENT_NAME);
diff --git a/src/card/card.tsx b/src/card/card.tsx
index ffb5dfbaf2..246bd66b11 100644
--- a/src/card/card.tsx
+++ b/src/card/card.tsx
@@ -4,7 +4,7 @@ import { usePrefixClass, useCommonClassName } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import TLoading from '../loading';
 import props from './props';
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import { TdCardProps } from './type';
 
 export default defineComponent({
diff --git a/src/cascader/cascader.tsx b/src/cascader/cascader.tsx
index 13cd73b068..f66d94c5bd 100644
--- a/src/cascader/cascader.tsx
+++ b/src/cascader/cascader.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 import Panel from './components/Panel';
 import SelectInput from '../select-input';
 import FakeArrow from '../common-components/fake-arrow';
diff --git a/src/cascader/core/effect.ts b/src/cascader/core/effect.ts
index fa53aa0537..a3cb429fb9 100644
--- a/src/cascader/core/effect.ts
+++ b/src/cascader/core/effect.ts
@@ -1,7 +1,7 @@
-import isNumber from 'lodash/isNumber';
-import isFunction from 'lodash/isFunction';
-import isArray from 'lodash/isArray';
-import cloneDeep from 'lodash/cloneDeep';
+import { isNumber } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isArray } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 
 import type { TreeNode, CascaderContextType, TdCascaderProps, TreeNodeValue, TreeNodeModel } from '../interface';
 import { getFullPathLabel, getTreeValue, isEmptyValues } from './helper';
diff --git a/src/cascader/core/helper.ts b/src/cascader/core/helper.ts
index cc5a53cec9..f718c21c3c 100644
--- a/src/cascader/core/helper.ts
+++ b/src/cascader/core/helper.ts
@@ -1,7 +1,7 @@
-import isNumber from 'lodash/isNumber';
-import isObject from 'lodash/isObject';
-import isArray from 'lodash/isArray';
-import isEmpty from 'lodash/isEmpty';
+import { isNumber } from 'lodash-es';
+import { isObject } from 'lodash-es';
+import { isArray } from 'lodash-es';
+import { isEmpty } from 'lodash-es';
 import {
   TreeNode,
   CascaderContextType,
diff --git a/src/cascader/hooks.ts b/src/cascader/hooks.ts
index 295790c4b4..b3187d5eb7 100644
--- a/src/cascader/hooks.ts
+++ b/src/cascader/hooks.ts
@@ -1,7 +1,7 @@
 import { Ref, reactive, computed, toRefs, watch, nextTick } from 'vue';
-import isEqual from 'lodash/isEqual';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
+import { isEqual } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 import TreeStore from '../_common/js/tree/tree-store';
 import { useDisabled } from '../hooks/useDisabled';
diff --git a/src/checkbox/checkbox.tsx b/src/checkbox/checkbox.tsx
index 58686b68a5..ef7a321d97 100644
--- a/src/checkbox/checkbox.tsx
+++ b/src/checkbox/checkbox.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, ref, toRefs, inject, watch, computed } from 'vue';
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import props from './props';
 import useVModel from '../hooks/useVModel';
 import useRipple from '../hooks/useRipple';
diff --git a/src/checkbox/group.tsx b/src/checkbox/group.tsx
index 2521cb724b..6badd2bf1f 100644
--- a/src/checkbox/group.tsx
+++ b/src/checkbox/group.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, provide, computed, watchEffect, ref, toRefs } from 'vue';
-import intersection from 'lodash/intersection';
-import isObject from 'lodash/isObject';
-import isUndefined from 'lodash/isUndefined';
+import { intersection } from 'lodash-es';
+import { isObject } from 'lodash-es';
+import { isUndefined } from 'lodash-es';
 import Checkbox from './checkbox';
 import props from './checkbox-group-props';
 import { CheckboxOptionObj, TdCheckboxProps, CheckboxGroupValue } from './type';
diff --git a/src/color-picker/color-picker-panel.tsx b/src/color-picker/color-picker-panel.tsx
index 60b8302d83..495452f8ca 100644
--- a/src/color-picker/color-picker-panel.tsx
+++ b/src/color-picker/color-picker-panel.tsx
@@ -2,7 +2,7 @@ import { computed, defineComponent } from 'vue';
 import props from './props';
 import ColorPanel from './panel';
 import { usePrefixClass } from '../hooks/useConfig';
-import pickBy from 'lodash/pickBy';
+import { pickBy } from 'lodash-es';
 
 export default defineComponent({
   name: 'TColorPickerPanel',
diff --git a/src/color-picker/panel/format/index.tsx b/src/color-picker/panel/format/index.tsx
index e33f97ab4a..c41aad7ea8 100644
--- a/src/color-picker/panel/format/index.tsx
+++ b/src/color-picker/panel/format/index.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, PropType, ref, watch } from 'vue';
-import upperCase from 'lodash/upperCase';
+import { upperCase } from 'lodash-es';
 import { TdColorPickerProps } from '../../type';
 import props from '../../props';
 import { FORMATS } from '../../../_common/js/color-picker/constants';
diff --git a/src/color-picker/panel/format/inputs.tsx b/src/color-picker/panel/format/inputs.tsx
index 12d9375041..7e3c075c58 100644
--- a/src/color-picker/panel/format/inputs.tsx
+++ b/src/color-picker/panel/format/inputs.tsx
@@ -1,5 +1,5 @@
 import { computed, defineComponent, PropType, reactive, watch } from 'vue';
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 import props from '../../props';
 import { Color } from '../../utils';
 import TInput from '../../../input';
diff --git a/src/color-picker/panel/index.tsx b/src/color-picker/panel/index.tsx
index 03476a6627..a00a0c1e13 100644
--- a/src/color-picker/panel/index.tsx
+++ b/src/color-picker/panel/index.tsx
@@ -20,7 +20,7 @@ import { TdColorModes } from '../interfaces';
 import { useBaseClassName } from '../hooks';
 import useVModel from '../../hooks/useVModel';
 import useDefaultValue from '../../hooks/useDefaultValue';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 
 export default defineComponent({
   name: 'ColorPanel',
diff --git a/src/color-picker/panel/linear-gradient.tsx b/src/color-picker/panel/linear-gradient.tsx
index 8a851db228..81738bf848 100644
--- a/src/color-picker/panel/linear-gradient.tsx
+++ b/src/color-picker/panel/linear-gradient.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants';
 import { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';
 import { InputNumber as TInputNumber } from '../../input-number';
diff --git a/src/comment/comment.tsx b/src/comment/comment.tsx
index b8727cc865..a136252044 100644
--- a/src/comment/comment.tsx
+++ b/src/comment/comment.tsx
@@ -4,8 +4,8 @@ import props from './props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import Button from '../button';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 export default defineComponent({
   name: 'TComment',
diff --git a/src/config-provider/_example-ts/calendar.vue b/src/config-provider/_example-ts/calendar.vue
index 668c00f384..312220be76 100644
--- a/src/config-provider/_example-ts/calendar.vue
+++ b/src/config-provider/_example-ts/calendar.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 import { GlobalConfigProvider } from 'tdesign-vue-next';
 const MONTHS = [
diff --git a/src/config-provider/_example-ts/global.vue b/src/config-provider/_example-ts/global.vue
index 01fc390561..5fd95738fa 100644
--- a/src/config-provider/_example-ts/global.vue
+++ b/src/config-provider/_example-ts/global.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts" setup>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 
 // 全局特性配置，引入英文语言配置包 enConfig
diff --git a/src/config-provider/_example-ts/others.vue b/src/config-provider/_example-ts/others.vue
index 4e6436bca3..e752e30616 100644
--- a/src/config-provider/_example-ts/others.vue
+++ b/src/config-provider/_example-ts/others.vue
@@ -91,7 +91,7 @@
 </template>
 
 <script lang="tsx" setup>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 import {
   TransferProps,
diff --git a/src/config-provider/_example-ts/table.vue b/src/config-provider/_example-ts/table.vue
index ca3480ea33..cb3b083527 100644
--- a/src/config-provider/_example-ts/table.vue
+++ b/src/config-provider/_example-ts/table.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="tsx" setup>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 import { TableProps, GlobalConfigProvider } from 'tdesign-vue-next';
 import { ChevronRightIcon, CaretDownSmallIcon /** , ChevronDownIcon */ } from 'tdesign-icons-vue-next';
diff --git a/src/config-provider/_example/calendar.vue b/src/config-provider/_example/calendar.vue
index 7c8b23c64e..e056889494 100644
--- a/src/config-provider/_example/calendar.vue
+++ b/src/config-provider/_example/calendar.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 
 const MONTHS = [
diff --git a/src/config-provider/_example/global.vue b/src/config-provider/_example/global.vue
index b11c88d862..edd571914b 100644
--- a/src/config-provider/_example/global.vue
+++ b/src/config-provider/_example/global.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 
 // 全局特性配置，引入英文语言配置包 enConfig
diff --git a/src/config-provider/_example/others.vue b/src/config-provider/_example/others.vue
index 0b90ac5e47..d0d7cccc62 100644
--- a/src/config-provider/_example/others.vue
+++ b/src/config-provider/_example/others.vue
@@ -92,7 +92,7 @@
 
 <script setup lang="jsx">
 import { ErrorIcon, ChevronRightIcon, CloseIcon, CloseCircleIcon } from 'tdesign-icons-vue-next';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 
 const transferList = [];
diff --git a/src/config-provider/_example/table.vue b/src/config-provider/_example/table.vue
index 65bfb74564..47fd62122b 100644
--- a/src/config-provider/_example/table.vue
+++ b/src/config-provider/_example/table.vue
@@ -18,7 +18,7 @@
 
 <script setup lang="jsx">
 import { ChevronRightIcon, CaretDownSmallIcon /** , ChevronDownIcon */ } from 'tdesign-icons-vue-next';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue-next/es/locale/en_US';
 
 const columns = [
diff --git a/src/config-provider/context.ts b/src/config-provider/context.ts
index 6b44285b12..f4d1a37355 100644
--- a/src/config-provider/context.ts
+++ b/src/config-provider/context.ts
@@ -1,10 +1,10 @@
 import { InjectionKey, ComputedRef } from 'vue';
-import _mergeWith from 'lodash/mergeWith';
-import merge from 'lodash/merge';
+import { mergeWith as _mergeWith } from 'lodash-es';
+import { merge } from 'lodash-es';
 import defaultConfig from '../_common/js/global-config/default-config';
 import defaultZhLocale from '../_common/js/global-config/locale/zh_CN';
 import { GlobalConfigProvider } from './type';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 export enum EAnimationType {
   ripple = 'ripple',
diff --git a/src/config-provider/useConfig.tsx b/src/config-provider/useConfig.tsx
index a21a3d178f..22b108a60d 100644
--- a/src/config-provider/useConfig.tsx
+++ b/src/config-provider/useConfig.tsx
@@ -1,7 +1,7 @@
 import { computed, h, inject, getCurrentInstance, ref, provide } from 'vue';
-import isFunction from 'lodash/isFunction';
-import cloneDeep from 'lodash/cloneDeep';
-import isString from 'lodash/isString';
+import { isFunction } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 import { defaultGlobalConfig, configProviderInjectKey, mergeWith } from './context';
 import { GlobalConfigProvider } from './type';
diff --git a/src/date-picker/DatePicker.tsx b/src/date-picker/DatePicker.tsx
index a7f9092233..2c918a0d65 100644
--- a/src/date-picker/DatePicker.tsx
+++ b/src/date-picker/DatePicker.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, computed, watch } from 'vue';
 import dayjs from 'dayjs';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { CalendarIcon as TdCalendarIcon } from 'tdesign-icons-vue-next';
 
 import { useTNodeJSX } from '../hooks/tnode';
@@ -17,7 +17,7 @@ import { useReadonly } from '../hooks/useReadonly';
 
 import type { TdDatePickerProps, DateMultipleValue, DateValue } from './type';
 import type { TagInputRemoveContext } from '../tag-input';
-import isDate from 'lodash/isDate';
+import { isDate } from 'lodash-es';
 
 export default defineComponent({
   name: 'TDatePicker',
diff --git a/src/date-picker/DatePickerPanel.tsx b/src/date-picker/DatePickerPanel.tsx
index 60a12536e9..73a9a0eb32 100644
--- a/src/date-picker/DatePickerPanel.tsx
+++ b/src/date-picker/DatePickerPanel.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import dayjs from 'dayjs';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import useSingleValue from './hooks/useSingleValue';
 import { formatDate, getDefaultFormat, parseToDayjs } from '../_common/js/date-picker/format';
 import { subtractMonth, addMonth, extractTimeObj } from '../_common/js/date-picker/utils';
diff --git a/src/date-picker/DateRangePicker.tsx b/src/date-picker/DateRangePicker.tsx
index 7354e1f739..5cf122a41a 100644
--- a/src/date-picker/DateRangePicker.tsx
+++ b/src/date-picker/DateRangePicker.tsx
@@ -2,8 +2,8 @@ import { defineComponent, computed, ref, watch } from 'vue';
 import dayjs from 'dayjs';
 import { useDisabled } from '../hooks/useDisabled';
 import { usePrefixClass } from '../hooks/useConfig';
-import isFunction from 'lodash/isFunction';
-import isArray from 'lodash/isArray';
+import { isFunction } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import props from './date-range-picker-props';
 import { DateValue, DateRangePickerPartial } from './type';
diff --git a/src/date-picker/DateRangePickerPanel.tsx b/src/date-picker/DateRangePickerPanel.tsx
index f96067d6a9..8ab43ff459 100644
--- a/src/date-picker/DateRangePickerPanel.tsx
+++ b/src/date-picker/DateRangePickerPanel.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted } from 'vue';
 import dayjs from 'dayjs';
-import isFunction from 'lodash/isFunction';
-import isArray from 'lodash/isArray';
+import { isFunction } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import dateRangePickerPanelProps from './date-range-picker-panel-props';
 import dateRangePickerProps from './date-range-picker-props';
diff --git a/src/date-picker/base/Table.tsx b/src/date-picker/base/Table.tsx
index fb6e8ffb10..db7c6f6ab4 100644
--- a/src/date-picker/base/Table.tsx
+++ b/src/date-picker/base/Table.tsx
@@ -4,7 +4,7 @@ import isoWeek from 'dayjs/plugin/isoWeek';
 import TDatePickerCell from './Cell';
 import { useConfig, usePrefixClass } from '../../hooks/useConfig';
 import { parseToDayjs } from '../../_common/js/date-picker/format';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 import type { TdDatePickerProps, DateMultipleValue } from '../type';
 
diff --git a/src/date-picker/hooks/useDisableDate.ts b/src/date-picker/hooks/useDisableDate.ts
index 8c89ad392b..47f402101c 100644
--- a/src/date-picker/hooks/useDisableDate.ts
+++ b/src/date-picker/hooks/useDisableDate.ts
@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
-import isArray from 'lodash/isArray';
-import isFunction from 'lodash/isFunction';
-import isObject from 'lodash/isObject';
+import { isArray } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isObject } from 'lodash-es';
 
 import type { TdDatePickerProps, TdDateRangePickerProps } from '../type';
 
diff --git a/src/date-picker/hooks/useRange.tsx b/src/date-picker/hooks/useRange.tsx
index 1cbdc07221..cc659c417e 100644
--- a/src/date-picker/hooks/useRange.tsx
+++ b/src/date-picker/hooks/useRange.tsx
@@ -1,6 +1,6 @@
 import { ref, computed, watch } from 'vue';
 import { CalendarIcon as TdCalendarIcon } from 'tdesign-icons-vue-next';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 
 import { useTNodeJSX } from '../../hooks/tnode';
 import { useGlobalIcon } from '../../hooks/useGlobalIcon';
diff --git a/src/date-picker/hooks/useRangeValue.ts b/src/date-picker/hooks/useRangeValue.ts
index 5dc53597d0..b7edd49ece 100644
--- a/src/date-picker/hooks/useRangeValue.ts
+++ b/src/date-picker/hooks/useRangeValue.ts
@@ -1,6 +1,6 @@
 import { ref, toRefs, watchEffect, computed } from 'vue';
 import useVModel from '../../hooks/useVModel';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 import { TdDateRangePickerProps } from '../type';
 import {
diff --git a/src/date-picker/hooks/useSingle.tsx b/src/date-picker/hooks/useSingle.tsx
index 9c9bc2d578..669ed88256 100644
--- a/src/date-picker/hooks/useSingle.tsx
+++ b/src/date-picker/hooks/useSingle.tsx
@@ -1,6 +1,6 @@
 import { ref, computed, watch } from 'vue';
 import dayjs from 'dayjs';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 
 import { useDisabled } from '../../hooks/useDisabled';
 import { usePrefixClass } from '../../hooks/useConfig';
diff --git a/src/descriptions/descriptions.tsx b/src/descriptions/descriptions.tsx
index c0a1437701..8e93efed3e 100644
--- a/src/descriptions/descriptions.tsx
+++ b/src/descriptions/descriptions.tsx
@@ -1,5 +1,5 @@
-import isNil from 'lodash/isNil';
-import isArray from 'lodash/isArray';
+import { isNil } from 'lodash-es';
+import { isArray } from 'lodash-es';
 import { defineComponent, provide, ref } from 'vue';
 
 import { useTNodeJSX } from '../hooks/tnode';
diff --git a/src/descriptions/utils/index.ts b/src/descriptions/utils/index.ts
index 5c618b698a..067a4a1b62 100644
--- a/src/descriptions/utils/index.ts
+++ b/src/descriptions/utils/index.ts
@@ -1,6 +1,6 @@
 import { VNode, Slots, h, ComponentOptions } from 'vue';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 import { ItemsType, TdDescriptionItem } from '../interface';
 import { TdDescriptionItemProps } from '../type';
diff --git a/src/dialog/hooks.tsx b/src/dialog/hooks.tsx
index fabca2258f..012f72f5a9 100644
--- a/src/dialog/hooks.tsx
+++ b/src/dialog/hooks.tsx
@@ -1,7 +1,7 @@
 import { getCurrentInstance } from 'vue';
-import isString from 'lodash/isString';
-import isObject from 'lodash/isObject';
-import omit from 'lodash/omit';
+import { isString } from 'lodash-es';
+import { isObject } from 'lodash-es';
+import { omit } from 'lodash-es';
 import { useTNodeJSX } from '../hooks/tnode';
 import TButton, { ButtonProps } from '../button';
 import { PopconfirmConfig, DialogConfig, DrawerConfig } from '../config-provider';
diff --git a/src/dialog/plugin.tsx b/src/dialog/plugin.tsx
index 4ad86a6a2d..e8b8090198 100644
--- a/src/dialog/plugin.tsx
+++ b/src/dialog/plugin.tsx
@@ -2,7 +2,7 @@ import { App, createApp, ref, Plugin, defineComponent, h, onMounted, nextTick }
 import DialogComponent from './dialog';
 import { getAttach } from '../utils/dom';
 import { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from './type';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 
 const createDialog: DialogMethod = (props: DialogOptions) => {
   const options = { ...props };
diff --git a/src/dropdown/dropdown-menu.tsx b/src/dropdown/dropdown-menu.tsx
index 5ae0375dc5..898685e958 100644
--- a/src/dropdown/dropdown-menu.tsx
+++ b/src/dropdown/dropdown-menu.tsx
@@ -8,7 +8,7 @@ import TDivider from '../divider';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import { TNode } from '../common';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 export default defineComponent({
   name: 'TDropdownMenu',
diff --git a/src/dropdown/dropdown.tsx b/src/dropdown/dropdown.tsx
index fb208303d1..48cb7f0ca8 100644
--- a/src/dropdown/dropdown.tsx
+++ b/src/dropdown/dropdown.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue';
-import omit from 'lodash/omit';
-import isArray from 'lodash/isArray';
+import { omit } from 'lodash-es';
+import { isArray } from 'lodash-es';
 import Popup, { PopupVisibleChangeContext } from '../popup/index';
 import DropdownMenu from './dropdown-menu';
 import { DropdownOption, TdDropdownProps } from './type';
@@ -8,7 +8,7 @@ import props from './props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import useDropdownOptions from './hooks/useDropdownOptions';
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 
 export default defineComponent({
   name: 'TDropdown',
diff --git a/src/dropdown/hooks/useDropdownOptions.ts b/src/dropdown/hooks/useDropdownOptions.ts
index abceddcaa6..8ad3823c44 100644
--- a/src/dropdown/hooks/useDropdownOptions.ts
+++ b/src/dropdown/hooks/useDropdownOptions.ts
@@ -1,7 +1,7 @@
 import { computed, ComputedRef, VNode, getCurrentInstance, Slots, Component } from 'vue';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
-import camelCase from 'lodash/camelCase';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
+import { camelCase } from 'lodash-es';
 
 import { useChildComponentSlots } from '../../hooks/slot';
 import type { DropdownOption, TdDropdownProps } from '../type';
diff --git a/src/empty/empty.tsx b/src/empty/empty.tsx
index f660f9d325..f8536b7c3a 100644
--- a/src/empty/empty.tsx
+++ b/src/empty/empty.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, h, toRefs } from 'vue';
-import isString from 'lodash/isString';
-import isPlainObject from 'lodash/isPlainObject';
+import { isString } from 'lodash-es';
+import { isPlainObject } from 'lodash-es';
 import { useCommonClassName, useConfig, usePrefixClass } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import props from './props';
diff --git a/src/form/__tests__/form.test.jsx b/src/form/__tests__/form.test.jsx
index 901daa8c78..4e0a3f8ca0 100644
--- a/src/form/__tests__/form.test.jsx
+++ b/src/form/__tests__/form.test.jsx
@@ -2,8 +2,8 @@ import { nextTick, ref } from 'vue';
 import { mount } from '@vue/test-utils';
 import { expect, vi } from 'vitest';
 import { CheckCircleFilledIcon, CloseCircleFilledIcon, InfoCircleIcon } from 'tdesign-icons-vue-next';
-import isObject from 'lodash/isObject';
-import omit from 'lodash/omit';
+import { isObject } from 'lodash-es';
+import { omit } from 'lodash-es';
 import { FormItem, Form } from '../index.ts';
 import { Input, InputNumber } from '@/src/index.ts';
 import { useFormDisabled } from '../hooks';
diff --git a/src/form/form-item.tsx b/src/form/form-item.tsx
index c271b9b6cb..4ecbab0411 100644
--- a/src/form/form-item.tsx
+++ b/src/form/form-item.tsx
@@ -18,14 +18,14 @@ import {
   ErrorCircleFilledIcon as TdErrorCircleFilledIcon,
   GlobalIconType,
 } from 'tdesign-icons-vue-next';
-import isArray from 'lodash/isArray';
-import isNumber from 'lodash/isNumber';
-import isString from 'lodash/isString';
-import isBoolean from 'lodash/isBoolean';
-import cloneDeep from 'lodash/cloneDeep';
-import lodashGet from 'lodash/get';
-import lodashSet from 'lodash/set';
-import isNil from 'lodash/isNil';
+import { isArray } from 'lodash-es';
+import { isNumber } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { isBoolean } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
+import { get as lodashGet } from 'lodash-es';
+import { set as lodashSet } from 'lodash-es';
+import { isNil } from 'lodash-es';
 
 import { validate } from './form-model';
 import {
diff --git a/src/form/form-model.ts b/src/form/form-model.ts
index 8634aeda82..6922cf4013 100644
--- a/src/form/form-model.ts
+++ b/src/form/form-model.ts
@@ -1,12 +1,12 @@
-import isBoolean from 'lodash/isBoolean';
-import isObject from 'lodash/isObject';
+import { isBoolean } from 'lodash-es';
+import { isObject } from 'lodash-es';
 // https://github.com/validatorjs/validator.js
 
 import isDate from 'validator/lib/isDate';
 import isEmail from 'validator/lib/isEmail';
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'lodash-es';
 import isURL from 'validator/lib/isURL';
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 import { getCharacterLength } from '../_common/js/utils/helper';
 import {
   CustomValidator,
diff --git a/src/form/form.tsx b/src/form/form.tsx
index e6fc8c619d..b2383b9124 100644
--- a/src/form/form.tsx
+++ b/src/form/form.tsx
@@ -1,8 +1,8 @@
 import { computed, defineComponent, provide, reactive, ref, toRefs } from 'vue';
-import isEmpty from 'lodash/isEmpty';
-import isBoolean from 'lodash/isBoolean';
-import isArray from 'lodash/isArray';
-import isFunction from 'lodash/isFunction';
+import { isEmpty } from 'lodash-es';
+import { isBoolean } from 'lodash-es';
+import { isArray } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import { requestSubmit } from '../utils/dom';
 import { FormItemValidateResult, getFormItemClassName } from './form-item';
 import {
diff --git a/src/grid/common.ts b/src/grid/common.ts
index 2411b8a48a..8c3bacefcf 100644
--- a/src/grid/common.ts
+++ b/src/grid/common.ts
@@ -1,8 +1,8 @@
 import { ref } from 'vue';
-import isUndefined from 'lodash/isUndefined';
-import isNumber from 'lodash/isNumber';
-import isObject from 'lodash/isObject';
-import isArray from 'lodash/isArray';
+import { isUndefined } from 'lodash-es';
+import { isNumber } from 'lodash-es';
+import { isObject } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import { TdColProps, TdRowProps } from './type';
 import { calcSize } from '../utils/responsive';
diff --git a/src/guide/guide.tsx b/src/guide/guide.tsx
index 1188b9fd4b..b80f04d8ac 100644
--- a/src/guide/guide.tsx
+++ b/src/guide/guide.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed, nextTick, onMounted, ref, toRefs, watch, h, Teleport } from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import props from './props';
 import { GuideCrossProps } from './interface';
 import { TdGuideProps, GuideStep } from './type';
diff --git a/src/guide/utils/getTargetElm.ts b/src/guide/utils/getTargetElm.ts
index d72b2d5cbd..bc2c1045fa 100644
--- a/src/guide/utils/getTargetElm.ts
+++ b/src/guide/utils/getTargetElm.ts
@@ -1,5 +1,5 @@
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
 import { AttachNode } from '../../common';
 
 export default function getTargetElm(elm: AttachNode): HTMLElement {
diff --git a/src/hooks/icon.tsx b/src/hooks/icon.tsx
index c2527e4adf..df14988af5 100644
--- a/src/hooks/icon.tsx
+++ b/src/hooks/icon.tsx
@@ -1,4 +1,4 @@
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { getCurrentInstance, h } from 'vue';
 
 /**
diff --git a/src/hooks/slot.ts b/src/hooks/slot.ts
index da703d3687..79f8aab452 100644
--- a/src/hooks/slot.ts
+++ b/src/hooks/slot.ts
@@ -10,7 +10,7 @@ import {
   RendererElement,
   VNodeChild,
 } from 'vue';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 import { getChildren } from '../utils/render-tnode';
 
 /**
diff --git a/src/hooks/tnode.ts b/src/hooks/tnode.ts
index 83405db1fa..25d9fa7919 100644
--- a/src/hooks/tnode.ts
+++ b/src/hooks/tnode.ts
@@ -1,7 +1,7 @@
 import { h, getCurrentInstance, ComponentInternalInstance, VNode } from 'vue';
-import isFunction from 'lodash/isFunction';
-import camelCase from 'lodash/camelCase';
-import kebabCase from 'lodash/kebabCase';
+import { isFunction } from 'lodash-es';
+import { camelCase } from 'lodash-es';
+import { kebabCase } from 'lodash-es';
 import { getDefaultNode, getParams, OptionsType, JSXRenderContext, getSlotFirst } from '../utils/render-tnode';
 
 // 兼容处理插槽名称，同时支持驼峰命名和中划线命名，示例：value-display 和 valueDisplay
diff --git a/src/hooks/useDefaultValue.ts b/src/hooks/useDefaultValue.ts
index d8cefe69df..f6b925a75c 100644
--- a/src/hooks/useDefaultValue.ts
+++ b/src/hooks/useDefaultValue.ts
@@ -1,5 +1,5 @@
 import { ref, Ref, getCurrentInstance } from 'vue';
-import kebabCase from 'lodash/kebabCase';
+import { kebabCase } from 'lodash-es';
 import { ChangeHandler } from './useVModel';
 
 export default function useDefaultValue<T, P extends any[]>(
diff --git a/src/hooks/useDisabled.ts b/src/hooks/useDisabled.ts
index 3f6125278c..0e26047bb3 100644
--- a/src/hooks/useDisabled.ts
+++ b/src/hooks/useDisabled.ts
@@ -1,5 +1,5 @@
 import { Ref, inject, computed, getCurrentInstance } from 'vue';
-import isBoolean from 'lodash/isBoolean';
+import { isBoolean } from 'lodash-es';
 import { TdFormProps } from '../form/type';
 
 export interface FormDisabledProvider {
diff --git a/src/hooks/useReadonly.ts b/src/hooks/useReadonly.ts
index d418eac680..77a297940e 100644
--- a/src/hooks/useReadonly.ts
+++ b/src/hooks/useReadonly.ts
@@ -1,5 +1,5 @@
 import { Ref, inject, computed, getCurrentInstance } from 'vue';
-import isBoolean from 'lodash/isBoolean';
+import { isBoolean } from 'lodash-es';
 import { TdFormProps } from '../form/type';
 
 export interface FormReadonlyProvider {
diff --git a/src/hooks/useTeleport.ts b/src/hooks/useTeleport.ts
index 8ade815623..f7297e166b 100644
--- a/src/hooks/useTeleport.ts
+++ b/src/hooks/useTeleport.ts
@@ -1,7 +1,7 @@
 import { getSSRAttach, getAttach } from '../utils/dom';
 import { computed, Ref, onMounted, ref, watch } from 'vue';
 import { AttachNode } from '../common';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 /**
  * @description 返回挂载的节点, 用于teleport
diff --git a/src/hooks/useVModel.ts b/src/hooks/useVModel.ts
index ec9e688211..1f0b617f54 100644
--- a/src/hooks/useVModel.ts
+++ b/src/hooks/useVModel.ts
@@ -1,5 +1,5 @@
 import { ref, Ref, getCurrentInstance } from 'vue';
-import kebabCase from 'lodash/kebabCase';
+import { kebabCase } from 'lodash-es';
 
 export type ChangeHandler<T, P extends any[]> = (value: T, ...args: P) => void;
 
diff --git a/src/hooks/useVirtualScrollNew.ts b/src/hooks/useVirtualScrollNew.ts
index ead790ee77..0990fb5db3 100644
--- a/src/hooks/useVirtualScrollNew.ts
+++ b/src/hooks/useVirtualScrollNew.ts
@@ -8,10 +8,10 @@
 import { ref, computed, watch, Ref } from 'vue';
 import { TScroll } from '../common';
 import useResizeObserver from './useResizeObserver';
-import max from 'lodash/max';
-import min from 'lodash/min';
-import sum from 'lodash/sum';
-import throttle from 'lodash/throttle';
+import { max } from 'lodash-es';
+import { min } from 'lodash-es';
+import { sum } from 'lodash-es';
+import { throttle } from 'lodash-es';
 
 export type UseVirtualScrollParams = Ref<{
   /** 列数据 */
diff --git a/src/image-viewer/hooks.ts b/src/image-viewer/hooks.ts
index 280a92b5ba..7eef2e4542 100644
--- a/src/image-viewer/hooks.ts
+++ b/src/image-viewer/hooks.ts
@@ -1,7 +1,7 @@
 import { positiveSubtract, positiveAdd } from '../_common/js/input-number/number';
 import { ref, watch } from 'vue';
 import { ImageScale } from './type';
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 
 interface InitTransform {
   translateX: number;
diff --git a/src/image-viewer/utils.ts b/src/image-viewer/utils.ts
index bf2d013b6a..523c0b0e70 100644
--- a/src/image-viewer/utils.ts
+++ b/src/image-viewer/utils.ts
@@ -1,5 +1,5 @@
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import { TdImageViewerProps, ImageInfo } from './type';
 
diff --git a/src/image/image.tsx b/src/image/image.tsx
index 524375fe44..13742b81c7 100644
--- a/src/image/image.tsx
+++ b/src/image/image.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, computed, onUnmounted, watch, toRefs } from 'vue';
-import omit from 'lodash/omit';
-import isString from 'lodash/isString';
-import isFunction from 'lodash/isFunction';
+import { omit } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import { ImageErrorIcon, ImageIcon } from 'tdesign-icons-vue-next';
 import observe from '../_common/js/utils/observe';
 import { useConfig } from '../config-provider/useConfig';
diff --git a/src/input-adornment/input-adornment.tsx b/src/input-adornment/input-adornment.tsx
index da8eba6022..4967dc1aa0 100644
--- a/src/input-adornment/input-adornment.tsx
+++ b/src/input-adornment/input-adornment.tsx
@@ -1,10 +1,10 @@
 import { defineComponent, h, VNodeChild } from 'vue';
-import isString from 'lodash/isString';
-import isNumber from 'lodash/isNumber';
+import { isString } from 'lodash-es';
+import { isNumber } from 'lodash-es';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import props from './props';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 export default defineComponent({
   name: 'TInputAdornment',
diff --git a/src/input/input.tsx b/src/input/input.tsx
index 0ce7b63504..70cf68f3ae 100644
--- a/src/input/input.tsx
+++ b/src/input/input.tsx
@@ -13,7 +13,7 @@ import { useTNodeJSX } from '../hooks/tnode';
 import useInput from './useInput';
 import useInputEventHandler from './useInputEventHandler';
 import useInputWidth from './useInputWidth';
-import isUndefined from 'lodash/isUndefined';
+import { isUndefined } from 'lodash-es';
 import { PlainObject } from '../common';
 
 function getValidAttrs(obj: PlainObject): PlainObject {
diff --git a/src/input/useLengthLimit.tsx b/src/input/useLengthLimit.tsx
index f124467737..8b92c727d4 100644
--- a/src/input/useLengthLimit.tsx
+++ b/src/input/useLengthLimit.tsx
@@ -2,8 +2,8 @@ import { computed, ComputedRef, onMounted, watch } from 'vue';
 import { TdInputProps } from './type';
 import log from '../_common/js/log';
 import { getCharacterLength, getUnicodeLength, limitUnicodeMaxLength } from '../_common/js/utils/helper';
-import isNumber from 'lodash/isNumber';
-import isObject from 'lodash/isObject';
+import { isNumber } from 'lodash-es';
+import { isObject } from 'lodash-es';
 
 export interface UseLengthLimitParams {
   value: string;
diff --git a/src/list/hooks/useListItems.ts b/src/list/hooks/useListItems.ts
index 3df9e1aef1..28f936f291 100644
--- a/src/list/hooks/useListItems.ts
+++ b/src/list/hooks/useListItems.ts
@@ -1,5 +1,5 @@
 import { computed } from 'vue';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 import { useChildComponentSlots } from '../../hooks/slot';
 
diff --git a/src/list/list-item-meta.tsx b/src/list/list-item-meta.tsx
index dad5f98b95..9599fa74b6 100644
--- a/src/list/list-item-meta.tsx
+++ b/src/list/list-item-meta.tsx
@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 import props from './list-item-meta-props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useContent, useTNodeJSX } from '../hooks/tnode';
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 
 export default defineComponent({
   name: 'TListItemMeta',
diff --git a/src/list/list.tsx b/src/list/list.tsx
index 6e2f3e5071..0699531e54 100644
--- a/src/list/list.tsx
+++ b/src/list/list.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, VNodeChild, computed, ref } from 'vue';
-import isString from 'lodash/isString';
-import omit from 'lodash/omit';
+import { isString } from 'lodash-es';
+import { omit } from 'lodash-es';
 import { useTNodeJSX } from '../hooks/tnode';
 import TLoading from '../loading';
 import TListItem from './list-item';
diff --git a/src/loading/directive.ts b/src/loading/directive.ts
index ba55d51dda..ee540c7906 100644
--- a/src/loading/directive.ts
+++ b/src/loading/directive.ts
@@ -1,7 +1,7 @@
 import type { Directive, DirectiveBinding } from 'vue';
-import isObject from 'lodash/isObject';
-import mapKeys from 'lodash/mapKeys';
-import isEqual from 'lodash/isEqual';
+import { isObject } from 'lodash-es';
+import { mapKeys } from 'lodash-es';
+import { isEqual } from 'lodash-es';
 import { TdLoadingProps } from './type';
 import produceLoading from './plugin';
 
diff --git a/src/loading/plugin.tsx b/src/loading/plugin.tsx
index 8d110f4219..00f78e839f 100644
--- a/src/loading/plugin.tsx
+++ b/src/loading/plugin.tsx
@@ -1,5 +1,5 @@
 import { App, Plugin, createApp, defineComponent, h, reactive } from 'vue';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import LoadingComponent from './loading';
 import { getAttach, removeClass, addClass } from '../utils/dom';
 import { TdLoadingProps, LoadingInstance, LoadingMethod } from './type';
diff --git a/src/menu/head-menu.tsx b/src/menu/head-menu.tsx
index 933a41d2d4..b8e50e025c 100644
--- a/src/menu/head-menu.tsx
+++ b/src/menu/head-menu.tsx
@@ -14,8 +14,8 @@ import {
   getCurrentInstance,
 } from 'vue';
 import { EllipsisIcon } from 'tdesign-icons-vue-next';
-import isFunction from 'lodash/isFunction';
-import isArray from 'lodash/isArray';
+import { isFunction } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import log from '../_common/js/log/log';
 import props from './head-menu-props';
diff --git a/src/menu/menu.tsx b/src/menu/menu.tsx
index 50bf29bae4..d3611ae8de 100644
--- a/src/menu/menu.tsx
+++ b/src/menu/menu.tsx
@@ -8,8 +8,8 @@ import log from '../_common/js/log/log';
 import { usePrefixClass } from '../hooks/useConfig';
 import useVModel from '../hooks/useVModel';
 import useDefaultValue from '../hooks/useDefaultValue';
-import isNumber from 'lodash/isNumber';
-import isArray from 'lodash/isArray';
+import { isNumber } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 export default defineComponent({
   name: 'TMenu',
diff --git a/src/menu/submenu.tsx b/src/menu/submenu.tsx
index f61276054e..afc00f6fdd 100644
--- a/src/menu/submenu.tsx
+++ b/src/menu/submenu.tsx
@@ -20,7 +20,7 @@ import FakeArrow from '../common-components/fake-arrow';
 import useRipple from '../hooks/useRipple';
 import { usePrefixClass } from '../hooks/useConfig';
 import { Popup, PopupPlacement } from '../popup';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { TdSubmenuProps } from './type';
 import useCollapseAnimation from '../hooks/useCollapseAnimation';
 
diff --git a/src/message/message.tsx b/src/message/message.tsx
index ffd09ddcda..e5cfbe14f3 100644
--- a/src/message/message.tsx
+++ b/src/message/message.tsx
@@ -14,7 +14,7 @@ import { usePrefixClass } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import { fadeIn, fadeOut } from './animation';
 import { useTNodeJSX, useContent } from '../hooks/tnode';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 export default defineComponent({
   name: 'TMessage',
diff --git a/src/message/plugin.tsx b/src/message/plugin.tsx
index 8a15680dc4..4d4637ac5e 100644
--- a/src/message/plugin.tsx
+++ b/src/message/plugin.tsx
@@ -40,8 +40,8 @@ import {
   MessageCloseAllMethod,
 } from './type';
 import { AttachNodeReturnValue } from '../common';
-import isObject from 'lodash/isObject';
-import isString from 'lodash/isString';
+import { isObject } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 // 存储不同 attach 和 不同 placement 消息列表实例
 const instanceMap: Map<AttachNodeReturnValue, Record<string, ComponentPublicInstance>> = new Map();
diff --git a/src/notification/notification.tsx b/src/notification/notification.tsx
index 037abc14b7..5f8a3e2077 100644
--- a/src/notification/notification.tsx
+++ b/src/notification/notification.tsx
@@ -4,7 +4,7 @@ import {
   CheckCircleFilledIcon as TdCheckCircleFilledIcon,
   CloseIcon as TdCloseIcon,
 } from 'tdesign-icons-vue-next';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 import { useTNodeJSX, useContent } from '../hooks/tnode';
 import props from './props';
diff --git a/src/pagination/pagination-mini.tsx b/src/pagination/pagination-mini.tsx
index 4a94c488af..dcf96b664e 100644
--- a/src/pagination/pagination-mini.tsx
+++ b/src/pagination/pagination-mini.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 import {
   ChevronLeftIcon as TdChevronLeftIcon,
   RoundIcon as TdRoundIcon,
diff --git a/src/pagination/pagination.tsx b/src/pagination/pagination.tsx
index 5b1661ac19..92537a09c8 100755
--- a/src/pagination/pagination.tsx
+++ b/src/pagination/pagination.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, watch, toRefs, getCurrentInstance } from 'vue';
-import isNaN from 'lodash/isNaN';
+import { isNaN } from 'lodash-es';
 import {
   PageFirstIcon as TdPageFirstIcon,
   PageLastIcon as TdPageLastIcon,
@@ -21,7 +21,7 @@ import useMoreAction from './useMoreAction';
 import useVModel from '../hooks/useVModel';
 import useDefaultValue from '../hooks/useDefaultValue';
 import { useTNodeJSX } from '../hooks/tnode';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 
 const min = 1;
 
diff --git a/src/popup/container.tsx b/src/popup/container.tsx
index 5aa0af6f4f..b25976f18f 100644
--- a/src/popup/container.tsx
+++ b/src/popup/container.tsx
@@ -15,7 +15,7 @@ import {
 } from 'vue';
 import props from './props';
 import useResizeObserver from '../hooks/useResizeObserver';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 import { getSSRAttach, getAttach } from '../utils/dom';
 
 function filterEmpty(children: VNode[] = []) {
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
index 0b573f40b8..456e977ebf 100644
--- a/src/popup/popup.tsx
+++ b/src/popup/popup.tsx
@@ -1,8 +1,8 @@
 import { createPopper, Placement } from '@popperjs/core';
-import isFunction from 'lodash/isFunction';
-import isObject from 'lodash/isObject';
-import debounce from 'lodash/debounce';
-import isString from 'lodash/isString';
+import { isFunction } from 'lodash-es';
+import { isObject } from 'lodash-es';
+import { debounce } from 'lodash-es';
+import { isString } from 'lodash-es';
 import {
   computed,
   defineComponent,
diff --git a/src/progress/progress.tsx b/src/progress/progress.tsx
index 0abcdb2fb3..956eb8d77e 100644
--- a/src/progress/progress.tsx
+++ b/src/progress/progress.tsx
@@ -14,8 +14,8 @@ import props from './props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import { useTNodeJSX } from '../hooks/tnode';
-import isObject from 'lodash/isObject';
-import isString from 'lodash/isString';
+import { isObject } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 export default defineComponent({
   name: 'TProgress',
diff --git a/src/radio/group.tsx b/src/radio/group.tsx
index 9062031b78..d8f4a3c0ab 100644
--- a/src/radio/group.tsx
+++ b/src/radio/group.tsx
@@ -12,10 +12,10 @@ import {
   toRefs,
   onUnmounted,
 } from 'vue';
-import isString from 'lodash/isString';
-import isNumber from 'lodash/isNumber';
-import isNil from 'lodash/isNil';
-import throttle from 'lodash/throttle';
+import { isString } from 'lodash-es';
+import { isNumber } from 'lodash-es';
+import { isNil } from 'lodash-es';
+import { throttle } from 'lodash-es';
 
 import props from './radio-group-props';
 import { RadioOptionObj, RadioOption } from './type';
@@ -26,7 +26,7 @@ import { usePrefixClass, useCommonClassName } from '../hooks/useConfig';
 import useVModel from '../hooks/useVModel';
 import { useTNodeDefault } from '../hooks/tnode';
 import useKeyboard from './useKeyboard';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { useMutationObserver } from '../watermark/hooks';
 import type { UseMutationObserverReturn } from '../watermark/hooks';
 import useResizeObserver from '../hooks/useResizeObserver';
diff --git a/src/radio/radio.tsx b/src/radio/radio.tsx
index 0cde72b4b0..6ec4270283 100644
--- a/src/radio/radio.tsx
+++ b/src/radio/radio.tsx
@@ -9,8 +9,8 @@ import { useDisabled } from '../hooks/useDisabled';
 import { useReadonly } from '../hooks/useReadonly';
 import useVModel from '../hooks/useVModel';
 import { useContent } from '../hooks/tnode';
-import isUndefined from 'lodash/isUndefined';
-import isString from 'lodash/isString';
+import { isUndefined } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 function getValidAttrs(obj: Record<string, any>): Record<string, any> {
   const newObj = {};
diff --git a/src/radio/useKeyboard.ts b/src/radio/useKeyboard.ts
index e31e4b81e5..5ff3d9ef59 100644
--- a/src/radio/useKeyboard.ts
+++ b/src/radio/useKeyboard.ts
@@ -1,5 +1,5 @@
 import { onBeforeMount, onMounted, Ref } from 'vue';
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import { off, on } from '../utils/dom';
 import { CHECKED_CODE_REG } from '../_common/js/common';
 
diff --git a/src/range-input/range-input.tsx b/src/range-input/range-input.tsx
index 4335753b79..858fab8ce4 100644
--- a/src/range-input/range-input.tsx
+++ b/src/range-input/range-input.tsx
@@ -12,7 +12,7 @@ import { useReadonly } from '../hooks/useReadonly';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import { usePrefixClass, useCommonClassName } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 function calcArrayValue(value: unknown | Array<unknown>) {
   if (isArray(value)) {
diff --git a/src/rate/rate.tsx b/src/rate/rate.tsx
index 66d8fbd98b..11cdcece1f 100644
--- a/src/rate/rate.tsx
+++ b/src/rate/rate.tsx
@@ -5,7 +5,7 @@ import props from './props';
 import { useConfig } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import Tooltip from '../tooltip/index';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 export default defineComponent({
   name: 'TRate',
diff --git a/src/select-input/useMultiple.tsx b/src/select-input/useMultiple.tsx
index f747adf4fa..1e1ed2904a 100644
--- a/src/select-input/useMultiple.tsx
+++ b/src/select-input/useMultiple.tsx
@@ -1,5 +1,5 @@
 import { SetupContext, computed, ref, toRefs, Ref } from 'vue';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 import { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys } from './type';
 import { SelectInputCommonProperties } from './interface';
 import TagInput, { TagInputValue, TagInputProps } from '../tag-input';
diff --git a/src/select-input/useOverlayInnerStyle.ts b/src/select-input/useOverlayInnerStyle.ts
index 8226164b04..ed425eed84 100644
--- a/src/select-input/useOverlayInnerStyle.ts
+++ b/src/select-input/useOverlayInnerStyle.ts
@@ -1,6 +1,6 @@
 import { ref, toRefs, computed, CSSProperties } from 'vue';
-import isObject from 'lodash/isObject';
-import isFunction from 'lodash/isFunction';
+import { isObject } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import { TdSelectInputProps } from './type';
 import { TdPopupProps, PopupVisibleChangeContext } from '../popup';
 import { useDisabled } from '../hooks/useDisabled';
diff --git a/src/select-input/useSingle.tsx b/src/select-input/useSingle.tsx
index 9c4d333b30..87ca8d17b6 100644
--- a/src/select-input/useSingle.tsx
+++ b/src/select-input/useSingle.tsx
@@ -1,6 +1,6 @@
 import { SetupContext, ref, computed, toRefs, Ref } from 'vue';
-import isObject from 'lodash/isObject';
-import pick from 'lodash/pick';
+import { isObject } from 'lodash-es';
+import { pick } from 'lodash-es';
 import Input, { StrInputProps } from '../input';
 import Loading from '../loading';
 import { useTNodeJSX } from '../hooks/tnode';
diff --git a/src/select/helper.ts b/src/select/helper.ts
index 72b03bde2c..25e4455d06 100644
--- a/src/select/helper.ts
+++ b/src/select/helper.ts
@@ -1,5 +1,5 @@
 import { InjectionKey, ComputedRef } from 'vue';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { TdSelectProps, TdOptionProps, SelectValue, SelectOption } from './type';
 
 export const selectInjectKey: InjectionKey<
diff --git a/src/select/hooks/useSelectOptions.ts b/src/select/hooks/useSelectOptions.ts
index a4d9b4cb1c..4c8dfff3b8 100644
--- a/src/select/hooks/useSelectOptions.ts
+++ b/src/select/hooks/useSelectOptions.ts
@@ -1,7 +1,7 @@
 import { computed, Slots, Ref, ref } from 'vue';
-import isArray from 'lodash/isArray';
-import get from 'lodash/get';
-import isFunction from 'lodash/isFunction';
+import { isArray } from 'lodash-es';
+import { get } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 
 import { useChildComponentSlots } from '../../hooks/slot';
 import { TdSelectProps, TdOptionProps, SelectOptionGroup, SelectValue, SelectOption } from '../type';
diff --git a/src/select/select-panel.tsx b/src/select/select-panel.tsx
index 1646fcc89d..7effd86cb2 100644
--- a/src/select/select-panel.tsx
+++ b/src/select/select-panel.tsx
@@ -1,5 +1,5 @@
 import { computed, defineComponent, inject, Slots, ref } from 'vue';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 import { Styles } from '../common';
 
 import { SelectOption, SelectOptionGroup, TdOptionProps } from './type';
diff --git a/src/select/select.tsx b/src/select/select.tsx
index 18971c95bc..777dab1fb0 100644
--- a/src/select/select.tsx
+++ b/src/select/select.tsx
@@ -1,11 +1,11 @@
 import { defineComponent, provide, computed, toRefs, watch, ref, nextTick, PropType } from 'vue';
-import picker from 'lodash/pick';
-import isArray from 'lodash/isArray';
-import isFunction from 'lodash/isFunction';
-import debounce from 'lodash/debounce';
-import cloneDeep from 'lodash/cloneDeep';
-import get from 'lodash/get';
-import intersection from 'lodash/intersection';
+import { pick as picker } from 'lodash-es';
+import { isArray } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { debounce } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
+import { get } from 'lodash-es';
+import { intersection } from 'lodash-es';
 import FakeArrow from '../common-components/fake-arrow';
 import SelectInput from '../select-input';
 import SelectPanel from './select-panel';
diff --git a/src/skeleton/skeleton.tsx b/src/skeleton/skeleton.tsx
index ff2ec1b9f2..18c8dd192c 100644
--- a/src/skeleton/skeleton.tsx
+++ b/src/skeleton/skeleton.tsx
@@ -1,11 +1,11 @@
 import { h, defineComponent, ref, watch } from 'vue';
-import isNumber from 'lodash/isNumber';
-import isFunction from 'lodash/isFunction';
+import { isNumber } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import props from './props';
 import { SkeletonRowCol, SkeletonRowColObj, TdSkeletonProps } from './type';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useContent } from '../hooks/tnode';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 const ThemeMap: Record<TdSkeletonProps['theme'], SkeletonRowCol> = {
   text: [1],
diff --git a/src/slider/hooks/useSliderInput.tsx b/src/slider/hooks/useSliderInput.tsx
index 8b1e1f4d68..5689a5b5fd 100644
--- a/src/slider/hooks/useSliderInput.tsx
+++ b/src/slider/hooks/useSliderInput.tsx
@@ -1,8 +1,8 @@
 import { computed, Ref } from 'vue';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 import { TdSliderProps } from '../type';
 import InputNumber, { InputNumberProps, ChangeContext } from '../../input-number';
-import isBoolean from 'lodash/isBoolean';
+import { isBoolean } from 'lodash-es';
 
 interface useSliderInputProps {
   inputNumberProps: boolean | TdSliderProps['inputNumberProps'];
diff --git a/src/slider/hooks/useSliderMark.tsx b/src/slider/hooks/useSliderMark.tsx
index c01096a23f..6ec1b1c0ed 100644
--- a/src/slider/hooks/useSliderMark.tsx
+++ b/src/slider/hooks/useSliderMark.tsx
@@ -1,11 +1,11 @@
 import { computed, VNode, Ref } from 'vue';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { SliderMarks } from '../type';
 import { TNode } from '../../common';
 import log from '../../_common/js/log/log';
 import { getStopStyle } from '../util/common';
 import TSliderMark from '../slider-mark';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 interface MarkItem {
   point: number;
diff --git a/src/slider/slider-button.tsx b/src/slider/slider-button.tsx
index d1677745d1..730a3c558c 100644
--- a/src/slider/slider-button.tsx
+++ b/src/slider/slider-button.tsx
@@ -12,7 +12,7 @@ import {
 import TTooltip from '../tooltip/index';
 import { TdSliderProps } from './type';
 
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useSliderTooltip } from './hooks/useSliderTooltip';
 import { sliderPropsInjectKey } from './util/constants';
diff --git a/src/slider/slider.tsx b/src/slider/slider.tsx
index e5999ecfd7..50b425ba54 100644
--- a/src/slider/slider.tsx
+++ b/src/slider/slider.tsx
@@ -10,8 +10,8 @@ import {
   watch,
   toRefs,
 } from 'vue';
-import isNumber from 'lodash/isNumber';
-import isArray from 'lodash/isArray';
+import { isNumber } from 'lodash-es';
+import { isArray } from 'lodash-es';
 import props from './props';
 import TSliderButton from './slider-button';
 import { SliderValue } from './type';
diff --git a/src/slider/util/common.ts b/src/slider/util/common.ts
index 87481966ef..6ff5bf7aa3 100644
--- a/src/slider/util/common.ts
+++ b/src/slider/util/common.ts
@@ -1,4 +1,4 @@
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import { TNode } from '../../common';
 /**
  * 计算刻度区间值停止坐标
diff --git a/src/space/space.tsx b/src/space/space.tsx
index c7c7836a4a..30404c8398 100644
--- a/src/space/space.tsx
+++ b/src/space/space.tsx
@@ -3,9 +3,9 @@ import props from './props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
 import { useChildSlots } from '../hooks/slot';
-import isNumber from 'lodash/isNumber';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { isNumber } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
 import { getFlexGapPolyFill } from '../_common/js/utils/helper';
 
 const sizeMap = { small: '8px', medium: '16px', large: '24px' };
diff --git a/src/statistic/statistic.tsx b/src/statistic/statistic.tsx
index 97ad152a1d..ce56adce7a 100644
--- a/src/statistic/statistic.tsx
+++ b/src/statistic/statistic.tsx
@@ -3,8 +3,8 @@ import {
   ArrowTriangleDownFilledIcon as TDArrowTriangleDownFilledIcon,
   ArrowTriangleUpFilledIcon as TDArrowTriangleUpFilledIcon,
 } from 'tdesign-icons-vue-next';
-import isNumber from 'lodash/isNumber';
-import isFunction from 'lodash/isFunction';
+import { isNumber } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import props from './props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
diff --git a/src/steps/step-item.tsx b/src/steps/step-item.tsx
index 3164ba8df1..1b764055f1 100644
--- a/src/steps/step-item.tsx
+++ b/src/steps/step-item.tsx
@@ -1,5 +1,5 @@
 import { computed, defineComponent, h, inject } from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { CheckIcon as TdCheckIcon, CloseIcon as TdCloseIcon } from 'tdesign-icons-vue-next';
 
 import props from './step-item-props';
diff --git a/src/steps/steps.tsx b/src/steps/steps.tsx
index 8c2232e432..bce4300727 100644
--- a/src/steps/steps.tsx
+++ b/src/steps/steps.tsx
@@ -1,5 +1,5 @@
 import { computed, defineComponent, provide, reactive, ref, toRefs, VNode } from 'vue';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 import props from './props';
 import stepItemProps from './step-item-props';
 import { TdStepItemProps } from './type';
diff --git a/src/sticky-tool/sticky-tool.tsx b/src/sticky-tool/sticky-tool.tsx
index a8bdfad24a..108d28508b 100644
--- a/src/sticky-tool/sticky-tool.tsx
+++ b/src/sticky-tool/sticky-tool.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, VNode } from 'vue';
 import props from './props';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 import StickyItem from './sticky-item';
 
 import { usePrefixClass } from '../hooks/useConfig';
diff --git a/src/switch/switch.tsx b/src/switch/switch.tsx
index a75fa7ba5e..a8543dd0e1 100755
--- a/src/switch/switch.tsx
+++ b/src/switch/switch.tsx
@@ -7,9 +7,9 @@ import { TNodeReturnValue } from '../common';
 // hooks
 import { useDisabled } from '../hooks/useDisabled';
 import useVModel from '../hooks/useVModel';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 export default defineComponent({
   name: 'TSwitch',
diff --git a/src/table/_example-ts/filter-controlled.vue b/src/table/_example-ts/filter-controlled.vue
index 2e73490d0d..62391f585b 100644
--- a/src/table/_example-ts/filter-controlled.vue
+++ b/src/table/_example-ts/filter-controlled.vue
@@ -48,7 +48,7 @@
 </template>
 
 <script lang="tsx" setup>
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 import { ref, computed } from 'vue';
 import { DateRangePickerPanel, TableProps, ButtonProps, BaseTableCol, FilterValue, InputProps } from 'tdesign-vue-next';
 import { ErrorCircleFilledIcon, CheckCircleFilledIcon, CloseCircleFilledIcon } from 'tdesign-icons-vue-next';
diff --git a/src/table/_example-ts/tree-select.vue b/src/table/_example-ts/tree-select.vue
index eb4688d8f8..1c23cdc13b 100644
--- a/src/table/_example-ts/tree-select.vue
+++ b/src/table/_example-ts/tree-select.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script lang="tsx" setup>
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { ref, watch } from 'vue';
 import {
   EnhancedTable as TEnhancedTable,
diff --git a/src/table/_example/filter-controlled.vue b/src/table/_example/filter-controlled.vue
index 7a54818ca8..a3a71a6749 100644
--- a/src/table/_example/filter-controlled.vue
+++ b/src/table/_example/filter-controlled.vue
@@ -51,7 +51,7 @@
 import { ref, computed } from 'vue';
 import { DateRangePickerPanel } from 'tdesign-vue-next';
 import { ErrorCircleFilledIcon, CheckCircleFilledIcon, CloseCircleFilledIcon } from 'tdesign-icons-vue-next';
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 
 const statusNameListMap = {
   0: { label: '审批通过', theme: 'success', icon: <CheckCircleFilledIcon /> },
diff --git a/src/table/_example/tree-select.vue b/src/table/_example/tree-select.vue
index cfe19cd823..f51d2090a7 100644
--- a/src/table/_example/tree-select.vue
+++ b/src/table/_example/tree-select.vue
@@ -48,7 +48,7 @@
 <script setup lang="jsx">
 import { ref, watch } from 'vue';
 import { EnhancedTable as TEnhancedTable, MessagePlugin } from 'tdesign-vue-next';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { ErrorCircleFilledIcon, CheckCircleFilledIcon, CloseCircleFilledIcon } from 'tdesign-icons-vue-next';
 
 const statusNameListMap = {
diff --git a/src/table/base-table.tsx b/src/table/base-table.tsx
index 14090e34af..94b241129b 100644
--- a/src/table/base-table.tsx
+++ b/src/table/base-table.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, SetupContext, ref, nextTick, PropType, watch, onMounted, toRefs } from 'vue';
-import pick from 'lodash/pick';
-import get from 'lodash/get';
+import { pick } from 'lodash-es';
+import { get } from 'lodash-es';
 import props from './base-table-props';
 import useTableHeader from './hooks/useTableHeader';
 import useColumnResize from './hooks/useColumnResize';
@@ -27,8 +27,8 @@ import log from '../_common/js/log';
 import { useRowHighlight } from './hooks/useRowHighlight';
 import useHoverKeyboardEvent from './hooks/useHoverKeyboardEvent';
 import useElementLazyRender from '../hooks/useElementLazyRender';
-import isFunction from 'lodash/isFunction';
-import throttle from 'lodash/throttle';
+import { isFunction } from 'lodash-es';
+import { throttle } from 'lodash-es';
 
 export const BASE_TABLE_EVENTS = ['page-change', 'cell-click', 'scroll', 'scrollX', 'scrollY'];
 export const BASE_TABLE_ALL_EVENTS = ROW_LISTENERS.map((t) => `row-${t}`).concat(BASE_TABLE_EVENTS);
diff --git a/src/table/column-checkbox-group.tsx b/src/table/column-checkbox-group.tsx
index e87e371fab..1d560e5043 100644
--- a/src/table/column-checkbox-group.tsx
+++ b/src/table/column-checkbox-group.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, PropType, toRefs } from 'vue';
 import Checkbox, { CheckboxGroup, CheckboxGroupChangeContext, CheckboxGroupProps, CheckboxProps } from '../checkbox';
-import intersection from 'lodash/intersection';
+import { intersection } from 'lodash-es';
 import { usePrefixClass } from '../hooks';
 
 export type ColumnCheckboxGroupProps = Pick<CheckboxGroupProps, 'value' | 'onChange' | 'options'> & {
diff --git a/src/table/editable-cell.tsx b/src/table/editable-cell.tsx
index b41777746c..160d0a484b 100644
--- a/src/table/editable-cell.tsx
+++ b/src/table/editable-cell.tsx
@@ -1,8 +1,8 @@
 import { computed, defineComponent, onMounted, PropType, ref, SetupContext, toRefs, watch } from 'vue';
-import get from 'lodash/get';
-import set from 'lodash/set';
-import isFunction from 'lodash/isFunction';
-import cloneDeep from 'lodash/cloneDeep';
+import { get } from 'lodash-es';
+import { set } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 import { Edit1Icon as TdEdit1Icon } from 'tdesign-icons-vue-next';
 import {
   TableRowData,
@@ -19,7 +19,7 @@ import { validate } from '../form/form-model';
 import log from '../_common/js/log';
 import { AllValidateResult } from '../form/type';
 import { on, off } from '../utils/dom';
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 import { usePrefixClass } from '../hooks/useConfig';
 
 export interface OnEditableChangeContext<T> extends PrimaryTableRowEditContext<T> {
diff --git a/src/table/ellipsis.tsx b/src/table/ellipsis.tsx
index b04eebb099..73d62fc315 100644
--- a/src/table/ellipsis.tsx
+++ b/src/table/ellipsis.tsx
@@ -1,6 +1,6 @@
 /** 超出省略显示 */
 import { defineComponent, PropType, ref, computed, onMounted, onUpdated } from 'vue';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 import { AttachNode, TNode } from '../common';
 import { renderContent } from '../utils/render-tnode';
 import { isTextEllipsis } from '../utils/dom';
diff --git a/src/table/enhanced-table.tsx b/src/table/enhanced-table.tsx
index 75e5915b38..bf7e2ed883 100644
--- a/src/table/enhanced-table.tsx
+++ b/src/table/enhanced-table.tsx
@@ -13,7 +13,7 @@ import {
 } from './type';
 import useTreeData from './hooks/useTreeData';
 import useTreeSelect from './hooks/useTreeSelect';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 import { ComponentScrollToElementParams } from '../common';
 import log from '../_common/js/log';
 import { usePrefixClass } from '../hooks';
diff --git a/src/table/filter-controller.tsx b/src/table/filter-controller.tsx
index 9c4b3a37d3..87ef14df48 100644
--- a/src/table/filter-controller.tsx
+++ b/src/table/filter-controller.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, PropType, ref, h } from 'vue';
 import { FilterIcon as TdFilterIcon } from 'tdesign-icons-vue-next';
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'lodash-es';
 import Popup, { PopupProps } from '../popup';
 import { CheckboxGroup } from '../checkbox';
 import { RadioGroup } from '../radio';
@@ -11,7 +11,7 @@ import { PrimaryTableCol, FilterValue, TdPrimaryTableProps } from './type';
 import { useConfig } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import { AttachNode } from '../common';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { TableConfig } from '../config-provider';
 
 export interface TableFilterControllerProps {
diff --git a/src/table/hooks/useAffix.ts b/src/table/hooks/useAffix.ts
index fa4a2994d8..6e244c4df3 100644
--- a/src/table/hooks/useAffix.ts
+++ b/src/table/hooks/useAffix.ts
@@ -1,9 +1,9 @@
-import isBoolean from 'lodash/isBoolean';
+import { isBoolean } from 'lodash-es';
 import { computed, ref, watch, onBeforeUnmount } from 'vue';
 import { TdBaseTableProps } from '../type';
 import { on, off } from '../../utils/dom';
 import { AffixProps } from '../../affix';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 
 /**
  * 1. 表头吸顶（普通表头吸顶 和 虚拟滚动表头吸顶）
diff --git a/src/table/hooks/useAsyncLoading.tsx b/src/table/hooks/useAsyncLoading.tsx
index c11750a112..e70dc4c373 100644
--- a/src/table/hooks/useAsyncLoading.tsx
+++ b/src/table/hooks/useAsyncLoading.tsx
@@ -1,4 +1,4 @@
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import { computed } from 'vue';
 import { useTNodeJSX } from '../../hooks/tnode';
 import { TdPrimaryTableProps } from '../type';
diff --git a/src/table/hooks/useColumnController.tsx b/src/table/hooks/useColumnController.tsx
index 2847bb2e57..c5daee0b02 100644
--- a/src/table/hooks/useColumnController.tsx
+++ b/src/table/hooks/useColumnController.tsx
@@ -3,7 +3,7 @@
  */
 import { computed, ref, SetupContext, toRefs, watch, h } from 'vue';
 import { SettingIcon as TdSettingIcon } from 'tdesign-icons-vue-next';
-// import intersection from 'lodash/intersection';
+// import { intersection } from 'lodash-es';
 import { CheckboxGroupValue, CheckboxOptionObj, CheckboxGroupChangeContext } from '../../checkbox';
 import { DialogPlugin } from '../../dialog/plugin';
 import { renderTitle } from './useTableHeader';
@@ -15,7 +15,7 @@ import { getCurrentRowByKey } from '../utils';
 import { DialogInstance } from '../../dialog';
 import TButton from '../../button';
 import ColumnCheckboxGroup from '../column-checkbox-group';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { useTNodeJSX } from '../../hooks';
 
 export function getColumnKeys(columns: PrimaryTableCol[], keys = new Set<string>()) {
diff --git a/src/table/hooks/useColumnResize.ts b/src/table/hooks/useColumnResize.ts
index e4951fa8e6..c41c36adee 100644
--- a/src/table/hooks/useColumnResize.ts
+++ b/src/table/hooks/useColumnResize.ts
@@ -6,7 +6,7 @@
  * - 当表格内容超出，出现横向滚动条时，会自动调整当前列宽和表格总列宽，不影响相邻列宽
  */
 import { ref, Ref, reactive, onMounted } from 'vue';
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 import { BaseTableCol, TableRowData, TdBaseTableProps } from '../type';
 import { on, off } from '../../utils/dom';
 
diff --git a/src/table/hooks/useDragSort.ts b/src/table/hooks/useDragSort.ts
index c2b3b57a7d..64371bf778 100644
--- a/src/table/hooks/useDragSort.ts
+++ b/src/table/hooks/useDragSort.ts
@@ -1,7 +1,7 @@
 // 表格 行拖拽 + 列拖拽功能
 import { SetupContext, computed, toRefs, ref, watch, h, ComputedRef } from 'vue';
 import Sortable, { SortableEvent, SortableOptions, MoveEvent } from 'sortablejs';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { TableRowData, TdPrimaryTableProps, DragSortContext, PrimaryTableCol } from '../type';
 import useClassName from './useClassName';
 import log from '../../_common/js/log';
diff --git a/src/table/hooks/useEditableRow.ts b/src/table/hooks/useEditableRow.ts
index 9a2930af18..87d3a3d56c 100644
--- a/src/table/hooks/useEditableRow.ts
+++ b/src/table/hooks/useEditableRow.ts
@@ -1,11 +1,11 @@
 import { ref, computed, watch, toRefs } from 'vue';
-import get from 'lodash/get';
-import set from 'lodash/set';
-import isFunction from 'lodash/isFunction';
+import { get } from 'lodash-es';
+import { set } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import { PrimaryTableProps } from '../interface';
 import { getEditableKeysMap } from '../../_common/js/table/utils';
 import { validate } from '../../form/form-model';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import {
   PrimaryTableRowEditContext,
   TableRowData,
diff --git a/src/table/hooks/useFilter.tsx b/src/table/hooks/useFilter.tsx
index 2a3ad2b389..011ed217d2 100644
--- a/src/table/hooks/useFilter.tsx
+++ b/src/table/hooks/useFilter.tsx
@@ -6,7 +6,7 @@ import useDefaultValue from '../../hooks/useDefaultValue';
 import { useTNodeDefault } from '../../hooks/tnode';
 import TableFilterController from '../filter-controller';
 import { useConfig } from '../../hooks/useConfig';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { getColumnsResetValue } from '../../_common/js/table/utils';
 import { renderTitle } from './useTableHeader';
 
diff --git a/src/table/hooks/useFixed.ts b/src/table/hooks/useFixed.ts
index 634058dc3d..41a19491a3 100644
--- a/src/table/hooks/useFixed.ts
+++ b/src/table/hooks/useFixed.ts
@@ -10,9 +10,9 @@ import {
   onBeforeUnmount,
   Ref,
 } from 'vue';
-import get from 'lodash/get';
-import debounce from 'lodash/debounce';
-import xorWith from 'lodash/xorWith';
+import { get } from 'lodash-es';
+import { debounce } from 'lodash-es';
+import { xorWith } from 'lodash-es';
 import log from '../../_common/js/log';
 import { ClassName, Styles } from '../../common';
 import { BaseTableCol, BaseTableInstanceFunctions, TableRowData, TdBaseTableProps } from '../type';
@@ -20,7 +20,7 @@ import { getScrollbarWidthWithCSS } from '../../_common/js/utils/getScrollbarWid
 import { on, off } from '../../utils/dom';
 import { FixedColumnInfo, TableRowFixedClasses, RowAndColFixedPosition, TableColFixedClasses } from '../interface';
 import { getIEVersion } from '../../_common/js/utils/helper';
-import pick from 'lodash/pick';
+import { pick } from 'lodash-es';
 
 // 固定列相关类名处理
 export function getColumnFixedStyles(
diff --git a/src/table/hooks/useHoverKeyboardEvent.ts b/src/table/hooks/useHoverKeyboardEvent.ts
index c32a5eb481..77271d318c 100644
--- a/src/table/hooks/useHoverKeyboardEvent.ts
+++ b/src/table/hooks/useHoverKeyboardEvent.ts
@@ -1,5 +1,5 @@
 import { toRefs, Ref, ref, computed } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 import { BaseTableProps } from '../interface';
 import { on, off } from '../../utils/dom';
 import {
diff --git a/src/table/hooks/useRowExpand.tsx b/src/table/hooks/useRowExpand.tsx
index 499acc319a..28ce371754 100644
--- a/src/table/hooks/useRowExpand.tsx
+++ b/src/table/hooks/useRowExpand.tsx
@@ -1,6 +1,6 @@
 import { computed, SetupContext, toRefs, h } from 'vue';
 import { ChevronRightCircleIcon as TdChevronRightCircleIcon } from 'tdesign-icons-vue-next';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 
 import {
   TdPrimaryTableProps,
diff --git a/src/table/hooks/useRowHighlight.ts b/src/table/hooks/useRowHighlight.ts
index 68bf6a16fb..aaeb5d6335 100644
--- a/src/table/hooks/useRowHighlight.ts
+++ b/src/table/hooks/useRowHighlight.ts
@@ -1,5 +1,5 @@
 import { ref, Ref, toRefs } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 import useDefaultValue from '../../hooks/useDefaultValue';
 import { BaseTableProps } from '../interface';
 import { RowEventContext, TableRowData } from '../type';
diff --git a/src/table/hooks/useRowSelect.tsx b/src/table/hooks/useRowSelect.tsx
index ed0b8cd22d..d2a0d60290 100644
--- a/src/table/hooks/useRowSelect.tsx
+++ b/src/table/hooks/useRowSelect.tsx
@@ -2,9 +2,9 @@
  * 行选中相关功能：单选 + 多选
  */
 import { computed, toRefs, h, ref, watch } from 'vue';
-import intersection from 'lodash/intersection';
-import get from 'lodash/get';
-import isFunction from 'lodash/isFunction';
+import { intersection } from 'lodash-es';
+import { get } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import useDefaultValue from '../../hooks/useDefaultValue';
 import {
   ActiveRowActionContext,
diff --git a/src/table/hooks/useRowspanAndColspan.ts b/src/table/hooks/useRowspanAndColspan.ts
index 16aaa3dfc4..896d0a470d 100644
--- a/src/table/hooks/useRowspanAndColspan.ts
+++ b/src/table/hooks/useRowspanAndColspan.ts
@@ -1,5 +1,5 @@
 import { ref, watch, Ref } from 'vue';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 import log from '../../_common/js/log';
 import { BaseTableCellParams, BaseTableCol, TableRowData, TableRowspanAndColspanFunc } from '../type';
 
diff --git a/src/table/hooks/useSorter.tsx b/src/table/hooks/useSorter.tsx
index d5921584b6..feb7b67ac5 100644
--- a/src/table/hooks/useSorter.tsx
+++ b/src/table/hooks/useSorter.tsx
@@ -1,9 +1,9 @@
 import { SetupContext, computed, toRefs, ref, watch } from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { SortInfo, TdPrimaryTableProps, PrimaryTableCol, TableRowData } from '../type';
 import SorterButton from '../sorter-button';
 import useDefaultValue from '../../hooks/useDefaultValue';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 export type SortMap = Record<string, SortInfo & { index: number }>;
 
diff --git a/src/table/hooks/useTableHeader.tsx b/src/table/hooks/useTableHeader.tsx
index cffa757270..66e8d272b4 100644
--- a/src/table/hooks/useTableHeader.tsx
+++ b/src/table/hooks/useTableHeader.tsx
@@ -1,6 +1,6 @@
 import { SetupContext, computed, h } from 'vue';
-import isString from 'lodash/isString';
-import isFunction from 'lodash/isFunction';
+import { isString } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 import { BaseTableCol, PrimaryTableCol, TableRowData, TdBaseTableProps } from '../type';
 import { getThRowspanAndColspan, getThList } from './useMultiHeader';
 import useClassName from './useClassName';
diff --git a/src/table/hooks/useTreeData.tsx b/src/table/hooks/useTreeData.tsx
index db2cfab088..f9af0eda98 100644
--- a/src/table/hooks/useTreeData.tsx
+++ b/src/table/hooks/useTreeData.tsx
@@ -3,7 +3,7 @@ import {
   AddRectangleIcon as TdAddRectangleIcon,
   MinusRectangleIcon as TdMinusRectangleIcon,
 } from 'tdesign-icons-vue-next';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 import TableTreeStore, { SwapParams } from '../../_common/js/table/tree-store';
 import {
   TdEnhancedTableProps,
diff --git a/src/table/hooks/useTreeSelect.tsx b/src/table/hooks/useTreeSelect.tsx
index 09ecc94adb..491c16a8d0 100644
--- a/src/table/hooks/useTreeSelect.tsx
+++ b/src/table/hooks/useTreeSelect.tsx
@@ -1,6 +1,6 @@
 import { computed, toRefs, ref, Ref, watch } from 'vue';
-import get from 'lodash/get';
-import intersection from 'lodash/intersection';
+import { get } from 'lodash-es';
+import { intersection } from 'lodash-es';
 import { TdEnhancedTableProps, TdPrimaryTableProps, TableRowData, PrimaryTableCol } from '../type';
 import { KeysType, TableTreeDataMap, TreeDataMapType } from '../../_common/js/table/tree-store';
 import useDefaultValue from '../../hooks/useDefaultValue';
diff --git a/src/table/index.ts b/src/table/index.ts
index e690cc4151..bd38178f9c 100644
--- a/src/table/index.ts
+++ b/src/table/index.ts
@@ -1,4 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import _BaseTable from './base-table';
 import _PrimaryTable from './primary-table';
 import _EnhancedTable from './enhanced-table';
diff --git a/src/table/primary-table.tsx b/src/table/primary-table.tsx
index 5c083f99b1..38ec74463f 100644
--- a/src/table/primary-table.tsx
+++ b/src/table/primary-table.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, toRefs, h, ref, onMounted, getCurrentInstance } from 'vue';
-import get from 'lodash/get';
-import omit from 'lodash/omit';
+import { get } from 'lodash-es';
+import { omit } from 'lodash-es';
 import baseTableProps from './base-table-props';
 import primaryTableProps from './primary-table-props';
 import BaseTable from './base-table';
diff --git a/src/table/tbody.tsx b/src/table/tbody.tsx
index 58d2050fa1..40419ae3b8 100644
--- a/src/table/tbody.tsx
+++ b/src/table/tbody.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, computed, PropType, toRefs } from 'vue';
-import camelCase from 'lodash/camelCase';
-import get from 'lodash/get';
-import pick from 'lodash/pick';
+import { camelCase } from 'lodash-es';
+import { get } from 'lodash-es';
+import { pick } from 'lodash-es';
 import TrElement, { ROW_LISTENERS, TABLE_PROPS } from './tr';
 import { useConfig } from '../hooks/useConfig';
 import { useTNodeJSX } from '../hooks/tnode';
diff --git a/src/table/tfoot.tsx b/src/table/tfoot.tsx
index 966cea2b25..e5fc82a04d 100644
--- a/src/table/tfoot.tsx
+++ b/src/table/tfoot.tsx
@@ -1,7 +1,7 @@
 import { SetupContext, h, defineComponent, PropType, toRefs } from 'vue';
-import isString from 'lodash/isString';
-import isFunction from 'lodash/isFunction';
-import get from 'lodash/get';
+import { isString } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { get } from 'lodash-es';
 import { BaseTableCellParams, RowspanColspan, TableRowData, TdBaseTableProps } from './type';
 import { formatRowAttributes, formatRowClassNames } from './utils';
 import { getColumnFixedStyles } from './hooks/useFixed';
diff --git a/src/table/thead.tsx b/src/table/thead.tsx
index 1cbefe8c90..3eb422107c 100644
--- a/src/table/thead.tsx
+++ b/src/table/thead.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed, SetupContext, PropType, ref, Ref, h, CSSProperties } from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { getColumnFixedStyles } from './hooks/useFixed';
 import useClassName from './hooks/useClassName';
 import { BaseTableCol, TableRowData, TdBaseTableProps } from './type';
diff --git a/src/table/tr.tsx b/src/table/tr.tsx
index 538f7fe5ee..2f4212298b 100644
--- a/src/table/tr.tsx
+++ b/src/table/tr.tsx
@@ -11,11 +11,11 @@ import {
   nextTick,
   onMounted,
 } from 'vue';
-import isFunction from 'lodash/isFunction';
-import upperFirst from 'lodash/upperFirst';
-import isString from 'lodash/isString';
-import pick from 'lodash/pick';
-import get from 'lodash/get';
+import { isFunction } from 'lodash-es';
+import { upperFirst } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { pick } from 'lodash-es';
+import { get } from 'lodash-es';
 import { formatClassNames, formatRowAttributes, formatRowClassNames } from './utils';
 import { getRowFixedStyles, getColumnFixedStyles } from './hooks/useFixed';
 import useClassName from './hooks/useClassName';
diff --git a/src/table/utils.ts b/src/table/utils.ts
index 421fe05338..ce06108a55 100644
--- a/src/table/utils.ts
+++ b/src/table/utils.ts
@@ -1,6 +1,6 @@
-import isFunction from 'lodash/isFunction';
-import get from 'lodash/get';
-import isObject from 'lodash/isObject';
+import { isFunction } from 'lodash-es';
+import { get } from 'lodash-es';
+import { isObject } from 'lodash-es';
 import { CellData, RowClassNameParams, TableColumnClassName, TableRowData, TdBaseTableProps } from './type';
 import { ClassName, HTMLElementAttributes } from '../common';
 import { AffixProps } from '../affix';
diff --git a/src/tabs/tab-nav-bar.tsx b/src/tabs/tab-nav-bar.tsx
index 7563bb9317..2b06aa3e33 100644
--- a/src/tabs/tab-nav-bar.tsx
+++ b/src/tabs/tab-nav-bar.tsx
@@ -4,7 +4,7 @@ import tabProps from './props';
 // hooks
 import { usePrefixClass } from '../hooks/useConfig';
 import useResizeObserver from '../hooks/useResizeObserver';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 
 export default defineComponent({
   props: {
diff --git a/src/tabs/tab-nav.tsx b/src/tabs/tab-nav.tsx
index 97ae32507f..06f8d5fc41 100644
--- a/src/tabs/tab-nav.tsx
+++ b/src/tabs/tab-nav.tsx
@@ -1,5 +1,5 @@
 import { h, defineComponent, Transition, ref, computed, watch, onMounted, nextTick } from 'vue';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 import {
   ChevronLeftIcon as TdChevronLeftIcon,
   ChevronRightIcon as TdChevronRightIcon,
@@ -19,7 +19,7 @@ import { useResize } from '../hooks/useListener';
 import { usePrefixClass, useCommonClassName } from '../hooks/useConfig';
 import { useGlobalIcon } from '../hooks/useGlobalIcon';
 import useDragSort from '../hooks/useDragSort';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 export default defineComponent({
   name: 'TTabNav',
diff --git a/src/tabs/tabs.tsx b/src/tabs/tabs.tsx
index ba451a7e77..e13c89be6d 100644
--- a/src/tabs/tabs.tsx
+++ b/src/tabs/tabs.tsx
@@ -7,7 +7,7 @@ import props from './props';
 import { useTNodeJSX } from '../hooks/tnode';
 import { usePrefixClass } from '../hooks/useConfig';
 import useVModel from '../hooks/useVModel';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 
 export interface InjectTabs {
   value: Ref<TabValue>;
diff --git a/src/tag-input/hooks/useTagScroll.ts b/src/tag-input/hooks/useTagScroll.ts
index 0de6e7739b..5dc3145742 100644
--- a/src/tag-input/hooks/useTagScroll.ts
+++ b/src/tag-input/hooks/useTagScroll.ts
@@ -3,7 +3,7 @@
  * 如果标签过多时的处理方式，是标签省略，则不需要此功能
  */
 
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { onMounted, onUnmounted, ref, toRefs } from 'vue';
 import { TdTagInputProps } from '../type';
 
diff --git a/src/tag-input/tag-input.tsx b/src/tag-input/tag-input.tsx
index e062636a6f..75dcf47f45 100644
--- a/src/tag-input/tag-input.tsx
+++ b/src/tag-input/tag-input.tsx
@@ -12,7 +12,7 @@ import useTagList from './useTagList';
 import useHover from './hooks/useHover';
 import useDefault from '../hooks/useDefaultValue';
 import useDragSorter from './hooks/useDragSorter';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 import { useDisabled } from '../hooks/useDisabled';
 import { useReadonly } from '../hooks/useReadonly';
 
diff --git a/src/tag/check-tag-group.tsx b/src/tag/check-tag-group.tsx
index 653f91e6ae..d40bdb415a 100644
--- a/src/tag/check-tag-group.tsx
+++ b/src/tag/check-tag-group.tsx
@@ -4,7 +4,7 @@ import props from './check-tag-group-props';
 import CheckTag from './check-tag';
 import useVModel from '../hooks/useVModel';
 import { CheckTagGroupOption, CheckTagGroupValue, TdCheckTagProps } from './type';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 export default defineComponent({
   name: 'TCheckTagGroup',
diff --git a/src/tag/tag.tsx b/src/tag/tag.tsx
index 4bbd345274..539a4cc971 100644
--- a/src/tag/tag.tsx
+++ b/src/tag/tag.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, getCurrentInstance, h, VNode } from 'vue';
 import { CloseIcon as TdCloseIcon } from 'tdesign-icons-vue-next';
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import tinycolor from 'tinycolor2';
 
 import props from './props';
diff --git a/src/textarea/textarea.tsx b/src/textarea/textarea.tsx
index d5b8e78917..7b095b2efd 100644
--- a/src/textarea/textarea.tsx
+++ b/src/textarea/textarea.tsx
@@ -10,8 +10,8 @@ import {
   StyleValue,
   CSSProperties,
 } from 'vue';
-import merge from 'lodash/merge';
-import isUndefined from 'lodash/isUndefined';
+import { merge } from 'lodash-es';
+import { isUndefined } from 'lodash-es';
 
 import { omit } from '../utils/helper';
 import calcTextareaHeight from './calcTextareaHeight';
diff --git a/src/time-picker/panel/props.ts b/src/time-picker/panel/props.ts
index 020c31eb56..20a6986ca9 100644
--- a/src/time-picker/panel/props.ts
+++ b/src/time-picker/panel/props.ts
@@ -1,4 +1,4 @@
-import isBoolean from 'lodash/isBoolean';
+import { isBoolean } from 'lodash-es';
 import { PropType } from 'vue';
 import dayjs from 'dayjs';
 
diff --git a/src/time-picker/panel/single-panel.tsx b/src/time-picker/panel/single-panel.tsx
index 1f9b21de57..ddac422617 100644
--- a/src/time-picker/panel/single-panel.tsx
+++ b/src/time-picker/panel/single-panel.tsx
@@ -1,7 +1,7 @@
 import { computed, defineComponent, ref, watch, toRefs, onMounted, reactive, nextTick } from 'vue';
-import debounce from 'lodash/debounce';
-import range from 'lodash/range';
-import padStart from 'lodash/padStart';
+import { debounce } from 'lodash-es';
+import { range } from 'lodash-es';
+import { padStart } from 'lodash-es';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
diff --git a/src/time-picker/panel/time-picker-panel.tsx b/src/time-picker/panel/time-picker-panel.tsx
index 43a292bd06..eb0dfbb175 100644
--- a/src/time-picker/panel/time-picker-panel.tsx
+++ b/src/time-picker/panel/time-picker-panel.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, computed, ref, onMounted, nextTick, watch } from 'vue';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import isUndefined from 'lodash/isUndefined';
+import { isUndefined } from 'lodash-es';
 
 import { DEFAULT_STEPS, DEFAULT_FORMAT } from '../../_common/js/time-picker/const';
 import { panelProps } from './props';
diff --git a/src/time-picker/time-range-picker.tsx b/src/time-picker/time-range-picker.tsx
index 6ff75853e0..c78964f423 100644
--- a/src/time-picker/time-range-picker.tsx
+++ b/src/time-picker/time-range-picker.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRefs, watch, computed } from 'vue';
 import dayjs from 'dayjs';
-import isArray from 'lodash/isArray';
+import { isArray } from 'lodash-es';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { TimeIcon as TdTimeIcon } from 'tdesign-icons-vue-next';
 
diff --git a/src/timeline/timeline-item.tsx b/src/timeline/timeline-item.tsx
index 21d909d373..5ce88218f8 100644
--- a/src/timeline/timeline-item.tsx
+++ b/src/timeline/timeline-item.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, inject } from 'vue';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 import props from './timeline-item-props';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useContent, useTNodeJSX } from '../hooks/tnode';
diff --git a/src/tooltip/tooltip.tsx b/src/tooltip/tooltip.tsx
index dc756d7698..5c3bb04fe9 100644
--- a/src/tooltip/tooltip.tsx
+++ b/src/tooltip/tooltip.tsx
@@ -1,6 +1,6 @@
 import { computed, defineComponent, onMounted, ref, toRefs, watch, getCurrentInstance } from 'vue';
-import isFunction from 'lodash/isFunction';
-import omit from 'lodash/omit';
+import { isFunction } from 'lodash-es';
+import { omit } from 'lodash-es';
 import props from './props';
 import popupProps from '../popup/props';
 import Popup, { PopupVisibleChangeContext } from '../popup';
diff --git a/src/transfer/components/transfer-list.tsx b/src/transfer/components/transfer-list.tsx
index e628f12db4..7289f51ff5 100644
--- a/src/transfer/components/transfer-list.tsx
+++ b/src/transfer/components/transfer-list.tsx
@@ -15,9 +15,9 @@ import Search from './transfer-search';
 import { useTNodeDefault } from '../../hooks/tnode';
 
 import { useConfig, usePrefixClass } from '../../hooks/useConfig';
-import isString from 'lodash/isString';
-import filter from 'lodash/filter';
-import cloneDeep from 'lodash/cloneDeep';
+import { isString } from 'lodash-es';
+import { filter } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 import useDragSort from '../hooks/useDragSort';
 
 const props = {
diff --git a/src/transfer/components/transfer-operations.tsx b/src/transfer/components/transfer-operations.tsx
index 8737dc6abb..6f85167ca7 100644
--- a/src/transfer/components/transfer-operations.tsx
+++ b/src/transfer/components/transfer-operations.tsx
@@ -6,9 +6,9 @@ import { TNode } from '../../common';
 import { usePrefixClass } from '../../hooks/useConfig';
 import { useGlobalIcon } from '../../hooks/useGlobalIcon';
 import props from '../props';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 export default defineComponent({
   name: 'TTransferOperations',
diff --git a/src/transfer/transfer.tsx b/src/transfer/transfer.tsx
index 26c1dba9d7..cd65d6b419 100644
--- a/src/transfer/transfer.tsx
+++ b/src/transfer/transfer.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, computed, toRefs } from 'vue';
-import pick from 'lodash/pick';
-import isFunction from 'lodash/isFunction';
+import { pick } from 'lodash-es';
+import { isFunction } from 'lodash-es';
 
 import TransferList from './components/transfer-list';
 import TransferOperations from './components/transfer-operations';
diff --git a/src/transfer/utils.ts b/src/transfer/utils.ts
index 8dde31929d..b3b5d5378d 100644
--- a/src/transfer/utils.ts
+++ b/src/transfer/utils.ts
@@ -1,7 +1,7 @@
 import { ComponentPublicInstance } from 'vue';
-import cloneDeep from 'lodash/cloneDeep';
-import isUndefined from 'lodash/isUndefined';
-import isArray from 'lodash/isArray';
+import { cloneDeep } from 'lodash-es';
+import { isUndefined } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 import { TransferListOptionBase, TransferItemOption, TdTransferProps, TransferValue, DataOption } from './interface';
 
diff --git a/src/tree-select/tree-select.tsx b/src/tree-select/tree-select.tsx
index 855a9fb24e..e9af674e3a 100644
--- a/src/tree-select/tree-select.tsx
+++ b/src/tree-select/tree-select.tsx
@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch, onMounted, toRefs } from 'vue';
-import isArray from 'lodash/isArray';
-import isEmpty from 'lodash/isEmpty';
-import isBoolean from 'lodash/isBoolean';
-import isFunction from 'lodash/isFunction';
-import isNil from 'lodash/isNil';
+import { isArray } from 'lodash-es';
+import { isEmpty } from 'lodash-es';
+import { isBoolean } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isNil } from 'lodash-es';
 
 import Tree, { TreeProps, TreeNodeModel, TreeNodeValue } from '../tree';
 import SelectInput, { TdSelectInputProps } from '../select-input';
diff --git a/src/tree/__tests__/expand.test.jsx b/src/tree/__tests__/expand.test.jsx
index eb06d885ca..5abf63a6a2 100644
--- a/src/tree/__tests__/expand.test.jsx
+++ b/src/tree/__tests__/expand.test.jsx
@@ -4,7 +4,6 @@ import { delay } from './kit';
 import { ref } from './adapt';
 import { Icon } from 'tdesign-icons-vue-next';
 import { nextTick } from 'vue';
-import { get } from 'lodash';
 
 describe('Tree:expand', () => {
   vi.useRealTimers();
diff --git a/src/tree/hooks/useDraggable.ts b/src/tree/hooks/useDraggable.ts
index 76c51ed5a5..1cbf93dbcf 100644
--- a/src/tree/hooks/useDraggable.ts
+++ b/src/tree/hooks/useDraggable.ts
@@ -1,4 +1,4 @@
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 import { reactive } from '../adapt';
 import { TypeTreeItemState } from '../tree-types';
 
diff --git a/src/tree/hooks/useRenderLabel.tsx b/src/tree/hooks/useRenderLabel.tsx
index a5b5cb1e0f..ca2be51429 100644
--- a/src/tree/hooks/useRenderLabel.tsx
+++ b/src/tree/hooks/useRenderLabel.tsx
@@ -1,4 +1,4 @@
-import isBoolean from 'lodash/isBoolean';
+import { isBoolean } from 'lodash-es';
 import { usePrefixClass, TypeCreateElement, computed, TCheckBox, TypeVNode } from '../adapt';
 import { TypeTreeItemState } from '../tree-types';
 import { getTNode } from '../util';
diff --git a/src/tree/hooks/useTreeScroll.ts b/src/tree/hooks/useTreeScroll.ts
index 130bcac40f..361b4fe18c 100644
--- a/src/tree/hooks/useTreeScroll.ts
+++ b/src/tree/hooks/useTreeScroll.ts
@@ -1,5 +1,5 @@
 import { computed, onMounted, TypeRef, useVirtualScroll, TypeScroll, TreeNode } from '../adapt';
-import get from 'lodash/get';
+import { get } from 'lodash-es';
 import { TypeTreeState, TypeTimer } from '../tree-types';
 import log from '../../_common/js/log';
 
diff --git a/src/tree/hooks/useTreeStore.ts b/src/tree/hooks/useTreeStore.ts
index 7792c78d5d..caaf74fd0e 100644
--- a/src/tree/hooks/useTreeStore.ts
+++ b/src/tree/hooks/useTreeStore.ts
@@ -1,4 +1,4 @@
-import pick from 'lodash/pick';
+import { pick } from 'lodash-es';
 import { TreeStore } from '../../_common/js/tree/tree-store';
 import { watch, TypeRef } from '../adapt';
 import {
diff --git a/src/tree/tree.tsx b/src/tree/tree.tsx
index 26d7e09362..eed19f279b 100644
--- a/src/tree/tree.tsx
+++ b/src/tree/tree.tsx
@@ -1,5 +1,5 @@
-import isFunction from 'lodash/isFunction';
-import upperFirst from 'lodash/upperFirst';
+import { isFunction } from 'lodash-es';
+import { upperFirst } from 'lodash-es';
 import { renderTNodeJSX } from '../utils/render-tnode';
 import {
   defineComponent,
diff --git a/src/tree/util.ts b/src/tree/util.ts
index 899ff56c97..570f507c2d 100644
--- a/src/tree/util.ts
+++ b/src/tree/util.ts
@@ -1,4 +1,4 @@
-import camelCase from 'lodash/camelCase';
+import { camelCase } from 'lodash-es';
 import { TypeVNode, TypeSetupContext, isVueNext } from './adapt';
 import {
   TreeProps,
diff --git a/src/upload/hooks/useUpload.ts b/src/upload/hooks/useUpload.ts
index cc1071fe74..d13bc9baeb 100644
--- a/src/upload/hooks/useUpload.ts
+++ b/src/upload/hooks/useUpload.ts
@@ -1,5 +1,5 @@
 import { ref, computed, toRefs } from 'vue';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { SizeLimitObj, TdUploadProps, UploadChangeContext, UploadFile, UploadRemoveContext } from '../type';
 import {
   getFilesAndErrors,
diff --git a/src/upload/themes/multiple-flow-list.tsx b/src/upload/themes/multiple-flow-list.tsx
index ae2c894afa..1c80c691f7 100644
--- a/src/upload/themes/multiple-flow-list.tsx
+++ b/src/upload/themes/multiple-flow-list.tsx
@@ -12,8 +12,8 @@ import {
   FileIcon as TdFileIcon,
   VideoIcon as TdVideoIcon,
 } from 'tdesign-icons-vue-next';
-import isFunction from 'lodash/isFunction';
-import isObject from 'lodash/isObject';
+import { isFunction } from 'lodash-es';
+import { isObject } from 'lodash-es';
 import useGlobalIcon from '../../hooks/useGlobalIcon';
 import ImageViewer, { ImageViewerProps } from '../../image-viewer';
 import { CommonDisplayFileProps } from '../interface';
diff --git a/src/utils/dom.ts b/src/utils/dom.ts
index 230885568c..8565665a26 100644
--- a/src/utils/dom.ts
+++ b/src/utils/dom.ts
@@ -5,9 +5,9 @@
 /* eslint-disable no-undef */
 import { ComponentPublicInstance, VNode } from 'vue';
 import raf from 'raf';
-import isString from 'lodash/isString';
-import isFunction from 'lodash/isFunction';
-import isArray from 'lodash/isArray';
+import { isString } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isArray } from 'lodash-es';
 import { easeInOutCubic, EasingFunction } from './easing';
 import { ScrollContainer, ScrollContainerElement } from '../common';
 
diff --git a/src/utils/event.ts b/src/utils/event.ts
index e25621c1a2..b0cfc1f77e 100644
--- a/src/utils/event.ts
+++ b/src/utils/event.ts
@@ -1,6 +1,6 @@
 import { ComponentPublicInstance } from 'vue';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
+import { isFunction } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 import { getPropsApiByEvent } from './helper';
 export type EmitEventName = { event: string; method: string } | string;
diff --git a/src/utils/helper.ts b/src/utils/helper.ts
index c2230b9c45..48d2de711f 100644
--- a/src/utils/helper.ts
+++ b/src/utils/helper.ts
@@ -1,9 +1,9 @@
-import camelCase from 'lodash/camelCase';
-import isUndefined from 'lodash/isUndefined';
-import isNull from 'lodash/isNull';
-import isArray from 'lodash/isArray';
-import isNumber from 'lodash/isNumber';
-import isString from 'lodash/isString';
+import { camelCase } from 'lodash-es';
+import { isUndefined } from 'lodash-es';
+import { isNull } from 'lodash-es';
+import { isArray } from 'lodash-es';
+import { isNumber } from 'lodash-es';
+import { isString } from 'lodash-es';
 
 export function omit(obj: object, fields: string[]): object {
   const shallowCopy = {
diff --git a/src/utils/render-tnode.ts b/src/utils/render-tnode.ts
index d08db2e4ad..60e41bc79d 100644
--- a/src/utils/render-tnode.ts
+++ b/src/utils/render-tnode.ts
@@ -1,11 +1,11 @@
 import { h, ComponentPublicInstance, VNode, isVNode, Fragment } from 'vue';
-import isEmpty from 'lodash/isEmpty';
-import isString from 'lodash/isString';
-import isFunction from 'lodash/isFunction';
-import isObject from 'lodash/isObject';
-import camelCase from 'lodash/camelCase';
-import kebabCase from 'lodash/kebabCase';
-import isArray from 'lodash/isArray';
+import { isEmpty } from 'lodash-es';
+import { isString } from 'lodash-es';
+import { isFunction } from 'lodash-es';
+import { isObject } from 'lodash-es';
+import { camelCase } from 'lodash-es';
+import { kebabCase } from 'lodash-es';
+import { isArray } from 'lodash-es';
 
 export interface JSXRenderContext {
   defaultNode?: VNode | string;