mofron - npm Package Compare versions

Comparing version 0.3.4 to 0.3.5

package.json

 {
   "name": "mofron",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "front-end framework for javascript",
@@ -5,0 +5,0 @@ "main": "./dist/mofron.js",

src/component.js

@@ -26,3 +26,3 @@ /**
             this.layout   = new Array();
-            this.vdom     = null;
+            this.m_vdom   = null;
             this.target   = null;
@@ -81,6 +81,6 @@ //this.m_style  = new mofron.util.Style();
         try {
-            if (null === this.vdom) {
+            if (null === this.m_vdom) {
                 return false;
             }
-            return this.getVdom().isRendered();
+            return this.vdom().isRendered();
         } catch (e) {
@@ -117,3 +117,3 @@ console.error(e.stack);
             }
-            var ret = this.getVdom();
+            var ret = this.vdom();
             if (null !== this.target) {
@@ -182,3 +182,3 @@ ret = this.target;
             /* set default display of child */
-            var chd_vdom = chd.getVdom();
+            var chd_vdom = chd.vdom();
             if (false === _disp) {
@@ -283,3 +283,3 @@ chd_vdom.style('display', 'none');
             this.event.push(evt);
-            this.getVdom();
+            this.vdom();
             evt.setTarget(this);
@@ -333,3 +333,3 @@ if (true === this.isRendered()) {
             this.layout.push(lo);
-            this.getVdom();
+            this.vdom();
             lo.setTarget(this);
@@ -412,3 +412,3 @@
                 if (false === disp) {
-                    this.getVdom().style('display', 'none');
+                    this.vdom().style('display', 'none');
                 }
@@ -423,3 +423,3 @@
                 
-                this.getVdom().pushDom(init_tgt);
+                this.vdom().pushDom(init_tgt);
             }
@@ -455,7 +455,8 @@
         try {
-            if (null !== this.vdom) {
+            if (null !== this.m_vdom) {
                 return;
             }
-            //this.vdom = new mofron.util.Vdom('div', this);
-            this.initDomConts(this.vdom,this.param[0]);
+            this.m_vdom = new mofron.util.Vdom('div', this);
+            this.initDomConts(this.param[0]);
+            this.m_vdom.attr('component', this.name());
         } catch (e) {
@@ -467,10 +468,3 @@ console.error(e.stack);
     
-    initDomConts(vd, prm) {
-        try {
-            this.vdom = new mofron.util.Vdom('div', this);
-        } catch (e) {
-            console.error(e.stack);
-            throw e;
-        }
-    }
+    initDomConts(prm) {}
     
@@ -498,3 +492,3 @@ afterInit () {}
                 }
-                var disp = this.getVdom().style('display');
+                var disp = this.vdom().style('display');
                 if ('none' === disp) {
@@ -533,3 +527,3 @@ return false;
                     },
-                    [this.getVdom(),_flg]
+                    [this.vdom(),_flg]
                 );
@@ -540,5 +534,5 @@
                 if (true === _flg) {
-                    this.getVdom().style('display', null);
+                    this.vdom().style('display', null);
                 } else {
-                    this.getVdom().style('display', 'none');
+                    this.vdom().style('display', 'none');
                 }
@@ -557,8 +551,15 @@ }
      */
-    getVdom() {
+    vdom(vd) {
         try {
-            if (null === this.vdom) {
-                this.initDomContsCtl();
+            if (undefined === vd) {
+                if (null === this.m_vdom) {
+                    this.initDomContsCtl();
+                }
+                return this.m_vdom;
             }
-            return this.vdom;
+            
+            if ('object' !== typeof vd) {
+                throw new Error('invalid parameter : ' + typeof vd);
+            }
+            this.m_vdom = vd;
         } catch (e) {
@@ -565,0 +566,0 @@ console.error(e.stack);

src/effect.js

@@ -42,3 +42,3 @@ /**
             var _flg = (flg === undefined) ? true : flg;
-            var dom  = this.target.getVdom();
+            var dom  = this.target.vdom();
             if (false ===  dom.isRendered()) {
@@ -45,0 +45,0 @@ throw new Error('target is not ready');

src/layout.js

@@ -11,2 +11,3 @@ /**
             this.exec_cnt = 0;
+            this.m_name   = 'Layout';
         } catch (e) {
@@ -57,2 +58,15 @@ console.error(e.stack);
     }
+    
+    name (nm) {
+        try {
+            var _nm = (undefined === nm) ? null : nm;
+            if (null === _nm) {
+                return this.m_name;
+            }
+            this.m_name = _nm;
+        } catch (e) {
+            console.error(e.stack);
+            throw e;
+        }
+    }
 }

src/util/Vdom.js

@@ -72,3 +72,3 @@ /**
             if (null === this.id) {
-                this.id = mofron.util.getId(this.comp);
+                this.id = mofron.util.getId();
             }
@@ -332,5 +332,11 @@ return this.id;
      * @param tgt : (object) target dom
+     * @param upd : (boolean) update flag
      */
-    pushDom (tgt) {
+    pushDom (tgt, upd) {
         try {
+            var _upd = (undefined === upd) ? false : upd;
+            if ('boolean' !== typeof _upd) {
+                throw new Error('invalid parameter');
+            }
+            
             if (true === this.isRendered()) {
@@ -348,4 +354,8 @@ throw new Error('already pushed');
             }
-            tgt_dom.insertAdjacentHTML('beforeend',this.getValue());
             
+            if (false === _upd) {
+                tgt_dom.insertAdjacentHTML('beforeend',this.getValue());
+            } else {
+                tgt_dom.innerHTML = this.getValue();
+            }
             this.setPushed();
@@ -352,0 +362,0 @@ } catch (e) {

No alert changes

Improved metrics

Total package byte prevSize

178802

increased by0.98%

Lines of code

5236

increased by0.89%

No dependency changes