refactor: #293

ly525
1 parent 1406139a
Showing 2 changed files with 19 additions and 7 deletions
front-end/h5/src/components/core/editor/left-panel/shortcuts-panel/index.js
front-end/h5/src/components/core/store/modules/element.js
@@ -26,15 +26,15 @@ export default {
      * #!en click the plugin shortcut, create new Element with the plugin's meta data
      * pluginInfo {Object}: 插件列表中的基础数据, {name}=pluginInfo
      *
-     * shortcutItem: PluginListItem = {
+     * elementShortcutConfig: PluginListItem = {
       name: String,
       shortcutProps: {}
      }
      */
-    clone (shortcutItem) {
+    clone (elementShortcutConfig) {
       this.elementManager({
         type: 'add',
-        value: shortcutItem
+        value: elementShortcutConfig
       })
     }
     /**
@@ -32,7 +32,18 @@ export const mutations = {
       ...payload
     }
   },
+  /**
+   * 元素管理：增/删/复制/上移/下移
+   * @param {*} state
+   * @param {*} {
+   *  type:  add/copy/delete/move2Top/move2Bottom 增/删/复制/上移/下移
+   *  value(elementShortcutConfig) 左侧元素列表中元素对应的配置，主要包含：
+   *   - shortcutProps：默认Props，比如一个Chart是饼图、折线图、漏斗图，可以通过此指定
+   *   - dragStyle：用于拖拽结束，确定最终放置的位置, // {left: Number, top: Number}
+   * }
+   */
   elementManager (state, { type, value }) {
+    const elementShortcutConfig = value
     const { editingPage, editingElement } = state
     const elements = editingPage.elements
     const len = elements.length
@@ -41,10 +52,11 @@ export const mutations = {
       case 'add':
         const vm = getVM(value.name)
         const basicElement = vm.$options
-        basicElement.shortcutProps = value.shortcutProps
-        // 用于拖拽结束，确定最终放置的位置
-        basicElement.dragStyle = value.dragStyle // {left: Number, top: Number}
-        const element = new Element({ ...basicElement, zindex: len + 1 })
+        const element = new Element({
+          ...basicElement,
+          ...elementShortcutConfig,
+          zindex: len + 1
+        })
         elements.push(element)
         break
       case 'copy':