chore: move Element to core/models folder

ly525
1 parent c7cd5a54
Showing 2 changed files with 64 additions and 60 deletions
front-end/h5/src/components/core/models/element.js
front-end/h5/src/views/Editor.vue
+
+const defaultProps = {
+  top: 100,
+  left: 100,
+  width: 100,
+  height: 40,
+  zindex: 1,
+  textAlign: 'center',
+  color: '#000000',
+  backgroundColor: '#ffffff',
+  fontSize: 14
+}
+
+class Element {
+  constructor (ele) {
+    this.name = ele.name
+    this.editorConfig = ele.editorConfig || {}
+    this.pluginProps = {}
+    this.init()
+  }
+
+  init () {
+    // init common props
+    Object.keys(defaultProps).forEach(key => {
+      this[key] = defaultProps[key]
+    })
+
+    // init prop of plugin
+    const propConf = this.editorConfig.propsConfig
+    Object.keys(propConf).forEach(key => {
+      // #6
+      if (key === 'name') {
+        console.warn('Please do not use {name} as plugin prop')
+        return
+      }
+      this.pluginProps[key] = propConf[key].defaultPropValue
+    })
+  }
+
+  getStyle () {
+    return {
+      top: `${this.top}px`,
+      left: `${this.left}px`,
+      width: `${this.width}px`,
+      height: `${this.height}px`,
+      fontSize: `${this.fontSize}px`,
+      color: this.color,
+      backgroundColor: this.backgroundColor,
+      textAlign: this.textAlign
+    }
+  }
+
+  getClass () {
+
+  }
+
+  getData () {
+
+  }
+}
+
+export default Element
@@ -3,6 +3,8 @@ import Vue from &#39;vue&#39;
  
 import LbpButton from '../components/plugins/lbp-button'
  
+import Element from '../components/core/models/element'
+
 const PluginList = [
   {
     title: '按钮',
@@ -13,66 +15,6 @@ const PluginList = [
   }
 ]
  
-const defaultProps = {
-  top: 100,
-  left: 100,
-  width: 100,
-  height: 40,
-  zindex: 1,
-  textAlign: 'center',
-  color: '#000000',
-  backgroundColor: '#ffffff',
-  fontSize: 14
-}
-
-class Element {
-  constructor (ele) {
-    this.name = ele.name
-    this.editorConfig = ele.editorConfig || {}
-    this.init()
-  }
-
-  init () {
-    // init common props
-    Object.keys(defaultProps).forEach(key => {
-      this[key] = defaultProps[key]
-    })
-
-    // init prop of plugin
-    this.pluginProps = {}
-    const propConf = this.editorConfig.propsConfig
-    Object.keys(propConf).forEach(key => {
-      // #6
-      if (key === 'name') {
-        console.warn('Please do not use {name} as plugin prop')
-        return
-      }
-      this.pluginProps[key] = propConf[key].defaultPropValue
-    })
-  }
-
-  getStyle () {
-    return {
-      top: `${this.top}px`,
-      left: `${this.left}px`,
-      width: `${this.width}px`,
-      height: `${this.height}px`,
-      fontSize: `${this.fontSize}px`,
-      color: this.color,
-      backgroundColor: this.backgroundColor,
-      textAlign: this.textAlign
-    }
-  }
-
-  getClass () {
-
-  }
-
-  getData () {
-
-  }
-}
-
 const Editor = {
   name: 'Editor',
   components: {