gray

Former-commit-id: 553d22bc2ba6a095e0d1667e70db497816e102c2 [formerly 553d22bc2ba6a095e0d1667e70db497816e102c2 [formerly 553d22bc2ba6a095e0d1667e70db497816e102c2 [formerly 553d22bc2ba6a095e0d1667e70db497816e102c2 [formerly be58b4c910710a1067ee07bbf2fedd515d94dff8 [formerly 206041f166f2525d783041c2e5db14c37e5f6392]]]]]
Former-commit-id: 086628abb7a77b20f8e0d973d3ef09be9d392810
Former-commit-id: b67bf6ad83f4546de9fcbf455dd498ee73ffd8ec
Former-commit-id: 6f47fb5c2b7d1804fac39e8f0c7fba280964ac9c [formerly 344e5b1af573b8320a6a3881aab28e2ad412c6e6]
Former-commit-id: b2ab2bd7a19e5cde49e78431125bc2847fc9272c
Former-commit-id: 0cb0c74ef934a7d23cb8a710e98b4e58583a4713
Former-commit-id: 5a417644c344269ea2ec26929531f1f5464d2c26
Former-commit-id: d2cd0166b2796e29bdb54bbacdf2df5775eb2990
Former-commit-id: 2c800218a2dc22835b7e46b094349d92a925f823

src/pages/demo/playground/store/gray/index.vue

@@ -1,12 +1,12 @@
 <template>
   <d2-container type="card" class="page-demo-playground-gray">
     <template slot="header">
-      <div class="colorful">{{isGrayMode ? 'GRAY' : 'COLORFUL'}}</div>
+      <div class="colorful">{{grayActive ? 'GRAY' : 'COLORFUL'}}</div>
     </template>
     <el-button-group>
-      <el-button @click="grayModeToggle">切换灰度模式</el-button>
-      <el-button @click="grayModeSet(true)">打开灰度模式</el-button>
-      <el-button @click="grayModeSet(false)">关闭灰度模式</el-button>
+      <el-button @click="grayToggle">切换灰度模式</el-button>
+      <el-button @click="graySet(true)">打开灰度模式</el-button>
+      <el-button @click="graySet(false)">关闭灰度模式</el-button>
       <el-button @click="dialogVisible = true">模拟报错提示框</el-button>
     </el-button-group>
     <el-dialog
@@ -47,20 +47,20 @@ export default {
     }
   },
   computed: {
-    ...mapState('d2admin', [
-      'isGrayMode'
-    ])
+    ...mapState('d2admin/gray', {
+      grayActive: 'active'
+    })
   },
   methods: {
-    ...mapMutations('d2admin', [
-      'grayModeToggle',
-      'grayModeSet'
-    ]),
+    ...mapMutations('d2admin/gray', {
+      grayToggle: 'toggle',
+      graySet: 'set'
+    }),
     handleDialogOpen () {
-      this.grayModeSet(true)
+      this.graySet(true)
     },
     handleDialogClosed () {
-      this.grayModeSet(false)
+      this.graySet(false)
     }
   }
 }

src/pages/demo/playground/store/sys/index.vue

@@ -36,7 +36,7 @@
         <el-col :span="8">
           <el-card shadow="never" class="d2-card d2-mb">
             <template slot="header">灰度模式</template>
-            <el-switch v-model="isGrayMode" active-text="打开" inactive-text="关闭" disabled/>
+            <el-switch v-model="grayActive" active-text="打开" inactive-text="关闭" disabled/>
           </el-card>
         </el-col>
         <el-col :span="8">
@@ -147,10 +147,11 @@ export default {
       themeList: state => state.theme.list,
       themeActiveName: state => state.theme.activeName,
       // 全屏
-      fullscreenActive: state => state.fullscreen.active
+      fullscreenActive: state => state.fullscreen.active,
+      // 灰度模式
+      grayActive: state => state.gray.active
     }),
     ...mapState('d2admin', [
-      'isGrayMode',
       'pagePool',
       'pageOpenedList',
       'pageCurrent'