element.js
1.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
// initial state
import Element from '../../components/core/models/element'
const state = {
editingElement: null,
elementsOfCurrentPage: []
}
// getters
const getters = {
}
// actions
const actions = {
setEditingElement ({ commit }, payload) {
commit('setEditingElement', payload)
},
setElementPosition ({ commit }, payload) {
commit('setElementCommonStyle', payload)
},
setElementShape ({ commit }, payload) {
commit('setElementCommonStyle', payload)
},
recordElementRect ({ commit }, payload = {}) {
commit('recordRect', payload)
},
elementManager ({ commit }, payload) {
commit('elementManager', payload)
}
}
// mutations
const mutations = {
setEditingElement (state, payload) {
state.editingElement = payload
},
setElementCommonStyle (state, payload) {
state.editingElement.commonStyle = {
...state.editingElement.commonStyle,
...payload
}
},
elementManager (state, { type, value }) {
switch (type) {
case 'add':
const element = new Element(value)
state.elementsOfCurrentPage.push(element)
break
case 'copy':
state.elementsOfCurrentPage.push(state.editingElement.clone())
break
case 'delete':
const { elementsOfCurrentPage, editingElement } = state
let index = elementsOfCurrentPage.findIndex(e => e.uuid === editingElement.uuid)
if (index !== -1) {
let newElements = elementsOfCurrentPage.slice()
newElements.splice(index, 1)
state.elementsOfCurrentPage = newElements
}
break
default:
}
},
recordRect (state, { type, value }) {
}
}
export default {
namespaced: true,
state,
getters,
actions,
mutations
}