efront 4.22.0 → 4.22.2

package/coms/zimoli/render.js

@@ -147,11 +147,9 @@ var createGetter = function (target, search, isprop = true) {
     if (!search) return function () { };
     if (/^\{/.test(search)) search = `(${search})`;
     search = renderExpress(search);
-    var scopes = getScopeList(target);
-    if (isprop) var getter = $$eval.bind(target, search, scopes);
-    else if (variableOnlyReg.test(search)) getter = $$eval.bind(target, search + "(event)", scopes);
-    else getter = $$eval.bind(target, search, scopes);
-    getter.scopes = scopes;
+    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;
 };
 var createComment = function (renders, type, expression) {
@@ -242,6 +240,18 @@ var parseRepeat = function (expression) {
         srcName
     );
 };
+var getClonedElements = function (clones, repsrc) {
+    var newmap = [];
+    var inc = 0;
+    clones.forEach((c, i) => {
+        var m = c.$scope.$item;
+        switch (m) {
+            case repsrc[inc]: delete clones[i]; newmap[inc++] = c; break;
+            case repsrc[inc + 1]: delete clones[i]; inc++; newmap[inc++] = c; break;
+        }
+    });
+    return newmap;
+}
 var createRepeat = function (search, id = 0) {
     // 懒渲染
     // throw new Error("repeat is not supported! use list component instead");
@@ -272,25 +282,42 @@ var createRepeat = function (search, id = 0) {
         if (element.$scope) {
             $parentScopes = $parentScopes.slice(), $parentScopes.push(element.$scope);
         }
-        var clonedElements1 = Object.create(null);
+        var clonedElements1 = isArrayResult ? [] : Object.create(null);
+        if (isArrayResult && !trackBy && clonedElements instanceof Array) {
+            clonedElements1 = getClonedElements(clonedElements, result);
+        }
         var cloned = keys.map(function (key, cx) {
             var k = isArrayResult ? cx : key;
             var $scope = repeater.createScope(result[k], k, cx);
             if (trackBy) {
                 k = seek($scope, trackBy);
                 if (clonedElements[k]) {
-                    clonedElements[k].$scope = $scope;
+                    Object.assign(clonedElements[k].$repeat, $scope)
                     return clonedElements1[k] = clonedElements[k];
                 }
             }
             else {
-                var c = changes[k];
-                if (clonedElements[k]) if (!c) return clonedElements1[k] = clonedElements[k];
+                if (isArrayResult) {
+                    var c = clonedElements1[k];
+                    if (c) {
+                        Object.assign(c.$repeat, $scope);
+                        return c;
+                    }
+                }
+                else {
+                    var c = changes[k];
+                    if (!c) c = clonedElements[k];
+                    else c = null;
+                    if (c) {
+                        Object.assign(c.$repeat, $scope);
+                        return clonedElements1[k] = c;
+                    }
+                }
             }
             var clone = element.cloneNode();
             clone.innerHTML = element.innerHTML;
             clone.$renderid = id;
-            clone.$scope = $scope;
+            clone.$repeat = clone.$scope = $scope;
             clone.$parentScopes = $parentScopes;
             clone.$struct = $struct;
             clonedElements1[k] = clone;
@@ -323,46 +350,49 @@ var initIf = function (ifs) {
         initialComment(s[0]);
     }
 };
+
+var ifget = function () {
+    var elements = this.$elements;
+    var shouldMount = -1;
+    for (var cx = 0, dx = elements.length; cx < dx; cx += 2) {
+        var getter = elements[cx + 1];
+        if (!getter || getter(this)) {
+            shouldMount = cx;
+            break;
+        }
+    }
+    return shouldMount;
+}
+var ifset = function (shouldMount) {
+    var elements = this.$elements;
+    for (var cx = 0, dx = elements.length; cx < dx; cx += 2) {
+        var c = elements[cx];
+        if (cx === shouldMount) {
+            var e = c.$template;
+            if (c.nextSibling !== e) appendChild.after(c, e);
+            if (e.$renderid < 0) {
+                e.$renderid = this.$id;
+                e = c.$template = render(e);
+                e.$comment = c;
+            }
+        }
+        else {
+            remove(c.$template);
+        }
+    }
+};
 var createIf = function (search, id = 0) {
     // 懒渲染
     var getter = createGetter(this, search);
     var element = this;
     var elements = [element, getter];
     if_top.push(elements);
-    var savedValue;
     elements.parent = this.parentNode;
-    elements.comment = search;
     if (this.$struct.repeat) id = -3;
-
-    elements.$renders = [function () {
-        var shouldMount = -1;
-        for (var cx = 0, dx = elements.length; cx < dx; cx += 2) {
-            var getter = elements[cx + 1];
-            if (!getter || getter(this)) {
-                shouldMount = cx;
-                break;
-            }
-        }
-        if (savedValue === shouldMount) return;
-        savedValue = shouldMount;
-        for (var cx = 0, dx = elements.length; cx < dx; cx += 2) {
-            var c = elements[cx];
-            if (cx === shouldMount) {
-                var e = c.$template;
-                appendChild.after(c, e);
-                if (e.$renderid < 0) {
-                    e.$renderid = id;
-                    e = c.$template = render(e, this.$scope, this.$parentScopes);
-                    e.$comment = c;
-                }
-            }
-            else {
-                remove(c.$template);
-            }
-        }
-
-    }];
-    return elements[0] = createComment.call(element, elements.$renders, 'if', elements.comment);
+    var comment = elements[0] = createComment.call(element, [new Binder2(ifget, ifset)], 'if', search);
+    comment.$id = id;
+    comment.$elements = elements;
+    return comment;
 };
 var parseIfWithRepeat = function (ifExpression, repeatExpression) {
     var repeater = parseRepeat(repeatExpression);
@@ -475,9 +505,7 @@ var structures = {
         }
         initIf(if_top.splice(cx + 1, if_top.length - cx - 1));
         var top = if_top[cx];
-        if (search && search) {
-            var getter = createGetter(this, search);
-        }
+        if (search) var getter = createGetter(this, search);
         var comment = createComment.call(this, undefined, search ? 'elseif' : 'else', search);
         top.push(comment, getter);
     },
@@ -574,19 +602,26 @@ class Model {
         var getValue = target.getValue;
         var setValue = target.setValue;
         if (getValue && setValue);
-        else if (("value" in target || target.getValue instanceof Function) && target.setValue instanceof Function) {
-            if (!getValue) getValue = gtValue;
+        else if ('value' in target) {
             if (!setValue) setValue = stValue;
-        } else if (/^input$/i.test(target.tagName) && /^checkbox$/i.test(target.type) || /^checkbox$/i.test(target.tagName)) {
+            if (!getValue) getValue = gtValue;
+        }
+        else if (/^input$/i.test(target.tagName) && /^checkbox$/i.test(target.type) || /^checkbox$/i.test(target.tagName)) {
             if (!getValue) getValue = gtChecked;
             if (!setValue) setValue = stChecked;
-        } else if (/^(select|input|textarea)$/i.test(target.tagName) || "value" in target) {
+        }
+        else if (/^(select|input|textarea)$/i.test(target.tagName) || "value" in target) {
             if (!getValue) getValue = gtValue;
             if (!setValue) setValue = stValue;
-        } else {
+        }
+        else if (String(target.contentEditable) === "true") {
             if (!getValue) getValue = gtHtml;
             if (!setValue) setValue = stHtml;
         }
+        else {
+            if (!getValue) getValue = gtValue;
+            if (!setValue) setValue = stValue;
+        }
         this.gv = getValue;
         this.sv = setValue;
         this.target = target;
@@ -599,6 +634,9 @@ class Model {
         this.ss.call(this.target, value);
         this.value = value;
         this.bd.value = this.gs.call(this.target, value);
+        if (isFunction(this.emit?.call)) {
+            this.emit.call(this.target);
+        }
         userChanged = true;
     }
     hook(elem, emit) {
@@ -606,9 +644,10 @@ class Model {
         elem.$renders.push(binder);
         binder.call(elem);
         this.bd = binder;
-        if (emit) {
+        if (emit !== false) {
+            this.emit = emit;
+            this.value = this.gv.call(this.target);
             eventsBinders.forEach(on => on(this.target, this, true));
-            this.value = this.gv.call(elem);
             this.target = elem;
         }
         return binder;
@@ -645,14 +684,14 @@ var directives = {
         var style = this.style;
         if (style.display !== display) style.display = display;
     }, function () {
-        return this.style.display === 'none';
+        return this.style?.display === 'none';
     }),
     show: createBinder2(function (value) {
         var display = value ? '' : 'none';
         var style = this.style;
         if (style.display !== display) style.display = display;
     }, function () {
-        return this.style.display !== 'none';
+        return this.style?.display !== 'none';
     }),
     style: createMapper(css, css.styleToMap),
     class: createMapper(addClass, addClass.classToMap),
@@ -664,7 +703,7 @@ var directives = {
         var getter = createGetter(this, search);
         var setter = createSetter(this, search);
         var model = new Model(getter, setter, target);
-        model.hook(this, change !== false ? target : null);
+        model.hook(this, change !== false);
     },
     value(search, target) {
         directives.model.call(this, search, target, false);
@@ -712,12 +751,56 @@ var binders = {
     }
 };
 var reject = function (e) { digest(); throw e };
+class Emitter {
+    constructor(emit, scopes) {
+        this.emit = emit;
+        this.scopes = scopes;
+    }
+    call(elem, e) {
+        digest();
+        var scopes = this.scopes;
+        var parsedSrc = elem.$src;
+        if (parsedSrc instanceof Repeater) {
+            if (e.active || e.currentTarget) var target = e.active || (e.currentTarget === elem ? e.target || e.srcElem || e.currentTarget : e.currentTarget);
+            else var target = e.target;
+            if (target === elem) {
+                scope = parsedSrc.createScope();
+            }
+            else {
+                let scopes = target && target.$parentScopes;
+                if (scopes) {
+                    var scope = null;
+                    for (var cx = scopes.length - 1; cx >= 0; cx--) {
+                        var s = scopes[cx];
+                        if (s === elem.$scope) {
+                            scope = scopes[cx + 1];
+                            break;
+                        }
+                    }
+                }
+            }
+            if (!scope && target.$scope !== elem.$scope) scope = target.$scope;
+        }
+        var res;
+        if (scope) {
+            scopes.push(scope);
+            res = this.emit(scopes, elem, e);
+            scopes.pop();
+        }
+        else {
+            res = this.emit(scopes, elem, e);
+        }
+        if (res && isFunction(res.then)) res.then(digest, reject);
+        return res;
+
+    }
+}
 var createEmiter = function (on) {
     return function (target, key, search) {
         /**
          * @type {Repeater}
          */
-        var getter = createGetter(this, search, false);
+        var emit = createGetter(this, search, false);
         var onkey;
         if (key === 'mounted' || key === 'mount') {
             onkey = on === once ? oncemount : onmounted;
@@ -728,42 +811,7 @@ var createEmiter = function (on) {
         else {
             onkey = on(key);
         }
-        onkey(target, function (e) {
-            digest();
-            var parsedSrc = this.$src;
-            if (parsedSrc instanceof Repeater) {
-                if (e.active || e.currentTarget) var target = e.active || (e.currentTarget === this ? e.target || e.srcElem || e.currentTarget : e.currentTarget);
-                else var target = e.target;
-                if (target === this) {
-                    scope = parsedSrc.createScope();
-                }
-                else {
-                    var scopes = target && target.$parentScopes;
-                    if (scopes) {
-                        var scope = null;
-                        for (var cx = scopes.length - 1; cx >= 0; cx--) {
-                            var s = scopes[cx];
-                            if (s === this.$scope) {
-                                scope = scopes[cx + 1];
-                                break;
-                            }
-                        }
-                    }
-                }
-                if (!scope && target.$scope !== this.$scope) scope = target.$scope;
-            }
-            var res;
-            if (scope) {
-                getter.scopes.push(scope);
-                res = getter(this, e);
-                getter.scopes.pop();
-            }
-            else {
-                res = getter(this, e);
-            }
-            if (res && isFunction(res.then)) res.then(digest, reject);
-            return res;
-        });
+        onkey(target, new Emitter(emit, getScopeList(target)));
     };
 };
 var emiters = {
@@ -936,19 +984,25 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
     }
     return element;
 }
-var createEval = function (deep) {
-    var context = [];
-    while (deep-- > 0) {
-        context[deep] = `with($parentScopes[${deep}])`;
+var deepcontexts = [];
+var getDeepContext = function (deep) {
+    var length = deep;
+    var deepL = deepcontexts.length;
+    while (deep-- > deepL) {
+        deepcontexts[deep] = `with($parentScopes[${deep}])`;
     }
-    return new Function("$parentScopes", "code", "event", `${context.join('')}return eval(code)`);
+    return deepcontexts.slice(0, length).join('');
+}
+var createEval = function (deep) {
+    return new Function("$parentScopes", "code", "event", `${getDeepContext(deep)}return eval(code)`);
 };
+
 var evalcontexts = [createEval(0)];
 
 function $$eval(search, scopes, target = this, event) {
     var length = scopes.length;
-    if (!evalcontexts[length]) evalcontexts[length] = createEval(length);
     var eval2 = evalcontexts[length];
+    if (!eval2) eval2 = evalcontexts[length] = createEval(length);
     var res = eval2.call(target, scopes, search, event);
     return res;
 }

package/coms/zimoli/tree.js

@@ -42,6 +42,7 @@ function tree() {
             generator = arg;
         }
     });
+    if (!element) element = document.createElement('tree');
     if (!generator && element && "$src" in element && element.childNodes.length) {
         generator = getGenerator(element, 'node');
     }
@@ -212,7 +213,6 @@ function tree() {
                 } else {
                     marginTop = top.offsetTop - bottom.offsetTop - bottom.offsetHeight;
                 }
-                css(banner, { paddingBottom: -marginTop });
                 var res = transition(top, {
                     transition: `margin-top ${time(marginTop)}s ease-out`,
                     marginTop: fromOffset(marginTop)
@@ -232,7 +232,6 @@ function tree() {
                 setState(false);
                 z0();
                 var paddingBottom = -margin_top;
-                css(banner, { paddingBottom });
                 var res = transition(change_elem, { transition: `margin-top ${time(margin_top)}s ease-out`, marginTop: fromOffset(margin_top) }, false);
                 timeout(z1, res + 60);
             }

package/coms/zimoli/tree.less

@@ -1,7 +1,9 @@
 & {
-    height: 100%;
+    max-height: 100%;
     background: #222d32;
     color: #fff;
+    display: block;
+    overflow: hidden;
 
     >[node] {
         display: block;

package/coms/zimoli/tree_test.js

@@ -1,8 +1,9 @@
+
 var data1 = random([
     {
         name: "一级目录${inc}"
     }
-], 20);
+], 2);
 var data2 = random([{
     name: "一级目录${inc}",
     children: [
@@ -16,14 +17,15 @@ var data2 = random([{
         },
     ]
 }
-], 20)
+], 2)
 
 function tree_test() {
     var banner = tree();
     banner.setData(data2);
-    setTimeout(function () {
-        banner.go(0);
-        test_scroll(banner);
-    })
+    css(banner, {
+        overflow: 'hidden',
+        padding: 0,
+        height: 260
+    });
     return banner;
 }

package/coms/zimoli/zimoli.js

@@ -447,7 +447,7 @@ function zimoli(pagepath, args, history_name, oldpagepath) {
     }
     if (isNode(history_name))
         var zid = history_name.zimoliid = (history_name.zimoliid | 0) + 1;
-    else var zid = ++zimoliid;
+    else var zid = arguments.length ? ++zimoliid : zimoliid;
 
     if (page_generators[pagepath]) return go(pagepath, args, history_name, oldpagepath);
     return prepare(pagepath, function () {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "efront",
-    "version": "4.22.0",
+    "version": "4.22.2",
     "description": "一个开发环境，提供一种自由的前端开发模式，也可作为辅助工具使用。",
     "main": "public/efront.js",
     "directories": {