Merge branch 'feature/global_size_demo' into develop

Former-commit-id: f21f4c82664500bfee2f5c489bfcdd9aa5ea526e [formerly 943c194]
Former-commit-id: a684147

Author: FairyEver

src/menu/modules/demo-playground.js

@@ -60,8 +60,8 @@ export default {
       title: '全局状态管理',
       icon: 'bolt',
       children: [
-        { path: `${pre}store/sys`, title: '系统状态', icon: 'microchip' },
         { path: `${pre}store/menu`, title: '菜单控制', icon: 'bars' },
+        { path: `${pre}store/size`, title: '全局尺寸', icon: 'font' },
         { path: `${pre}store/ua`, title: '浏览器信息', icon: 'info-circle' },
         { path: `${pre}store/gray`, title: '灰度模式', icon: 'eye' },
         { path: `${pre}store/fullscreen`, title: '全屏', icon: 'arrows-alt' },

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

@@ -0,0 +1,39 @@
+<template>
+  <d2-container type="card">
+    <el-radio-group v-model="currentValue" @change="sizeSet">
+      <el-radio-button label="default"></el-radio-button>
+      <el-radio-button label="medium"></el-radio-button>
+      <el-radio-button label="small"></el-radio-button>
+      <el-radio-button label="mini"></el-radio-button>
+    </el-radio-group>
+  </d2-container>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+export default {
+  data () {
+    return {
+      currentValue: ''
+    }
+  },
+  computed: {
+    ...mapState('d2admin/size', [
+      'value'
+    ])
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.currentValue = val
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    ...mapMutations({
+      sizeSet: 'd2admin/size/set'
+    })
+  }
+}
+</script>

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

@@ -25,7 +25,6 @@ export default {
       defaultValue: '',
       user: true
     })
-    console.log('size: ', size)
     // Element
     Vue.use(ElementUI, {
       size

src/plugin/d2admin/index.js

@@ -32,8 +32,8 @@ const frameIn = [
       { path: 'page-cache/off', name: `${pre}page-cache-off`, component: () => import('@/pages/demo/playground/page-cache/off.vue'), meta: { ...meta, notCache: true, title: '关闭缓存' } },
       { path: 'page-argu/send', name: `${pre}page-argu-send`, component: () => import('@/pages/demo/playground/page-argu/send.vue'), meta: { ...meta, title: '参数传递 发送' } },
       { path: 'page-argu/get/:username', name: `${pre}page-argu-get`, component: () => import('@/pages/demo/playground/page-argu/get.vue'), meta: { ...meta, title: '参数传递 接收' } },
-      { path: 'store/sys', name: `${pre}store-sys`, component: () => import('@/pages/demo/playground/store/sys'), meta: { ...meta, title: '系统状态' } },
       { path: 'store/menu', name: `${pre}store-menu`, component: () => import('@/pages/demo/playground/store/menu'), meta: { ...meta, title: '菜单控制' } },
+      { path: 'store/size', name: `${pre}store-size`, component: () => import('@/pages/demo/playground/store/size'), meta: { ...meta, title: '全局尺寸' } },
       { path: 'store/ua', name: `${pre}store-ua`, component: () => import('@/pages/demo/playground/store/ua'), meta: { ...meta, title: '浏览器信息' } },
       { path: 'store/gray', name: `${pre}store-gray`, component: () => import('@/pages/demo/playground/store/gray'), meta: { ...meta, title: '灰度模式' } },
       { path: 'store/fullscreen', name: `${pre}store-fullscreen`, component: () => import('@/pages/demo/playground/store/fullscreen'), meta: { ...meta, title: '全屏' } },