efront 3.18.0 → 3.18.3

package/coms/zimoli/maps_test.js

@@ -1,33 +1,42 @@
 function maps_test() {
-    var map = new maps({
+    var config = {
         center: [/*兰考*/114.834364, 34.82138],
-        center: [/*蒙古*/104.751074, 44.163022],
-        center: [/*西亚*/48.068813, 29.321316],
-        zoom: 12
-    });
-    onclick(map, function (event) {
-        var map = this.map;
-        var layerx = event.offsetX || event.layerX || 0;
-        var layery = event.offsetY || event.layerY || 0;
-        var [lng, lat] = map.location(layerx, layery);
-        alert(`${lng},${lat}`);
-    });
-    var active;
-    var buttons = ["百度", "谷歌", "OSM", "Default"].map((a, cx) => {
-        var btn = button(a);
-        onclick(btn, function () {
-            if (active) for (var k in active) {
-                delete map.map[k];
+        // center: [/*蒙古*/104.751074, 44.163022],
+        // center: [/*西亚*/48.068813, 29.321316],
+        zoom: 3
+    };
+    var page = document.createElement('map-test');
+    page.innerHTML = template;
+    renderWithDefaults(page, {
+        menus: ["高德", "百度", "谷歌", "OSM", { name: "Default", actived: true }].map(a => isObject(a) ? a : { name: a }),
+        menu,
+        maps: [
+            maps$gaode,
+            maps$baidu,
+            maps$google,
+            maps$osm,
+        ],
+        actived: null,
+        locat(event) {
+            var map = this.map;
+            var layerx = event.offsetX || event.layerX || 0;
+            var layery = event.offsetY || event.layerY || 0;
+            var [lng, lat] = map.location(layerx, layery);
+            alert(`${lng},${lat}`);
+        },
+        open(m) {
+            console.log(m, this.actived)
+            for (var k in this.actived) {
+                delete this.mp.map[k];
             }
-            extend(map.map, active = [
-                maps$baidu,
-                maps$google,
-                maps$osm
-            ][cx]);
-            map.map.refresh();
-        });
-        return btn;
+            extend(this.mp.map, m, { cache: [] });
+            this.mp.map.refresh();
+            console.log(this.mp.map)
+            this.actived = m;
+        },
+        map() {
+            return new maps(config);
+        },
     });
-    buttons[3].click();
-    return option(group(buttons), map, 8);
+    return page;
 }

package/coms/zimoli/maps_test.less

@@ -7,11 +7,9 @@
     background-position: 0 0, @background-size/2 @background-size/2;
     height: 200px;
 }
-canvas{
-    background-color: #035;
-}
-.button {
-    height: 40px;
+
+canvas {
     width: 100%;
-    display: block;
+    height: 100%;
+    background-color: #035;
 }

package/coms/zimoli/menu.js

@@ -48,19 +48,20 @@ var getArrayNodes = function (elem) {
         var nodeName = node.children.length > 1 ? node.children[0].innerHTML : node.innerHTML;
         deep++;
         if (nodeName) {
-            nodes.push({
+            nodes.push(new Item({
                 name: nodeName,
                 tab: deep,
                 href: node.getAttribute("path") || node.getAttribute("href"),
                 class: node.className,
                 closed: true
-            });
+            }));
         }
         var index = nodes.length - 1;
         if (node.children.length > 1) {
             [].forEach.call(node.children[1].children, run);
         }
-        nodes[index].children = nodes.splice(index + 1, nodes.length - index);
+        nodes[index].push.apply(nodes[index], nodes.splice(index + 1, nodes.length - index));
+        nodes[index].children = nodes[index];
         deep--;
     };
     [].forEach.call(elem.children, run);
@@ -93,7 +94,7 @@ var getTreeNodes = function (elem) {
 var emitEvent = function (item, event) {
     event.preventDefault(true);
     if (item.disabled) return;
-    active(this, item, item, createItemTarget.call(this, item));
+    active(this, item, item, this.$src ? createItemTarget.call(this, item) : this);
 }
 function bindGlobalkey(elem, keymap, emit) {
     if (elem.keymap) {
@@ -152,7 +153,7 @@ function main(elem, mode) {
                     tree(elem, function (index, item, menu) {
                         var e = generator(index, item);
                         if (!e || e.children.length) return e;
-                        var m = menuItem(e, menu, elem.useIcon);
+                        var m = menuItem(null, menu, elem.useIcon);
                         return m;
                     });
                     care(elem, function (data) {
@@ -194,8 +195,8 @@ function main(elem, mode) {
             case "y":
             case "vertical":
                 if (!direction) mode = "vertical", direction = 'y';
-                var emit = function (item) {
-                    active(elem, item.value, item, createItemTarget.call(elem, item.value));
+                var emit = function (item, target) {
+                    active(elem, item, null, elem.$src ? createItemTarget.call(elem, item, target) : target);
                 };
                 if ("$src" in elem) {
                     getGenerator(elem, 'menu-item');

package/coms/zimoli/menuItem.js

@@ -17,7 +17,7 @@ function main(elem, scope, hasIcon) {
     else {
         item.removeAttribute("disabled");
     }
-    render(item.children, scope, hasIcon instanceof Array ? hasIcon : [{ useIcon: hasIcon, hasIcon, name, icon }], false);
+    render(item.children, scope, hasIcon instanceof Array ? hasIcon : [{ useIcon: hasIcon, hasIcon, name, icon }], 0);
     if (scope.line) item.setAttribute("line", ''), on("click")(item, preventDefault);
     if (scope.hotkey) bindAccesskey(item, scope.hotkey);
     return item;

package/coms/zimoli/menuList.js

@@ -231,7 +231,7 @@ function main(page, items, active, direction = 'y') {
         if (this.menu.line) return;
         if (byMousedown) return;
         if (this.hasAttribute("disabled") || this.hasAttribute('line')) return;
-        var pop = active(this.menu, this);
+        var pop = active(this.menu.value, this);
         if (pop === false) return;
         var root = page.root || page;
         if (root.direction === 't' || root.selected) {
@@ -286,6 +286,7 @@ function main(page, items, active, direction = 'y') {
         };
         var $scope = {
             "menu-item"(e, s) {
+                if (e && s === e.$scope) s = itemName ? s[itemName] : s.menu;
                 var a = button(
                     menuItem(e, s.value, this.hasIcon)
                 );
@@ -293,10 +294,10 @@ function main(page, items, active, direction = 'y') {
                     page.firstMenu = a;
                     page.total = items.length;
                 }
-                a.menu = s.menu;
+                a.menu = s;
                 return a;
             },
-            menus: items,
+            menus: items.map(i => i instanceof Item ? i : new Item(i)),
             hasIcon: hasIcon(),
             open: fire,
             cancel,
@@ -315,6 +316,7 @@ function main(page, items, active, direction = 'y') {
             list(page, function (index) {
                 var item = items[index];
                 if (!item) return;
+                if (!(item instanceof Item)) item = new Item(item);
                 var a = $scope["menu-item"](null, item);
                 if (src.itemName) a.setAttribute("e-if", notHidden);
                 a.setAttribute("e-class", className);

package/coms/zimoli/onmousewheel.js

@@ -11,6 +11,7 @@ var addDeltaY = function (event) {
         } else {
             delta = 120 / (1 - delta / 12) - 120;
         }
+        delta /= devicePixelRatio;
         if (event.axis === 1) {
             event.deltaX = delta;
             event.deltaY = 0;

package/coms/zimoli/popup.js

@@ -395,4 +395,5 @@ var global = function (element, issingle) {
 };
 var popup_as_yextra = _as_yextra.bind(null, global, innerWidth, innerHeight);
 var popup_as_xextra = _as_xextra.bind(null, global, innerHeight, innerWidth);
-var cleanup = new Cleanup(rootElements);
+var cleanup = new Cleanup(rootElements);
+popup.style = animationStyle;

package/coms/zimoli/render.js

@@ -1,17 +1,26 @@
 var hasOwnProperty = {}.hasOwnProperty;
 var renderElements = Object.create(null);
 var presets = Object.create(null);
+var createTemplateNodes = function (text) {
+    var node = document.createElement(this.parentNode.tagName || "div");
+    node.innerHTML = text;
+    remove(this.with);
+    this.with = [].slice.call(node.childNodes, 0);
+    appendChild.after(this, this.with);
+    renderElement(this.with, this.$scope, this.$parentScopes, this.renderid === 9);
+};
 presets.template = function (t) {
     var comment = document.createComment('template');
     comment.$scope = t.$scope;
     comment.$parentScopes = t.$parentScopes;
-    once("append")(comment, function () {
-        var node = document.createElement(comment.parentNode.tagName || "div");
-        node.innerHTML = t.innerHTML;
-        comment.with = [].slice.call(node.childNodes, 0);
-        appendChild.after(comment, comment.with);
-        renderElement(comment.with, comment.$scope, comment.$parentScopes, this.renderid === 9);
-    });
+    if (!t.innerHTML) {
+        care(comment, createTemplateNodes)
+    }
+    else {
+        once("append")(comment, function () {
+            createTemplateNodes.call(comment, t.innerHTML);
+        });
+    }
     return comment;
 };
 window.renderElements = renderElements;
@@ -81,6 +90,8 @@ var createGetter = function (search, isprop = true) {
 var initialComment = function (renders, type, expression) {
     var comment = document.createComment(`${type} ${expression}`);
     comment.renders = renders;
+    comment.$scope = this.$scope;
+    comment.$parentScopes = this.$parentScopes;
     appendChild.after(this, comment);
     if (!/if/i.test(type)) remove(this);
     if (!this.$struct.once) {
@@ -183,7 +194,6 @@ var createRepeat = function (search, id = 0) {
             clone.$scope = $scope;
             clone.$parentScopes = $parentScopes;
             clone.$struct = $struct;
-            clone = render(clone, $scope, clone.$parentScopes);
             clonedElements1[k] = clone;
             return clone;
         }, this);
@@ -192,6 +202,7 @@ var createRepeat = function (search, id = 0) {
             if (a.previousSibling !== last) appendChild.after(last, a);
             last = a;
         }, this);
+        cloned.forEach(a => render(a))
         for (var k in clonedElements) {
             if (clonedElements1[k] !== clonedElements[k]) remove(clonedElements[k]);
         }
@@ -682,7 +693,9 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
                     }
                 });
                 replacer.renderid = element.renderid;
-                replacer.renders = element.renders;
+                var renders = element.renders;
+                if (replacer.renders) renders = renders.concat(replacer.renders);
+                replacer.renders = renders;
                 if (binds.src) replacer.$src = element.$src;
                 element = replacer;
                 element.$scope = scope;
@@ -692,6 +705,8 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
     }
     if (element.children && element.children.length) renderElement(element.children, scope, parentScopes, once);
     if (!isFirstRender) return element;
+    var renders = element.renders;
+    element.renders = [];
     for (var k in binds) {
         if (directives.hasOwnProperty(k)) {
             directives[k].call(element, [withContext, binds[k]])
@@ -709,6 +724,7 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
         } catch (e) { }
     }
     ons.forEach(([on, key, value]) => on.call(element, key, [withContext, value]));
+    if (renders.length) element.renders.push.apply(element.renders, renders);
     if (element.renders.length) {
         if (element.renderid !== 9) {
             onmounted(element, addRenderElement);

package/coms/zimoli/tree.js

@@ -224,7 +224,7 @@ function tree() {
         _div.refresh();
         onclick(_div, function (event) {
             var isClosed = com.isClosed();
-            if (!active(banner, com.value, com, element.$src ? createItemTarget.call(element, com.value) : _div)) {
+            if (!active(banner, com.value, com, banner.$src ? createItemTarget.call(banner, com.value) : _div)) {
                 return;
             }
             if (isClosed === com.isClosed() && com.length) {

package/coms/zimoli/zimoli.js

@@ -127,7 +127,13 @@ function go(pagepath, args, history_name, oldpagepath) {
     } else {
         var { roles, options, id } = getZimoliParams(pagepath);
     }
-    if (!pagepath) return true;
+    if (!pagepath) {
+        if (isNode(history_name)) {
+            remove(history_name.activateNode);
+            history_name.activate = pagepath;
+        }
+        return true;
+    }
     setZimoliParams(pagepath, { data: args, from: oldpagepath, options, roles, id });
     prepare(pagepath, function (res) {
         if (!res.roles || res.roles === true) res.roles = !!roles;
@@ -594,7 +600,11 @@ function addGlobal(element, name = null, isDestroy) {
         }
         global[name] = element;
     } else if (isNode(name)) {
-        if (isDestroy) appendChild.insert(name, element);
+        if (name.nodeType !== 1) {
+            appendChild.after(name, element);
+            name.with = [element];
+        }
+        else if (isDestroy) appendChild.insert(name, element);
         else appendChild(name, element);
     } else if (isFunction(name)) {
         name(element);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "efront",
-    "version": "3.18.0",
+    "version": "3.18.3",
     "description": "一个开发工具，开放源代码，自带组件库和编译环境，可以用来开发web组件，web应用或nodejs模块，或做为已有代码的加密工具，也可以做为静态页面服务器或跨域中转服务器使用",
     "main": "public/efront.js",
     "directories": {