efront 3.14.11 → 3.15.6

package/coms/basic/Speed.js

@@ -4,7 +4,7 @@ function inertia(gun) {
         if (
             decrease instanceof Function
         ) {
-            if (!spd.length || !spd[0]) return;
+            if (!spd.length || _decreased > 0 && spd.filter(a => a !== 0).length === 0) return;
             var id = smooth_timer;
             var res = decrease(_decreased++, spd);
             if (smooth_timer !== id) return;
@@ -70,6 +70,10 @@ class Speed extends Array {
     static inertia = inertia;
     reset() {
         this.cache.splice(0, this.cache.length, 0);
+        for (var cx = 0, dx = this.length; cx < dx; cx++) {
+            if (this[cx] > 0) this[cx] = 1e-13;
+            if (this[cx] < 0) this[cx] = -1e-13;
+        }
     }
     unset() {
         this.splice(0, this.length), this.cache.splice(0, this.cache.length), this.stamp = 0;

package/coms/basic/cross_.js

@@ -132,6 +132,11 @@ function cross_(jsonp, digest = noop, method, url, headers) {
                     }
                 case 200:
                 case 201:
+                case 202:
+                case 203:
+                case 204:
+                case 205:
+                case 206:
                 case 304:
                     onload(xhr);
                     break;

package/coms/compile/washcode.js

@@ -173,7 +173,7 @@ function checkRefered(scope) {
             if (right.length) {
                 var key = createExpressKey(right);
                 var iswrite = false;
-                iswrite = !!o.kind || !!e && e.type === STAMP && /=$/.test(e.text);
+                iswrite = !!o.kind || !!e && e.type === STAMP && /(?<![\!\=])\=$/.test(e.text);
                 if (key) map[key] = map[key] | 1 + iswrite;
             }
         }

package/coms/zimoli/color.js

@@ -11,9 +11,10 @@ var rgb4v = function (r, g, b, v) {
 };
 
 
+var number_sort = (a, b) => a - b;
 
 var rgb4h = function (r, g, b, h) {
-	var [p, q, s] = [r, g, b].sort();
+	var [p, q, s] = [r, g, b].sort(number_sort);
 	var m = s - p;
 	h = (h % 360 + 360) % 360;
 	if (h < 60) {

package/coms/zimoli/extendTouchEvent.js

@@ -1,5 +1,5 @@
 function extendTouchEvent(e) {
-    var touch = e.touches[0];
+    var touch = e.changedTouches[0];
     for (var k in touch) {
         if (!(k in e)) e[k] = touch[k];
     }

package/coms/zimoli/list.js

@@ -143,14 +143,14 @@ function ylist(container, generator, $Y) {
                     last_index = index;
                     continue;
                 }
-                if (last_index > offset) {
-                    list.insertBefore(item, last_item);
-                } else {
-                    list.insertBefore(item, getNextSibling(last_item));
-                }
             } else {
                 delete childrenMap[offset];
             }
+            if (last_index > offset) {
+                if (item.nextElementSibling !== last_item) list.insertBefore(item, last_item);
+            } else {
+                if (item.previousElementSibling !== item) list.insertBefore(item, getNextSibling(last_item));
+            }
             last_index = offset;
             last_item = item;
             if (offset === index || !indexed_item) indexed_item = item;

package/coms/zimoli/menuList.js

@@ -265,7 +265,7 @@ function main(page, items, active, direction = 'y') {
     };
     var open1 = function (event) {
         if (event.which === 3) event.preventDefault();
-        if (istoolbar) open.call(this, event.button ? 20 : 600);
+        if (istoolbar) open.call(this, event.which === 3 ? 20 : 600);
     };
     if (!page.children.length || page.menutype === 1) {
         page.menutype = 1;
@@ -316,7 +316,8 @@ function main(page, items, active, direction = 'y') {
                 a.menu = item;
                 on("mouseleave")(a, cancel);
                 on("mouseenter")(a, open);
-                if (istoolbar) on("mousedown")(a, open1);
+                on("pointermove")(a, open);
+                if (istoolbar) on("pointerdown")(a, open1);
                 on("click")(a, fire);
                 return a;
             });
@@ -347,7 +348,8 @@ function main(page, items, active, direction = 'y') {
             elem.menu = this.src[index];
             on("mouseleave")(elem, cancel);
             on("mouseenter")(elem, open);
-            if (istoolbar) on("mousedown")(elem, open1);
+            on("pointermove")(elem, cancel);
+            if (istoolbar) on("pointerdown")(elem, open1);
             on("click")(elem, fire);
             return elem;
         }, direction);

package/coms/zimoli/moveupon.js

@@ -35,6 +35,7 @@ function moveupon(target, { start, move, end }, initialEvent) {
     };
     var cancel = function (event) {
         if (event.touches && event.touches.length) return;
+        if (event.touches) extendTouchEvent(event);
         removeAllListeners();
         if (isFunction(offmouseup)) offmouseup();
         if (isFunction(offtouchcancel)) offtouchcancel();

package/coms/zimoli/on.js

@@ -330,10 +330,49 @@ if (is_addEventListener_enabled) {
         }, true);
     });
 }
+var invoke = function (event, type, pointerType) {
+    var target = event.target;
+    var touch = event.changedTouches ? event.changedTouches[0] : event;
+    var clickEvent = document.createEvent("MouseEvents");
+    clickEvent.touchend = true;
+    clickEvent.pointerType = pointerType
+    clickEvent.initMouseEvent(type, true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
+    dispatch(target, clickEvent);
+};
 
+(function () {
+    var pointeractive = null;
+    if ("onpointerdown" in window) return;
+    var getPointerType = function (event) {
+        return event.type.replace(/(start|move|end|cancel|down|up|leave|out|over|enter)$/i, '');
+    };
+    var pointerdown = function (event) {
+        if (pointeractive) return;
+        pointeractive = getPointerType(event);
+        invoke(event, 'pointerdown', pointeractive);
+    };
+    var pointerup = function (event) {
+        var pointerType = getPointerType(event);
+        if (!pointeractive || pointerType !== pointeractive) return;
+        invoke(event, 'pointerup', pointerType);
+    };
+    var pointermove = function (event) {
+        var pointerType = getPointerType(event);
+        if (pointeractive && pointerType !== pointeractive) return;
+        invoke(event, 'pointermove', pointerType);
+    };
+    on('mousedown')(window, pointerdown, true);
+    on('mouseup')(window, pointerdown, true);
+    on('touchstart')(window, pointerdown, true);
+    on("touchmove")(window, pointermove, true);
+    on("mousemove")(window, pointermove, true);
+    on("touchend")(window, pointerup, true);
+    on("touchcancel")(window, pointerup, true);
+}());
 
 (function () {
     // fastclick
+    if (window.fastclick) return;
     if (document.efronton) return on = document.efronton;
     document.efronton = on;
     var onclick = on("click");
@@ -371,12 +410,7 @@ if (is_addEventListener_enabled) {
             if (onclick.preventClick) return;
             needFireClick = true;
             touchendFired = true;
-            var target = event.target;
-            var touch = event.changedTouches[0];
-            var clickEvent = document.createEvent("MouseEvents");
-            clickEvent.touchend = true;
-            clickEvent.initMouseEvent("click", true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
-            dispatch(target, clickEvent);
+            invoke(event, 'click');
         }, true);
         window.addEventListener("click", function (event) {
             if (!isClickWithPointer) return;

package/coms/zimoli/picture.js

@@ -40,6 +40,10 @@ var create = function (url, key) {
         css(imgpic, style);
         if (imgpic) dispatch(imgpic, 'scaled');
     };
+    image.close = function () {
+        if (!p.touchclose) return false;
+        remove(p);
+    };
     image.park = function (x, y, scaled, rotate) {
         var style = get_style(x, y, scaled, rotate);
         var a = transition(imgpic, style, true);

package/coms/zimoli/picture_.js

@@ -1,7 +1,3 @@
-var mountedPictures = [];
-on("resize")(window, function () {
-    mountedPictures.forEach(a => a.update());
-});
 var getstation = function (n, s) {
     var scale = Math.pow(10, Math.round(Math.log(n) / Math.log(10)));
     var step;
@@ -15,19 +11,66 @@ var getstation = function (n, s) {
     return n;
 };
 var trimCoord = move.trimCoord;
-var isequal = (a, b) => a === b || Math.abs((a - b) / (a + b)) < 1e-12;
+var isequal = (a, b) => a === b || Math.abs(a - b) < .1;
+var aimed = (from, to) => (from + from + from + to) / 4;
 function picture_(image = document.createElement("div")) {
     var image_width, image_height;
-    var scaled, x, y, min_scale, loaded_scale, locked_scale, click_scale, loaded_x, loaded_y;
+    var scaled = 1, x = 0, y = 0, min_scale, cover_scale, isxrelex, contain_scale, loaded_scale, click_scale, loaded_x, loaded_y;
     var loaded_width, loaded_height;
     var max_scale = 10 * devicePixelRatio;
-    var shape = function () {
+    var istouching = false;
+    var _shape = function (x, y, scaled, rotated) {
+        image.rotate = rotated;
+        image.scaled = scaled;
+        image.x = x;
+        image.y = y;
         image.shape(x, y, scaled / devicePixelRatio, rotated);
-        loaded_rotate = rotated; loaded_scale = scaled;
+        image.locked = (scaled <= contain_scale) && !overflow();
+    }
+    var shape = function () {
+        _shape(x, y, scaled, rotated);
+        shaped_rotate = rotated;
+    };
+    var overflow = function () {
+        var deltax = 0, deltay = 0;
+        if (scaled <= contain_scale) {
+            deltax = x + image_width * scaled / 2 - loaded_width / 2;
+            deltay = y + image_height * scaled / 2 - loaded_height / 2;
+        }
+        else if (scaled <= cover_scale) {
+            if (isxrelex) {
+                if (x > 0) deltax = x;
+                else if (x + image_width * scaled < loaded_width) deltax = loaded_width - x + image_width * scaled;
+                deltay = y + image_height * scaled / 2 - loaded_height / 2;
+            } else {
+                if (y > 0) deltay = y;
+                else if (y + image_height * scaled < loaded_height) deltay = y + image_height * scaled - loaded_height;
+                deltax = x + image_width * scaled / 2 - loaded_width / 2;
+            }
+        }
+        else {
+            if (x > 0) deltax = x;
+            else if (x + image_width * scaled < loaded_width) deltax = y + image_height * scaled - loaded_height;
+            if (y > 0) deltay = y;
+            else if (y + image_height * scaled < loaded_height) deltay = y + image_height * scaled - loaded_height;
+        }
+        if (Math.abs(deltax) > .1 || Math.abs(deltay) > .1) {
+            deltax /= loaded_width;
+            deltay /= loaded_height;
+
+            return Math.sqrt(deltax * deltax + deltay * deltay);
+        }
     };
     image.reshape = shape;
     var park = function () {
-        if (image.park) image.park(x, y, scaled / devicePixelRatio, loaded_rotate);
+        if (isequal(image.x, x) && isequal(image.y, y) && isequal(image.scaled, scaled) && isequal(image.rotate, rotated)) {
+            _shape(x, y, scaled, rotated);
+            if (image.park) image.park(x, y, scaled / devicePixelRatio, shaped_rotate);
+        }
+        else {
+            _shape(aimed(image.x, x), aimed(image.y, y), aimed(image.scaled, scaled), aimed(image.rotate, rotated));
+            return true;
+        }
     };
     var loadParams = function () {
         if (!image.width) return;
@@ -35,12 +78,20 @@ function picture_(image = document.createElement("div")) {
         image_height = image.height / devicePixelRatio;
         loaded_width = image.clientWidth;
         loaded_height = image.clientHeight;
-        loaded_rotate = 0;
-        locked_scale = loaded_scale = Math.min(loaded_height / image_height, loaded_width / image_width);
+        shaped_rotate = 0;
+        var y_scale = loaded_height / image_height;
+        var x_scale = loaded_width / image_width;
+        isxrelex = x_scale > y_scale;
+        cover_scale = isxrelex ? x_scale : y_scale;
+        loaded_scale = contain_scale = isxrelex ? y_scale : x_scale;
         if (loaded_scale >= 1) {
             click_scale = 4;
             loaded_scale = 1;
-        } else {
+        }
+        else if (loaded_scale > .5) {
+            click_scale = 2;
+        }
+        else {
             click_scale = 1;
         }
         loaded_x = (loaded_width - image_width * loaded_scale) / 2;
@@ -50,47 +101,25 @@ function picture_(image = document.createElement("div")) {
         x = loaded_x;
         y = loaded_y;
         updatexy();
-        set_unlock();
-    };
-    var set_unlock = function () {
-        if (!loaded_scale) return;
         fixpos();
         shape();
     };
 
     on("append")(image, loadParams);
-
-    on("append")(image, function () {
-        mountedPictures.push(image);
-    });
-    on("remove")(image, function () {
-        removeFromList(mountedPictures, image);
-    });
     image.init = loadParams;
     image.locked = false;
 
     on("dblclick")(image, function (event) {
         if (event.defaultPrevented) return;
         event.preventDefault();
-        var image = this;
-        loadParams();
-        image.locked = isequal(scaled, loaded_scale) && isequal(loaded_x, x) && isequal(loaded_y, y);
         var layerx = event.offsetX || 0;
         var layery = event.offsetY || 0;
-        if (layerx)
-            if (image.locked) {
-                var width = image_width * loaded_scale, height = image_height * loaded_scale;
-                if (layerx > loaded_x + width || layerx < loaded_x || width < image.offsetWidth >> 2) {
-                    layerx = loaded_x + width / 2;
-                }
-                if (layery > loaded_y + height || layery < loaded_y || height < image.offsetHeight >> 2) {
-                    layery = loaded_y + height / 2;
-                }
-                scale(layerx, layery, click_scale / loaded_scale);
-            } else {
-                click_scale = scaled;
-                set_unlock();
-            }
+        if (isequal(scaled, loaded_scale)) {
+            scale(layerx, layery, click_scale / scaled);
+        }
+        else {
+            scale(layerx, layery, loaded_scale / scaled);
+        }
     });
     image.getScale = function () {
         if (!this.locked && !loaded_scale) {
@@ -110,7 +139,6 @@ function picture_(image = document.createElement("div")) {
         y += y1 - y0;
     };
     var scale = function (layerx, layery, ratio) {
-        if (!image.locked) return;
         scaled *= ratio;
         x = (x - layerx) * ratio + layerx;
         y = (y - layery) * ratio + layery;
@@ -123,30 +151,23 @@ function picture_(image = document.createElement("div")) {
         if (scaled >= max_scale * 1.1 && scale > 1) return;
         if (scaled <= min_scale && scale < 1) return;
         scaled *= scale;
-        var centerx = (x1 + x2) / 2;
-        var centery = (y1 + y2) / 2;
-        var centerm = (m1 + m2) / 2;
-        var centern = (n1 + n2) / 2;
-        x = (x - centerx) * scale + centerm;
-        y = (y - centery) * scale + centern;
+        var ox = image.clientWidth / 2;
+        var oy = image.clientHeight / 2;
+        x = (x - x1) * scale + ox;
+        y = (y - y1) * scale + oy;
         var theta = Math.atan2(n2 - n1, m2 - m1) - Math.atan2(y2 - y1, x2 - x1);
         var r = rotated;
         r += (theta * 180 / Math.PI);
-        image.rotateBy(theta * 180 / Math.PI);
-        // var cosa = Math.cos(theta);
-        // var sina = Math.sin(theta);
-        // var hw = image.clientWidth / 2;
-        // var hh = image.clientHeight / 2;
-        // console.log(x, y);
-        // x -= hw;
-        // y -= hh;
-        // var x0 = x * cosa - y * sina;
-        // var y0 = x * sina + y * cosa;
-        // x = x0 + hw;
-        // y = y0 + hh;
+        rotated = r;
+        updatexy();
+        x = x - ox + m1;
+        y = y - oy + n1;
         shape();
     };
     var recover = function (change) {
+        if (image.close && scaled < cover_scale && overflow() > .3) {
+            if (image.close() !== false) return;
+        }
         var aimed_scale = getstation(scaled);
         if (aimed_scale !== scaled) {
             change = true;
@@ -169,24 +190,21 @@ function picture_(image = document.createElement("div")) {
         var saved_x = x, saved_y = y;
         fixpos();
         if (change || saved_x !== x || saved_y !== y) {
-            park();
+            move.smooth(park);
             return;
         }
-        if (image.clientHeight && image.clientWidth) return true;
     };
     var move = inertia(function (deltax, deltay) {
         var saved_x = x, saved_y = y;
         x += deltax, y += deltay;
-        fixpos();
+        if (scaled > contain_scale) fixpos();
         shape();
-        if (saved_x === x && saved_y === y) return false;
+        if (saved_x === x && saved_y === y || overflow() > 1) return false;
     });
     var saved_event;
     onmousewheel(image, function (event) {
         var { offsetX: layerX, offsetY: layerY, deltaY } = event;
-        if (this.locked) event.preventDefault();
         if (!deltaY) return;
-        if (!this.locked) loadParams();
         this.locked = true;
         var ratio = Math.pow(0.99, 20 * Math.atan(deltaY / 20));
         var __scaled = scaled;
@@ -204,18 +222,15 @@ function picture_(image = document.createElement("div")) {
         start(event) {
             event.preventDefault();
             saved_event = event;
-            event.moveLocked = scaled > locked_scale;
-            if (!this.locked) {
-                loadParams();
-            }
+            istouching = !this.locked;
             move.reset();
         },
         move(event) {
             if (event.moveLocked) return;
-            event.moveLocked = scaled > locked_scale;
-            event.preventDefault();
+            if (!onclick.preventClick) return;
             if (event.touches && saved_event.touches) {
                 if (event.touches.length !== saved_event.touches.length) {
+                    event.moveLocked = true;
                     saved_event = event;
                     return;
                 }
@@ -224,7 +239,7 @@ function picture_(image = document.createElement("div")) {
                     case 1:
                         break;
                     case 2:
-                        this.locked = true;
+                    default:
                         event.moveLocked = true;
                         var [xy1, xy2] = saved_event.touches;
                         var [mn1, mn2] = event.touches;
@@ -237,6 +252,7 @@ function picture_(image = document.createElement("div")) {
                         );
                         saved_event = event;
                         return;
+
                 }
             }
             if (event.which === 3) {
@@ -244,39 +260,49 @@ function picture_(image = document.createElement("div")) {
                 rotatexy(saved_event.clientX, saved_event.clientY, event.clientX, event.clientY);
             }
             else {
-                if (!this.locked) return;
                 var deltax = event.clientX - saved_event.clientX,
                     deltay = event.clientY - saved_event.clientY;
-                move(deltax, deltay);
+
+                if (!istouching && istouching !== null) {
+                    istouching = Math.abs(deltay) > Math.abs(deltax) ? true : null;
+                }
+                if (istouching) {
+                    event.moveLocked = true;
+                    move(deltax, deltay);
+                }
             }
             saved_event = event;
         },
         end(event) {
+            if (event.touches && event.touches.length > 0) return;
+            istouching = false;
             if (saved_event) {
                 if (event.timeStamp - saved_event.timeStamp > 120) {
                     move.reset();
                 }
             }
             saved_event = null;
-            event.moveLocked = scaled >= locked_scale;
-            if (this.locked && onclick.preventClick) move.smooth();
+            if (onclick.preventClick) move.smooth(recover);
         }
     });
-    var loaded_rotate = 0, rotated = 0;
+    var shaped_rotate = 0, rotated = 0;
     var rotatexy = function (x1, y1, x2, y2) {
         var { left, top } = getScreenPosition(image);
         var centerx = left + image.clientLeft + image.clientWidth / 2, centery = top + image.clientTop + image.clientHeight / 2;
-        var deltax = x2 - x1, deltay = y2 - y1;
-        var rx = x1 - centerx, ry = y1 - centery;
-        var sign = -ry * deltax + rx * deltay;
-        var delta = 90 * Math.sqrt(deltax * deltax + deltay * deltay) / Math.sqrt(rx * rx + ry * ry);
-        if (delta > 10) delta = 10;
-        if (sign) image.rotateBy(sign > 0 ? delta : -delta);
+        // var deltax = x2 - x1, deltay = y2 - y1;
+        // var rx = x1 - centerx, ry = y1 - centery;
+        // var sign = -ry * deltax + rx * deltay;
+        // var delta = Math.sqrt(deltax * deltax + deltay * deltay) / Math.sqrt(rx * rx + ry * ry);
+        // if (delta > 10) delta = 10;
+        // delta *= sign > 0 ? 1 : -1;
+        if (isequal(x1, centerx) && isequal(y1, centery) || isequal(x2, centerx) && isequal(y2, centery)) return;
+        var delta = Math.atan2(y2 - centery, x2 - centerx) - Math.atan2(y1 - centery, x1 - centerx);
+        rotated += delta * 180 / Math.PI, updatexy(), shape();
     }
     var updatexy = function () {
-        var deg = rotated - loaded_rotate;
+        var deg = rotated - shaped_rotate;
         if (isFinite(deg)) {
-            loaded_rotate = rotated;
+            shaped_rotate = rotated;
             [x, y] = getrotatedltwh(deg, scaled);
         }
     };
@@ -289,7 +315,7 @@ function picture_(image = document.createElement("div")) {
         var [c1, c2] = rotate([m, n], -a, c);
         c1 -= w / 2;
         c2 -= h / 2;
-        var a = loaded_rotate;
+        var a = shaped_rotate;
         var l = c[0] - w / 2;
         var r = l + w;
         var t = c[1] - h / 2;
@@ -321,8 +347,9 @@ function picture_(image = document.createElement("div")) {
         } else {
             shape();
         }
-
     };
+    bind('resize')(image, image.update);
+
     image.rotateTo = function (deg) {
         rotated = deg;
         this.update();

package/coms/zimoli/picture_test.js

@@ -1,9 +1,8 @@
 function picture_test() {
     var p = picture([
-        "/docs/images/cat.jpg",
-        "zimoli/images/avatar.png",
-        "zimoli/images/avatar.png",
-        "zimoli/images/avatar.png",
+        "images/cat.jpg",
+        "images/mirror.png",
     ]);
+    p.touchclose = true;
     popup(p);
 }

package/coms/zimoli/render.js

@@ -725,7 +725,7 @@ function renderStructure(element, scope, parentScopes = []) {
     var attrs = [].concat.apply([], element.attributes);
     var withContext = parentScopes ? parentScopes.map((_, cx) => `with(this.$parentScopes[${cx}])`).join("") : '';
     var types = {};
-    var emiter_reg = /^(?:(v|ng|on|once)\-|v\-on\:|@|once|on)/i;
+    var emiter_reg = /^(?:(v|ng|on|once)?\-|v\-on\:|@|once|on)/i;
     var ons = [];
     var copys = [];
     var binds = {};
@@ -768,21 +768,25 @@ function renderStructure(element, scope, parentScopes = []) {
             continue;
         }
         if (element.$struct) continue;
-        var key = name.replace(/^(ng|v|.*?)\-|^[\:\_\.]|^v\-bind\:/i, "").toLowerCase();
+        // ng-html,ng-src,ng-text,ng-model,ng-style,ng-class,...
+        var key = name.replace(/^(ng|v|[^\_\:\.]*?)\-|^[\:\_\.]|^v\-bind\:/i, "").toLowerCase();
         if (directives.hasOwnProperty(key) || /^([\_\:\.]|v\-bind\:)/.test(name)) {
             binds[key] = value;
             element.removeAttribute(name);
         }
+        // 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';
             element.removeAttribute(name);
             ons.push([emiters[ngon], name.replace(emiter_reg, ''), value]);
         }
+        // placeholder_ href_ checked_ ...
         else if (/[_@\:\.]$/.test(name)) {
             attr1[name.replace(/[_@\:\.]$/, "")] = value;
             element.removeAttribute(name);
         }
+        // title alt name type placeholder href checked ...
         else {
             if (!/\-/.test(name) || value === '') {
                 copys.push(attr);

package/package.json

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