acud 1.2.17 → 1.2.18

package/es/tabs/src/TabNavList/index.js

@@ -20,141 +20,118 @@ import useTouchMove from '../hooks/useTouchMove';
 import useRefs from '../hooks/useRefs';
 import AddButton from './AddButton';
 import useSyncState from '../hooks/useSyncState';
-
 var ExtraContent = function ExtraContent(_ref) {
   var position = _ref.position,
-      prefixCls = _ref.prefixCls,
-      extra = _ref.extra;
+    prefixCls = _ref.prefixCls,
+    extra = _ref.extra;
   if (!extra) return null;
   var content;
   var assertExtra = extra;
-
   if (position === 'right') {
     content = assertExtra.right || !assertExtra.left && assertExtra || null;
   }
-
   if (position === 'left') {
     content = assertExtra.left || null;
   }
-
   return content ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-extra-content")
   }, content) : null;
 };
-
 function TabNavList(props, ref) {
   var _classNames;
-
   var _React$useContext = React.useContext(TabContext),
-      prefixCls = _React$useContext.prefixCls,
-      tabs = _React$useContext.tabs;
-
+    prefixCls = _React$useContext.prefixCls,
+    tabs = _React$useContext.tabs;
   var className = props.className,
-      style = props.style,
-      id = props.id,
-      animated = props.animated,
-      activeKey = props.activeKey,
-      rtl = props.rtl,
-      extra = props.extra,
-      editable = props.editable,
-      locale = props.locale,
-      tabPosition = props.tabPosition,
-      tabBarGutter = props.tabBarGutter,
-      mobile = props.mobile,
-      children = props.children,
-      onTabClick = props.onTabClick,
-      onTabScroll = props.onTabScroll,
-      _onEditTabNav = props.onEditTabNav;
+    style = props.style,
+    id = props.id,
+    animated = props.animated,
+    activeKey = props.activeKey,
+    rtl = props.rtl,
+    extra = props.extra,
+    editable = props.editable,
+    locale = props.locale,
+    tabPosition = props.tabPosition,
+    tabBarGutter = props.tabBarGutter,
+    mobile = props.mobile,
+    children = props.children,
+    onTabClick = props.onTabClick,
+    onTabScroll = props.onTabScroll,
+    _onEditTabNav = props.onEditTabNav;
   var tabsWrapperRef = useRef();
   var tabListRef = useRef();
   var operationsRef = useRef();
   var innerAddButtonRef = useRef();
-
   var _useRefs = useRefs(),
-      _useRefs2 = _slicedToArray(_useRefs, 2),
-      getBtnRef = _useRefs2[0],
-      removeBtnRef = _useRefs2[1];
-
+    _useRefs2 = _slicedToArray(_useRefs, 2),
+    getBtnRef = _useRefs2[0],
+    removeBtnRef = _useRefs2[1];
   var tabPositionTopOrBottom = tabPosition === 'top' || tabPosition === 'bottom';
-
   var _useSyncState = useSyncState(0, function (next, prev) {
-    if (tabPositionTopOrBottom && onTabScroll) {
-      onTabScroll({
-        direction: next > prev ? 'left' : 'right'
-      });
-    }
-  }),
-      _useSyncState2 = _slicedToArray(_useSyncState, 2),
-      transformLeft = _useSyncState2[0],
-      setTransformLeft = _useSyncState2[1];
-
+      if (tabPositionTopOrBottom && onTabScroll) {
+        onTabScroll({
+          direction: next > prev ? 'left' : 'right'
+        });
+      }
+    }),
+    _useSyncState2 = _slicedToArray(_useSyncState, 2),
+    transformLeft = _useSyncState2[0],
+    setTransformLeft = _useSyncState2[1];
   var _useSyncState3 = useSyncState(0, function (next, prev) {
-    if (!tabPositionTopOrBottom && onTabScroll) {
-      onTabScroll({
-        direction: next > prev ? 'top' : 'bottom'
-      });
-    }
-  }),
-      _useSyncState4 = _slicedToArray(_useSyncState3, 2),
-      transformTop = _useSyncState4[0],
-      setTransformTop = _useSyncState4[1];
-
+      if (!tabPositionTopOrBottom && onTabScroll) {
+        onTabScroll({
+          direction: next > prev ? 'top' : 'bottom'
+        });
+      }
+    }),
+    _useSyncState4 = _slicedToArray(_useSyncState3, 2),
+    transformTop = _useSyncState4[0],
+    setTransformTop = _useSyncState4[1];
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      wrapperScrollWidth = _useState2[0],
-      setWrapperScrollWidth = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    wrapperScrollWidth = _useState2[0],
+    setWrapperScrollWidth = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      wrapperScrollHeight = _useState4[0],
-      setWrapperScrollHeight = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    wrapperScrollHeight = _useState4[0],
+    setWrapperScrollHeight = _useState4[1];
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      wrapperContentWidth = _useState6[0],
-      setWrapperContentWidth = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    wrapperContentWidth = _useState6[0],
+    setWrapperContentWidth = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      wrapperContentHeight = _useState8[0],
-      setWrapperContentHeight = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    wrapperContentHeight = _useState8[0],
+    setWrapperContentHeight = _useState8[1];
   var _useState9 = useState(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      wrapperWidth = _useState10[0],
-      setWrapperWidth = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    wrapperWidth = _useState10[0],
+    setWrapperWidth = _useState10[1];
   var _useState11 = useState(null),
-      _useState12 = _slicedToArray(_useState11, 2),
-      wrapperHeight = _useState12[0],
-      setWrapperHeight = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    wrapperHeight = _useState12[0],
+    setWrapperHeight = _useState12[1];
   var _useState13 = useState(0),
-      _useState14 = _slicedToArray(_useState13, 2),
-      addWidth = _useState14[0],
-      setAddWidth = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    addWidth = _useState14[0],
+    setAddWidth = _useState14[1];
   var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
-      addHeight = _useState16[0],
-      setAddHeight = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    addHeight = _useState16[0],
+    setAddHeight = _useState16[1];
   var _useState17 = useState(true),
-      _useState18 = _slicedToArray(_useState17, 2),
-      isScroll = _useState18[0],
-      setScroll = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    isScroll = _useState18[0],
+    setScroll = _useState18[1];
   var _useRafState = useRafState(new Map()),
-      _useRafState2 = _slicedToArray(_useRafState, 2),
-      tabSizes = _useRafState2[0],
-      setTabSizes = _useRafState2[1];
-
-  var tabOffsets = useOffsets(tabs, tabSizes, wrapperScrollWidth); // ========================== Util =========================
-
+    _useRafState2 = _slicedToArray(_useRafState, 2),
+    tabSizes = _useRafState2[0],
+    setTabSizes = _useRafState2[1];
+  var tabOffsets = useOffsets(tabs, tabSizes, wrapperScrollWidth);
+  // ========================== Util =========================
   var operationsHiddenClassName = "".concat(prefixCls, "-nav-operations-hidden");
   var transformMin = 0;
   var transformMax = 0;
-
   if (!tabPositionTopOrBottom) {
     transformMin = Math.min(0, wrapperHeight - wrapperScrollHeight);
     transformMax = 0;
@@ -165,35 +142,27 @@ function TabNavList(props, ref) {
     transformMin = Math.min(0, wrapperWidth - wrapperScrollWidth);
     transformMax = 0;
   }
-
   function alignInRange(value) {
     if (value < transformMin) {
       return transformMin;
     }
-
     if (value > transformMax) {
       return transformMax;
     }
-
     return value;
-  } // ========================= Mobile ========================
-
-
+  }
+  // ========================= Mobile ========================
   var touchMovingRef = useRef();
-
   var _useState19 = useState(),
-      _useState20 = _slicedToArray(_useState19, 2),
-      lockAnimation = _useState20[0],
-      setLockAnimation = _useState20[1];
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    lockAnimation = _useState20[0],
+    setLockAnimation = _useState20[1];
   function doLockAnimation() {
     setLockAnimation(Date.now());
   }
-
   function clearTouchMoving() {
     window.clearTimeout(touchMovingRef.current);
   }
-
   useTouchMove(tabsWrapperRef, function (offsetX, offsetY) {
     function doMove(setState, offset) {
       setState(function (value) {
@@ -201,38 +170,32 @@ function TabNavList(props, ref) {
         return newValue;
       });
     }
-
     if (tabPositionTopOrBottom) {
       // Skip scroll if place is enough
       if (wrapperWidth >= wrapperScrollWidth) {
         return false;
       }
-
       doMove(setTransformLeft, offsetX);
     } else {
       if (wrapperHeight >= wrapperScrollHeight) {
         return false;
       }
-
       doMove(setTransformTop, offsetY);
     }
-
     clearTouchMoving();
     doLockAnimation();
     return true;
   });
   useEffect(function () {
     clearTouchMoving();
-
     if (lockAnimation) {
       touchMovingRef.current = window.setTimeout(function () {
         setLockAnimation(0);
       }, 100);
     }
-
     return clearTouchMoving;
-  }, [lockAnimation]); // ========================= Scroll ========================
-
+  }, [lockAnimation]);
+  // ========================= Scroll ========================
   function scrollToTab() {
     var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : activeKey;
     var tabOffset = tabOffsets.get(key) || {
@@ -242,61 +205,56 @@ function TabNavList(props, ref) {
       right: 0,
       top: 0
     };
-
     if (tabPositionTopOrBottom) {
       // ============ Align with top & bottom ============
-      var newTransform = transformLeft; // RTL
-
+      var newTransform = transformLeft;
+      // RTL
       if (rtl) {
         if (tabOffset.right < transformLeft) {
           newTransform = tabOffset.right;
         } else if (tabOffset.right + tabOffset.width > transformLeft + wrapperWidth) {
           newTransform = tabOffset.right + tabOffset.width - wrapperWidth;
         }
-      } // LTR
+      }
+      // LTR
       else if (tabOffset.left < -transformLeft) {
         newTransform = -tabOffset.left;
       } else if (tabOffset.left + tabOffset.width > -transformLeft + wrapperWidth) {
         newTransform = -(tabOffset.left + tabOffset.width - wrapperWidth);
       }
-
       setTransformTop(0);
       setTransformLeft(alignInRange(newTransform));
     } else {
       // ============ Align with left & right ============
       var _newTransform = transformTop;
-
       if (tabOffset.top < -transformTop) {
         _newTransform = -tabOffset.top;
       } else if (tabOffset.top + tabOffset.height > -transformTop + wrapperHeight) {
         _newTransform = -(tabOffset.top + tabOffset.height - wrapperHeight);
       }
-
       setTransformLeft(0);
       setTransformTop(alignInRange(_newTransform));
     }
-  } // ========================== Tab ==========================
+  }
+  // ========================== Tab ==========================
   // Render tab node & collect tab offset
-
-
   var _useVisibleRange = useVisibleRange(tabOffsets, {
-    width: wrapperWidth,
-    height: wrapperHeight,
-    left: transformLeft,
-    top: transformTop
-  }, {
-    width: wrapperContentWidth,
-    height: wrapperContentHeight
-  }, {
-    width: addWidth,
-    height: addHeight
-  }, _extends(_extends({}, props), {
-    tabs: tabs
-  })),
-      _useVisibleRange2 = _slicedToArray(_useVisibleRange, 2),
-      visibleStart = _useVisibleRange2[0],
-      visibleEnd = _useVisibleRange2[1];
-
+      width: wrapperWidth,
+      height: wrapperHeight,
+      left: transformLeft,
+      top: transformTop
+    }, {
+      width: wrapperContentWidth,
+      height: wrapperContentHeight
+    }, {
+      width: addWidth,
+      height: addHeight
+    }, _extends(_extends({}, props), {
+      tabs: tabs
+    })),
+    _useVisibleRange2 = _slicedToArray(_useVisibleRange, 2),
+    visibleStart = _useVisibleRange2[0],
+    visibleEnd = _useVisibleRange2[1];
   var tabNodes = tabs.map(function (tab, index) {
     var key = tab.key;
     return /*#__PURE__*/React.createElement(TabNode, {
@@ -322,26 +280,23 @@ function TabNavList(props, ref) {
       },
       onFocus: function onFocus() {
         scrollToTab(key);
-        doLockAnimation(); // Focus element will make scrollLeft change which we should reset back
-
+        doLockAnimation();
+        // Focus element will make scrollLeft change which we should reset back
         if (!rtl) {
           tabsWrapperRef.current.scrollLeft = 0;
         }
-
         tabsWrapperRef.current.scrollTop = 0;
       },
       onEditTabNav: function onEditTabNav(tabContent) {
         var _tabs = cloneDeep(tabs);
-
         _tabs[index].tab = tabContent;
         _onEditTabNav && _onEditTabNav(_tabs);
       }
     });
   });
   var onListHolderResize = useRaf(function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j; // Update wrapper records
-
-
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    // Update wrapper records
     var offsetWidth = ((_a = tabsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
     var offsetHeight = ((_b = tabsWrapperRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
     var newAddWidth = ((_c = innerAddButtonRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;
@@ -358,14 +313,13 @@ function TabNavList(props, ref) {
     setWrapperScrollHeight(newWrapperScrollHeight);
     var isOperationHidden = (_j = operationsRef.current) === null || _j === void 0 ? void 0 : _j.className.includes(operationsHiddenClassName);
     setWrapperContentWidth(newWrapperScrollWidth - (isOperationHidden ? 0 : newOperationWidth));
-    setWrapperContentHeight(newWrapperScrollHeight - (isOperationHidden ? 0 : newOperationHeight)); // Update buttons records
-
+    setWrapperContentHeight(newWrapperScrollHeight - (isOperationHidden ? 0 : newOperationHeight));
+    // Update buttons records
     setTabSizes(function () {
       var newSizes = new Map();
       tabs.forEach(function (_ref2) {
         var key = _ref2.key;
         var btnNode = getBtnRef(key).current;
-
         if (btnNode) {
           newSizes.set(key, {
             width: btnNode.offsetWidth,
@@ -377,28 +331,24 @@ function TabNavList(props, ref) {
       });
       return newSizes;
     });
-  }); // ======================== Dropdown =======================
-
+  });
+  // ======================== Dropdown =======================
   var startHiddenTabs = tabs.slice(0, visibleStart);
   var endHiddenTabs = tabs.slice(visibleEnd + 1);
-  var hiddenTabs = [].concat(_toConsumableArray(startHiddenTabs), _toConsumableArray(endHiddenTabs)); // =================== Link & Operations ===================
-
+  var hiddenTabs = [].concat(_toConsumableArray(startHiddenTabs), _toConsumableArray(endHiddenTabs));
+  // =================== Link & Operations ===================
   var _useState21 = useState(),
-      _useState22 = _slicedToArray(_useState21, 2),
-      inkStyle = _useState22[0],
-      setInkStyle = _useState22[1];
-
-  var activeTabOffset = tabOffsets.get(activeKey); // Delay set ink style to avoid remove tab blink
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    inkStyle = _useState22[0],
+    setInkStyle = _useState22[1];
+  var activeTabOffset = tabOffsets.get(activeKey);
+  // Delay set ink style to avoid remove tab blink
   var inkBarRafRef = useRef();
-
   function cleanInkBarRaf() {
     raf.cancel(inkBarRafRef.current);
   }
-
   useEffect(function () {
     var newInkStyle = {};
-
     if (activeTabOffset) {
       if (tabPositionTopOrBottom) {
         if (rtl) {
@@ -406,40 +356,37 @@ function TabNavList(props, ref) {
         } else {
           newInkStyle.left = activeTabOffset.left;
         }
-
         newInkStyle.width = activeTabOffset.width;
       } else {
         newInkStyle.top = activeTabOffset.top;
         newInkStyle.height = activeTabOffset.height;
       }
     }
-
     cleanInkBarRaf();
     inkBarRafRef.current = raf(function () {
       setInkStyle(newInkStyle);
     });
     return cleanInkBarRaf;
-  }, [activeTabOffset, tabPositionTopOrBottom, rtl]); // ========================= Effect ========================
-
+  }, [activeTabOffset, tabPositionTopOrBottom, rtl]);
+  // ========================= Effect ========================
   useEffect(function () {
     if (isScroll) {
       scrollToTab();
     }
-  }, [activeKey, activeTabOffset, tabOffsets, tabPositionTopOrBottom, isScroll]); // Should recalculate when rtl changed
-
+  }, [activeKey, activeTabOffset, tabOffsets, tabPositionTopOrBottom, isScroll]);
+  // Should recalculate when rtl changed
   useEffect(function () {
     onListHolderResize();
   }, [rtl, tabBarGutter, activeKey, tabs.map(function (tab) {
     return tab.key;
-  }).join('_')]); // ========================= Render ========================
-
+  }).join('_')]);
+  // ========================= Render ========================
   var hasDropdown = !!hiddenTabs.length;
   var wrapPrefix = "".concat(prefixCls, "-nav-wrap");
   var pingLeft;
   var pingRight;
   var pingTop;
   var pingBottom;
-
   if (tabPositionTopOrBottom) {
     if (rtl) {
       pingRight = transformLeft > 0;
@@ -451,37 +398,29 @@ function TabNavList(props, ref) {
   } else {
     pingTop = transformTop < 0;
     pingBottom = -transformTop + wrapperHeight < wrapperScrollHeight;
-  } // operations
-
-
+  }
+  // operations
   var _useState23 = useState(null),
-      _useState24 = _slicedToArray(_useState23, 2),
-      scrolledKey = _useState24[0],
-      setScrolledKey = _useState24[1];
-
+    _useState24 = _slicedToArray(_useState23, 2),
+    scrolledKey = _useState24[0],
+    setScrolledKey = _useState24[1];
   var popupId = "".concat(id, "-more-popup");
-
   var moreStyle = _defineProperty({}, rtl ? 'marginRight' : 'marginLeft', tabBarGutter);
-
   moreStyle.cursor = 'pointer';
-
   if (!hiddenTabs.length) {
     moreStyle.visibility = 'hidden';
     moreStyle.order = 1;
   }
-
   var onMoreClick = function onMoreClick(type) {
     var index = findIndex(tabs, function (tab) {
       return tab.key === scrolledKey;
     });
     var key;
-
     if (type === 'left') {
       key = tabs[index - 1 <= 0 ? 0 : index - 1].key;
     } else {
       key = tabs[index + 1 > tabs.length - 1 ? tabs.length - 1 : index + 1].key;
     }
-
     setScrolledKey(key);
     var tabOffset = tabOffsets.get(key) || {
       width: 0,
@@ -491,17 +430,14 @@ function TabNavList(props, ref) {
       top: 0
     };
     var newTransform = transformLeft;
-
     if (type === 'left') {
       newTransform = transformLeft + tabOffset.width + 16;
     } else {
       newTransform = transformLeft - tabOffset.width - 16;
     }
-
     setTransformLeft(alignInRange(newTransform));
     setScroll(false);
   };
-
   var moreLeftNode = mobile ? null : /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "".concat(prefixCls, "-nav-more left"),
@@ -523,7 +459,8 @@ function TabNavList(props, ref) {
     "aria-hidden": "true",
     "aria-haspopup": "listbox",
     "aria-controls": "".concat(popupId, "-right"),
-    id: "".concat(id, "-more") // aria-expanded={open}
+    id: "".concat(id, "-more")
+    // aria-expanded={open}
     ,
     onClick: function onClick() {
       return onMoreClick('right');

package/es/tabs/src/TabPanelList/TabPane.d.ts

@@ -15,4 +15,4 @@ export interface TabPaneProps {
     active?: boolean;
     destroyInactiveTabPane?: boolean;
 }
-export default function TabPane({ prefixCls, forceRender, className, style, id, active, animated, destroyInactiveTabPane, tabKey, children, }: TabPaneProps): JSX.Element;
+export default function TabPane({ prefixCls, forceRender, className, style, id, active, animated, destroyInactiveTabPane, tabKey, children, }: TabPaneProps): React.JSX.Element;

package/es/tabs/src/TabPanelList/TabPane.js

@@ -4,21 +4,19 @@ import * as React from 'react';
 import classNames from 'classnames';
 export default function TabPane(_ref) {
   var prefixCls = _ref.prefixCls,
-      forceRender = _ref.forceRender,
-      className = _ref.className,
-      style = _ref.style,
-      id = _ref.id,
-      active = _ref.active,
-      animated = _ref.animated,
-      destroyInactiveTabPane = _ref.destroyInactiveTabPane,
-      tabKey = _ref.tabKey,
-      children = _ref.children;
-
+    forceRender = _ref.forceRender,
+    className = _ref.className,
+    style = _ref.style,
+    id = _ref.id,
+    active = _ref.active,
+    animated = _ref.animated,
+    destroyInactiveTabPane = _ref.destroyInactiveTabPane,
+    tabKey = _ref.tabKey,
+    children = _ref.children;
   var _React$useState = React.useState(forceRender),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visited = _React$useState2[0],
-      setVisited = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visited = _React$useState2[0],
+    setVisited = _React$useState2[1];
   React.useEffect(function () {
     if (active) {
       setVisited(true);
@@ -27,7 +25,6 @@ export default function TabPane(_ref) {
     }
   }, [active, destroyInactiveTabPane]);
   var mergedStyle = {};
-
   if (!active) {
     if (animated) {
       mergedStyle.visibility = 'hidden';
@@ -37,7 +34,6 @@ export default function TabPane(_ref) {
       mergedStyle.display = 'none';
     }
   }
-
   return /*#__PURE__*/React.createElement("div", {
     id: id && "".concat(id, "-panel-").concat(tabKey),
     role: "tabpanel",

package/es/tabs/src/TabPanelList/index.d.ts

@@ -8,4 +8,4 @@ export interface TabPanelListProps {
     tabPosition?: TabPosition;
     destroyInactiveTabPane?: boolean;
 }
-export default function TabPanelList({ id, activeKey, animated, tabPosition, rtl, destroyInactiveTabPane, }: TabPanelListProps): JSX.Element;
+export default function TabPanelList({ id, activeKey, animated, tabPosition, rtl, destroyInactiveTabPane, }: TabPanelListProps): React.JSX.Element;

package/es/tabs/src/TabPanelList/index.js

@@ -4,16 +4,14 @@ import classNames from 'classnames';
 import TabContext from '../TabContext';
 export default function TabPanelList(_ref) {
   var id = _ref.id,
-      activeKey = _ref.activeKey,
-      animated = _ref.animated,
-      tabPosition = _ref.tabPosition,
-      rtl = _ref.rtl,
-      destroyInactiveTabPane = _ref.destroyInactiveTabPane;
-
+    activeKey = _ref.activeKey,
+    animated = _ref.animated,
+    tabPosition = _ref.tabPosition,
+    rtl = _ref.rtl,
+    destroyInactiveTabPane = _ref.destroyInactiveTabPane;
   var _React$useContext = React.useContext(TabContext),
-      prefixCls = _React$useContext.prefixCls,
-      tabs = _React$useContext.tabs;
-
+    prefixCls = _React$useContext.prefixCls,
+    tabs = _React$useContext.tabs;
   var tabPaneAnimated = animated.tabPane;
   var activeIndex = tabs.findIndex(function (tab) {
     return tab.key === activeKey;

package/es/tabs/src/Tabs.d.ts

@@ -27,7 +27,7 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     moreTransitionName?: string;
 }
 declare const ForwardTabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
-export declare type ForwardTabsType = typeof ForwardTabs & {
+export type ForwardTabsType = typeof ForwardTabs & {
     TabPane: typeof TabPane;
 };
 declare const _default: ForwardTabsType;