efront 4.35.6 → 4.35.8

package/coms/zimoli/AudioContext_test.less

@@ -1,115 +1,115 @@
-& {
-    white-space: nowrap;
-    overflow: auto;
-    background: #421;
-    border-top: 10px solid #000;
-    padding: 20px 40px 60px 40px;
-    // perspective: 3000px; 多嵌套一层，不起作用
-}
-
-&>div {
-    >span {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 2;
-        width: 60px;
-        text-align: center;
-        text-transform: uppercase;
-        font-family: 'Times New Roman', Times, serif;
-        font-style: italic;
-        font-weight: 900;
-        color: #999;
-
-        &:before {
-            content: "c";
-        }
-    }
-
-    display: inline-block;
-    vertical-align: top;
-    width: 420px;
-    position: relative;
-    pointer-events: none;
-
-    button {
-        pointer-events: all;
-        transform-style: preserve-3d;
-
-        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-        position: relative;
-
-        &.hover {
-            >.track {
-                box-shadow: none;
-                background: #fff1;
-            }
-
-            box-shadow: 0 0 12px -4px #0003;
-        }
-
-        &.pending {
-            z-index: 0;
-
-            >.track {
-                background: #0003;
-                background: linear-gradient(0deg, #0003, #0000);
-            }
-
-            transform-origin: 30px -270px -10px;
-            transform:rotateX(-7deg);
-        }
-
-    }
-
-    &.odd {
-
-        button {
-            margin: 0 2px;
-            width: 56px;
-            background: #fff;
-            color: #aaa;
-            height: 280px;
-            padding: 80px 0 0 0;
-            box-shadow: 0 0 20px -6px rgba(0, 0, 0, .3);
-
-            span {
-                vertical-align: bottom;
-            }
-        }
-    }
-
-    &.even {
-        margin-left: -420px;
-        z-index: 2;
-
-        button {
-            width: 40px;
-            margin: 10px 10px;
-            box-shadow: 0 0 20px -6px rgba(0, 0, 0, .3);
-
-            &:nth-child(1) {
-                margin-left: 40px;
-            }
-
-            span {
-                writing-mode: vertical-rl;
-            }
-
-
-            background: #333;
-            color: #fff;
-            height: 120px;
-
-            &:nth-child(2) {
-                margin-right: 70px;
-            }
-        }
-
-    }
-
-    button.pending {
-        color: red;
-    }
-
+& {
+    white-space: nowrap;
+    overflow: auto;
+    background: #421;
+    border-top: 10px solid #000;
+    padding: 20px 40px 60px 40px;
+    // perspective: 3000px; 多嵌套一层，不起作用
+}
+
+&>div {
+    >span {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 2;
+        width: 60px;
+        text-align: center;
+        text-transform: uppercase;
+        font-family: 'Times New Roman', Times, serif;
+        font-style: italic;
+        font-weight: 900;
+        color: #999;
+
+        &:before {
+            content: "c";
+        }
+    }
+
+    display: inline-block;
+    vertical-align: top;
+    width: 420px;
+    position: relative;
+    pointer-events: none;
+
+    button {
+        pointer-events: all;
+        transform-style: preserve-3d;
+
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        position: relative;
+
+        &.hover {
+            >.track {
+                box-shadow: none;
+                background: #fff1;
+            }
+
+            box-shadow: 0 0 12px -4px #0003;
+        }
+
+        &.pending {
+            z-index: 0;
+
+            >.track {
+                background: #0003;
+                background: linear-gradient(0deg, #0003, #0000);
+            }
+
+            transform-origin: 30px -270px -10px;
+            transform:rotateX(-7deg);
+        }
+
+    }
+
+    &.odd {
+
+        button {
+            margin: 0 2px;
+            width: 56px;
+            background: #fff;
+            color: #aaa;
+            height: 280px;
+            padding: 80px 0 0 0;
+            box-shadow: 0 0 20px -6px rgba(0, 0, 0, .3);
+
+            span {
+                vertical-align: bottom;
+            }
+        }
+    }
+
+    &.even {
+        margin-left: -420px;
+        z-index: 2;
+
+        button {
+            width: 40px;
+            margin: 10px 10px;
+            box-shadow: 0 0 20px -6px rgba(0, 0, 0, .3);
+
+            &:nth-child(1) {
+                margin-left: 40px;
+            }
+
+            span {
+                writing-mode: vertical-rl;
+            }
+
+
+            background: #333;
+            color: #fff;
+            height: 120px;
+
+            &:nth-child(2) {
+                margin-right: 70px;
+            }
+        }
+
+    }
+
+    button.pending {
+        color: red;
+    }
+
 }

package/coms/zimoli/alert_test.js

@@ -1,12 +1,12 @@
-function alert_test() {
-    var page = document.createElement("div");
-    page.innerHTML = `
-    <button @click="alert('你好',this.innerText)">error</button>
-    <button @click="alert('你好',this.innerText)">info</button>
-    <button @click="alert('你好',this.innerText)">warn</button>
-    <button @click="alert('你好',this.innerText)">#f2c</button>
-    <button @click="alert('你好',this.innerText)">default</button>
-    `;
-    renderWithDefaults(page, { alert });
-    return page;
+function alert_test() {
+    var page = document.createElement("div");
+    page.innerHTML = `
+    <button @click="alert('你好',this.innerText)">error</button>
+    <button @click="alert('你好',this.innerText)">info</button>
+    <button @click="alert('你好',this.innerText)">warn</button>
+    <button @click="alert('你好',this.innerText)">#f2c</button>
+    <button @click="alert('你好',this.innerText)">default</button>
+    `;
+    renderWithDefaults(page, { alert });
+    return page;
 }

package/coms/zimoli/bggrid-func.less

@@ -1,7 +1,7 @@
 .grid() {
-    @mask-color1 : rgba(255, 255, 255, .6);
+    @mask-color1 : rgba(255, 255, 255, .3);
     @mask-color2 : rgba(0, 0, 0, 0);
-    @mask-color3 : rgba(0, 0, 0, .1);
+    @mask-color3 : rgba(0, 0, 0, .3);
     background-image:
         linear-gradient(45deg, @mask-color1, 25%, @mask-color1, 25%, @mask-color2, 75%, @mask-color1, 75%, @mask-color1),
         linear-gradient(45deg, @mask-color1, 25%, @mask-color1, 25%, @mask-color2, 75%, @mask-color1, 75%, @mask-color1),

package/coms/zimoli/dispatch.js

@@ -1,51 +1,51 @@
-var dispatch = "dispatchEvent" in document ? function dispatchEvent2(target, event) {
-    try {
-        return target.dispatchEvent(event);
-    } catch (e) {
-        return -1;
-    }
-} : function (target, event) {
-    var fire = "on" + event.type;
-    try {
-        return target.fireEvent(fire, event);
-    } catch (e) {
-        return -1;
-    }
-};
-var isWorseEnv = /MSIE\s([2-9]|10)|Presto/.test(navigator.userAgent);
-/**
- * @param {Event} e 
- */
-function dispatch2(t, e) {
-    var on = 'on' + e.type;
-    var f = t[on];
-    var res = dispatch(t, e);
-    if (f && (res === -1 || t.nodeType && t.nodeType !== 1 || t.constructor === window.HTMLUnknownElement || isWorseEnv && !(on in t.constructor.prototype))) {
-        return f.call(t, e) !== false;
-    }
-    return res;
-}
-function main() {
-    var target, event, value;
-    for (var cx = 0, dx = arguments.length; cx < dx; cx++) {
-        var arg = arguments[cx];
-        if (isNode(arg) || arg === window || arg === document) {
-            target = arg;
-        }
-        else if (!event) {
-            if (isString(arg)) {
-                event = createEvent(arg);
-            }
-            else {
-                event = arg;
-            }
-        }
-        else {
-            event.value = arg;
-        }
-    }
-    if (dispatch2(target || window, event)) {
-        return event;
-    };
-    return false;
+var dispatch = "dispatchEvent" in document ? function dispatchEvent2(target, event) {
+    try {
+        return target.dispatchEvent(event);
+    } catch (e) {
+        return -1;
+    }
+} : function (target, event) {
+    var fire = "on" + event.type;
+    try {
+        return target.fireEvent(fire, event);
+    } catch (e) {
+        return -1;
+    }
+};
+var isWorseEnv = /MSIE\s([2-9]|10)|Presto/.test(navigator.userAgent);
+/**
+ * @param {Event} e 
+ */
+function dispatch2(t, e) {
+    var on = 'on' + e.type;
+    var f = t[on];
+    var res = dispatch(t, e);
+    if (f && (res === -1 || t.nodeType && t.nodeType !== 1 || t.constructor === window.HTMLUnknownElement || isWorseEnv && !(on in t.constructor.prototype))) {
+        return f.call(t, e) !== false;
+    }
+    return res;
+}
+function main() {
+    var target, event, value;
+    for (var cx = 0, dx = arguments.length; cx < dx; cx++) {
+        var arg = arguments[cx];
+        if (isNode(arg) || arg === window || arg === document) {
+            target = arg;
+        }
+        else if (!event) {
+            if (isString(arg)) {
+                event = createEvent(arg);
+            }
+            else {
+                event = arg;
+            }
+        }
+        else {
+            event.value = arg;
+        }
+    }
+    if (dispatch2(target || window, event)) {
+        return event;
+    };
+    return false;
 }

package/coms/zimoli/drag.js

@@ -16,7 +16,8 @@ var getOffset = function (e) {
     if (isFinite(e.screenX)) return [e.screenX, e.screenY];
 };
 
-var getMouse = function (e) {
+var getMousePosition = function (e) {
+    if ('screenX' in e) return [e.screenX, e.screenY];
     return [e.clientX, e.clientY];
 };
 var z;
@@ -51,7 +52,7 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
     if ((!target.hasAttribute || target.hasAttribute('draggable')) && target.draggable === false) return;
     initialEvent.preventDefault();
     var target_offset = getOffset(target);
-    var saved_delta = { x: target_offset[0] - initialEvent.clientX, y: target_offset[1] - initialEvent.clientY };
+    var saved_delta = { x: target_offset[0] - getMousePosition(initialEvent)[0], y: target_offset[1] - getMousePosition(initialEvent)[1] };
     var clone;
     if (target.style) {
         var saved_opacity = target.style.opacity;
@@ -90,12 +91,13 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
             extraClones.map(c => document.body.appendChild(c));
             saved_delta.x += clone_left - target_left;
             saved_delta.y += clone_top - target_top;
-            target.setAttribute("dragging", '');
+            if (target.setAttribute) target.setAttribute("dragging", '');
             dispatch("dragstart", target);
         }
         event.moveLocked = true;
-        var offsetLeft = saved_delta.x + event.clientX;
-        var offsetTop = saved_delta.y + event.clientY;
+        var [screenX, screenY] = getMousePosition(event);
+        var offsetLeft = saved_delta.x + screenX;
+        var offsetTop = saved_delta.y + screenY;
         var [c_left, c_top] = getOffset(clone);
         var cloneDeltaLeft = -c_left, cloneDeltaTop = -c_top;
         var [c_left, c_top] = move.call(clone, offsetLeft, offsetTop, preventOverflow);
@@ -115,7 +117,10 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
         remove(extraClones);
         extraTargets.map((target, cx) => css(target, extraStyles[cx]));
         if (tgz != null) css(target, { zIndex: tgz });
-        if (saved_delta.ing) target.removeAttribute("dragging"), dispatch("dragend", target);
+        if (saved_delta.ing) {
+            if (target.removeAttribute) target.removeAttribute("dragging");
+            dispatch("dragend", target);
+        }
         drag.target = null;
         saved_delta = null;
     };

package/coms/zimoli/extendTouchEvent.js

@@ -1,9 +1,9 @@
-function extendTouchEvent(e) {
-    var touch = e.changedTouches[0];
-    for (var k in touch) {
-        if (!(k in e)) e[k] = touch[k];
-    }
-    e.screenX = window.screenLeft + e.clientX;
-    e.screenY = window.screenTop + e.clientY;
-    return e;
+function extendTouchEvent(e) {
+    var touch = e.changedTouches[0];
+    for (var k in touch) {
+        if (!(k in e)) e[k] = touch[k];
+    }
+    e.screenX = window.screenLeft + e.clientX;
+    e.screenY = window.screenTop + e.clientY;
+    return e;
 }

package/coms/zimoli/fullscreen.js

@@ -1,53 +1,53 @@
-var hasTarget = function () {
-    return !!(document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement);
-};
-var fullscreen = {
-    allow: function () {
-        switch (null) {
-            case document.fullscreenElement:
-            case document.msFullscreenElement:
-            case document.mozFullScreenElement:
-            case document.webkitFullscreenElement:
-                return true;
-        }
-        return hasTarget();
-    }(),
-    is() {
-        if (/Android|iPad|iPhone/i.test(navigator.userAgent)) {
-            return hasTarget();
-        }
-        if (/chrome/i.test(navigator.userAgent)) {//webkit
-            var ratio = renderPixelRatio > 1 ? devicePixelRatio : 1;
-            var innerHeight = window.innerHeight / ratio;
-            var innerWidth = window.innerWidth / ratio;
-            return window.innerHeight === screen.height && window.innerWidth === screen.width
-                || screen.height - window.outerHeight <= 16 && screen.width <= innerWidth && window.outerWidth <= innerWidth
-                || screen.width - window.outerWidth <= 16 && screen.height <= innerHeight && window.outerHeight <= innerHeight
-        } else {//IE 9+  fireFox
-            return window.outerHeight === screen.height && window.outerWidth === screen.width;
-        }
-    },
-    hasTarget,
-    exec(element) {
-        requestFullScreen(element);
-    },
-    open() {
-        if (!this.is()) this.change();
-    },
-    close() {
-        this.exit();
-    },
-    change() {
-        if (this.is()) this.exit(alert);
-        else this.exec(arguments[0] || document.documentElement);
-    },
-    exit(alert) {
-        if (this.hasTarget()) cancelFullScreen();
-        else
-            var error = "按 F11 退出全屏";
-        if (isFunction(alert) && error) alert(error);
-        return error;
-    }
-};
-fullscreen.request = fullscreen.requestFullscreen = fullscreen.exec;
+var hasTarget = function () {
+    return !!(document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement);
+};
+var fullscreen = {
+    allow: function () {
+        switch (null) {
+            case document.fullscreenElement:
+            case document.msFullscreenElement:
+            case document.mozFullScreenElement:
+            case document.webkitFullscreenElement:
+                return true;
+        }
+        return hasTarget();
+    }(),
+    is() {
+        if (/Android|iPad|iPhone/i.test(navigator.userAgent)) {
+            return hasTarget();
+        }
+        if (/chrome/i.test(navigator.userAgent)) {//webkit
+            var ratio = renderPixelRatio > 1 ? devicePixelRatio : 1;
+            var innerHeight = window.innerHeight / ratio;
+            var innerWidth = window.innerWidth / ratio;
+            return window.innerHeight === screen.height && window.innerWidth === screen.width
+                || screen.height - window.outerHeight <= 16 && screen.width <= innerWidth && window.outerWidth <= innerWidth
+                || screen.width - window.outerWidth <= 16 && screen.height <= innerHeight && window.outerHeight <= innerHeight
+        } else {//IE 9+  fireFox
+            return window.outerHeight === screen.height && window.outerWidth === screen.width;
+        }
+    },
+    hasTarget,
+    exec(element) {
+        requestFullScreen(element);
+    },
+    open() {
+        if (!this.is()) this.change();
+    },
+    close() {
+        this.exit();
+    },
+    change() {
+        if (this.is()) this.exit(alert);
+        else this.exec(arguments[0] || document.documentElement);
+    },
+    exit(alert) {
+        if (this.hasTarget()) cancelFullScreen();
+        else
+            var error = "按 F11 退出全屏";
+        if (isFunction(alert) && error) alert(error);
+        return error;
+    }
+};
+fullscreen.request = fullscreen.requestFullscreen = fullscreen.exec;
 fullscreen.cancel = fullscreen.exitFullscreen = fullscreen.exit;

package/coms/zimoli/gallery.less

@@ -1,14 +1,14 @@
-& {
-    display: block;
-    width: 100%;
-    position: relative;
-    height: 100%;
-
-    >.list {
-        vertical-align: top;
-        display: inline-block;
-        position: relative;
-        height: 100%;
-        overflow: hidden;
-    }
+& {
+    display: block;
+    width: 100%;
+    position: relative;
+    height: 100%;
+
+    >.list {
+        vertical-align: top;
+        display: inline-block;
+        position: relative;
+        height: 100%;
+        overflow: hidden;
+    }
 }

package/coms/zimoli/gallery_test.html

@@ -1,3 +1,3 @@
-<gallery ng-src="d in data" min-width=200>
-    <div ng-bind=d.name ng-style="{background:d.color,height:d.height}"></div>
+<gallery ng-src="d in data" min-width=200>
+    <div ng-bind=d.name ng-style="{background:d.color,height:d.height}"></div>
 </gallery>

package/coms/zimoli/gallery_test.js

@@ -1,15 +1,15 @@
-function main() {
-    var items = new Array(100).fill(0).map((_, i) => ({ color: color.random(), name: "item " + (i + 1), height: Math.random() * 100 + 60 }));
-    var layer = div();
-    layer.innerHTML = template;
-    var scope = {
-        gallery,
-        data: []
-    };
-    renderWithDefaults(layer, scope);
-    layer.querySelector("gallery").go(0);
-    onappend(layer, function () {
-        scope.data = items;
-    });
-    return layer;
+function main() {
+    var items = new Array(100).fill(0).map((_, i) => ({ color: color.random(), name: "item " + (i + 1), height: Math.random() * 100 + 60 }));
+    var layer = div();
+    layer.innerHTML = template;
+    var scope = {
+        gallery,
+        data: []
+    };
+    renderWithDefaults(layer, scope);
+    layer.querySelector("gallery").go(0);
+    onappend(layer, function () {
+        scope.data = items;
+    });
+    return layer;
 }

package/coms/zimoli/gallery_test.less

@@ -1,18 +1,18 @@
-& {
-    height: 300px;
-}
-
-&>gallery {
-    height: 100%;
-    background-size: 20px 20px;
-    background-repeat: repeat;
-    border:2px solid transparent;
-    background-clip: content-box;
-    white-space: nowrap;
-    >div{
-        background: #fff;
-        box-sizing: border-box;
-        border: 1px solid transparent;
-        display: inline-block;
-    }
+& {
+    height: 300px;
+}
+
+&>gallery {
+    height: 100%;
+    background-size: 20px 20px;
+    background-repeat: repeat;
+    border:2px solid transparent;
+    background-clip: content-box;
+    white-space: nowrap;
+    >div{
+        background: #fff;
+        box-sizing: border-box;
+        border: 1px solid transparent;
+        display: inline-block;
+    }
 }

package/coms/zimoli/getChanged.js

@@ -1,8 +1,8 @@
-function getChanged(current_props, previous_props) {
-    var changed = [];
-    keys(previous_props, current_props).forEach(function (key) {
-        if (key.charAt(0) === "$") return;
-        if (!isSame(current_props[key], previous_props[key])) changed.push(key);
-    });
-    return changed;
+function getChanged(current_props, previous_props) {
+    var changed = [];
+    keys(previous_props, current_props).forEach(function (key) {
+        if (key.charAt(0) === "$") return;
+        if (!isSame(current_props[key], previous_props[key])) changed.push(key);
+    });
+    return changed;
 }