add menuTab property to TabPane

Author: rinick

examples/overflow.tsx

@@ -13,6 +13,13 @@ for (let i = 0; i < 50; i += 1) {
   );
 }
 
+// add a tab to demo the menuTab feature
+tabs.push(
+  <TabPane key={50} menuTab='Fancy Tab' tab={(<span><span style={{ 'color': 'red' }}> Fancy </span> Tab </span>)}>
+    Show different tab in the dropdown menu with the menuTab property.
+  </TabPane>,
+);
+
 export default () => {
   const [gutter, setGutter] = React.useState(true);
   const [destroy, setDestroy] = React.useState(false);

src/TabNavList/OperationNode.tsx

@@ -73,7 +73,7 @@ function OperationNode(
           aria-controls={id && `${id}-panel-${tab.key}`}
           disabled={tab.disabled}
         >
-          {tab.tab}
+          {tab.menuTab || tab.tab}
         </MenuItem>
       ))}
     </Menu>

src/TabPanelList/TabPane.tsx

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 
 export interface TabPaneProps {
   tab?: React.ReactNode;
+  menuTab?: React.ReactNode;
   className?: string;
   style?: React.CSSProperties;
   disabled?: boolean;