417 lines
12 KiB
JavaScript
417 lines
12 KiB
JavaScript
import util from '@/libs/util';
|
|
import db from '@/libs/db';
|
|
import themeList from '@/assets/style/theme/list';
|
|
|
|
// 获取项目信息
|
|
import packJson from '../../../package.json';
|
|
|
|
export default {
|
|
state: {
|
|
// 用户名
|
|
username: '',
|
|
// 拉取的最新版本信息
|
|
releases: {},
|
|
// D2Admin 版本
|
|
version: packJson.version,
|
|
// 有更新
|
|
update: false,
|
|
// 更新提醒弹窗
|
|
updateNotify: false,
|
|
// 全屏
|
|
isFullScreen: false,
|
|
// 灰度
|
|
isGrayMode: false,
|
|
// 主题
|
|
themeList,
|
|
// 现在激活的主题
|
|
themeActiveName: themeList[0].name, // 这应该是一个名字 不是对象
|
|
// 可以在多页 tab 模式下显示的页面
|
|
tagPool: [],
|
|
// 当前显示的多页面列表
|
|
pageOpenedList: [
|
|
{
|
|
name: 'index',
|
|
meta: {
|
|
title: '首页',
|
|
requiresAuth: false,
|
|
},
|
|
},
|
|
],
|
|
// 当前页面
|
|
pageCurrent: '',
|
|
},
|
|
getters: {
|
|
/**
|
|
* @description 返回当前的主题信息 不是一个名字 而是所有的主题数据
|
|
* @param {state} state vuex state
|
|
*/
|
|
themeActiveSetting(state) {
|
|
return state.themeList.find(theme => theme.name === state.themeActiveName);
|
|
},
|
|
},
|
|
mutations: {
|
|
/**
|
|
* @class 通用工具
|
|
* @description 将 state 中某一项存储到数据库 如果已经有的话就更新数据 需要 uuid
|
|
* @param {state} state vuex state
|
|
* @param {string} key key name
|
|
*/
|
|
d2adminVuex2DbByUuid(state, key) {
|
|
const row = db.get(key).find({ uuid: util.uuid() });
|
|
if (row.value()) {
|
|
row.assign({ value: state[key] }).write();
|
|
} else {
|
|
db.get(key).push({
|
|
uuid: util.uuid(),
|
|
value: state[key],
|
|
}).write();
|
|
}
|
|
},
|
|
/**
|
|
* @class 通用工具
|
|
* @description 从数据库取值到 vuex 需要 uuid
|
|
* @param {state} state vuex state
|
|
* @param {object} param1 key and default value
|
|
*/
|
|
d2adminDb2VuexByUuid(state, { key, defaultValue }) {
|
|
const stateObj = state;
|
|
const row = db.get(key).find({ uuid: util.uuid() }).value();
|
|
stateObj[key] = row ? row.value : defaultValue;
|
|
},
|
|
/**
|
|
* @class 通用工具
|
|
* @description 删除数据库中对应 vuex 的某一个字段 需要 uuid
|
|
* @param {state} state vuex state
|
|
* @param {object} param1 key & empty value
|
|
*/
|
|
d2adminDbRemoveByUuid(state, { key, emptyValue }) {
|
|
const stateObj = state;
|
|
db.get(key).remove({ uuid: util.uuid() }).write();
|
|
stateObj[key] = emptyValue;
|
|
},
|
|
/**
|
|
* @class 通用工具
|
|
* @description 将 state 中某一项存储到数据库 如果已经有的话就更新数据 不需要 uuid 所有用户共享
|
|
* @param {state} state vuex state
|
|
* @param {string} key key name
|
|
*/
|
|
d2adminVuex2Db(state, key) {
|
|
const row = db.get(key).find({ pub: 'pub' });
|
|
if (row.value()) {
|
|
row.assign({ value: state[key] }).write();
|
|
} else {
|
|
db.get(key).push({
|
|
pub: 'pub',
|
|
value: state[key],
|
|
}).write();
|
|
}
|
|
},
|
|
/**
|
|
* @class 通用工具
|
|
* @description 从数据库取值到 vuex 不需要 uuid 所有用户共享
|
|
* @param {state} state vuex state
|
|
* @param {object} param1 key and default value
|
|
*/
|
|
d2adminDb2Vuex(state, { key, defaultValue }) {
|
|
const stateObj = state;
|
|
const row = db.get(key).find({ pub: 'pub' }).value();
|
|
stateObj[key] = row ? row.value : defaultValue;
|
|
},
|
|
/**
|
|
* @class 通用工具
|
|
* @description 删除数据库中对应 vuex 的某一个字段 不需要 uuid 所有用户共享
|
|
* @param {state} state vuex state
|
|
* @param {object} param1 key & empty value
|
|
*/
|
|
d2adminDbRemove(state, { key, emptyValue }) {
|
|
const stateObj = state;
|
|
db.get(key).remove({ pub: 'pub' }).write();
|
|
stateObj[key] = emptyValue;
|
|
},
|
|
/**
|
|
* @description 设置用户名
|
|
* @class username
|
|
* @param {state} state vuex state
|
|
* @param {string} username username
|
|
*/
|
|
d2adminUsernameSet(state, username) {
|
|
const stateObj = state;
|
|
stateObj.username = username;
|
|
this.commit('d2adminVuex2DbByUuid', 'username');
|
|
},
|
|
/**
|
|
* @description 从数据库取用户名
|
|
* @class username
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminUsernameLoad() {
|
|
this.commit('d2adminDb2VuexByUuid', {
|
|
key: 'username',
|
|
defaultValue: '',
|
|
});
|
|
},
|
|
/**
|
|
* @description 更新远端的版本信息
|
|
* @class releases
|
|
* @param {state} state vuex state
|
|
* @param {object} releases info
|
|
*/
|
|
d2adminReleasesSet(state, releases) {
|
|
const stateObj = state;
|
|
stateObj.releases = releases;
|
|
},
|
|
/**
|
|
* @description 设置是否有更新
|
|
* @class update
|
|
* @param {state} state vuex state
|
|
* @param {boolean} update update value
|
|
*/
|
|
d2adminUpdateSet(state, update) {
|
|
const stateObj = state;
|
|
stateObj.update = update;
|
|
},
|
|
/**
|
|
* @description 是否有更新的时候显示弹窗
|
|
* @class updateNotify
|
|
* @param {state} state vuex state
|
|
* @param {boolean} update updateNotify value
|
|
*/
|
|
d2adminUpdateNotifySet(state, updateNotify) {
|
|
const stateObj = state;
|
|
stateObj.updateNotify = updateNotify;
|
|
this.commit('d2adminVuex2Db', 'updateNotify');
|
|
},
|
|
/**
|
|
* @description 是否有更新的时候显示弹窗 <- 从数据库更新这个设置
|
|
* @class updateNotify
|
|
* @param {state} state vuex state
|
|
* @param {boolean} update updateNotify value
|
|
*/
|
|
d2adminUpdateNotifyLoad() {
|
|
this.commit('d2adminDb2Vuex', {
|
|
key: 'updateNotify',
|
|
defaultValue: true,
|
|
});
|
|
},
|
|
/**
|
|
* @class pageCurrent
|
|
* @description 设置当前激活的页面 name
|
|
* @param {state} state vuex state
|
|
* @param {string} name new name
|
|
*/
|
|
d2adminPageCurrentSet(state, name) {
|
|
const stateObj = state;
|
|
stateObj.pageCurrent = name;
|
|
},
|
|
/**
|
|
* @class tagPool
|
|
* @description 保存 tagPool (候选池)
|
|
* @param {state} state vuex state
|
|
* @param {Array} tagPool tags
|
|
*/
|
|
d2adminTagPoolSet(state, tagPool) {
|
|
const stateObj = state;
|
|
stateObj.tagPool = tagPool;
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 更新页面列表上的某一项
|
|
* @param {state} state vuex state
|
|
* @param {info} param1 new page info
|
|
*/
|
|
d2adminPageOpenedListUpdateItem(state, { index, argu, query }) {
|
|
// 更新页面列表某一项
|
|
const page = state.pageOpenedList[index];
|
|
page.argu = argu || page.argu;
|
|
page.query = query || page.query;
|
|
state.pageOpenedList.splice(index, 1, page);
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 从数据库载入分页列表
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminPageOpenedListLoad(state) {
|
|
this.commit('d2adminDb2VuexByUuid', {
|
|
key: 'pageOpenedList',
|
|
defaultValue: state.pageOpenedList,
|
|
});
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 新增一个 tag (打开一个页面)
|
|
* @param {state} state vuex state
|
|
* @param {object} param1 new tag info
|
|
*/
|
|
d2adminTagIncreate(state, { tag, argu, query }) {
|
|
// 设置新的 tag 在新打开一个以前没打开过的页面时使用
|
|
const newPage = tag;
|
|
newPage.argu = argu || newPage.argu;
|
|
newPage.query = query || newPage.query;
|
|
newPage.argu = argu || newPage.argu;
|
|
// 添加进当前显示的页面数组
|
|
state.pageOpenedList.push(newPage);
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 关闭一个 tag (关闭一个页面)
|
|
* @param {state} state vuex state
|
|
* @param {string} name close tag name
|
|
*/
|
|
d2adminTagClose(state, name) {
|
|
// 找到这个页面在已经打开的数据里是第几个
|
|
const index = state.pageOpenedList.findIndex(page => page.name === name);
|
|
if (index >= 0) {
|
|
state.pageOpenedList.splice(index, 1);
|
|
}
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 关闭当前标签左边的标签
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminTagCloseLeft(state) {
|
|
let currentIndex = 0;
|
|
state.pageOpenedList.forEach((page, index) => {
|
|
if (page.name === state.pageCurrent) {
|
|
currentIndex = index;
|
|
}
|
|
});
|
|
if (currentIndex > 0) {
|
|
state.pageOpenedList.splice(1, currentIndex - 1);
|
|
}
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 关闭当前标签右边的标签
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminTagCloseRight(state) {
|
|
let currentIndex = 0;
|
|
state.pageOpenedList.forEach((page, index) => {
|
|
if (page.name === state.pageCurrent) {
|
|
currentIndex = index;
|
|
}
|
|
});
|
|
state.pageOpenedList.splice(currentIndex + 1);
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 关闭当前激活之外的 tag
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminTagCloseOther(state) {
|
|
let currentIndex = 0;
|
|
state.pageOpenedList.forEach((page, index) => {
|
|
if (page.name === state.pageCurrent) {
|
|
currentIndex = index;
|
|
}
|
|
});
|
|
if (currentIndex === 0) {
|
|
state.pageOpenedList.splice(1);
|
|
} else {
|
|
state.pageOpenedList.splice(currentIndex + 1);
|
|
state.pageOpenedList.splice(1, currentIndex - 1);
|
|
}
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class pageOpenedList
|
|
* @description 关闭所有 tag
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminTagCloseAll(state) {
|
|
state.pageOpenedList.splice(1);
|
|
// 更新设置到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'pageOpenedList');
|
|
},
|
|
/**
|
|
* @class isFullScreen
|
|
* @description 切换全屏
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminFullScreenToggle(state) {
|
|
const stateObj = state;
|
|
if (state.isFullScreen) {
|
|
util.exitFullScreen();
|
|
stateObj.isFullScreen = false;
|
|
} else {
|
|
util.openFullScreen();
|
|
stateObj.isFullScreen = true;
|
|
}
|
|
},
|
|
/**
|
|
* @class isGrayMode
|
|
* @description 切换灰度状态
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminGrayModeToggle(state) {
|
|
const stateObj = state;
|
|
stateObj.isGrayMode = !state.isGrayMode;
|
|
},
|
|
/**
|
|
* @class isGrayMode
|
|
* @description 设置灰度模式
|
|
* @param {state} state vuex state
|
|
* @param {boolean} value new value
|
|
*/
|
|
d2adminGrayModeSet(state, value) {
|
|
const stateObj = state;
|
|
stateObj.isGrayMode = value;
|
|
},
|
|
/**
|
|
* @class themeActiveName
|
|
* @description 激活一个主题（应用到dom上）
|
|
* @param {state} state vuex state
|
|
* @param {string} themeValue 需要激活的主题名称
|
|
*/
|
|
d2adminThemeSet(state, themeName) {
|
|
const stateObj = state;
|
|
// 检查这个主题在主题列表里是否存在
|
|
const theme = state.themeList.find(e => e.name === themeName);
|
|
if (theme) {
|
|
// 设置 state
|
|
stateObj.themeActiveName = themeName;
|
|
} else {
|
|
// 设置为列表第一个主题
|
|
stateObj.themeActiveName = stateObj.themeList[0].name;
|
|
}
|
|
// 将 vuex 中的主题应用到 dom
|
|
this.commit('d2adminTheme2dom');
|
|
// 保存到数据库
|
|
this.commit('d2adminVuex2DbByUuid', 'themeActiveName');
|
|
},
|
|
/**
|
|
* @class themeActiveName
|
|
* @description 将 vuex 中的主题应用到 dom
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminTheme2dom(state) {
|
|
document.body.className = `theme-${state.themeActiveName}`;
|
|
},
|
|
/**
|
|
* @class themeActiveName
|
|
* @description 从数据库加载主题设置
|
|
* @param {state} state vuex state
|
|
*/
|
|
d2adminThemeLoad(state) {
|
|
this.commit('d2adminDb2VuexByUuid', {
|
|
key: 'themeActiveName',
|
|
defaultValue: state.themeList[0].name,
|
|
});
|
|
this.commit('d2adminTheme2dom');
|
|
},
|
|
},
|
|
};
|