chore: replace lodash with lodash-es (#529)

* chore: replace lodash with lodash-es

* test: mapping lodash-es to lodash

jest.config.js

@@ -11,5 +11,6 @@ module.exports = {
         '\\.(css|scss|less)$': '<rootDir>/tests/styleMock.js',
         // make tests access in [email protected]
         '@babel/polyfill/lib/noConflict': '<rootDir>/tests/styleMock.js',
+        '^lodash-es$': 'lodash',
     },
 };

package.json

@@ -81,7 +81,7 @@
         "@testing-library/user-event": "^14.4.3",
         "@typed-mxgraph/typed-mxgraph": "^1.0.7",
         "@types/jest": "^29.2.3",
-        "@types/lodash": "^4.14.191",
+        "@types/lodash-es": "^4.17.12",
         "@types/react": "^18.0.0",
         "@types/shortid": "^0.0.31",
         "@types/showdown": "^1.9.0",
@@ -109,6 +109,7 @@
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-test-renderer": "^18.2.0",
+        "standard-version": "^9.5.0",
         "stylelint": "^14.9.1",
         "ts-jest": "^29.0.3",
         "typescript": "~4.5.2"
@@ -121,13 +122,12 @@
         "classnames": "^2.2.6",
         "handsontable": "6.2.2",
         "highlight.js": "^10.5.0",
-        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
         "mxgraph": "^4.2.2",
         "rc-drawer": "~5.1.0",
         "rc-virtual-list": "^3.4.13",
         "shortid": "^2.2.16",
         "showdown": "^1.9.0",
-        "standard-version": "^9.5.0",
         "use-clippy": "^1.0.9"
     },
     "config": {

src/drawer/index.tsx

@@ -2,7 +2,7 @@ import React, { CSSProperties, useEffect, useState } from 'react';
 import { CloseOutlined } from '@ant-design/icons';
 import { Alert, AlertProps, Spin, Tabs } from 'antd';
 import classNames from 'classnames';
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 import RcDrawer, { DrawerProps as AntdDrawerProps } from 'rc-drawer';
 
 import motionProps from './motion';

src/dropdown/select.tsx

@@ -7,7 +7,7 @@ import type {
     CheckboxValueType,
 } from 'antd/lib/checkbox/Group';
 import classNames from 'classnames';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import List from 'rc-virtual-list';
 
 import './style.scss';

src/filterRules/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { message } from 'antd';
 import { InternalNamePath } from 'antd/lib/form/interface';
-import { clone } from 'lodash';
+import { clone } from 'lodash-es';
 import shortId from 'shortid';
 
 import { RulesController } from './ruleController';

src/modal/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Alert, type AlertProps, Modal, type ModalProps } from 'antd';
 import classNames from 'classnames';
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 
 import './index.scss';
 

src/useDebounce/index.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef } from 'react';
-import type { DebounceSettings } from 'lodash';
-import { debounce } from 'lodash';
+import type { DebounceSettings } from 'lodash-es';
+import { debounce } from 'lodash-es';
 
 const useDebounce = <T extends (...args: any) => any>(
     func: T,

src/useList/index.ts

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { merge } from 'lodash';
+import { merge } from 'lodash-es';
 
 export type Fetcher<T, P> = (params: P) => Promise<{ data: T[]; total: number }>;