fix(tab-panel): component content not displayed (#638)

* fix(tab-panel): component content not displayed

* test(tab-panel): component content not displayed

Author: betavs

src/cascader/Cascader.tsx

@@ -1,6 +1,6 @@
 import { useDeepCompareEffect } from 'ahooks';
 import classNames from 'classnames';
-import last from 'lodash/last';
+import last from 'lodash-es/last';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { CloseIcon, ChevronRightIcon } from 'tdesign-icons-react';
 import useDefault from '../_util/useDefault';

src/dropdown-menu/DropdownItem.tsx

@@ -1,6 +1,6 @@
 import { useClickAway } from 'ahooks';
 import cx from 'classnames';
-import uniqueId from 'lodash/uniqueId';
+import uniqueId from 'lodash-es/uniqueId';
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { CaretDownSmallIcon, CaretUpSmallIcon } from 'tdesign-icons-react';
 import { Button, Checkbox, Popup, RadioGroup } from 'tdesign-mobile-react';

src/dropdown-menu/DropdownMenuContext.ts

@@ -1,4 +1,4 @@
-import noop from 'lodash/noop';
+import noop from 'lodash-es/noop';
 import React from 'react';
 import { dropdownMenuDefaultProps } from './defaultProps';
 

src/tabs/TabPanel.tsx

@@ -10,8 +10,8 @@ const TabPanel: FC<TdTabPanelProps> = (props) => {
   const tabPanelClass = usePrefixClass('tab-panel');
   const tabClass = usePrefixClass('tabs');
   const tabProps = useContext(TabContext);
-  const { activeKey } = tabProps;
-  const isActive = useMemo(() => value === activeKey, [activeKey, value]);
+  const { currentValue } = tabProps;
+  const isActive = useMemo(() => value === currentValue, [currentValue, value]);
   const [isMount, setIsMount] = useState(lazy ? isActive : true);
 
   useEffect(() => {