feat: 系统设置面板里添加对tagsView的设置

Author: NLRX-WJC

src/defaultSettings.js

@@ -18,4 +18,10 @@ export default {
    * @description Whether fix the header
    */
   fixedHeader: false,
+  
+  /**
+   * @type {boolean} true | false
+   * @description Whether need tagsView
+   */
+  tagsView: true,
 };

src/store/reducers/settings.js

@@ -1,11 +1,12 @@
 import * as types from "../action-types";
 import defaultSettings from "@/defaultSettings";
-const { showSettings, sidebarLogo ,fixedHeader} = defaultSettings;
+const { showSettings, sidebarLogo, fixedHeader, tagsView } = defaultSettings;
 
 const initState = {
   showSettings: showSettings,
   sidebarLogo: sidebarLogo,
   fixedHeader: fixedHeader,
+  tagsView: tagsView,
 };
 export default function settings(state = initState, action) {
   switch (action.type) {

src/views/layout/RightPanel/index.jsx

@@ -7,6 +7,7 @@ class RightPanel extends Component {
   state = {
     sidebarLogo: true,
     fixedHeader: true,
+    tagsView: true,
   };
   sidebarLogoChange = (checked) => {
     this.setState({ sidebarLogo: checked });
@@ -16,12 +17,17 @@ class RightPanel extends Component {
     this.setState({ fixedHeader: checked });
     this.props.changeSetting({ key: "fixedHeader", value: checked });
   };
+  tagsViewChange = (checked) => {
+    this.setState({ tagsView: checked });
+    this.props.changeSetting({ key: "tagsView", value: checked });
+  };
   handleCopy = (e) => {
     let config = `
     export default {
       showSettings: true,
       sidebarLogo: ${this.state.sidebarLogo},
       fixedHeader: ${this.state.fixedHeader},
+      tagsView: ${this.state.tagsView},
     }
     `;
     clip(config, e);
@@ -32,6 +38,7 @@ class RightPanel extends Component {
       toggleSettingPanel,
       sidebarLogo,
       fixedHeader,
+      tagsView,
     } = this.props;
     return (
       <div className="rightSettings">
@@ -70,6 +77,20 @@ class RightPanel extends Component {
             </Col>
           </Row>
           <Divider dashed />
+          <Row>
+            <Col span={12}>
+              <span>开启 Tags-View</span>
+            </Col>
+            <Col span={12}>
+              <Switch
+                checkedChildren="开"
+                unCheckedChildren="关"
+                defaultChecked={tagsView}
+                onChange={this.tagsViewChange}
+              />
+            </Col>
+          </Row>
+          <Divider dashed />
           <Row>
             <Col span={24}>
               <Alert

src/views/layout/index.jsx

@@ -1,21 +1,23 @@
 import React from "react";
+import { connect } from "react-redux";
 import Content from "./Content";
 import Header from "./Header";
 import RightPanel from "./RightPanel";
 import Sider from "./Sider";
 import TagsView from "./TagsView";
 import { Layout } from "antd";
-const Main = () => {
+const Main = (props) => {
+  const { tagsView } = props;
   return (
     <Layout style={{ minHeight: "100vh" }}>
       <Sider />
       <Layout>
         <Header />
-        <TagsView/>
+        {tagsView ? <TagsView /> : null}
         <Content />
         <RightPanel />
       </Layout>
     </Layout>
   );
 };
-export default Main;
+export default connect((state) => state.settings)(Main);