增加侧边栏菜单折叠动画效果切换与设置

src/store/modules/d2admin/modules/account.js

@@ -77,8 +77,8 @@ export default {
       await dispatch('d2admin/transition/load', null, { root: true })
       // 持久化数据加载上次退出时的多页列表
       await dispatch('d2admin/page/openedLoad', null, { root: true })
-      // 持久化数据加载侧边栏折叠状态
-      await dispatch('d2admin/menu/asideCollapseLoad', null, { root: true })
+      // 持久化数据加载侧边栏配置
+      await dispatch('d2admin/menu/asideLoad', null, { root: true })
       // 持久化数据加载全局尺寸
       await dispatch('d2admin/size/load', null, { root: true })
       // 持久化数据加载颜色设置

src/store/modules/d2admin/modules/menu.js

@@ -9,7 +9,9 @@ export default {
     // 侧栏菜单
     aside: [],
     // 侧边栏收缩
-    asideCollapse: setting.menu.asideCollapse
+    asideCollapse: setting.menu.asideCollapse,
+    // 侧边栏折叠动画
+    asideTransition: setting.menu.asideTransition
   },
   actions: {
     /**
@@ -44,17 +46,51 @@ export default {
       }, { root: true })
     },
     /**
-     * 从持久化数据读取侧边栏展开或者收缩
+     * 设置侧边栏折叠动画
      * @param {Object} context
+     * @param {Boolean} transition is transition
      */
-    async asideCollapseLoad ({ state, dispatch }) {
+    async asideTransitionSet ({ state, dispatch }, transition) {
       // store 赋值
-      state.asideCollapse = await dispatch('d2admin/db/get', {
+      state.asideTransition = transition
+      // 持久化
+      await dispatch('d2admin/db/set', {
         dbName: 'sys',
-        path: 'menu.asideCollapse',
-        defaultValue: setting.menu.asideCollapse,
+        path: 'menu.asideTransition',
+        value: state.asideTransition,
         user: true
       }, { root: true })
+    },
+    /**
+     * 切换侧边栏折叠动画
+     * @param {Object} context
+     */
+    async asideTransitionToggle ({ state, dispatch }) {
+      // store 赋值
+      state.asideTransition = !state.asideTransition
+      // 持久化
+      await dispatch('d2admin/db/set', {
+        dbName: 'sys',
+        path: 'menu.asideTransition',
+        value: state.asideTransition,
+        user: true
+      }, { root: true })
+    },
+    /**
+     * 持久化数据加载侧边栏设置
+     * @param {Object} context
+     */
+    async asideLoad ({ state, dispatch }) {
+      // store 赋值
+      const menu = await dispatch('d2admin/db/get', {
+        dbName: 'sys',
+        path: 'menu',
+        defaultValue: setting.menu,
+        user: true
+      }, { root: true })
+
+      state.asideCollapse = menu.asideCollapse
+      state.asideTransition = menu.asideTransition
     }
   },
   mutations: {