efront 3.33.3 → 3.34.0

package/coms/kugou/song.less

@@ -1,7 +1,7 @@
 & {
-    height: 52px;
+    height: auto;
     line-height: 40px;
-    padding: 10px;
+    padding: 10px 10px 0 10px;
     font-size: 16px;
     white-space: nowrap;
     overflow: hidden;
@@ -23,7 +23,7 @@
 >.logo {
     height: 40px;
     width: 40px;
-    margin: -6px -4px;
+    margin: -4px -2px;
 
     &+.singer+.song,
     &+.song {
@@ -39,16 +39,19 @@
     }
 
 }
-&.imgonly{
+
+&.imgonly {
     padding: 0;
     line-height: 0;
     font-size: 0;
     padding-bottom: 76%;
     height: auto;
-    >:not(png){
+
+    >:not(png) {
         display: none;
     }
-    >.logo{
+
+    >.logo {
         position: absolute;
         height: 100%;
         width: 100%;
@@ -56,11 +59,62 @@
     }
 }
 
+.types {
+    display: inline-block;
+    padding: 0 6px;
+    margin: 0 -6px;
+
+    >i {
+        display: inline-block;
+        width: 1em;
+        height: 1em;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+        margin-right: 6px;
+        z-index: 1;
+        cursor: pointer;
+        vertical-align: middle;
+        position: relative;
+        font-style: normal;
+
+        &[priced] {
+            filter: grayscale(.9);
+        }
+
+        &.actived {
+            outline-offset: 2px;
+            outline: 1px solid;
+        }
+
+    }
+
+    [type=kugo] {
+        background-image: url("icons/kugo.ico");
+    }
+
+    [type=kuwo] {
+        background-image: url("icons/kuwo.png");
+    }
+}
+
+&[group]>.song {
+    white-space: normal;
+}
+
 >.song {
-    line-height: 30px;
+    line-height: 28px;
+    padding-top: 2px;
+    padding-bottom: 12px;
     width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
+
+    >span {
+        margin-right: 6px;
+        vertical-align: top;
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 }
 
 b {
@@ -72,8 +126,8 @@ b {
 
 >.singer {
     position: absolute;
-    left: 6px;
-    top: 4px;
+    left: 8px;
+    top: 6px;
     // right: 10px;
     text-align: center;
     line-height: 12px;
@@ -81,18 +135,20 @@ b {
     color: #fff9;
 
     &+.song {
-        padding-top: 8px;
+        padding-top: 12px;
+        padding-bottom: 6px;
     }
 }
-png{
+
+png {
     filter: brightness(.7) contrast(.9);
 }
 
 >.play-state {
     position: absolute;
-    bottom: 2px;
-    right: 4px;
-    left: 4px;
+    bottom: 0;
+    right: 2px;
+    left: 2px;
     display: block;
     background: #2c7bb522;
     height: 2px;

package/coms/reptile/colored_console.js

@@ -188,7 +188,7 @@ var format = function (arg, deep = 0) {
             return `<cyan>[循环点 *${ci + 1}]</cyan>`;
         }
         if (arg instanceof Error) {
-            if (deep === 1) return String(arg.message);
+            if (deep > 1) return String(arg.message);
             return String(arg.stack || arg.message);
         }
         if (arg instanceof Buffer || arg instanceof ArrayBuffer || arg instanceof SharedArrayBuffer) {

package/coms/zimoli/Canvas.js

@@ -1,18 +1,18 @@
-var b = createElement("div");
+var b = document.createElement("div");
 css(b, "position:absolute;");
 css(b, {
     height: 1 + 'px',
     width: 1 + "px"
 });
 var Canvas = function (width, height) {
-    var canvas = createElement(div);
+    var canvas = document.createElement("div");
     css(canvas, `width:${width * renderPixelRatio}pt;height:${height * renderPixelRatio}pt;position:relative;overflow:hidden;`);
-    var _canvas = createElement(div);
+    var _canvas = document.createElement("div");
     css(_canvas, `top:50%;left:50%;margin:-${height / 2}px -${width / 2}px;height:${height}px;width:${width}px;position:absolute;overflow:hidden;-webkit-transform:scale(${renderPixelRatio / .75});`);
     var points = [], context = [];
     for (var cx = 0; cx < width; cx++) {
         for (var cy = 0; cy < height; cy++) {
-            var point = createElement(b);
+            var point = b.cloneNode();
             var style = point.style;
 
             style.left = cx + "px";
@@ -26,8 +26,8 @@ var Canvas = function (width, height) {
     appendChild(canvas, _canvas);
     return canvas;
 };
-Canvas.prototype={
-    getContext(){
-        
+Canvas.prototype = {
+    getContext() {
+
     }
 };

package/coms/zimoli/anchor.js

@@ -1,7 +1,7 @@
-var a = createElement("a");
+var a = document.createElement("a");
 attr(a, 'href', "");
 function anchor(label, href) {
-    var element = createElement(a);
+    var element = a.cloneNode();
     attr(element, "href", label);
     if (isString(label)) {
         text(element, label);

package/coms/zimoli/anniu.js

@@ -4,20 +4,20 @@
  */
 
 var userAgent = navigator.userAgent;
-var anu = createElement("input");
+var anu = document.createElement("input");
 if (!/Safari/.test(userAgent) || /Edge/.test(userAgent)) {
     anu.type = "button";
 }
 css(anu, "position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;cursor:default;box-sizing:border-box;border:none;ime-mode:disabled;");
-if("ontouchstart" in window){
-    anu.disabled=true;
-    if(/android\s+[1-2]\.|MicroMessenger/i.test(userAgent)){
-        anu.style.display="none";
+if ("ontouchstart" in window) {
+    anu.disabled = true;
+    if (/android\s+[1-2]\.|MicroMessenger/i.test(userAgent)) {
+        anu.style.display = "none";
     }
 }
 setOpacity(anu, 0);
 
 function anniu() {
-    var anniu = createElement(anu);
+    var anniu = anu.cloneNode();
     return anniu;
 }

package/coms/zimoli/button.js

@@ -1,5 +1,5 @@
-var _label = createElement("span");
-var track = createElement(div);
+var _label = document.createElement("span");
+var track = document.createElement("div");
 var onmouseenter = on("mouseenter");
 track.className = "track";
 _label.className = "label";
@@ -73,7 +73,7 @@ var touchstart = function () {
     active.call(this);
 };
 function button(texter, type) {
-    var tracker = createElement(track);
+    var tracker = track.cloneNode();
     var _texter;
     if (isNode(texter)) {
         _texter = texter;
@@ -81,7 +81,7 @@ function button(texter, type) {
             var button = _texter;
             if (button.childNodes.length) {
                 if (button.childNodes.length === 1 && button.childNodes[0].nodeType !== 1) {
-                    _texter = createElement(_label);
+                    _texter = _label.cloneNode();
                     _texter.appendChild(button.childNodes[0]);
                     button.appendChild(_texter);
                 }
@@ -91,7 +91,7 @@ function button(texter, type) {
             }
         }
     } else {
-        _texter = createElement(_label);
+        _texter = _label.cloneNode();
         if (isString(texter)) {
             if (!type) {
                 texter = texter.replace(/#\w*/, function (w) {
@@ -105,7 +105,10 @@ function button(texter, type) {
             html(_texter, texter);
         }
     }
-    button = button || createElement(btn, tracker, _texter);
+    if (!button) {
+        button = btn.cloneNode();
+        appendChild(button, tracker, texter);
+    }
     bindAccesskey(button);
     onremove(button, resetall);
     onmouseenter(button, hover);

package/coms/zimoli/cloneVisible.js

@@ -1,5 +1,5 @@
-var cloneProperties = "fontWeight,fontSize,fontFamily,color,textShadow,opacity,writingMode,blockSize,wordSpacing,letterSpacing,whiteSpace".split(",");
-var cloneProperties2 = "position,backdropFilter,filter,float,clear,margin,color,verticalAlign,textAlign,textShadow,opacity,boxShadow,overflow,textOverflow,wordBreak,webkitLineClamp,webkitBoxOrient,writingMode,blockSize,wordSpacing,letterSpacing,textIndent,lineHeight,display,appearance,webkitAppearance,MozAppearance".split(",");
+var cloneProperties = "fontWeight,fontSize,fontFamily,color,textShadow,opacity,writingMode,blockSize,wordSpacing,letterSpacing,whiteSpace,lineHeight".split(",");// text-node
+var cloneProperties2 = "position,backdropFilter,filter,float,clear,margin,color,verticalAlign,textAlign,textShadow,opacity,boxShadow,overflow,textOverflow,wordBreak,webkitLineClamp,webkitBoxOrient,writingMode,blockSize,wordSpacing,letterSpacing,textIndent,lineHeight,display,appearance,webkitAppearance,MozAppearance".split(",");// element
 var pushProperty = function (key, props) {
     props.split(",").forEach(k => {
         cloneProperties2.push(key + k);
@@ -148,7 +148,6 @@ var cloneVisible = function (td) {
             var { left, top, width, height } = getScreenPosition(copy);
             var style = getComputedStyle(copy);
             copyStyle(style, copy.style, cloneProperties);
-            copy.style.lineHeight = height + "px";
             parentNode.insertBefore(td, copy);
             parentNode.removeChild(copy);
             result.appendChild(copy);

package/coms/zimoli/createElement.js

@@ -55,7 +55,7 @@ var prototype = {
         return this;
     }
 }
-
+console.error("createElement将会在未来的版本中移除！");
 function createElement(name) {
     var node = isNode(name) ? name.cloneNode() : isFunction(name) ? name() : document.createElement(name);
     if (name.className) addClass(node, name.className);

package/coms/zimoli/data.js

@@ -484,7 +484,7 @@ var privates = {
     },
     repare(api, params) {
         var { required, autotrim, prepared } = api;
-        if (!required.length && !prepared.length) return params;
+        if (!required.length && !prepared.length && !autotrim) return params;
         var params1 = {};
         required.forEach(k => {
             var v = seekResponse(params, required[k]);

package/coms/zimoli/dateslider.js

@@ -1,23 +1,23 @@
-var _outterbox = createElement(div);
+var _outterbox = document.createElement("div");
 css(_outterbox, "border-radius:2px;box-shadow:0 1px 24px -3px rgba(0,0,0,0.18);width:312px;height:210px;background-color:#fff;");
-var _slider = createElement(div);
+var _slider = document.createElement("div");
 css(_slider, "float:left;width:33.3333%;");
-var _line = createElement(div);
+var _line = document.createElement("div");
 css(_line, "height:46px;line-height:46px;text-align:center;");
-var _innerbox = createElement(div);
+var _innerbox = document.createElement("div");
 css(_innerbox, "margin:0;");
 var lineHeight = "ontouchstart" in window ? 46 : 36;
 var createLine = function (startSlice, endSlice) {
     var result = [];
     for (var cx = startSlice, dx = endSlice; cx < dx; cx++) {
-        var line = createElement(_line);
+        var line = _line.cloneNode();
         text(line, cx);
         result.push(line);
     }
     return result;
 }
 function createBox(from, to) {
-    var slider = createElement(_slider);
+    var slider = _slider.cloneNode();
     slider.Height = function () {
         return Math.abs(from - to + 1) * lineHeight;
     };
@@ -49,13 +49,13 @@ function createBox(from, to) {
         }
         return top;
     }
-    var item_box = createElement(_innerbox);
+    var item_box = _innerbox.cloneNode();
     appendChild(slider, item_box);
     vbox(slider);
     return slider;
 }
 function dateslider(from_date, to_date) {
-    var outterbox = createElement(_outterbox);
+    var outterbox = _outterbox.cloneNode();
     var now = new Date;
     var currentYear = now.getFullYear();
     var currentMonth = now.getMonth() + 1;

package/coms/zimoli/download.js

@@ -1,5 +1,5 @@
 function download(dataurl, filename, mime = "text/plain") {
-    var a = createElement("a");
+    var a = document.createElement("a");
     a.href = "data:" + mime + ";base64," + btoa(dataurl);
     a.target = '_blank';
     a.download = filename;

package/coms/zimoli/editor.js

@@ -1,4 +1,4 @@
-var _editor = div();
+var _editor = document.createElement("div");
 var template = `
 <div class=input></div>
 <textarea class=insert></textarea>
@@ -35,7 +35,7 @@ var getScrollTops = function (element) {
 }
 
 function editor() {
-    var edit = createElement(_editor);
+    var edit = _editor.cloneNode();
     browserClass && addClass(edit, browserClass);
     var focusClass = "focus";
     edit.innerHTML = template;

package/coms/zimoli/gallery.js

@@ -102,8 +102,8 @@ function main() {
     [].forEach.call(arguments, function (arg) {
         if (isNode(arg)) {
             element = arg;
-        } else if (isFinite(arg)) {
-            minWidth = arg;
+        } else if (isFinite(arg) && arg > 0) {
+            minWidth = +arg;
         }
     });
     if ("$src" in element) {

package/coms/zimoli/gallery.less

@@ -4,7 +4,7 @@
     position: relative;
     height: 100%;
 
-    >div {
+    >.list {
         vertical-align: top;
         display: inline-block;
         position: relative;

package/coms/zimoli/getGenerator.js

@@ -1,5 +1,3 @@
-
-var _slider = createElement(div);
 /**
  * @param {Element} template
  */
@@ -13,7 +11,6 @@ var cloneChildNodes = function (template) {
     }
     return cNodes;
 }
-
 /**
  * @param {Element} container
  * @param {Element|string} tagName;
@@ -46,8 +43,6 @@ var getGenerator = function (container, tagName = 'item') {
     appendChild(template, templates);
     render.struct(templates);
     if (templates.length) container.$template = template;
-    container.insertBefore = _slider.insertBefore;
-    container.appendChild = _slider.appendChild;
     /**
      * @param {number} index;
      * @param {Object} com;
@@ -105,4 +100,4 @@ var getGenerator = function (container, tagName = 'item') {
         }
         return newItem;
     };
-};
+};

package/coms/zimoli/group.js

@@ -1,6 +1,6 @@
-var _itemGroup = div();
+var _itemGroup = document.createElement("div");
 function group() {
-    var _group = createElement(_itemGroup);
+    var _group = _itemGroup.cloneNode();
     appendChild.apply(null, [].concat.apply([_group], arguments));
     return _group;
 }

package/coms/zimoli/hline.js

@@ -1,5 +1,5 @@
 function hline(line_width, line_opacity) {
-    var line = createElement(div);
+    var line = document.createElement("div");
     css(line, "width:100%;height:" + line_width + "px;background-color:#000;");
     line_opacity && setOpacity(line, line_opacity);
     return line;

package/coms/zimoli/icon.js

@@ -7,7 +7,7 @@ if (/MSIE\s*[2-8]/.test(navigator.userAgent)) {
         img.src = "ccon/" + src + ".png";
     };
     icon = function (path, color, hover, active) {
-        var icon = createElement(icn);
+        var icon = icn.cloneNode();
         if (binaryImagePathReg.test(path)) {
             icon.src = path;
             return icon;
@@ -16,12 +16,12 @@ if (/MSIE\s*[2-8]/.test(navigator.userAgent)) {
         return icon;
     };
 } else {
-    icn = createElement(div);
+    icn = document.createElement("div");
     setBackGround = function (div, src) {
         css(div, "background-image:url('data:image/png;base64," + src + "')");
     };
     icon = function (path, color, hover, active) {
-        var icon = createElement(icn);
+        var icon = icn.cloneNode();
         if (binaryImagePathReg.test(path)) {
             css(icon, {
                 backgroundImage: `url('${path}')`

package/coms/zimoli/input.js

@@ -1,4 +1,4 @@
-var _input = createElement("input");
+var _input = document.createElement("input");
 /**
  * @this HTMLInputElement
  */
@@ -142,5 +142,5 @@ function input(element) {
         }
         return element;
     }
-    return createElement(_input);
+    return _input.cloneNode();
 }

package/coms/zimoli/label.js

@@ -1,4 +1,4 @@
-var _label=createElement("label");
-function label(){
-    return createElement(_label);
+var _label = document.createElement("label");
+function label() {
+    return _label.cloneNode();
 }

package/coms/zimoli/list.js

@@ -5,7 +5,7 @@ function ylist(container, generator, $Y) {
     /**
      * @type {HTMLElement}
      */
-    var list = container || div();
+    var list = container;
     list.autoFix = true;
     var saved_itemIndex = 0;
     addClass(list, 'list-' + $Y.toLowerCase());
@@ -200,33 +200,6 @@ function ylist(container, generator, $Y) {
             list.scrollTop = -getFirstElement(1).offsetTop + indexed_item.offsetTop + indexed_item.offsetHeight * ratio;
         }
     };
-    var runbuild = lazy(function () {
-        patchBottom();
-        patchTop();
-        var firstElement = getFirstElement(1), y;
-        if (firstElement) {
-            y = firstElement.index * getNodeTarget(firstElement).offsetHeight;
-        } else {
-            y = 0;
-        }
-
-        css(topinsert, {
-            height: fromOffset(y)
-        });
-        return y;
-    }, false);
-    var rebuild = function () {
-        runbuild();
-    };
-    var topinsert = null;
-    oncemount(list, function () {
-        if (!/^(?:auto|scroll)$/i.test(getComputedStyle(list).overflowY)) return;
-        on("scroll")(list, rebuild);
-        if (!topinsert) {
-            topinsert = document.createElement('insertY');
-            list.insertBefore(topinsert, list.firstChild);
-        }
-    });
     //计算当前高度
     var currentY = function () {
         var firstElement = getFirstElement();
@@ -609,6 +582,19 @@ var getGeneratorFromArray = function (source) {
 };
 
 
+var _insertBefore = function (child, referer) {
+    if (referer) {
+        if (referer.parentNode !== this) throw new Error('关联节点不是当前节点的子节点！');
+        appendChild.before(referer, child, false);
+    } else {
+        appendChild(this, child, false);
+    }
+    return child;
+};
+var _appendChild = function (child) {
+    appendChild(this, child, false);
+    return child;
+};
 /**
  * 
  * @param {Boolean|Array|Function} generator 
@@ -657,6 +643,9 @@ function list() {
     var groupCount = /\d+/.exec($Y);
     if (groupCount) groupCount = +groupCount[0];
     $Y = /^[xh]|[xh]$/i.test($Y) ? "X" : "Y";
+    if (!container) container = document.createElement('list');
+    container.insertBefore = _insertBefore;
+    container.appendChild = _appendChild;
     var list = ($Y === "X" ? xlist : ylist)(container, generator, $Y);
     if (!list.group) list.group = groupCount || 2;
     if (bindSrc instanceof Array) {

package/coms/zimoli/mask.js

@@ -1,8 +1,8 @@
-var _mask = createElement(div);
+var _mask = document.createElement("div");
 css(_mask, "width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.1)");
 
 function mask(onclose) {
-    var msk = createElement(_mask);
+    var msk = _mask.cloneNode();
     onmousewheel(msk, function (event) {
         event.preventDefault();
     });

package/coms/zimoli/option.js

@@ -1,13 +1,13 @@
-var _itemBox = div();
-var _itemHead = div();
+var _itemBox = document.createElement("div");
+var _itemHead = document.createElement("div");
 addClass(_itemHead, "head");
-var _itemBody = div();
+var _itemBody = document.createElement("div");
 addClass(_itemBody, "body");
-var _itemFoot = div();
+var _itemFoot = document.createElement("div");
 addClass(_itemFoot, "foot");
 
 function option(head = div(), body = div(), foot, splitter, container) {
-    var box = container && !/^option$/i.test(container.tagName) ? container : createElement(_itemBox);
+    var box = container && !/^option$/i.test(container.tagName) ? container : _itemBox.cloneNode();
     var _head = head;
     var _body = body;
     appendChild(box, _head, _body);
@@ -69,11 +69,11 @@ function main(arg0) {
         addClass(foot, "next");
         hasNext = true;
     }
-    if (foot) foot = createElement(_itemFoot, foot);
+    if (foot) foot = appendChild(_itemFoot.cloneNode(), foot);
     if (isString(head) && !splitter) {
         splitter = 32 + (head.length + head.replace(/[\w ]+/g, "").length) * 16;
     }
-    var box = option(createElement(_itemHead, head), createElement(_itemBody, body), foot, splitter, container);
+    var box = option(appendChild(_itemHead.cloneNode(), head), appendChild(_itemBody.cloneNode(), body), foot, splitter, container);
     if (hasNext) {
         addClass(box, "has-next")
     }

package/coms/zimoli/render.js

@@ -138,6 +138,7 @@ var initialComment = function (comment) {
     else {
         comment.renderid = 9;
         rebuild(comment);
+        delete comment.with;
         remove(comment);
     }
 };

package/coms/zimoli/selectDate.js

@@ -194,11 +194,11 @@ var buildMiSe = function (scope) {
         height = fixcent(6);
     return [src, width, height, -1];
 };
-var outerbox = createElement(div);
+var outerbox = document.createElement("div");
 
 var render = function (value, models = "年月日", message = "") {
     var builders = [buildYear, buildMonth, buildDate, buildHours, buildMiSe, buildMiSe];
-    var container = createElement(div);
+    var container = document.createElement("div");
     var build = function (index) {
         var builder = builders[index];
         var [src, width, height, addon = 0, last_src = [], next_src = [], title_src = ""] = builder(value);

package/coms/zimoli/space.js

@@ -1,5 +1,5 @@
 function space(height) {
-    var _space = createElement(div);
+    var _space = document.createElement("div");
     css(_space, {
         height: (height || 10) + "px"
     });

package/coms/zimoli/swap.js

@@ -4,7 +4,7 @@ function main() {
     block.type = "checkbox";
     if (isIE) {
         block.setAttribute("ie", isIE);
-        block.with = createElement("label");
+        block.with = document.createElement("label");
     }
     return block;
 }