feat(element): add defaultStyle for seperate element;

#!zh: 允许通过defaultStyle 给每个元素设置独立的宽高

Author: ly525

front-end/h5/src/components/core/models/element.js

@@ -32,7 +32,7 @@ class Element {
      *    element.pluginProps 和 elementcommonStyle 是引用类型，如果不做 deep_clone 可能会出现意外错误
      */
     this.pluginProps = (typeof ele.pluginProps === 'object' && cloneObj({ ...ele.pluginProps, uuid: this.uuid })) || this.getDefaultPluginProps(ele.props || {})
-    this.commonStyle = (typeof ele.commonStyle === 'object' && cloneObj(ele.commonStyle)) || { ...defaultStyle, zindex: ele.zindex }
+    this.commonStyle = (typeof ele.commonStyle === 'object' && cloneObj(ele.commonStyle)) || { ...defaultStyle, zindex: ele.zindex, ...ele.defaultStyle }
     this.events = []
     this.animations = ele.animations || []
   }

front-end/h5/src/store/modules/element.js

@@ -39,15 +39,8 @@ export const mutations = {
 
     switch (type) {
       case 'add':
-        // value.name => pluginName
-        const { name } = value
         const vm = getVM(value.name)
-        const props = vm.$options.props
-        value = {
-          ...value,
-          zindex: len + 1
-        }
-        const element = new Element({ name, props })
+        const element = new Element(vm.$options)
         elements.push(element)
         break
       case 'copy':