efront 3.11.1 → 3.12.0

package/apps/kugou/api.js

@@ -2,15 +2,18 @@
     "https://m.kugou.com/": {
         "song-info": "get                                 app/i/getSongInfo.php?cmd=playInfo&from=mkugou&hash",
         "slider-src": "get:[].mod-slider>.swipe-wrap>div  .#src=img!src&href=a!href",
-        "songs-list": "get:[].panel-songslist>li          .#hash=!id&.panel-songs-item-name>span!innerText",
-        "rank-list": "get:[].panel-img-list>li            rank/list#href=a!href&=a!href\\rank-info&imgurl=img!_src&name=p|innerText",
-        "rank-info": "get:[].panel-songslist>li           rank/info/:id#src=!id&name=.panel-songs-item-name|innerText&data=.panel-songs-item-download/innerText",
-        "plist-index": "get:[].panel-img-list>li          plist/index#href=a!href&=a!href\\plist-info&imgurl=img!_src&name=.panel-img-content-first|innerText&count=.panel-img-content-sub|innerText",
-        "plist-info": "get:[].panel-songslist>li          plist/list/:id#name=.panel-songs-item-name|innerText&data=.panel-songs-item-download/innerText",
+        "songs-list": "get:[].panel-songslist%20li          .#hash=!id&.panel-songs-item-name>span!innerText",
+        "rank-list": "get:[].panel-img-list%20li            rank/list#href=a!href&=a!href\\rank-info&imgurl=img!_src&name=p|innerText",
+        "rank-info": "get:[].panel-songslist%20li           rank/info/:id#src=!id&name=.panel-songs-item-name|innerText&data=.panel-songs-item-download/innerText",
+        "plist-index": "get:[].panel-img-list%20li          plist/index#href=a!href&=a!href\\plist-info&imgurl=img!_src&name=.panel-img-content-first|innerText&count=.panel-img-content-sub|innerText",
+        "plist-info": "get:[].panel-songslist%20li          plist/list/:id#name=.panel-songs-item-name|innerText&data=.panel-songs-item-download/innerText",
         "search-hot": "get                                api/v3/search/hot?format=json&plat=0&count=30",
         "singer-class": "get:[].bd%20li                   singer/class#href=a!href&=a!href\\singer-list&name=a|innerText&group=?parentNode",
-        "singer-list": "get:[].singer-img-list>li         singer/list/:id#href=a!href&=a!href\\singer-info&imgurl=img!_src&name=p|innerText",
-        "singer-info": "mget:[].singer-songs-list>li       singer/info/:id#hash=!id&singer=.singer-name|innerText&name=.song-name|innerText&data=em/innerText"
+        "singer-list": "get:[].singer-img-list>li         singer/list/:id#href=a!href&=a!href\\singer-info0&imgurl=img!_src&name=p|innerText",
+        "singer-info0": "mget:[].singer-songs-list>li       singer/info/:id#hash=!id&singer=.singer-name|innerText&name=.song-name|innerText&data=em/innerText"
+    },
+    "https://www.kugou.com/": {
+        "singer-info": "cget:link[rel]+script       yy/singer/home/:id.html",
     },
     "http://mobilecdn.kugou.com/": {
         "search?keyword": "get:data.info                            api/v3/search/song?format=json&page=1&pagesize=30&showtype=1"

package/apps/pivot/link/list.html

@@ -1,5 +1,5 @@
 <div class="clusters">
-    <a -repeat="(c,i) in clusters" ng-class="{current:i===index}" @click="active(i,c)">
+    <a -repeat="(c,i) in clusters" ng-class="{current:i===index.index}" @click="active(i,c)">
         <span -text="c"></span>
     </a>
 </div>

package/apps/pivot/link/list.js

@@ -7,13 +7,13 @@ function main() {
             await this.clusters;
             this.active();
         },
-        index: data.getInstance("index").index || 0,
+        index: data.getInstance("index"),
         clusters: [],
         filterTime(d) {
             return ((new Date - d) / 1000 | 0) + "秒";
         },
         clients: [],
-        active(index = this.index) {
+        active(index = this.index.index | 0) {
             data.setInstance('index', { index });
             var clusters = this.clusters;
             if (index >= clusters.length) index = clusters.length - 1;

package/coms/basic/parseYML.js

@@ -118,7 +118,7 @@ var scan = function (text) {
         }
 
         if (/^\-(\s|$)/.test(row)) {
-            if (data || span > spacesize) push();
+            if (data || span >= spacesize) push();
             if (!parents[spacesize]) {
                 var obj = [];
                 push(obj);

package/coms/frame/route.js

@@ -33,10 +33,23 @@
     };
     var parseMenuList = function (items) {
         if (items instanceof Array) {
+            if (!items[0] || !items[0].name) {
+                var items1 = [];
+                for (var cx = 0, dx = items.length; cx < dx; cx++) {
+                    var item = items[cx];
+                    if (!item) continue;
+                    item = parseMenuList(item);
+                    items1.push.apply(items1, item);
+                    items1.push({ line: true });
+                }
+                items1.pop();
+                items = items1;
+            }
             return items;
         }
         if (items instanceof Object) {
             var keys = Object.keys(items);
+
             items = keys.map(k => {
                 var c = items[k];
                 var item = {};
@@ -54,7 +67,8 @@
                 if (/,/.test(name)) {
                     var [name, ...roles] = name.split(',');
                 }
-                item.name = name;
+                if (/^\-+$/.test(name)) item.line = true;
+                else item.name = name;
                 if (roles) item.roles = roles;
                 if (path) item.path = path;
                 if (data) item.params = parseKV(data);
@@ -68,6 +82,8 @@
         return [];
     };
     result.update = function (items) {
+        delete result.loading_promise;
+        delete result.then;
         items = parseMenuList(items);
         items.map(getChildren);
         var opened = data.getInstance("menu-opened");
@@ -174,10 +190,19 @@
         result.load(result.active);
         return result;
     };
-    result.fetch = function (url) {
-        data.from(url).loading_promise.then(result.update);
+    result.from = result.fetch = function (url) {
+        result.loading_promise = data.from(url).loading_promise.then(result.update);
+        result.then = then;
         return result;
     };
+    var then = function (ok, oh) {
+        if (this.loading_promise) {
+            return this.loading_promise.then(ok, oh);
+        }
+        delete result.then;
+        ok(result);
+        result.then = then;
+    };
     result.update(items);
     return result;
 });

package/coms/kugou/parseSongsList.js

@@ -1,10 +1,24 @@
-a => a.map(b => {
-    var data = {};
-    if (b.data) extend(data, {
-        name: b.data.filename.replace(/^[\s\S]*?\s*\-\s*/, ''),
-        singer: b.data.filename.replace(/\s*\-\s*[\s\S]*?$/, '')
-    }, b.data);
-    else extend(data, b);
-    if (data.hash) data.hash = data.hash.replace(/^songs\_/i, '');
-    return data;
-});
+a => {
+    if (isElement(a)) {
+        var m = /songsdata\s*=\s*(\[[\s\S]*\])/.exec(a.innerText);
+        if (!m) throw new Error("无法加载数据！");
+        if (m) a = m[1];
+        a = JSON.parse(a);
+        console.log(a)
+    }
+    return a.map(b => {
+        var data = {};
+        if (b.data) extend(data, {
+            name: b.data.filename.replace(/^[\s\S]*?\s*\-\s*/, ''),
+            singer: b.data.filename.replace(/\s*\-\s*[\s\S]*?$/, '')
+        }, b.data);
+        else extend(data, b);
+        if (!data.singer) {
+            data.singer = data.author_name;
+        }
+        if (!data.name) data.name = data.audio_name;
+        if (data.hash) data.hash = data.hash.replace(/^songs\_/i, '');
+        return data;
+    });
+
+}

package/coms/zimoli/Item.js

@@ -19,6 +19,7 @@ function Item(value) {
         this.icon = value.icon;
         this.color = value.color;
         this.test = value.test;
+        this.line = value.line;
     }
     this.count = 0;//子项中的叶子节点数
     this.total = 0;//子项中的节点数

package/coms/zimoli/button.less

@@ -18,7 +18,8 @@
     outline: none;
     user-select: none;
 }
->.label{
+
+>.label {
     position: relative;
 }
 
@@ -91,7 +92,7 @@
 
     >.track {
         background: #0001;
-        box-shadow: inset 0 0 6px 6px #6fc3;
+        box-shadow: inset 0 0 6px 6px #00000006;
     }
 }
 

package/coms/zimoli/getGenerator.js

@@ -1,13 +1,9 @@
 
 var _slider = createElement(div);
-var empty = function (index, item) {
-    if (!item) return;
-    return document.createElement('empty');
-};
-var getGenerator = function (container) {
+var getGenerator = function (container, tagName = 'item') {
     if (!container) return;
-    if (!container.childNodes.length) return container.$generator || empty;
-    var template = document.createElement("div");
+    if (!container.childNodes.length && container.$generator) return container.$generator;
+    var template = document.createElement(tagName);
     var templates = [].concat.apply([], container.childNodes).filter(a => {
         if (a.hasAttribute('insert')) {
             return false;
@@ -25,17 +21,24 @@ var getGenerator = function (container) {
     appendChild(template, templates);
     container.insertBefore = _slider.insertBefore;
     container.appendChild = _slider.appendChild;
-    var scopes = container.$parentScopes.concat(container.$scope);
-    return container.$generator = function (index, com) {
+    var scopes = container.$parentScopes || [];
+    if (container.$scope) scopes = scopes.concat(container.$scope);
+    return container.$generator = function (index, com, element) {
         if (!com) {
             if (!container.src || index >= container.src.length) return;
             com = container.src[index];
         }
         if (!com) return;
-        var template1 = template.cloneNode(true);
-        if (!template1.childNodes.length) return template1;
-        var item = template1.childNodes[0];
-        item.with = [].concat.apply([], template1.childNodes).slice(1);
+        if (!element) {
+            var template1 = template.cloneNode(true);
+            if (!template1.childNodes.length) {
+                element = template1;
+            }
+            else {
+                element = template1.childNodes[0];
+                if (template1.childNodes.length > 1) element.with = [].concat.apply([], template1.childNodes).slice(1);
+            }
+        }
         var parsedSrc = container.$src;
         if (parsedSrc) {
             var { keyName, itemName, indexName } = parsedSrc;
@@ -44,8 +47,8 @@ var getGenerator = function (container) {
                 [itemName || '$item']: com,
                 [indexName || '$index']: index
             };
-            var newItem = render(item, newScope, scopes);
-            if (item.with.length) newItem.with = render(item.with, newScope, scopes);
+            var newItem = render(element, newScope, scopes);
+            if (element.with) newItem.with = render(element.with, newScope, scopes);
         } else {
             var newScope = container.src[index];
             if (!isObject(newScope)) newScope = {
@@ -65,8 +68,8 @@ var getGenerator = function (container) {
                     return this.$item;
                 }
             }
-            var newItem = render(item, newScope, scopes);
-            newItem.with = render(newItem.with = item.with, newScope, scopes);
+            var newItem = render(element, newScope, scopes);
+            if (element.with) newItem.with = render(newItem.with = element.with, newScope, scopes);
         }
         return newItem;
     };

package/coms/zimoli/menu.js

@@ -117,8 +117,9 @@ function main(elem, mode) {
             case "inline":
             case "t":
             case "tree":
+                mode = "tree";
                 if (elem) {
-                    var generator = getGenerator(elem);
+                    var generator = getGenerator(elem, 'menu-item');
                     tree(elem, function (index, item) {
                         var e = generator(index, item);
                         if (!e || e.children.length) return e;
@@ -156,7 +157,7 @@ function main(elem, mode) {
                     active(elem, item, item.value, target);
                 };
                 if ("$src" in elem) {
-                    getGenerator(elem);
+                    getGenerator(elem, 'menu-item');
                     care(elem, function (src) {
                         menuList(elem, getTreeFromData(src), emit, direction);
                         elem.registerAsRoot();

package/coms/zimoli/menu.less

@@ -92,12 +92,15 @@ body:active & {
     display: block;
     overflow: hidden;
     text-overflow: hidden;
-    line-height: 40px;
     position: relative;
     border-bottom: 1px solid #18333c;
+    border-top: none;
+    border-left: none;
+    border-right: none;
     padding: 0;
 
     menu-item {
+        line-height: 24px;
         display: inline-block;
 
         &.has-children:after {
@@ -110,11 +113,9 @@ body:active & {
         vertical-align: top;
     }
 
-    .button {
-        line-height: 40px;
-    }
 }
 
+&[mode=tree],
 &[mode=tree],
 &[type=tree],
 &[mode=inline],
@@ -122,46 +123,46 @@ body:active & {
     height: auto;
     box-shadow: none;
     padding: 0;
-    margin: 0;
-
-    // &[browser=samsung] {
-    //     .tab1 {
-    //         &.open s {
-    //             overflow   : visible;
-    //             text-indent: -6.6pt;
-    //         }
-    //         &.closed s{
-    //             overflow   : visible;
-    //             text-indent: 3.1pt;
-    //         }
-    //     }
-    // }
-
-    // &[browser=firefox] {
-    //     .tab1 {
-    //         &.open s {
-    //             text-indent: -8.6px;
-    //         }
-
-    //         &.closed s {
-    //             text-indent: -4.1px;
-    //         }
-    //     }
-    // }
-
-    // &[browser=safari] {
-    //     .tab1 {
-    //         &.open s {
-    //             text-indent: -5.6px;
-    //         }
-
-    //         &.closed s {
-    //             text-indent: -1.1px;
-    //         }
-    //     }
-    // }
-
-    .tab1 {
+
+    >.button {
+        box-shadow: none;
+        padding-top: 6px;
+        padding-bottom: 6px;
+        line-height: 20px;
+        font-size: 14px;
+
+        >b {
+            font-weight: normal;
+        }
+
+        &:not(.tab1) {
+            display: block;
+            background: #2c3b41;
+            color: #8aa4af;
+
+            &.checked,
+            &.actived,
+            &.selected {
+                color: #fff;
+            }
+        }
+
+        i {
+            margin-right: 10px;
+        }
+
+
+        &.hover {
+            text-shadow: none;
+            color: #fff;
+        }
+
+    }
+
+    >.tab1 {
+        font-size: 16px;
+        line-height: 28px;
+
         &.open {
             color: #fff;
             background: #1e282c;
@@ -218,45 +219,13 @@ body:active & {
 
         border-left: 3px solid transparent;
         display : block;
-        height : 44px;
-        line-height: 44px;
         font-size : 14px;
         color : #b8c7ce;
     }
 
-    >.button {
-        box-shadow: none;
-
-
-        >b {
-            font-weight: normal;
-        }
-
-        &:not(.tab1) {
-            display: block;
-            height: 36px;
-            line-height: 36px;
-            font-size: 14px;
-            background: #2c3b41;
-            color: #8aa4af;
-
-            &.checked,
-            &.actived,
-            &.selected {
-                color: #fff;
-            }
-        }
-
-        i {
-            margin-right: 10px;
-        }
-
-
-        &.hover {
-            text-shadow: none;
-            color: #fff;
-        }
-
+    >[line],
+    >.line {
+        line-height: 0;
+        font-size: 0;
     }
-
 }

package/coms/zimoli/menuItem.js

@@ -1,3 +1,4 @@
+var preventDefault = function (e) { e.preventDefault() };
 function main(elem, scope, hasIcon) {
     var item = elem || document.createElement('menu-item');
     item.innerHTML = menuItem;
@@ -11,5 +12,6 @@ function main(elem, scope, hasIcon) {
     var icon = scope.icon;
     if (hasIcon === undefined) hasIcon = !!icon;
     render(item.children, { useIcon: hasIcon, hasIcon, name, icon });
+    if (scope.line) item.setAttribute("line", ''), on("click")(item, preventDefault);
     return item;
 }

package/coms/zimoli/menuItem.less

@@ -1,4 +1,20 @@
 i{
     display: inline-block;
     width: 1em;
+}
+&.line,
+&[line] {
+    box-shadow: none;
+    >.track{
+        display: none;
+    }
+    line-height: 0;
+    font-size: 0;
+    &:after {
+        content: "";
+        display: block;
+        border-bottom: 1px solid;
+        opacity: .36;
+        margin: 0 -20px;
+    }
 }

package/coms/zimoli/menuList.js

@@ -11,10 +11,11 @@ var clear = function () {
 var unfocus = function () {
     remove(mounted_menus);
     this.ispop = false;
+    this.setFocus(null);
 };
-var setFocus = function (focused = this.firstMenu) {
+var setFocus = function (focused) {
     var page = this;
-    if (page.ispop || page === document.activeElement) {
+    if (focused) {
         if (page.focused !== focused) {
             if (page.focused) removeClass(page.focused, 'focus');
             if (focused) addClass(focused, "focus");
@@ -105,12 +106,18 @@ function keyalt() {
     else {
         root_menu.tabIndex = 0;
         root_menu.focus();
+        root_menu.setFocus(this.firstMenu);
     }
-    root_menu.setFocus();
+}
+function keytab(event) {
+    if (root_menu !== document.activeElement) return;
+    var menu = mounted_menus[mounted_menus.length - 1] || root_menu;
+    event.preventDefault();
+    menu.moveFocus(1);
 }
 function keyesc() {
     if (root_menu === document.activeElement && !mounted_menus.length) {
-        if (!root_menu.ispop) root_menu.blur(), root_menu.setFocus();
+        if (!root_menu.ispop) root_menu.blur();
         else root_menu.ispop = false;
     }
 }
@@ -128,11 +135,15 @@ function keyright() {
 }
 function keyspace() {
     if (root_menu !== document.activeElement) return;
-    var menu = mounted_menus[mounted_menus.length - 1] || root_menu;
-    menu.focused.click();
+    var menu = mounted_menus[mounted_menus.length - 1];
+    if (!menu || !menu.focused) menu = mounted_menus[mounted_menus.length - 2] || root_menu;
+    if (menu.focused) {
+        menu.focused.click();
+    }
 }
 function register() {
     // on('keydown.alt')(window, e => e.preventDefault());
+    on('keydown.tab')(window, keytab);
     on('keydown.alt.')(window, keyalt);
     on('keydown.esc')(window, keyesc);
     on('keydown.left')(window, keyleft);
@@ -150,19 +161,20 @@ function main(page, items, active, direction = 'y') {
     var main = this;
     if (direction !== 'x') page.ispop = true;
     function popMenu(item, target) {
-        if (page.active) {
+        if (page.actived) {
             clear();
-            remove(page.active);
+            remove(page.actived);
         }
         page.setFocus(target);
         if (!item.children || !item.children.length) return;
         var clone = template.cloneNode();
         clone.$parentScopes = page.$parentScopes;
+        clone.$scope = page.$scope;
         clone.$src = src;
         clone.innerHTML = template.innerHTML;
         var menu = main(clone, item.children, active);
         mounted_menus.push(menu);
-        page.active = menu;
+        page.actived = menu;
         menu.root = page.root || page;
         popup(menu, target);
         if (page.ispop === true) {
@@ -206,21 +218,26 @@ function main(page, items, active, direction = 'y') {
     }
     var fire = function () {
         cancel();
+        if (this.menu.line) return;
         var pop = active(this.menu, this);
         if (pop === false) return;
         var root = page.root || page;
         if (root.ispop === 1) root.ispop = false;
-        if (page.active && page.active.target === this) {
+        if (page.actived && page.actived.target === this) {
+            while (mounted_menus.length && mounted_menus[mounted_menus.length - 1] !== page.actived) remove(mounted_menus.pop());
             if (!mounted_menus.length) {
                 popMenu(this.menu, this);
             }
             else {
-                unfocus.call(page);
+                remove(mounted_menus.pop());
             }
         }
         else {
             while (mounted_menus.length && mounted_menus[mounted_menus.length - 1] !== page) remove(mounted_menus.pop());
             popMenu(this.menu, this);
+            if (!page.actived) {
+                (page.root || page).blur();
+            }
         }
     };
 
@@ -237,8 +254,8 @@ function main(page, items, active, direction = 'y') {
             return false;
         };
         var $scope = {
-            "menu-item": function (e, s) {
-                var a = bindAccesskey(
+            "menu-item"(e, s) {
+                var a = button(
                     menuItem(e, s, this.hasIcon)
                 );
                 if (!page.firstMenu) {
@@ -254,31 +271,23 @@ function main(page, items, active, direction = 'y') {
         };
         if (page.$src) {
             var src = page.$src;
-            var parentScopes = page.$parentScopes;
             var itemName = src.itemName;
             var className = `{'has-children':${itemName}.children&&${itemName}.children.length,'warn':${itemName}.type==='danger'||${itemName}.type==='warn'||${itemName}.type==='red'}`;
             var notHidden = `!${itemName}.hidden`;
+            var generator = getGenerator(page, 'menu-item');
 
             list(page, function (index) {
                 var item = items[index];
                 if (!item) return;
-                var a = $scope["menu-item"](null, item);
-                var scope = {};
                 if (item instanceof Item) item = item.value;
-                if (src.itemName) scope[src.itemName] = item;
-                else scope.$item = item;
-                if (src.keyName) scope[src.keyName] = index;
-                else scope.$key = index;
-                if (src.indexName) scope[src.indexName] = index;
-                else scope.$index = index;
-                if (src.srcName) scope[src.srcName] = items;
+                var a = $scope["menu-item"](null, item);
                 if (src.itemName) a.setAttribute("e-if", notHidden);
+                a.setAttribute("e-class", className);
+                a = generator(index, item, a);
                 a.menu = item;
                 on("mouseleave")(a, cancel);
                 on("mouseenter")(a, open);
                 on("click")(a, fire);
-                a.setAttribute("e-class", className);
-                render(a, scope, parentScopes);
                 return a;
             });
             on("append")(page, function () {
@@ -296,7 +305,7 @@ function main(page, items, active, direction = 'y') {
         });
     }
     else {
-        var generator = getGenerator(page);
+        var generator = getGenerator(page, 'menu-item');
 
         list(page, function (index) {
             var elem = generator(index);

package/coms/zimoli/menuList.less

@@ -5,7 +5,6 @@
     background-color: #fff;
     box-shadow: 0 0 20px -6px rgba(0, 0, 0, .1);
     border: 1px solid #0003;
-    line-height: 28px;
     padding: 6px 0;
 
     >menu-item {
@@ -17,6 +16,10 @@
         color: inherit;
         box-shadow: none;
         text-align: inherit;
+        vertical-align: top;
+        line-height: 20px;
+        padding-top: 4px;
+        padding-bottom: 4px;
 
         &.warn {
             color: #c28;
@@ -27,7 +30,8 @@
         }
 
         &.has-children {
-            padding: 0 24px 0 16px;
+            padding-right: 24px;
+            padding-left: 16px;
 
             &:after {
                 content: ">";