feat: add the setCollapsed

Author: Boelroy

packages/ui/xconsole-rc-app-layout/src/AppLayout.tsx

@@ -4,11 +4,13 @@ import { withRouter } from 'dva/router';
 import { IProp, ISidebarConfig } from './types/index';
 import Context from './Context';
 import Aside from './Aside';
+import useCollapsed from './hooks/useCollapsed';
 
 let noticeFlag = false;
 
 const XConsoleAppLayout: React.FunctionComponent<IProp> = (props: IProp) => {
-  const { sidebar: rawSidebar, consoleMenu, location, children, menuParams } = props;
+  const { sidebar: rawSidebar, consoleMenu, location, children, menuParams  } = props;
+  const { pathname } = location;
 
   let sidebar: ISidebarConfig = null;
 
@@ -53,16 +55,28 @@ const XConsoleAppLayout: React.FunctionComponent<IProp> = (props: IProp) => {
     return () => window.removeEventListener('message', cb);
   }, []);
 
+  const { collapsed, setCollapsed, onNavCollapseTriggerClick } = useCollapsed(
+    pathname,
+    consoleMenu?.collapsedPath || []
+  );
+
   return (
     <Context.Provider
       value={{
         sidebar: { title, navs, collapsedKeys: [] },
         setTitle,
         setNavs,
+        setCollapsed,
         onNavTriggerClick
       }}
     >
-      <Aside consoleMenu={consoleMenu} location={location} menuParams={menuParams}>
+      <Aside
+        collapsed={collapsed}
+        onNavCollapseTriggerClick={onNavCollapseTriggerClick}
+        consoleMenu={consoleMenu}
+        location={location}
+        menuParams={menuParams}
+      >
         {children}
       </Aside>
     </Context.Provider>

packages/ui/xconsole-rc-app-layout/src/Aside.tsx

@@ -35,14 +35,15 @@ const XConsoleAppLayoutAside: React.FC<Partial<IProp>> = (
     location: { pathname },
     children,
     menuParams,
+    collapsed,
+    onNavCollapseTriggerClick
   } = props;
 
   const { sidebar } = useContext(Context);
 
   const {
     displayPath,
     notDisplayPath,
-    collapsedPath = [],
     defaultOpen = [],
   } = consoleMenu;
 
@@ -56,11 +57,6 @@ const XConsoleAppLayoutAside: React.FC<Partial<IProp>> = (
   // 合并 sidebar 的 defaultOpenKeys
   sidebar.defaultOpenKeys = defaultOpen;
 
-  const { collapsed, onNavCollapseTriggerClick } = useCollapsed(
-    pathname,
-    collapsedPath
-  );
-
   return (
     <XConsoleTheme>
       <AppLayout

packages/ui/xconsole-rc-app-layout/src/Context.ts

@@ -6,12 +6,14 @@ interface IContextValue {
   sidebar: Partial<ISidebarConfig>;
   setTitle: (title: string) => void;
   setNavs: (navs: INavConfig[]) => void;
+  setCollapsed: (collapsed: boolean) => void;
   onNavTriggerClick: (fn: () => void) => (() => void);
 }
 
 export default React.createContext<IContextValue>({
   sidebar: {},
   setTitle: (title: string) => {/* nothing */},
   setNavs: (navs: INavConfig[]) => {/* nothing */},
+  setCollapsed: (collapsed: boolean) => {/* nothing */},
   onNavTriggerClick: (fn: () => void) => () => {/* nothing */},
 });

packages/ui/xconsole-rc-app-layout/src/hooks/useCollapsed.ts

@@ -27,6 +27,7 @@ const useCollapsed = (pathname: string, collapsedPath: PathRule) => {
 
   return {
     collapsed,
+    setCollapsed,
     onNavCollapseTriggerClick,
   };
 };

packages/ui/xconsole-rc-app-layout/src/types/index.ts

@@ -64,6 +64,8 @@ export interface IProp extends RouteComponentProps {
   consoleMenu?: IConsoleMenuConfig;
   children?: React.ReactChildren;
   menuParams: Record<string, any>;
+  collapsed?: boolean;
+  onNavCollapseTriggerClick?: any;
 }
 
 export interface IMenuProps {

packages/ui/xconsole-rc-app-layout/stories/index.stories.tsx

@@ -25,7 +25,7 @@ storiesOf('XConsoleAppLayout', module).add('XConsoleAppLayout', () => {
     <div id="app-wrapper">
       <div id="app">
         <Router history={createBrowserHistory()}>
-          <WindProRcAppLayout sidebar={sidebar}>
+          <WindProRcAppLayout sidebar={sidebar} consoleMenu={{collapsedPath: ['/basic-profile']}}>
             <Test/>
           </WindProRcAppLayout>
         </Router>