@@ -2,7 +2,7 @@ import { BasicLayout, GridContent } from '@ant-design/pro-layout';
22import LayoutSpin from "components/other/LayoutSpin" ;
33import GlobalConfig from 'global.config' ;
44import lodash from 'lodash' ;
5- import { action , toJS } from 'mobx' ;
5+ import { action , toJS , observable } from 'mobx' ;
66import { observer } from 'mobx-react' ;
77import * as React from 'react' ;
88import { renderRoutes } from 'react-router-config' ;
@@ -13,12 +13,14 @@ import UserMenu from './GlobalHeader/userMenu';
1313import TabsPages from './TabsPages' ;
1414import SettingDrawer , { ContentWidth } from './SettingDrawer' ;
1515import './style.less' ;
16+ import { Icon } from 'antd' ;
1617// import { ConfigConsumer } from 'antd/lib/config-provider';
1718// import { } from 'antd';
1819// ConfigConsumer
1920@observer
2021export default class App extends React . Component < any > {
21- static con
22+ @observable
23+ collapse = false ;
2224 /**
2325 *settings 变更 事件
2426 *
@@ -66,6 +68,11 @@ export default class App extends React.Component<any> {
6668 }
6769 componentDidMount ( ) {
6870 }
71+ @action . bound
72+ togglerContent ( ) {
73+ this . collapse = ! this . collapse ;
74+ } ;
75+
6976 public render ( ) {
7077 const settings = toJS ( GlobalConfig . settings ) ;
7178 const { language } = GlobalConfig ;
@@ -78,6 +85,9 @@ export default class App extends React.Component<any> {
7885 rightContentRender = { rightProps => (
7986 < RightContent { ...rightProps } selectedLang = { language } changeLang = { this . changeLang } >
8087 < UserMenu { ...rightProps } { ...this . props } />
88+ < div className = { `ant-pro-setting ${ settings . navTheme } ${ settings . layout } ` } onClick = { this . togglerContent } >
89+ < Icon type = { 'setting' } />
90+ </ div >
8191 </ RightContent >
8292 ) }
8393 menuHeaderRender = { ( logo , title ) => < Link to = "/" > { logo } { title } </ Link > }
@@ -100,7 +110,7 @@ export default class App extends React.Component<any> {
100110 >
101111 { settings . tabsPage && settings . contentWidth !== "Fixed" ? < TabsPages { ...this . props } /> : < MainContent { ...this . props } contentWidth = { settings . contentWidth } /> }
102112 </ BasicLayout >
103- < SettingDrawer settings = { settings } onSettingChange = { this . onSettingChange } />
113+ < SettingDrawer collapse = { this . collapse } onCollapseChange = { this . togglerContent } settings = { settings } onSettingChange = { this . onSettingChange } />
104114 </ >
105115 ) ;
106116 }
0 commit comments