refactor(guideline): (en)update element position with the adsorption line; (zh)根据吸附线位置,更新元素的位置;

ly525
1 parent ff410b22
Showing 2 changed files with 19 additions and 3 deletions
front-end/h5/src/components/core/editor/canvas/edit.js
front-end/h5/src/store/modules/element.js
@@ -15,17 +15,21 @@ export default {
   },
   methods: {
     ...mapActions('element', [
-      'setEditingElement' // -> this.foo()
+      'setEditingElement', // -> this.foo()
+      'setElementPosition', // -> this.foo()
+      'setElementShape' // -> this.foo()
     ]),
     // TODO #!zh: 优化代码
     // generate vertical line
     drawVLine (newLeft) {
-      this.editingElement.commonStyle.left = newLeft
+      // this.editingElement.commonStyle.left = newLeft
+      this.setElementPosition({ left: newLeft })
       this.vLines = [{ left: newLeft }]
     },
     // generate horizontal line
     drawHLine (newTop) {
-      this.editingElement.commonStyle.top = newTop
+      // this.editingElement.commonStyle.top = newTop
+      this.setElementPosition({ top: newTop })
       this.hLines = [{ top: newTop }]
     },
     calcX (newLeft) {
@@ -12,6 +12,12 @@ const getters = {
 const actions = {
   setEditingElement ({ commit }, payload) {
     commit('setEditingElement', payload)
+  },
+  setElementPosition ({ commit }, payload) {
+    commit('setElementPosition', payload)
+  },
+  setElementShape ({ commit }, payload) {
+    commit('setElementShape', payload)
   }
 }
  
@@ -19,6 +25,12 @@ const actions = {
 const mutations = {
   setEditingElement (state, payload) {
     state.editingElement = payload
+  },
+  setElementCommonStyle (state, commonStyle) {
+    state.editingElement.commonStyle = {
+      ...state.editingElement.commonStyle,
+      ...commonStyle
+    }
   }
 }