efront 4.20.1 → 4.21.0

package/coms/explorer/fileitem.less

@@ -1,22 +1,76 @@
 & {
     position: relative;
     display: block;
-    padding: 10px 20px 10px 44px;
+    padding: 10px 0 10px 52px;
     white-space: nowrap;
     line-height: 28px;
     background: #fff9;
 }
+
+&[type=folder] {
+    >svg {
+        transform: scale(.9);
+    }
+}
+
 &[cut] {
     opacity: .4;
 }
 
+&>[ext] {
+    display: block;
+    position: absolute;
+    left: 2px;
+    bottom: 11px;
+    width: 46px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 12px;
+    text-transform: uppercase;
+    background-color: #fff;
+    border: 1.2px solid;
+}
+
+@ext(...@name, @color) {
+    each(@name, (@n) {
+            &[ext=@n] {
+                >[ext] {
+                    color: #fff;
+                    border-color: transparent;
+                    background: @color;
+                }
+            }
+        });
+}
+
+@ext(mp3, flac, wma, wav, midi, aac, #2ac);
+@ext(krc, lrc, grc, qrc, #2ca);
+@ext(mp4, avi, wmv, mov, rmvb, rm, flv, #a32);
+@ext(jpg, svg, jpeg, png, bmp, dib, gif, webp, jfif, tiff, dng, #84c);
+@ext(js, mjs, cjs, jsx, #db9);
+@ext(bat, cmd, sh, #6ad);
+@ext(tmp, log, #bbb);
+@ext(exe, scr, com, #666);
+@ext(dll, sys, a, lib, #999);
+@ext(rar, jar, tar, zip, 7z, war, apk, tgz, xz, #666);
+@ext(ts, tsx, #9cc);
+@ext(java, c, go, rs, s, asm, h, ini, cpp, hpp, m, #9ab);
+@ext(less, #9bd);
+@ext(css, #9db);
+@ext(html, #bc9);
+@ext(ico, #b9c);
+@ext(xht, vue, #bb9);
+@ext(jsp, asp, php, #adc);
+@ext(yml, json, #ca9);
+@ext(md, rtf, gsp, doc, docx, #66a);
+
 
 >svg {
-    width: 28px;
-    height: 28px;
+    width: 52px;
+    height: 52px;
     display: inline-block;
     vertical-align: top;
-    margin: 0 6px 0 -34px;
+    margin: -12px 0 -12px -52px;
 }
 
 >span {
@@ -27,7 +81,12 @@
     text-overflow: ellipsis;
     display: inline-block;
     vertical-align: top;
+}
 
+>[name] {
+    padding-left: 10px;
+    margin-left: -10px;
+    box-sizing: content-box;
 }
 
 &:not([dragclone]) [marquee] {
@@ -49,14 +108,16 @@
     left: 6px;
     margin-left: 6px;
 }
-p{
+
+p {
     display: block;
     margin: 0;
     position: relative;
     height: 4px;
     background: #29c2;
     border-radius: 2px;
-    >r{
+
+    >r {
         height: 100%;
         display: block;
         background: #29c;

package/coms/reptile/colored_console.js

@@ -160,7 +160,7 @@ var formatRows = function (arg, rows, deep, entry, leave) {
         if (isArray) {
             for (var cx = 0, dx = rows.length; cx < dx; cx += itemcount) {
                 res.push(rows.slice(cx, cx + itemcount).map((r, i) => {
-                    return Array(Math.max(maxLength[i] - lens[cx + i], 0)).join(" ") + r;
+                    return Array(Math.max(maxLength[i] - lens[cx + i] | 0, 0)).join(" ") + r;
                 }).join(', '));
             }
         }

package/coms/zimoli/XMLHttpRequest.js

@@ -2,29 +2,33 @@ if (this.XMLHttpRequest) return this.XMLHttpRequest;
 if (this.ActiveXObject) return this.ActiveXObject.bind(null, 'Microsoft.XMLHTTP');
 if (!this.fetch) return;
 var window = this;
-return class XMLHttpRequest {
-    onload = null;
-    onerror = null;
-    onreadystatechange = null;
-    readyState = 0;
-    fetch = window.fetch;
-    open(method, url) {
-        this.readyState = 1;
-        this.method = method;
-        this.url = url;
-    }
-    send(data) {
-        this.fetch(this.url, { method: this.method, headers: { referer: document.location.href.replace(/^#[\s\S]*$/g, '') } }).then(async d => {
-            this.fetched = d;
-            this.readyState = 4;
-            this.status = d.status;
-            this.responseText = await d.text();
-            if (this.onreadystatechange) this.onreadystatechange({ target: this });
-            if (this.onload) this.onload({ target: this });
-        }, e => {
-            this.readyState = 4;
-            if (this.onreadystatechange) this.onreadystatechange({ target: this });
-            if (this.onerror) this.onerror({ target: this });
-        });
-    }
+function XMLHttpRequest() {
+    this.onload = null;
+    this.onerror = null;
+    this.onreadystatechange = null;
+    this.readyState = 0;
+    this.fetch = window.fetch;
+}
+XMLHttpRequest.prototype.open = function (method, url) {
+    this.readyState = 1;
+    this.method = method;
+    this.url = url;
+};
+XMLHttpRequest.prototype.send = function (data) {
+    var params = { method: this.method, headers: { referer: document.location.href.replace(/^#[\s\S]*$/g, '') } };
+    if (data != null) params.body = data;
+    this.fetch(this.url, params).then(function (d) {
+        this.fetched = d;
+        this.readyState = 4;
+        this.status = d.status;
+        return d.text();
+    }).then(function (d) {
+        this.responseText = d;
+        if (this.onreadystatechange) this.onreadystatechange({ target: this });
+        if (this.onload) this.onload({ target: this });
+    }, function (e) {
+        this.readyState = 4;
+        if (this.onreadystatechange) this.onreadystatechange({ target: this });
+        if (this.onerror) this.onerror({ target: this });
+    });
 }

package/coms/zimoli/popup.js

@@ -338,7 +338,7 @@ var _as_yextra = function (global, innerWidth, innerHeight, element, target, poi
 };
 var _as_xextra = arriswise(_as_yextra, arguments);
 var popup_as_single = function (element) {
-    css(element, `z-index:${zIndex()};`);
+    if (!isMounted(element)) css(element, `z-index:${zIndex()};`);
     global(element, false);
 };
 var popup_to_point = function (element, [x, y]) {
@@ -392,6 +392,7 @@ var popup_to_event = function (element, { clientX, clientY }) {
 var global = function (element, issingle) {
     once("remove")(element, cleanup);
     rootElements.push(element);
+    if (isMounted(element)) return;
     popup.global &&
         issingle !== false ? popup.global(element, true) : appendChild(document.body, element);
 };

package/coms/zimoli/render.js

@@ -1059,7 +1059,7 @@ function createStructure(element, useExists) {
         else if (/[_@\:\.&\?\*\+\#]$/.test(name)) {
             var key = name.slice(0, name.length - 1);
             if (value) attr1[key] = value;
-            else {
+            else a: {
                 key = 驼峰化(name.slice(0, name.length - 1));
                 switch (name.charAt(name.length - 1)) {
                     case "?":
@@ -1075,8 +1075,8 @@ function createStructure(element, useExists) {
                         binds.src = key;
                         break;
                     case "+":
-                        binds[key] = key;
-                        break;
+                        attr1[key] = key;
+                        break a;
                     case "#":
                         ids.push(key);
                         break;

package/coms/zimoli/view.js

@@ -107,7 +107,7 @@ var resize2 = function () {
             marginBottom: fromOffset(-height),
         })
         css(body, {
-            paddingTop: fromOffset(height - body.clientTop)
+            paddingTop: fromOffset(height - body.clientTop - body.offsetTop)
         });
     }
     a: if (foot && body) {
@@ -115,12 +115,12 @@ var resize2 = function () {
         if (foot.$height === height) break a;
         foot.$height = height;
         changed = true;
-        css(body, {
-            paddingBottom: fromOffset(height)
-        });
         css(foot, {
             marginTop: fromOffset(-height)
         })
+        css(body, {
+            paddingBottom: fromOffset(body.clientTop + body.clientHeight + body.offsetTop - foot.offsetTop)
+        });
     }
 };
 function view(element) {

package/package.json

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