fix: destructing import from lodash cause dist too large in esm version (#788)

packages/select/src/useSelect.ts

@@ -11,7 +11,7 @@ import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'
 import { t } from '@element-plus/locale'
 import isServer from '@element-plus/utils/isServer'
 import scrollIntoView from '@element-plus/utils/scroll-into-view'
-import { debounce as lodashDebounce } from 'lodash'
+import lodashDebounce from 'lodash/debounce'
 import { isKorean } from '@element-plus/utils/isDef'
 import {
   getValueByPath,

packages/table/src/store/helper.ts

@@ -1,5 +1,5 @@
 import Store from './index'
-import { debounce } from 'lodash'
+import debounce from 'lodash/debounce'
 import { Table } from '../table.type'
 
 export function createStore(table: Table, initialState = {}) {

packages/table/src/table-body/events-helper.ts

@@ -1,7 +1,7 @@
 import { getCurrentInstance, VNode, ref, h } from 'vue'
 import { getStyle, hasClass } from '@element-plus/utils/dom'
 import { getCell, getColumnByCell } from '../util'
-import { debounce } from 'lodash'
+import debounce from 'lodash/debounce'
 import { TableBodyProps } from './table-body'
 import { Table, AnyObject, TableColumnCtx } from '../table.type'
 

packages/table/src/table.vue

@@ -269,7 +269,7 @@ import TableLayout from './table-layout'
 import TableHeader from './table-header/index'
 import TableBody from './table-body/index'
 import TableFooter from './table-footer/index'
-import { debounce } from 'lodash'
+import debounce from 'lodash/debounce'
 import useUtils from './table/utils-helper'
 import useStyle from './table/style-helper'
 import { TableProps, Table } from './table.type'

packages/table/src/table/style-helper.ts

@@ -3,7 +3,7 @@ import {
   addResizeListener,
   removeResizeListener,
 } from '@element-plus/utils/resize-event'
-import { throttle } from 'lodash'
+import throttle from 'lodash/throttle'
 import { parseHeight } from '../util'
 import {
   TableProps,