mooho-base-admin-plus 0.1.0

package/src/store/modules/admin/modules/cache.js

@@ -0,0 +1,119 @@
+import enumApi from '../../../../api/enum';
+import modelApi from '../../../../api/model';
+import userApi from '../../../../api/user';
+
+/**
+ * 缓存信息
+ * */
+export default {
+  namespaced: true,
+  state: {
+    // 缓存
+    caches: {},
+    // 枚举字典信息
+    dicts: {},
+    // 枚举信息
+    enums: {},
+    // 用户姓名
+    userNames: {}
+  },
+  getters: {},
+  actions: {
+    /**
+     * @description 加载缓存数据
+     * @param {Object} state vuex state
+     * @param {*} type 类别
+     */
+    async loadCache({ state }, type) {
+      if (!(type in state.caches)) {
+        state.caches[type] = [];
+
+        try {
+          let res = await modelApi.query(type, {});
+
+          state.caches = {
+            ...state.caches
+          };
+
+          state.caches[type] = res.data;
+        } catch (err) {
+          delete state.caches[type];
+          throw err;
+        }
+      }
+    },
+    /**
+     * @description 加载枚举字典数据
+     * @param {Object} state vuex state
+     * @param {*} type 类别
+     */
+    async loadDict({ state }, type) {
+      if (!(type in state.dicts)) {
+        state.dicts[type] = {};
+
+        try {
+          let res = await modelApi.query('Dict', { type: type });
+          state.dicts = {
+            ...state.dicts
+          };
+
+          res.data.forEach(item => {
+            state.dicts[type][item.id] = item.displayName;
+          });
+        } catch (err) {
+          delete state.dicts[type];
+          throw err;
+        }
+      }
+    },
+    /**
+     * @description 加载枚举数据
+     * @param {Object} state vuex state
+     * @param {*} type 类别
+     */
+    async loadEnum({ state }, type) {
+      if (!(type in state.enums)) {
+        state.enums[type] = {};
+
+        try {
+          let res = await enumApi.query(type);
+          state.enums = {
+            ...state.enums
+          };
+
+          res.forEach(item => {
+            state.enums[type][item.id] = item.name;
+          });
+        } catch (err) {
+          delete state.enums[type];
+          throw err;
+        }
+      }
+    },
+    /**
+     * @description 加载用户姓名数据
+     * @param {Object} state vuex state
+     * @param {*} id 唯一编号
+     */
+    async loadUserName({ state }, id) {
+      if (id && !(id in state.userNames)) {
+        state.userNames[id] = {};
+
+        try {
+          let res = await userApi.get(id);
+
+          if (res) {
+            state.userNames = {
+              ...state.userNames
+            };
+
+            state.userNames[id] = res.name;
+          }
+        } catch (err) {
+          delete state.userNames[id];
+          throw err;
+        }
+      }
+    }
+  }
+};

package/src/store/modules/admin/modules/dataView.js

@@ -0,0 +1,112 @@
+import dataViewApi from '../../../../api/dataView';
+
+/**
+ * 缓存信息
+ * */
+export default {
+  namespaced: true,
+  state: {
+    // 数据视图
+    dataViews: {},
+    // 数据结构
+    schemas: {}
+  },
+  getters: {
+    get: state => code => {
+      return state.dataViews[code];
+    },
+    getSchema: state => model => {
+      return state.schemas[model];
+    }
+  },
+  actions: {
+    /**
+     * @description 加载数据视图
+     * @param {Object} state vuex state
+     * @param {*} code 代码
+     */
+    async load({ state }, code) {
+      if (!(code in state.dataViews)) {
+        let res = await dataViewApi.getByCode(code);
+        state.dataViews[code] = res;
+
+        return res;
+      } else {
+        return state.dataViews[code];
+      }
+    },
+    /**
+     * @description 加载数据结构
+     * @param {Object} state vuex state
+     * @param {*} model 模型
+     */
+    async loadSchema({ state }, model) {
+      if (!(model in state.schemas)) {
+        let res = await dataViewApi.getSchemaByModel(model);
+        state.schemas[model] = res;
+
+        return res;
+      } else {
+        return state.schemas[model];
+      }
+    },
+    /**
+     * @description 重置数据视图
+     * @param {Object} state vuex state
+     * @param {*} code 代码
+     */
+    async reset({ state }, code) {
+      let res = await dataViewApi.reset(code);
+      state.dataViews[code] = res;
+
+      return res;
+    },
+    /**
+     * @description 保存数据视图
+     * @param {Object} state vuex state
+     * @param {*} code 代码
+     * @param {*} columns 字段
+     */
+    async save({ state }, { code, columns }) {
+      let res = await dataViewApi.save(code, columns);
+      state.dataViews[code] = res;
+
+      return res;
+    },
+    /**
+     * @description 保存用户数据视图
+     * @param {Object} state vuex state
+     * @param {*} code 代码
+     * @param {*} columns 字段
+     */
+    async saveUserView({ state }, { code, columns }) {
+      let res = await dataViewApi.saveUserView(code, columns);
+      state.dataViews[code] = res;
+
+      return res;
+    },
+    /**
+     * @description 保存筛选字段
+     * @param {Object} state vuex state
+     * @param {*} code 代码
+     * @param {*} columns 字段
+     */
+    async saveFilterColumn({ state }, { code, columns }) {
+      let res = await dataViewApi.saveFilterColumn(code, columns);
+      state.dataViews[code] = res;
+
+      return res;
+    },
+    /**
+     * @description 保存数据视图设置
+     * @param {Object} state vuex state
+     * @param {*} dataView 数据视图
+     */
+    async saveSetting({ state }, dataView) {
+      let res = await dataViewApi.saveSetting(dataView);
+      state.dataViews[dataView.code] = res;
+
+      return res;
+    }
+  }
+};

package/src/store/modules/admin/modules/db.js

@@ -0,0 +1,231 @@
+/**
+ * 持久化存储
+ * 一般情况下，您无需修改此文件
+ * */
+import util from '../../../../libs/util';
+import router from '../../../../router';
+import { cloneDeep } from 'lodash';
+
+/**
+ * @description 检查路径是否存在 不存在的话初始化
+ * @param {Object} dbName {String} 数据库名称
+ * @param {Object} path {String} 路径
+ * @param {Object} user {Boolean} 区分用户
+ * @param {Object} validator {Function} 数据校验钩子 返回 true 表示验证通过
+ * @param {Object} defaultValue {*} 初始化默认值
+ * @returns {String} 可以直接使用的路径
+ */
+function pathInit({ dbName = 'database', path = '', user = true, validator = () => true, defaultValue = '' }) {
+  const uuid = util.cookies.get('uuid') || 'ghost-uuid';
+  const currentPath = `${dbName}.${user ? `user.${uuid}` : 'public'}${path ? `.${path}` : ''}`;
+  const value = util.db.get(currentPath).value();
+
+  if (!(value !== undefined && validator(value))) {
+    util.db.set(currentPath, defaultValue).write();
+  }
+  return currentPath;
+}
+
+export { pathInit };
+
+export default {
+  namespaced: true,
+  actions: {
+    /**
+     * @description 将数据存储到指定位置 | 路径不存在会自动初始化
+     * @description 效果类似于取值 dbName.path = value
+     * @param context context
+     * @param {Object} dbName {String} 数据库名称
+     * @param {Object} path {String} 存储路径
+     * @param {Object} value {*} 需要存储的值
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    set(context, { dbName = 'database', path = '', value = '', user = false }) {
+      util.db
+        .set(
+          pathInit({
+            dbName,
+            path,
+            user
+          }),
+          value
+        )
+        .write();
+    },
+    /**
+     * @description 获取数据
+     * @description 效果类似于取值 dbName.path || defaultValue
+     * @param context context
+     * @param {Object} dbName {String} 数据库名称
+     * @param {Object} path {String} 存储路径
+     * @param {Object} defaultValue {*} 取值失败的默认值
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    get(context, { dbName = 'database', path = '', defaultValue = '', user = false }) {
+      return new Promise(resolve => {
+        resolve(
+          cloneDeep(
+            util.db
+              .get(
+                pathInit({
+                  dbName,
+                  path,
+                  user,
+                  defaultValue
+                })
+              )
+              .value()
+          )
+        );
+      });
+    },
+    /**
+     * @description 获取存储数据库对象
+     * @param {Object} context context
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    database(context, { user = false } = {}) {
+      return new Promise(resolve => {
+        resolve(
+          util.db.get(
+            pathInit({
+              dbName: 'database',
+              path: '',
+              user,
+              defaultValue: {}
+            })
+          )
+        );
+      });
+    },
+    /**
+     * @description 清空存储数据库对象
+     * @param {Object} context context
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    databaseClear(context, { user = false } = {}) {
+      return new Promise(resolve => {
+        resolve(
+          util.db.get(
+            pathInit({
+              dbName: 'database',
+              path: '',
+              user,
+              validator: () => false,
+              defaultValue: {}
+            })
+          )
+        );
+      });
+    },
+    /**
+     * @description 获取存储数据库对象 [ 区分页面 ]
+     * @param {Object} context context
+     * @param {Object} basis {String} 页面区分依据 [ name | path | fullPath ]
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    databasePage(context, { basis = 'fullPath', user = false } = {}) {
+      return new Promise(resolve => {
+        resolve(
+          util.db.get(
+            pathInit({
+              dbName: 'database',
+              path: `$page.${router.app.$route[basis]}`,
+              user,
+              defaultValue: {}
+            })
+          )
+        );
+      });
+    },
+    /**
+     * @description 清空存储数据库对象 [ 区分页面 ]
+     * @param {Object} context context
+     * @param {Object} basis {String} 页面区分依据 [ name | path | fullPath ]
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    databasePageClear(context, { basis = 'fullPath', user = false } = {}) {
+      return new Promise(resolve => {
+        resolve(
+          util.db.get(
+            pathInit({
+              dbName: 'database',
+              path: `$page.${router.app.$route[basis]}`,
+              user,
+              validator: () => false,
+              defaultValue: {}
+            })
+          )
+        );
+      });
+    },
+    /**
+     * @description 快速将页面当前的数据 ( $data ) 持久化
+     * @param {Object} context context
+     * @param {Object} instance {Object} vue 实例
+     * @param {Object} basis {String} 页面区分依据 [ name | path | fullPath ]
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    pageSet(context, { instance, basis = 'fullPath', user = false }) {
+      return new Promise(resolve => {
+        resolve(
+          util.db.get(
+            pathInit({
+              dbName: 'database',
+              path: `$page.${router.app.$route[basis]}.$data`,
+              user,
+              validator: () => false,
+              defaultValue: cloneDeep(instance.$data)
+            })
+          )
+        );
+      });
+    },
+    /**
+     * @description 快速获取页面快速持久化的数据
+     * @param {Object} context context
+     * @param {Object} instance {Object} vue 实例
+     * @param {Object} basis {String} 页面区分依据 [ name | path | fullPath ]
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    pageGet(context, { instance, basis = 'fullPath', user = false }) {
+      return new Promise(resolve => {
+        resolve(
+          cloneDeep(
+            util.db
+              .get(
+                pathInit({
+                  dbName: 'database',
+                  path: `$page.${router.app.$route[basis]}.$data`,
+                  user,
+                  defaultValue: cloneDeep(instance.$data)
+                })
+              )
+              .value()
+          )
+        );
+      });
+    },
+    /**
+     * @description 清空页面快照
+     * @param {Object} context context
+     * @param {Object} basis {String} 页面区分依据 [ name | path | fullPath ]
+     * @param {Object} user {Boolean} 是否区分用户
+     */
+    pageClear(context, { basis = 'fullPath', user = false }) {
+      return new Promise(resolve => {
+        resolve(
+          util.db.get(
+            pathInit({
+              dbName: 'database',
+              path: `$page.${router.app.$route[basis]}.$data`,
+              user,
+              validator: () => false,
+              defaultValue: {}
+            })
+          )
+        );
+      });
+    }
+  }
+};

package/src/store/modules/admin/modules/i18n.js

@@ -0,0 +1,87 @@
+/**
+ * 多语言
+ * */
+import Languages from '../../../../i18n/locale';
+import Setting from '../../../../setting';
+import util from '../../../../libs/util';
+import { pathInit } from '../../../../store/modules/admin/modules/db';
+
+const savedLocaleKey = 'i18n-locale';
+
+export default {
+  namespaced: true,
+  state: {
+    locale: ''
+  },
+  actions: {
+    /**
+     * @description 获取当前语言
+     * */
+    getLocale({ state }) {
+      let locale;
+
+      const db = util.db.get(
+        pathInit({
+          dbName: 'database',
+          path: '',
+          user: true,
+          defaultValue: {}
+        })
+      );
+
+      const savedLocale = db.get(savedLocaleKey).value();
+
+      // 先判断本地存储是否已有语言选择
+      if (savedLocale) {
+        locale = savedLocale;
+      } else {
+        // 判断是否开启自动识别语言
+        if (Setting.i18n.auto) {
+          // 如果自动识别的语言，本地没有该语言包，则设置为默认语言
+          const navLang = navigator.language;
+          if (Languages[navLang]) {
+            locale = navLang;
+          } else {
+            locale = Setting.i18n.default;
+          }
+        } else {
+          locale = Setting.i18n.default;
+        }
+
+        // 将初次的语言保存在本地
+        db.set(savedLocaleKey, locale).write();
+      }
+      state.locale = locale;
+    },
+    /**
+     * @description 设置当前语言
+     * */
+    setLocale({ state }, { locale = Setting.i18n.default, vm }) {
+      const db = util.db.get(
+        pathInit({
+          dbName: 'database',
+          path: '',
+          user: true,
+          defaultValue: {}
+        })
+      );
+
+      // 将语言保存在本地
+      db.set(savedLocaleKey, locale).write();
+
+      // 判断是否刷新页面
+      if (Setting.i18n.refresh) {
+        location.reload();
+      } else {
+        // 设置当前语言
+        state.locale = locale;
+        // 设置 vue-i18n 的语言
+        vm.$i18n.locale = locale;
+        // 更新网页标题
+        util.title({
+          title: vm.$route.meta.title
+        });
+      }
+    }
+  }
+};

package/src/store/modules/admin/modules/layout.js

@@ -0,0 +1,115 @@
+/**
+ * 布局配置
+ * */
+import screenfull from 'screenfull';
+
+import Setting from '../../../../setting';
+
+export default {
+  namespaced: true,
+  state: {
+    ...Setting.layout,
+    isMobile: false, // 是否为手机
+    isTablet: false, // 是否为平板
+    isDesktop: true, // 是否为桌面
+    isFullscreen: false, // 是否切换到了全屏
+    bodyHeight: 0,
+    waterMark: Setting.waterMark
+  },
+  mutations: {
+    /**
+     * @description 设置设备类型
+     * @param {Object} state vuex state
+     * @param {String} type 设备类型，可选值为 Mobile、Tablet、Desktop
+     */
+    setDevice(state, type) {
+      state.isMobile = false;
+      state.isTablet = false;
+      state.isDesktop = false;
+      state[`is${type}`] = true;
+    },
+    /**
+     * @description 修改 menuCollapse
+     * @param {Object} state vuex state
+     * @param {Boolean} collapse 折叠状态
+     * */
+    updateMenuCollapse(state, collapse) {
+      state.menuCollapse = collapse;
+    },
+    /**
+     * @description 设置全屏状态
+     * @param {Object} state vuex state
+     * @param {Boolean} isFullscreen vuex
+     * */
+    setFullscreen(state, isFullscreen) {
+      state.isFullscreen = isFullscreen;
+    },
+    /**
+     * @description 更改指定布局配置
+     * @param {Object} state vuex state
+     * @param {Object} key layout 名称，对应 Setting.layout
+     * @param {Object} value layout 值
+     * */
+    updateLayoutSetting(state, { key, value }) {
+      state[key] = value;
+    },
+    /**
+     * @description 更新页面高度
+     * */
+    setBodyHeight(state, height) {
+      state.bodyHeight = height;
+    },
+    /**
+     * @description 更新水印显示状态
+     * */
+    updateWaterMarkStatus(state, status) {
+      state.waterMark.show = status;
+    },
+    /**
+     * @description 更新水印文本
+     * */
+    updateWaterMarkText(state, text) {
+      state.waterMark.text = text;
+    },
+    /**
+     * @description 更新水印配置
+     * */
+    updateWaterMarkOptions(state, options) {
+      state.waterMark.options = options;
+    }
+  },
+  actions: {
+    /**
+     * @description 初始化监听全屏状态
+     */
+    listenFullscreen({ commit }) {
+      return new Promise(resolve => {
+        if (screenfull.enabled) {
+          screenfull.on('change', () => {
+            if (!screenfull.isFullscreen) {
+              commit('setFullscreen', false);
+            }
+          });
+        }
+        // end
+        resolve();
+      });
+    },
+    /**
+     * @description 切换全屏
+     */
+    toggleFullscreen({ commit }) {
+      return new Promise(resolve => {
+        if (screenfull.isFullscreen) {
+          screenfull.exit();
+          commit('setFullscreen', false);
+        } else {
+          screenfull.request();
+          commit('setFullscreen', true);
+        }
+        // end
+        resolve();
+      });
+    }
+  }
+};

package/src/store/modules/admin/modules/loader.js

@@ -0,0 +1,44 @@
+/**
+ * 遮罩层
+ * */
+
+export default {
+  namespaced: true,
+  state: {
+    count: 0, // 计数
+    enabled: true, // 启用
+    isLoading: false // 加载中
+  },
+  mutations: {
+    /**
+     * @description 开始加载
+     * @param {Object} state vuex state
+     */
+    start(state) {
+      state.count++;
+      state.isLoading = true;
+    },
+    /**
+     * @description 加载结束
+     * @param {Object} state vuex state
+     * */
+    end(state) {
+      state.count--;
+      state.isLoading = state.count > 0;
+    },
+    /**
+     * @description 禁用遮罩层
+     * @param {Object} state vuex state
+     * */
+    disable(state) {
+      state.enabled = false;
+    },
+    /**
+     * @description 启用遮罩层
+     * @param {Object} state vuex state
+     * */
+    enable(state) {
+      state.enabled = true;
+    }
+  }
+};