chore: lodash changed to lodash-es (#2233)

Co-authored-by: 潇见 <[email protected]>

Author: Ali-ovo

jest.config.js

@@ -19,4 +19,7 @@ module.exports = {
     '!**/dist/**',
   ],
   transformIgnorePatterns: ['^.+\\.js$'],
+  moduleNameMapper: {
+    'lodash-es': 'lodash',
+  },
 };

packages/hooks/package.json

@@ -39,7 +39,7 @@
     "dayjs": "^1.9.1",
     "intersection-observer": "^0.12.0",
     "js-cookie": "^2.x.x",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "resize-observer-polyfill": "^1.5.1",
     "screenfull": "^5.0.0",
     "tslib": "^2.4.1"

packages/hooks/src/useDebounceFn/index.ts

@@ -1,4 +1,4 @@
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 import { useMemo } from 'react';
 import type { DebounceOptions } from '../useDebounce/debounceOptions';
 import useLatest from '../useLatest';

packages/hooks/src/useReactive/index.ts

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import isPlainObject from 'lodash/isPlainObject';
+import { isPlainObject } from 'lodash-es';
 import useCreation from '../useCreation';
 import useUpdate from '../useUpdate';
 

packages/hooks/src/useRequest/src/plugins/useDebouncePlugin.ts

@@ -1,5 +1,5 @@
-import type { DebouncedFunc, DebounceSettings } from 'lodash';
-import debounce from 'lodash/debounce';
+import type { DebouncedFunc, DebounceSettings } from 'lodash-es';
+import { debounce } from 'lodash-es';
 import { useEffect, useMemo, useRef } from 'react';
 import type { Plugin } from '../types';
 

packages/hooks/src/useRequest/src/plugins/useThrottlePlugin.ts

@@ -1,5 +1,5 @@
-import type { DebouncedFunc, ThrottleSettings } from 'lodash';
-import throttle from 'lodash/throttle';
+import type { DebouncedFunc, ThrottleSettings } from 'lodash-es';
+import { throttle } from 'lodash-es';
 import { useEffect, useRef } from 'react';
 import type { Plugin } from '../types';
 

packages/hooks/src/useThrottleFn/index.ts

@@ -1,4 +1,4 @@
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 import { useMemo } from 'react';
 import useLatest from '../useLatest';
 import type { ThrottleOptions } from '../useThrottle/throttleOptions';

packages/hooks/src/utils/depsEqual.ts

@@ -1,5 +1,5 @@
 import type { DependencyList } from 'react';
-import isEqual from 'lodash/isEqual';
+import { isEqual } from 'lodash-es';
 
 export const depsEqual = (aDeps: DependencyList = [], bDeps: DependencyList = []) =>
   isEqual(aDeps, bDeps);