efront 4.22.13 → 4.22.16

package/coms/compile//347/264/240/351/246/250.js

@@ -441,18 +441,29 @@ var fixBase = function (b, a) {
     return splitParams(a).map(a => {
         if (presets.test(a)) a = `@{${a}}`;
         var replaced = false;
+        var rootindex = 0;
+        a.replace(/\:root/g, function (match, index) {
+            rootindex = match.length + index;
+            return '';
+        })
+        if (rootindex > 0) a = a.slice(rootindex);
         return splitParams(b).map(b => {
-            b = b.replace(/^(&|\:scope|\:root)\s*/g, "");
-            if (!b) return a;
-            var a1 = a.replace(/&|\:scope|\:root/g, function (match) {
+            var b1 = b.replace(/^\:root\s*/g, '');
+            var rindex = rootindex;
+            if (b1.length !== b.length) rindex = true;;
+            b = b1;
+            b = b.replace(/^(&|\:scope)\s*/g, "");
+            var a1 = a.replace(/&|\:scope/g, function () {
                 replaced = true;
-                return b;
+                if (!rindex) return b;
+                return '';
             });
+            if (!b && !replaced) return a1;
             if (!replaced) {
                 if (/^[\>~\+]/.test(a) || /[\>~\+]$/.test(b)) {
-                    a1 = b + a;
+                    a1 = b + a1;
                 }
-                else a1 = b + " " + a;
+                else if (!rindex) a1 = b + " " + a;
             }
             return a1;
         }).join(",");
@@ -494,7 +505,7 @@ var Method = function () {
     vlist.pop();
     return body;
 }
-var vlist = [], mlist = [macros], clist = [], base = '';
+var vlist = [], mlist = [macros], clist = [], base = "";
 var killneg = function (v, n) {
     if (n === "-") {
         if (/^\-/.test(v)) {
@@ -529,7 +540,7 @@ var initvars = function (vars) {
 };
 var evalthis = function (p) {
     var temp = base;
-    base = p.base;
+    base = p.base || "&";
     var res = eval2(p.used);
     base = temp;
     return res;

package/coms/compile//347/264/240/351/246/250_test.js

@@ -62,10 +62,10 @@ test(`.type(@type,@media) {.@{type} {&:before{content:"@{media}";}}}.type(videoi
 assert(素馨(`:not(a):not(b){c:d}`, 'abc'), `abc :not(a):not(b){c:d;}`);
 assert(素馨(`&:not(a):not(b){c:d}`, 'abc'), `abc:not(a):not(b){c:d;}`);
 assert(素馨(`:scope{&:not(a):not(b){c:d}}`, 'abc'), `abc:not(a):not(b){c:d;}`);
-assert(素馨(`:root{&:not(a):not(b){c:d}}`, 'abc'), `abc:not(a):not(b){c:d;}`);
+assert(素馨(`:root{&:not(a):not(b){c:d}}`, 'abc1'), `:not(a):not(b){c:d;}`);
 assert(素馨(`&{&:not(a):not(b){c:d}}`, 'abc'), `abc:not(a):not(b){c:d;}`);
 assert(素馨(`:root>a{&:not(a):not(b){c:d}}`, '.abc-'), `.abc->a:not(a):not(b){c:d;}`);
-assert(素馨(`a>:root{&:not(a):not(b){c:d}}`, '.abc-'), `a>.abc-:not(a):not(b){c:d;}`);
+assert(素馨(`a>:root{&:not(a):not(b){c:d}}`, '.abc-'), `:not(a):not(b){c:d;}`);
 
 assert(素馨(`.a (){ &:after{abc:1}} .b{.a();}`, '.abc-'), `.abc- .b:after{abc:1;}`);
 assert(素馨(`@a:1px;@margin-x:@a+10px; a{m:-@margin-x}`), `a{m:-11px;}`);

package/coms/reptile/colored_console.js

@@ -307,4 +307,5 @@ if (typeof i18n !== 'undefined') {
     colored.warn.tip = i18n`注意`;
     colored.error.tip = i18n`错误`;
 }
+colored.render = renderColor;
 module.exports = colored;

package/coms/zimoli/alert.js

@@ -16,20 +16,27 @@ css(container, 'top:0;height:0;left:0;right:0;transition:all 0.2s ease-out;posit
 var _text = function (elem, bgcolor, parameters) {
     var box = elem || document.createElement('div');
     css(box, `background-color:${bgcolor};color:${color.pair(bgcolor, 1)};`);
-    box.innerHTML = [].slice.call(parameters, 0).join(", ");
+    remove(box.childNodes);
+    appendChild(box, parameters);
     box.initialStyle = `margin-top:-${fromPixel(singleHeight)};`;
     return box;
 };
 function alert() {
     var clr = String(isString(this) && this || styles.default), text, autoclose = true, onclose;
+    var fade = [];
     var setArg = function (args) {
         text = '';
+        fade = [];
         autoclose = true;
         for (var arg of args) switch (typeof arg) {
-            case "string":
             case "object":
+                if (isNode(arg)) {
+                    fade.push(arg);
+                    continue;
+                }
+            case "string":
                 arg = String(arg);
-                if (!text) {
+                if (!text && !fade.length) {
                     text = arg;
                 } else if (color.isColor(text)) {
                     clr = text;
@@ -42,6 +49,9 @@ function alert() {
                 } else if (color.isColor(arg)) {
                     clr = arg;
                 }
+                else {
+                    fade.push(arg);
+                }
                 break;
             case "boolean":
             case "number":
@@ -66,10 +76,12 @@ function alert() {
         }
     };
     var setContent = function (elem) {
+        var t = [text];
+        if (fade.length) t.push(...fade);
         if (color.isColor(clr)) {
-            elem = _text(elem, clr, [text]);
+            elem = _text(elem, clr, t);
         } else {
-            elem = _text(elem, styles.log, [text]);
+            elem = _text(elem, styles.log, t);
         }
         if (!isMounted(container)) popup(container);
         if (!isMounted(elem)) appendChild(container, elem);

package/coms/zimoli/appendChild.js

@@ -110,6 +110,7 @@ var wrapTargetMethod = function (target, methodName) {
     };
     newMethod.wrapped = true;
 };
+appendChild.dispatch = _onappend;
 appendChild.wrapTarget = function (target) {
     wrapTargetMethod(target, 'insertBefore');
     wrapTargetMethod(target, 'appendChild');

package/coms/zimoli/list.js

@@ -51,7 +51,7 @@ function ylist(container, generator, $Y) {
         }
         return null;
     };
-    var isSticky = child => isNode(child) && /^(sticky|fixed|absolute)$/.test(getComputedStyle(child).position);
+    var isSticky = child => isElement(child) && /^(sticky|fixed|absolute)$/.test(getComputedStyle(child).position);
     var getFirstVisibleElement = function (deltaY) {
         var children = list.childNodes;
         var { scrollTop } = list;
@@ -60,8 +60,9 @@ function ylist(container, generator, $Y) {
         if (deltaY) scrollTop += deltaY;
         for (var cx = 0, dx = children.length; cx < dx; cx++) {
             var child = children[cx];
-            if (!isFinite(child.index) || child.index === null || isSticky(child)) continue;
+            if (!isFinite(child.index) || child.index === null) continue;
             var c = getNodeTarget(child);
+            if (isSticky(c)) continue;
             if (c.offsetTop + c.offsetHeight >= scrollTop + 1) return deltaY === 0 ? child : c;
         }
         return null;
@@ -108,8 +109,9 @@ function ylist(container, generator, $Y) {
         var children = list.children;
         for (var cx = children.length - 1; cx >= 0; cx--) {
             var child = children[cx];
-            if (!isFinite(child.index) || isSticky(child)) continue;
+            if (!isFinite(child.index)) continue;
             var c = getNodeTarget(child);
+            if (isSticky(c)) continue;
             if (c.offsetTop + 1 <= scrollTop + list.clientHeight - paddingBottom) {
                 return deltaY === 0 ? child : c;
             }
@@ -147,7 +149,7 @@ function ylist(container, generator, $Y) {
             saved_itemIndex = itemIndex;
             return;
         }
-        var cache_height = list.offsetHeight;
+        var cache_height = Math.min(list.offsetHeight, screen.height >> 1);
         var index = itemIndex | 0;
         if (itemIndex < 0) index--;
         var ratio = itemIndex - index || 0;
@@ -160,7 +162,10 @@ function ylist(container, generator, $Y) {
         if (last_item) last_item = getNodeTarget(last_item);
         var count = 0, delta = 1, bottom_item, offsett = offset, offsetb = offset, top_item;
         var indexed_item;
-        while (offsetBottom - ratioTop <= list.clientHeight + cache_height || indexed_item && top_item && indexed_item.offsetTop - top_item.offsetTop < cache_height) {
+        var limitHeight = screen.height;
+        while (
+            offsetBottom - ratioTop <= limitHeight + cache_height
+            || delta < 0 && indexed_item && top_item && indexed_item.offsetTop - top_item.offsetTop < cache_height) {
             var item = childrenMap[offset];
             if (!item) {
                 item = createItem(offset);
@@ -198,7 +203,15 @@ function ylist(container, generator, $Y) {
             }
             offsetBottom = bottom_item.offsetTop + bottom_item.offsetHeight;
             ratioTop = top_item.offsetTop + top_item.offsetHeight * ratio;
-            if (count++ > 600) throw new Error(i18n`多于600个元素需要绘制！`);
+            if (count++ > 600) throw console.log(
+                `头部下标`, index,
+                `当前下标`, offset,
+                `缓冲尺寸`, cache_height,
+                '限制尺寸', limitHeight,
+                '框架尺寸', list.offsetHeight,
+                '当前绘制到', ratioTop,
+                `当前元素到顶部元素占用`, offsetBottom - ratioTop
+            ), new Error(i18n`多于600个元素需要绘制！`);
         }
         for (var k in childrenMap) {
             remove(childrenMap[k]);
@@ -249,7 +262,8 @@ function ylist(container, generator, $Y) {
         if (elem.with) for (var w of elem.with) list.insertBefore(w, flag);
     };
     var patchBottom = function (deltaY = 0) {
-        var cache_height = list.offsetHeight;
+        var cache_height = Math.min(list.offsetHeight, screen.height >> 1);
+        var limitHeight = screen.height + cache_height;
         var childrenMap = getChildrenMap();
         var last_element = getLastElement(1);
         if (!last_element || !last_element.offsetHeight) return;
@@ -258,7 +272,7 @@ function ylist(container, generator, $Y) {
         var offsetBottom = getOffsetHeight(last_element) + last_element.offsetTop;
         var offset = last_element.index || 0;
         //追加元素到底部
-        while (offsetBottom <= scrollTop + list.clientHeight + cache_height) {
+        while (offsetBottom <= scrollTop + limitHeight) {
             offset++;
             var item = childrenMap[offset];
             if (!item) {
@@ -282,7 +296,7 @@ function ylist(container, generator, $Y) {
         var collection = [];
         for (var k in childrenMap) {
             let item = childrenMap[k];
-            if (getNodeTarget(item).offsetTop + getOffsetHeight(item) + cache_height < scrollTop) {
+            if (getNodeTarget(item).offsetTop + getOffsetHeight(item) + limitHeight < scrollTop) {
                 collection.push(item);
             }
         }
@@ -310,7 +324,7 @@ function ylist(container, generator, $Y) {
         return scrollTop - list.scrollTop;
     };
     var patchTop = function (deltaY = 0) {
-        var cache_height = list.offsetHeight;
+        var cache_height = Math.min(list.offsetHeight, screen.height >> 1);
 
         var childrenMap = getChildrenMap();
         var first_element, flag_element = first_element = getFirstElement(1);
@@ -320,7 +334,7 @@ function ylist(container, generator, $Y) {
         var { scrollTop } = list;
         scrollTop += deltaY;
         //追加元素到顶部
-        var targetHeight = cache_height + first_element.offsetTop;
+        var targetHeight = screen.height + cache_height + first_element.offsetTop;
         var { paddingCount, paddingMax } = list;
         if (!(paddingCount > 0 && paddingMax > 0 && paddingCount < paddingMax) || !(scrollTop < targetHeight)) {
             paddingCount = 0;

package/coms/zimoli/popup.js

@@ -68,13 +68,16 @@ var popup_path = function (path = "", parameters, target) {
             }
             else if (target instanceof Event) {
                 popup_to_event(element, target);
-            } else if (target instanceof Array) {
+            }
+            else if (target instanceof Array) {
                 popup_to_point(element, target);
-            } else if (target) {
+            }
+            else if (target < 0 || target === true) {
                 popup_with_mask(element);
-            } else {
+            }
+            else {
                 if (parameters !== false && target !== false) setInitialStyle(element);
-                popup_as_single(element);
+                popup_as_single(element, target);
             }
         };
     }
@@ -85,7 +88,7 @@ var popup_path = function (path = "", parameters, target) {
         if (!element) return;
         load();
         element.$reload = fullfill;
-        if (!target && target !== false && parameters !== false) {
+        if (target == null && parameters !== false) {
             element.style.opacity = 0;
             oncemount(element, function () {
                 move.bindPosition(element, [.5, .5]);
@@ -114,14 +117,17 @@ var popup_view = function (element, target, style) {
     }
     if (target instanceof Event) {
         popup_to_event(element, target);
-    } else if (target instanceof Array) {
+    }
+    else if (target instanceof Array) {
         if (isNode(style) && style.$mask) addMask(element, style);
         else if (typeof style === 'boolean') addMask(element);
         popup_to_point(element, target);
-    } else if (target) {
+    }
+    else if (target === true || target < 0) {
         popup_with_mask(element);
-    } else {
-        popup_as_single(element);
+    }
+    else {
+        popup_as_single(element, target);
     }
     return element;
 };
@@ -337,8 +343,8 @@ var _as_yextra = function (global, innerWidth, innerHeight, element, target, poi
     global(element, false);
 };
 var _as_xextra = arriswise(_as_yextra, arguments);
-var popup_as_single = function (element) {
-    if (!isMounted(element)) css(element, `z-index:${zIndex()};`);
+var popup_as_single = function (element, z) {
+    if (!isMounted(element)) css(element, `z-index:${Number.isFinite(z) ? z : zIndex()};`);
     global(element, false);
 };
 var popup_to_point = function (element, [x, y]) {

package/coms/zimoli/render.js

@@ -60,11 +60,10 @@ var renderidClosed = 0;
 var addRenderElement = function () {
     var element = this;
     if (!isNode(element)) return;
-    if (element.$renderid !== 9) {
-        // 只渲染一次
+    buildFirst(element);
+    if (element.$renderid > 10) {
         renderElements[element.$renderid] = element;
     }
-    buildFirst(element);
 };
 var removeRenderElement = function () {
     var element = this;
@@ -144,14 +143,39 @@ var getScopeList = function (element) {
     if (element.$scope) scopes.push(element.$scope);
     return scopes;
 };
+var toNull = () => null;
+var toUndefined = () => { };
+var toResult = function (c) {
+    if (typeof c === 'function') return c();
+    return c;
+};
+var toObject = function (object) {
+    if (isArray(object)) return function (object) {
+        return object.map(toResult);
+    }
+    return function () {
+        var result = {};
+        for (var k in object) result[k] = toResult(object[k]);
+        return result;
+    }
+};
 var createGetter = function (target, search, isprop = true) {
-    if (!search) return function () { };
-    if (/^\{/.test(search)) search = `(${search})`;
-    search = renderExpress(search);
-    if (isprop) var getter = $$eval.bind(target, search, getScopeList(target));
-    else if (variableOnlyReg.test(search)) getter = $$eval.bind(target, search + "(event)");
-    else getter = $$eval.bind(target, search);
-    return getter;
+    switch (typeof search) {
+        case "function":
+            return search;
+        case "string":
+            if (!search) return toUndefined;
+            if (/^\{/.test(search)) search = `(${search})`;
+            search = renderExpress(search);
+            if (isprop) var getter = $$eval.bind(target, search, getScopeList(target));
+            else if (variableOnlyReg.test(search)) getter = $$eval.bind(target, search + "(event)");
+            else getter = $$eval.bind(target, search);
+            return getter;
+        case "object":
+            if (!isprop) throw new Error('绑定错误');
+            return toObject(search);
+    }
+    return toUndefined;
 };
 var createComment = function (renders, type, expression) {
     var comment = document.createComment(`${type} ${expression}`);
@@ -337,11 +361,6 @@ var createRepeat = function (search, id = 0) {
     initialComment(comment);
     return comment;
 };
-var initIfs = function (ifs) {
-    for (var s of ifs) {
-        initialComment(s[0]);
-    }
-};
 
 var ifget = function () {
     var elements = this.$elements;
@@ -384,6 +403,7 @@ var createIf = function (search, id = 0) {
     var comment = elements[0] = createComment.call(element, [new Binder2(ifget, ifset)], 'if', search);
     comment.$id = id;
     comment.$elements = elements;
+    initialComment(comment);
     return comment;
 };
 var parseIfWithRepeat = function (ifExpression, repeatExpression) {
@@ -495,7 +515,7 @@ var structures = {
         if (cx < 0) {
             throw new Error(i18n`else/elseif前缺少同级if！`);
         }
-        if (cx + 1 < if_top.length) initIfs(if_top.splice(cx + 1, if_top.length - cx - 1));
+        if (cx + 1 < if_top.length) if_top.splice(cx + 1, if_top.length - cx - 1);
         var top = if_top[cx];
         if (search) var getter = createGetter(this, search);
         var comment = createComment.call(this, undefined, search ? 'elseif' : 'else', search);
@@ -838,7 +858,7 @@ function renderProp(elem, props) {
     }
 }
 
-function renderBinds(element, binds, init) {
+function renderBinds(element, binds) {
     var bind = binders._;
     for (var k in binds) {
         if (directives.hasOwnProperty(k)) continue;
@@ -846,8 +866,7 @@ function renderBinds(element, binds, init) {
         h.call(element);
     }
 }
-
-function renderRest(element, struct, replacer = element) {
+function renderDynamics(element, replacer, binds, attrs) {
     var renders = element.$renders;
     if (element.renders) {
         if (!renders) renders = [];
@@ -855,7 +874,6 @@ function renderRest(element, struct, replacer = element) {
         delete element.renders;
     }
     element.$renders = [];
-    var { attrs, binds } = struct;
     var bindWatch = !!element.$needchanges;
     for (var k in binds) {
         if (k in directives) {
@@ -870,13 +888,23 @@ function renderRest(element, struct, replacer = element) {
             }
         }
     }
-    for (var k in struct.attrs) {
+    for (var k in attrs) {
         binders[""].call(element, k, attrs[k]);
     }
     if (renders && renders.length) element.$renders.push.apply(element.$renders, renders);
     if (binds.src) directives.src.call(element, binds.src);
+}
+
+function renderEmits(replacer, emits, on) {
+    for (var k in emits) on.call(this, replacer, k, emits[k]);
+}
+
+function renderRest(element, struct, replacer = element) {
+    var { attrs, binds, emits, waits } = struct;
+    renderDynamics(element, replacer, binds, attrs);
     if (!isElement(replacer)) replacer = element;
-    struct.ons.forEach(([on, key, value]) => on.call(element, replacer, key, value));
+    renderEmits.call(element, replacer, emits, emiters.on);
+    renderEmits.call(element, replacer, waits, emiters.once);
 }
 function renderArray(children, scope, parentScopes, once) {
     if (!children) return;
@@ -886,7 +914,7 @@ function renderArray(children, scope, parentScopes, once) {
             children[cx] = renderElement(children[cx], scope, parentScopes, once);
         }
         if (if_top_length < if_top.length) {
-            initIfs(if_top.splice(if_top_length, if_top.length - if_top_length));
+            if_top.splice(if_top_length, if_top.length - if_top_length);
         }
     };
     return children;
@@ -915,7 +943,6 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
                 throw new Error(i18n`父作用域链的长度必须相等着`);
             }
         }
-        element.$parentScopes = parentScopes || [];
         var s = createStructure(element);
         element.$struct = s;
         mountElementIds(element, s.ids);
@@ -923,14 +950,16 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
         element.$eval = $eval;
     }
     element.$scope = scope;
+    element.$parentScopes = parentScopes || [];
     if (element.$renderid <= -1) element = renderStructure(element);
     if (!element) return;
     if (element.$renderid < 0 || element.nodeType !== 1) {
         return element;
     }
     var isFirstRender = !element.$renderid;
-
     if (isFirstRender) {
+        var lockid = renderlock.length;
+        renderlock[lockid] = null;
         element.$renderid = 1;
         var parentNode = element.parentNode;
         if (parentNode) {
@@ -960,7 +989,6 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
                     if (!replacer.$scope) replacer.$scope = scope;
                     if (!replacer.$parentScopes) replacer.$parentScopes = parentScopes;
                     createStructure(replacer);
-                    renderArray(getChildren(replacer), replacer.$scope, replacer.$parentScopes, once);
                     renderRest(replacer, replacer.$struct);
                 }
                 copyAttribute(replacer, copys);
@@ -973,9 +1001,6 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
                 }
             }
         }
-    }
-    if (!replacer || element === replacer) renderArray(getChildren(element), scope, parentScopes, once);
-    if (isFirstRender) {
         renderRest(element, $struct, replacer);
         if (isNode(replacer) && replacer !== element) {
             if (!replacer.$renders) replacer.$renders = [];
@@ -984,9 +1009,11 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
         }
         if (element.$digest || element.$renders.length) {
             element.$ready = true;
-            renderlock.push(element);
+            renderlock[lockid] = element;
         }
+        else if (renderlock.length === lockid) renderlock.pop();
     }
+    renderArray(getChildren(element), element.$scope || scope, element.$parentScopes || parentScopes, once);
     return element;
 }
 var deepcontexts = [];
@@ -1057,8 +1084,9 @@ var mergeStruct = function (struct1, struct2) {
 }
 
 class Struct {
-    constructor(ons, types, copys, binds, attrs, props, ids, once) {
-        this.ons = ons;
+    constructor(emits, onceEmits, types, copys, binds, attrs, props, ids, once) {
+        this.emits = emits;
+        this.waits = onceEmits;
         this.if = types.if;
         this.repeat = types.repeat;
         this.copys = copys;
@@ -1089,7 +1117,8 @@ function createStructure(element, useExists) {
     }
     var types = {};
     var emiter_reg = /^(?:(v|ng|on|once)?\-|v\-on\:|@|once|on)/i;
-    var ons = [];
+    var emits = {};
+    var waits = {};
     var copys = [];
     var binds = {};
     var once;
@@ -1175,9 +1204,17 @@ function createStructure(element, useExists) {
         // ng-click on-click v-click @click @mousedown ...
         else if (emiter_reg.test(name)) {
             var match = emiter_reg.exec(name);
-            var ngon = (match[1] || match[0]).toLowerCase() === 'once' ? 'once' : 'on';
+            var isOnce = (match[1] || match[0]).toLowerCase() === 'once';
             element.removeAttribute(name);
-            if (value) ons.push([emiters[ngon], name.replace(emiter_reg, ''), value]);
+            if (value) {
+                var key = name.replace(emiter_reg, '');
+                if (isOnce) {
+                    waits[key] = value;
+                }
+                else {
+                    emits[key] = value;
+                }
+            }
         }
         // placeholder_ href_ checked_ ...
         else if (/[_@\:\.&\?\*\+\#]$/.test(name)) {
@@ -1226,42 +1263,48 @@ function createStructure(element, useExists) {
     if (props["zimoli"] || props["fresh"] || props["once"]) once = true;
     else if (props["refresh"] || props["digest"] || props["mount"]) once = false;
     element.$eval = $eval;
-    return element.$struct = new Struct(ons, types, copys, binds, attr1, props, ids, once);
+    return element.$struct = new Struct(emits, waits, types, copys, binds, attr1, props, ids, once);
+}
+function unlock(element) {
+    if (!element) return;
+    var { $renderid = 0 } = element;
+    if ($renderid !== 9) {
+        if ($renderid < 10) element.$renderid = ++renderidOffset;
+        on("append")(element, addRenderElement);
+        onremove(element, removeRenderElement);
+        if (element.nodeType === 8);
+        else if (eagermount) buildFirst(element);
+    }
+    else {
+        buildFirst(element);
+    }
 }
-function renderUnlock() {
-    var locked = renderlock.reverse();
+function renderUnlock(element) {
+    var locked = renderlock;
     renderlock = null;
-    locked.forEach(element => {
-        if (element.$renderid !== 9) {
-            element.$renderid = ++renderidOffset;
-            on("append")(element, addRenderElement);
-            onremove(element, removeRenderElement);
-            if (isMounted(element) || element.nodeType === 8);
-            else if (eagermount) buildFirst(element);
-        }
-        else {
-            buildFirst(element);
-        }
-    });
+    locked.forEach(unlock);
     eagermount = false;
+    var parentNode = element.parentNode;
+    if (parentNode && isMounted(parentNode)) appendChild.dispatch(element);
 }
-function renderLock() {
+function renderLock(element) {
     if (!renderlock) {
         renderlock = [];
+        element.$mounted = false;
         return true;
     }
     return false;
 }
 var eagermount = false, renderlock = null;
 function render(element, scope, parentScopes, lazy = true) {
-    var haslock = renderLock();
+    var haslock = renderLock(element);
     var if_top_length = if_top.length;
     if (isFinite(scope) && arguments.length === 2) lazy = scope, scope = undefined;
     else if (isFinite(parentScopes) && arguments.length === 3) lazy = parentScopes, parentScopes = undefined;
     var renderonce = lazy === 0;
     if (haslock) eagermount = !+lazy;
     var e = renderElement(element, scope, parentScopes, renderonce);
-    if (if_top_length < if_top.length) initIfs(if_top.splice(if_top_length, if_top.length - if_top_length));
+    if (if_top_length < if_top.length) if_top.splice(if_top_length, if_top.length - if_top_length);
     if (haslock) renderUnlock(element);
     if (haslock) callDigest();
     return e;
@@ -1297,4 +1340,29 @@ render.getFromScopes = getFromScopes;
 render.struct = createStructure;
 render.mergeStruct = mergeStruct;
 render.Binder = Binder;
-render.Model = Model;
+render.Model = Model;
+render.attribute = function (target, attrs) {
+    return renderDynamics(target, target, null, attrs);
+};
+render.dynamic = function (target, binds, attrs) {
+    renderBinds(target, binds);
+    renderDynamics(target, target, binds, attrs);
+};
+var initRenders = function (target) {
+    if (!target.$renders) target.$renders = [];
+};
+render.class = function (target, map) {
+    initRenders(target);
+    directives.class.call(target, map);
+};
+render.style = function (target, map) {
+    initRenders(target);
+    directives.style.call(target, map);
+};
+render.on = function (target, map) {
+    return renderEmits.call(this, target, map, emiters.on);
+};
+render.once = function (target, map) {
+    return renderEmits.call(this, target, map, emiters.once);
+};
+render.mount = unlock;

package/coms/zimoli/transition.js

@@ -182,7 +182,6 @@ function transition(target, _isLeave, _initialStyle) {
     else if (isLeave) {
         transitionTimerStart = setTimeout(function () {
             extend(target.style, initialStyle);
-            delete target.recoverStyle;
             delete target.captureStyle;
         });
         transitionTimerEnd = setTimeout(function () {
@@ -198,7 +197,6 @@ function transition(target, _isLeave, _initialStyle) {
             if (transitionKey) target.style[transitionKey] = initialStyle[transitionKey];
             target.transitionTimerStart = setTimeout(function () {
                 extend(target.style, recoverStyle);
-                delete target.recoverStyle;
                 delete target.captureStyle;
             }, waitPaint);
         });