Show Drawer Setting in preview.pro.ant.design, close #2277

.eslintrc.js

@@ -9,6 +9,9 @@ module.exports = {
     jest: true,
     jasmine: true,
   },
+  globals: {
+    APP_TYPE: true,
+  },
   rules: {
     'react/jsx-filename-extension': [1, { extensions: ['.js'] }],
     'react/jsx-wrap-multilines': 0,

src/layouts/BasicLayout.js

@@ -201,6 +201,16 @@ class BasicLayout extends React.PureComponent {
     });
   };
 
+  renderSettingDrawer() {
+    // Do show SettingDrawer in production
+    // unless deployed in preview.pro.ant.design as demo
+    const { rendering } = this.state;
+    if ((rendering || process.env.NODE_ENV === 'production') && APP_TYPE !== 'site') {
+      return null;
+    }
+    return <SettingDrawer />;
+  }
+
   render() {
     const {
       navTheme,
@@ -208,7 +218,7 @@ class BasicLayout extends React.PureComponent {
       children,
       location: { pathname },
     } = this.props;
-    const { rendering, isMobile } = this.state;
+    const { isMobile } = this.state;
     const isTop = PropsLayout === 'topmenu';
     const menuData = this.getMenuData();
     const layout = (
@@ -242,6 +252,7 @@ class BasicLayout extends React.PureComponent {
         </Layout>
       </Layout>
     );
+
     return (
       <React.Fragment>
         <DocumentTitle title={this.getPageTitle(pathname)}>
@@ -253,9 +264,7 @@ class BasicLayout extends React.PureComponent {
             )}
           </ContainerQuery>
         </DocumentTitle>
-        {(rendering || process.env.NODE_ENV === 'production') ? null : ( // Do show SettingDrawer in production
+        {this.renderSettingDrawer()}
-          <SettingDrawer />
-        )}
       </React.Fragment>
     );
   }

src/models/setting.js

@@ -4,11 +4,9 @@ import defaultSettings from '../defaultSettings';
 let lessNodesAppended;
 const updateTheme = primaryColor => {
   // // Don't compile less in production!
-  /* eslint-disable */
   if (APP_TYPE !== 'site') {
     return;
   }
-  /* eslint-disable */
   // Determine if the component is remounted
   if (!primaryColor) {
     return;
@@ -111,8 +109,8 @@ export default {
       if (state.primaryColor !== primaryColor) {
         updateTheme(primaryColor);
       }
-      if (state.contentWidth !== contentWidth) {
+      if (state.contentWidth !== contentWidth && window.dispatchEvent) {
-        window.dispatchEvent ? window.dispatchEvent(new Event('resize')) : null;
+        window.dispatchEvent(new Event('resize'));
       }
       updateColorWeak(colorWeak);
       window.history.replaceState(null, 'setting', urlParams.href);