Merge branch 'feature' into preview

src/components/draggable-tab/index.tsx

@@ -80,6 +80,7 @@ const DraggableTab: React.FC<TabsProps & { onItemsChange?: (items: any[]) => voi
       )}
       {...props}
       items={items}
+      tabBarStyle={{ marginBottom: 8 }}
       className='tab-layout'
     />
   );

src/hooks/use-tabs/index.tsx

@@ -46,6 +46,7 @@ export function useTabs() {
   // 关闭除了自己其它tab
   const closeOtherTab = useCallback((routePath: string = activeTabRoutePath) => {
     setKeepAliveTabs(prev => prev.filter(o => o.routePath === routePath));
+    router.navigate(routePath);
   }, [activeTabRoutePath]);
 
   // 刷新tab

src/layout/content/index.tsx

@@ -18,7 +18,7 @@ const Content: FC<any> = ({ children }) => {
       style={{
         borderRadius: '8px',
         marginLeft: collapsed ? 100 : defaultSetting.slideWidth,
-        minHeight: 'calc(100vh - 80px)',
+        minHeight: 'calc(100vh - 60px)',
         transition: "all 200ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
         width: `calc(100vw - ${isPC ? collapsed ? 100 : defaultSetting.slideWidth : 32}px)`
       }}

src/layout/tabs-layout.tsx

@@ -38,7 +38,6 @@ const TabsLayout: React.FC = () => {
     ].filter(o => o !== null) as MenuItemType[],
     [tabs]
   );
-
   const menuClick = useCallback(({ key, domEvent }: any, tab: KeepAliveTab) => {
     domEvent.stopPropagation();
 
@@ -55,7 +54,7 @@ const TabsLayout: React.FC = () => {
     return (
       <Dropdown
         menu={{ items: menuItems, onClick: (e) => menuClick(e, tab) }}
-        trigger={['contextMenu']}
+        trigger={['hover']}
       >
         <div style={{ margin: '-12px 0', padding: '12px 0' }}>
           {getIcon(tab.icon)}