Merge branch 'hotfix/vuex' into develop

Former-commit-id: 0e803511b626a774e6b96ae5922d5bb9278e4045 [formerly 0e803511b626a774e6b96ae5922d5bb9278e4045 [formerly 0e803511b626a774e6b96ae5922d5bb9278e4045 [formerly 0e803511b626a774e6b96ae5922d5bb9278e4045 [formerly e7ad36fd1743f071095d2bce09ef87dc11629de1 [formerly e0877d32d622c4aa0909b83e568a1ee51a954643]]]]]
Former-commit-id: d9f85b6931eed4bbb0765d647e2303590a1182b4
Former-commit-id: 422174310a72e4972e580ed513b43187100415f1
Former-commit-id: 8d1a2dd6eccd33204f1621c5489db51b927e830c [formerly 73659be5e79ea3b8935cd3189290e0130197338f]
Former-commit-id: f872fefe826b656c6f02664bba35644938894542
Former-commit-id: b0cb7cf460925c86ad71546847df059958ed6981
Former-commit-id: 2afa47b76392a58ad3a3cda3ec1ce03be6a435e3
Former-commit-id: ad518302f4e109df058cb638420d9812a082a3cb
Former-commit-id: a96c76c6724795e6fc15e14a97e825f572d6e715
This commit is contained in:
liyang
2018-09-18 10:24:27 +08:00
20 changed files with 255 additions and 198 deletions

View File

@@ -1 +1 @@
4d463a54f93007210c2e07a05d8f012c386a0023
b322c0027c15926f73f03ec142269e3512c5cc14

View File

@@ -11,7 +11,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
computed: {
...mapState('d2admin/fullscreen', [
@@ -19,7 +19,7 @@ export default {
])
},
methods: {
...mapMutations('d2admin/fullscreen', [
...mapActions('d2admin/fullscreen', [
'toggle'
])
}

View File

@@ -21,7 +21,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapMutations, mapActions } from 'vuex'
export default {
name: 'd2-header-size',
computed: {
@@ -51,9 +51,11 @@ export default {
},
methods: {
...mapMutations({
sizeSet: 'd2admin/size/set',
pageKeepAliveClean: 'd2admin/page/keepAliveClean'
}),
...mapActions({
sizeSet: 'd2admin/size/set'
}),
handleChange (value) {
this.sizeSet(value)
},

View File

@@ -18,7 +18,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
name: 'd2-theme-list',
data () {
@@ -36,7 +36,7 @@ export default {
])
},
methods: {
...mapMutations('d2admin/theme', [
...mapActions('d2admin/theme', [
'set'
]),
handleSelectTheme (name) {

View File

@@ -59,7 +59,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
components: {
D2Contextmenu: () => import('../contextmenu'),
@@ -89,7 +89,7 @@ export default {
])
},
methods: {
...mapMutations('d2admin/page', [
...mapActions('d2admin/page', [
'close',
'closeLeft',
'closeRight',
@@ -101,7 +101,6 @@ export default {
*/
handleContextmenu (event) {
let target = event.target
// 解决 https://github.com/d2-projects/d2-admin/issues/54
let flag = false
if (target.className.indexOf('el-tabs__item') > -1) flag = true
@@ -109,7 +108,6 @@ export default {
target = target.parentNode
flag = true
}
if (flag) {
event.preventDefault()
event.stopPropagation()

View File

@@ -80,7 +80,7 @@
</template>
<script>
import { mapState, mapGetters, mapMutations } from 'vuex'
import { mapState, mapGetters, mapActions } from 'vuex'
import mixinSearch from './mixins/search'
export default {
name: 'd2-layout-header-aside',
@@ -128,14 +128,14 @@ export default {
}
},
methods: {
...mapMutations({
menuAsideCollapseToggle: 'd2admin/menu/asideCollapseToggle'
}),
...mapActions('d2admin/menu', [
'asideCollapseToggle'
]),
/**
* 接收点击切换侧边栏的按钮
*/
handleToggleAside () {
this.menuAsideCollapseToggle()
this.asideCollapseToggle()
}
}
}

View File

@@ -62,11 +62,11 @@ new Vue({
// 检查最新版本
this.$store.dispatch('d2admin/releases/checkUpdate')
// 用户登录后从数据库加载一系列的设置
this.$store.commit('d2admin/account/load')
this.$store.dispatch('d2admin/account/load')
// 获取并记录用户 UA
this.$store.commit('d2admin/ua/get')
// 初始化全屏监听
this.$store.commit('d2admin/fullscreen/listen')
this.$store.dispatch('d2admin/fullscreen/listen')
},
watch: {
// 监听路由 控制侧边栏显示

View File

@@ -1,6 +1,6 @@
<template>
<d2-container type="card">
<el-radio-group v-model="currentValue" @change="sizeSet">
<el-radio-group v-model="currentValue" @change="set">
<el-radio-button label="default"></el-radio-button>
<el-radio-button label="medium"></el-radio-button>
<el-radio-button label="small"></el-radio-button>
@@ -10,7 +10,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
data () {
return {
@@ -31,9 +31,9 @@ export default {
}
},
methods: {
...mapMutations({
sizeSet: 'd2admin/size/set'
})
...mapActions('d2admin/size', [
'set'
])
}
}
</script>

View File

@@ -31,7 +31,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
data () {
return {
@@ -48,7 +48,7 @@ export default {
])
},
methods: {
...mapMutations('d2admin/theme', [
...mapActions('d2admin/theme', [
'set'
]),
handleSelectTheme (name) {

View File

@@ -10,7 +10,7 @@
</template>
<script>
import { mapState, mapMutations } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
computed: {
...mapState('d2admin/transition', [
@@ -18,7 +18,7 @@ export default {
])
},
methods: {
...mapMutations('d2admin/transition', [
...mapActions('d2admin/transition', [
'set'
])
}

View File

@@ -57,7 +57,7 @@ router.afterEach(to => {
const app = router.app
const { name, params, query } = to
// 多页控制 打开新的页面
app.$store.commit('d2admin/page/open', { name, params, query })
app.$store.dispatch('d2admin/page/open', { name, params, query })
// 更改标题
util.title(to.meta.title)
})

View File

@@ -12,9 +12,7 @@ export default {
* @param {Object} param password {String} 密码
* @param {Object} param route {Object} 登录成功后定向的路由对象
*/
login ({
commit
}, {
login ({ dispatch }, {
vm,
username,
password,
@@ -27,7 +25,7 @@ export default {
username,
password
})
.then(res => {
.then(async res => {
// 设置 cookie 一定要存 uuid 和 token 两个 cookie
// 整个系统依赖这两个数据进行校验和存储
// uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
@@ -36,11 +34,11 @@ export default {
util.cookies.set('uuid', res.uuid)
util.cookies.set('token', res.token)
// 设置 vuex 用户信息
commit('d2admin/user/set', {
await dispatch('d2admin/user/set', {
name: res.name
}, { root: true })
// 用户登录后从持久化数据加载一系列的设置
commit('load')
await dispatch('load')
// 更新路由 尝试去获取 cookie 里保存的需要重定向的页面完整地址
const path = util.cookies.get('redirect')
// 根据是否存有重定向页面判断如何重定向
@@ -49,9 +47,7 @@ export default {
util.cookies.remove('redirect')
})
.catch(err => {
console.group('登录结果')
console.log('err: ', err)
console.groupEnd()
})
},
/**
@@ -92,26 +88,28 @@ export default {
} else {
logout()
}
}
},
mutations: {
},
/**
* @description 用户登录后从持久化数据加载一系列的设置
* @param {Object} state vuex state
*/
load (state) {
// DB -> store 加载用户名
this.commit('d2admin/user/load')
// DB -> store 加载主题
this.commit('d2admin/theme/load')
// DB -> store 加载页面过渡效果设置
this.commit('d2admin/transition/load')
// DB -> store 持久化数据加载上次退出时的多页列表
this.commit('d2admin/page/openedLoad')
// DB -> store 持久化数据加载侧边栏折叠状态
this.commit('d2admin/menu/asideCollapseLoad')
// DB -> store 持久化数据加载全局尺寸
this.commit('d2admin/size/load')
load ({ commit, dispatch }) {
return new Promise(async resolve => {
// DB -> store 加载用户名
await dispatch('d2admin/user/load', null, { root: true })
// DB -> store 加载主题
await dispatch('d2admin/theme/load', null, { root: true })
// DB -> store 加载页面过渡效果设置
await dispatch('d2admin/transition/load', null, { root: true })
// DB -> store 持久化数据加载上次退出时的多页列表
await dispatch('d2admin/page/openedLoad', null, { root: true })
// DB -> store 持久化数据加载侧边栏折叠状态
await dispatch('d2admin/menu/asideCollapseLoad', null, { root: true })
// DB -> store 持久化数据加载全局尺寸
await dispatch('d2admin/size/load', null, { root: true })
// end
resolve()
})
}
}
}

View File

@@ -6,31 +6,42 @@ export default {
// 全屏激活
active: false
},
mutations: {
actions: {
/**
* @description 初始化监听
*/
listen () {
if (screenfull.enabled) {
screenfull.on('change', () => {
if (!screenfull.isFullscreen) {
this.commit('d2admin/fullscreen/set', false)
}
})
}
listen ({ commit }) {
return new Promise(resolve => {
if (screenfull.enabled) {
screenfull.on('change', () => {
console.log('1')
if (!screenfull.isFullscreen) {
commit('set', false)
}
})
}
// end
resolve()
})
},
/**
* @description 切换全屏
*/
toggle () {
if (screenfull.isFullscreen) {
screenfull.exit()
this.commit('d2admin/fullscreen/set', false)
} else {
screenfull.request()
this.commit('d2admin/fullscreen/set', true)
}
},
toggle ({ commit }) {
return new Promise(resolve => {
if (screenfull.isFullscreen) {
screenfull.exit()
commit('set', false)
} else {
screenfull.request()
commit('set', true)
}
// end
resolve()
})
}
},
mutations: {
/**
* @description 设置 store 里的全屏状态
* @param {Object} state vuex state

View File

@@ -24,16 +24,6 @@ export default {
return state.list.filter(l => l.type === 'error').length
}
},
mutations: {
/**
* @description 清空日志
* @param {Object} state vuex state
*/
clean (state) {
// store 赋值
state.list = []
}
},
actions: {
/**
* @description 添加一个日志
@@ -70,5 +60,15 @@ export default {
info: toString(info)
}))
}
},
mutations: {
/**
* @description 清空日志
* @param {Object} state vuex state
*/
clean (state) {
// store 赋值
state.list = []
}
}
}

View File

@@ -11,6 +11,64 @@ export default {
// 侧边栏收缩
asideCollapse: setting.menu.asideCollapse
},
actions: {
/**
* 设置侧边栏展开或者收缩
* @param {Object} state vuex state
* @param {Boolean} collapse is collapse
*/
asideCollapseSet ({ state, dispatch }, collapse) {
return new Promise(async resolve => {
// store 赋值
state.asideCollapse = collapse
// 持久化
await dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'menu.asideCollapse',
value: state.asideCollapse,
user: true
}, { root: true })
// end
resolve()
})
},
/**
* 切换侧边栏展开和收缩
* @param {Object} state vuex state
*/
asideCollapseToggle ({ state, dispatch }) {
return new Promise(async resolve => {
// store 赋值
state.asideCollapse = !state.asideCollapse
// 持久化
await dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'menu.asideCollapse',
value: state.asideCollapse,
user: true
}, { root: true })
// end
resolve()
})
},
/**
* 从持久化数据读取侧边栏展开或者收缩
* @param {Object} state vuex state
*/
asideCollapseLoad ({ state, dispatch }) {
return new Promise(async resolve => {
// store 赋值
state.asideCollapse = await dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'menu.asideCollapse',
defaultValue: setting.menu.asideCollapse,
user: true
}, { root: true })
// end
resolve()
})
}
},
mutations: {
/**
* @description 设置顶栏菜单
@@ -29,50 +87,6 @@ export default {
asideSet (state, menu) {
// store 赋值
state.aside = menu
},
/**
* 设置侧边栏展开或者收缩
* @param {Object} state vuex state
* @param {Boolean} collapse is collapse
*/
asideCollapseSet (state, collapse) {
// store 赋值
state.asideCollapse = collapse
// 持久化
this.dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'menu.asideCollapse',
value: state.asideCollapse,
user: true
})
},
/**
* 切换侧边栏展开和收缩
* @param {Object} state vuex state
*/
asideCollapseToggle (state) {
// store 赋值
state.asideCollapse = !state.asideCollapse
// 持久化
this.dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'menu.asideCollapse',
value: state.asideCollapse,
user: true
})
},
/**
* 从持久化数据读取侧边栏展开或者收缩
* @param {Object} state vuex state
*/
async asideCollapseLoad (state) {
// store 赋值
state.asideCollapse = await this.dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'menu.asideCollapse',
defaultValue: setting.menu.asideCollapse,
user: true
})
}
}
}

View File

@@ -1 +1 @@
9abf067fc9ee38d5c28f4b1450b9df450c2583bc
3cac6fb289611555b60a92937c3b5ba99e7b9ec1

View File

@@ -4,34 +4,42 @@ export default {
// 尺寸
value: '' // medium small mini
},
mutations: {
actions: {
/**
* @description 设置尺寸
* @param {Object} state vuex state
* @param {String} size 尺寸
*/
set (state, size) {
// store 赋值
state.value = size
// 持久化
this.dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'size.value',
value: state.value,
user: true
set ({ state, dispatch }, size) {
return new Promise(async resolve => {
// store 赋值
state.value = size
// 持久化
await dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'size.value',
value: state.value,
user: true
}, { root: true })
// end
resolve()
})
},
/**
* @description 从持久化数据读取尺寸设置
* @param {Object} state vuex state
*/
async load (state) {
// store 赋值
state.value = await this.dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'size.value',
defaultValue: 'default',
user: true
load ({ state, dispatch }) {
return new Promise(async resolve => {
// store 赋值
state.value = await dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'size.value',
defaultValue: 'default',
user: true
}, { root: true })
// end
resolve()
})
}
}

View File

@@ -18,40 +18,50 @@ export default {
return state.list.find(theme => theme.name === state.activeName)
}
},
mutations: {
actions: {
/**
* @description 激活一个主题
* @param {Object} state vuex state
* @param {String} themeValue 需要激活的主题名称
*/
set (state, themeName) {
// 检查这个主题在主题列表里是否存在
state.activeName = state.list.find(e => e.name === themeName) ? themeName : state.list[0].name
// 将 vuex 中的主题应用到 dom
this.commit('d2admin/theme/dom')
// 持久化
this.dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'theme.activeName',
value: state.activeName,
user: true
set ({ state, commit, dispatch }, themeName) {
return new Promise(async resolve => {
// 检查这个主题在主题列表里是否存在
state.activeName = state.list.find(e => e.name === themeName) ? themeName : state.list[0].name
// 将 vuex 中的主题应用到 dom
commit('dom')
// 持久化
await dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'theme.activeName',
value: state.activeName,
user: true
}, { root: true })
// end
resolve()
})
},
/**
* @description 从持久化数据加载主题设置
* @param {Object} state vuex state
*/
async load (state) {
// store 赋值
state.activeName = await this.dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'theme.activeName',
defaultValue: state.list[0].name,
user: true
load ({ state, commit, dispatch }) {
return new Promise(async resolve => {
// store 赋值
state.activeName = await dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'theme.activeName',
defaultValue: state.list[0].name,
user: true
}, { root: true })
// 将 vuex 中的主题应用到 dom
commit('dom')
// end
resolve()
})
// 更新到页面
this.commit('d2admin/theme/dom')
},
}
},
mutations: {
/**
* @description 将 vuex 中的主题应用到 dom
* @param {Object} state vuex state

View File

@@ -7,34 +7,42 @@ export default {
// 是否开启页面过度动画
active: setting.transition.active
},
mutations: {
actions: {
/**
* @description 设置开启状态
* @param {Object} state vuex state
* @param {Boolean} active 新的状态
*/
set (state, active) {
// store 赋值
state.active = active
// 持久化
this.dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'transition.active',
value: state.active,
user: true
set ({ state, dispatch }, active) {
return new Promise(async resolve => {
// store 赋值
state.active = active
// 持久化
await dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'transition.active',
value: state.active,
user: true
}, { root: true })
// end
resolve()
})
},
/**
* 从数据库读取页面过渡动画设置
* @param {Object} state vuex state
*/
async load (state) {
// store 赋值
state.active = await this.dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'transition.active',
defaultValue: setting.transition.active,
user: true
load ({ state, dispatch }) {
return new Promise(async resolve => {
// store 赋值
state.active = await dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'transition.active',
defaultValue: setting.transition.active,
user: true
}, { root: true })
// end
resolve()
})
}
}

View File

@@ -7,34 +7,42 @@ export default {
// 用户信息
info: setting.user.info
},
mutations: {
actions: {
/**
* @description 设置用户数据
* @param {Object} state vuex state
* @param {*} info info
*/
set (state, info) {
// store 赋值
state.info = info
// 持久化
this.dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'user.info',
value: info,
user: true
set ({ state, dispatch }, info) {
return new Promise(async resolve => {
// store 赋值
state.info = info
// 持久化
await dispatch('d2admin/db/set', {
dbName: 'sys',
path: 'user.info',
value: info,
user: true
}, { root: true })
// end
resolve()
})
},
/**
* @description 从数据库取用户数据
* @param {Object} state vuex state
*/
async load (state) {
// store 赋值
state.info = await this.dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'user.info',
defaultValue: setting.user.info,
user: true
load ({ state, dispatch }) {
return new Promise(async resolve => {
// store 赋值
state.info = await dispatch('d2admin/db/get', {
dbName: 'sys',
path: 'user.info',
defaultValue: setting.user.info,
user: true
}, { root: true })
// end
resolve()
})
}
}