Refactoring...

Author: easylogic

docs/bundle.css

@@ -52,7 +52,7 @@ export default class ComponentProperty extends BaseProperty {
       this.load();
       current.getProps().forEach(it => {
         if (this.children[it.key]) {
-          this.children[it.key].setValue(current[it.key] || it.defaultVallue)  
+          this.children[it.key].setValue(current[it.key] || it.defaultValue)  
         }
       })
     }    

docs/bundle.css.gz

@@ -536,14 +536,8 @@ export default class ElementView extends UIElement {
 
     [EVENT('refreshCanvas')] (obj) {
         if (obj) {
-            // 하나 짜리 바뀌는건 element view 에서 적용하지 않는다. 
-            if (!this.currentElement) {
-                this.currentElement = this.getElement(obj.id);
-            } else if (this.currentElement && this.currentElement.attr('data-id') != obj.id) {
-                this.currentElement = this.getElement(obj.id);
-            }
 
-            obj.updateFunction(this.currentElement);
+            this.updateElement(obj);
 
         } else {
             this.trigger('addElement')

docs/main.js

@@ -206,6 +206,13 @@ export class Gradient extends ImageResource {
       return c;
     });
 
+    if (newColors.length === 1) {
+      newColors.push(new ColorStep({
+        color: newColors[0].color,
+        percent: 100 
+      }))
+    }
+
     return newColors.map(f => `${f}`).join(",");
   }
 

docs/main.js.gz

@@ -359,4 +359,7 @@ export class Item {
 
     return null;
   }
+
+
+  updateFunction (element) {}
 }

src/csseditor/ui/property/ComponentProperty.js

@@ -41,6 +41,4 @@ export class Layer extends DomItem {
       return this.json.y || Length.px(0) 
   }  
 
-  updateFunction (element) {}
-
 }

src/csseditor/ui/view/ElementView.js

@@ -14,7 +14,6 @@
     height:50%;    
     @include arrow_top(3px, black);
     margin: 2px;
-    box-sizing:border-box;
   }
 
   &:after {
@@ -26,7 +25,6 @@
     bottom:0px;
     top:50%;
     @include arrow_bottom(3px, black);
-    margin: 2px;
-    box-sizing:border-box;    
+    margin: 2px; 
   }
 }