efront 3.12.4 → 3.13.2

package/apps/pivot/api.yml

@@ -10,3 +10,5 @@
   invoke: options ::invoke-:key?:params
   version: options ::version
   uptime: options ::uptime
+  count: options ::count
+  bootlog: options ::similar

package/apps/pivot/home/welcome.html

@@ -25,4 +25,4 @@
     <padding>
         启动时间&nbsp;&nbsp;<span -text="filterTime(hrtime)"></span>
     </padding>
-</block>
+</block>

package/apps/pivot/home/welcome.js

@@ -6,15 +6,12 @@ function main() {
         version: data.from("version"),
         hrtime: data.from("uptime", a => Date.now() - a * 1000),
         filterTime,
-        async run(id, target) {
-            target.setAttribute('pending', '')
-            try {
-                var info = await data.from("run", {
-                    run: id
-                }).loading_promise;
-                if (info) alert(info, 'pass');
-            } catch { }
-            target.removeAttribute('pending');
+        async run(id) {
+            await new Promise(ok => setTimeout(ok, 2000));
+            var info = await data.from("run", {
+                run: id
+            }).loading_promise;
+            if (info) alert(info, 'pass');
         },
         async logout() {
             data.setSource({});

package/apps/pivot/log/boot.html

@@ -0,0 +1,2 @@
+<table -src="[fields,items]">
+</talbe>

package/apps/pivot/log/boot.js

@@ -0,0 +1,24 @@
+var fields = refilm`
+地址/ip
+端口/port
+版本/version
+进程/pid
+时间/time date
+`;
+function main() {
+    var page = div();
+    page.innerHTML = template;
+    var items = data.from("bootlog", item => {
+        item.forEach(a => {
+            var [v, p] = a.ppid.split("/");
+            a.version = v;
+            a.pid = p;
+        })
+        return item;
+    });
+    renderWithDefaults(page, {
+        items,
+        fields
+    });
+    return page;
+}

package/apps/pivot/log/boot.less

@@ -0,0 +1,3 @@
+& {
+    height: 100%;
+}

package/apps/pivot/log/count.html

@@ -0,0 +1,5 @@
+<div class="searchbox">
+    <input @input="filter" -model="searchText" />
+</div>
+<table -src="[fields,items]">
+</talbe>

package/apps/pivot/log/count.js

@@ -0,0 +1,22 @@
+var fields = refilm`
+路径/path html
+访问量/count
+`;
+function main() {
+    var page = div();
+    page.innerHTML = template;
+    var items = data.from("count", a => {
+        return Object.keys(a).map(b => ({ path: b, count: a[b] }));
+    });
+    renderWithDefaults(page, {
+        items,
+        searchText: "",
+        filter() {
+            var text = this.searchText;
+            if (!text) return this.items = items;
+            this.items = search(text, items, 'path');
+        },
+        fields
+    });
+    return page;
+}

package/apps/pivot/log/count.less

@@ -0,0 +1,16 @@
+& {
+    height: 100%;
+
+}
+
+.searchbox {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+    padding: 8px 16px;
+
+    >input {
+        background: #eee;
+    }
+}

package/apps/pivot/menu.yml

@@ -8,4 +8,10 @@ WEB:
   密钥管理: /token/list
   任务建立: /task/list
   定期执行: /tick/list
-# 用户列表: /user/list
+用户:
+  账号列表: /user/list
+  标签管理: /user/tag/list
+服务器日志:
+  访问计数: /log/count
+  启动记录: /log/boot
+  # 并发记忆: /log/lock

package/apps/pivot/share/list.less

@@ -1,7 +1,3 @@
->table {
-    width: 100%;
-}
-
 & {
     height: 100%;
 }

package/apps/pivot/user/edit.js

@@ -0,0 +1 @@
+pedit.bind(null, "用户信息", "user");

package/apps/pivot/user/list.js

@@ -0,0 +1,4 @@
+plist.bind(null, '用户管理', "user", refilm`
+*用户ID/key 100
+用户名/name input/300
+`, "/user/edit");

package/apps/pivot/user/tag/edit.js

@@ -0,0 +1 @@
+pedit.bind(null, "标签", "tag");

package/apps/pivot/user/tag/list.js

@@ -0,0 +1,3 @@
+plist.bind(null, '标签', "tag", refilm`
+*标签/key 100
+`, "/user/tag/edit");

package/coms/basic/parseYML.js

@@ -207,7 +207,7 @@ var scan = function (text) {
             }
         }
 
-        if (row === "|") {
+        if (row === "|" || row === ">") {
             rowtype = "|"
             continue;
         }

package/coms/basic/renderExpress.js

@@ -3,7 +3,7 @@ function createSeek(express) {
     express.forEach(function (search) {
         if (dist) {
             if (/[\=]/.test(dist)) dist = `(${dist})`;
-            dist = `${dist}!==void 0&&${dist}!==null?${dist}${search}:''`
+            dist = `typeof ${dist}!=='undefined'&&${dist}!==null?${dist}${search}:''`
         } else {
             dist = search;
         }

package/coms/frame/route.js

@@ -75,6 +75,7 @@
                 if (/,/.test(name)) {
 
                 }
+                item.closed = true;
                 return item;
             });
             return items;
@@ -114,6 +115,7 @@
             actived = mmap[opened.active] || actived;
             if (actived) {
                 if (actived_value === historys.length) {
+                    setActive(actived, true);
                     result.active = actived;
                 };
             }
@@ -123,6 +125,7 @@
     var setActive = function (p, active) {
         while (p) {
             p.active = active;
+            if (active) p.closed = false;
             p = p.parent;
         }
     };
@@ -195,6 +198,7 @@
         result.then = then;
         return result;
     };
+    result.parse = parseMenuList;
     var then = function (ok, oh) {
         if (this.loading_promise) {
             return this.loading_promise.then(ok, oh);

package/coms/pivot/plist.js

@@ -2,7 +2,7 @@
 function main(title, type, fields, edit_ref, options) {
     return frame$list(title, {
         load() {
-            return data.from("list", { type }, a => JSAM.parse(encode62.timedecode(a)));
+            return data.from("list", { type }, a => JSAM.parse(encode62.timedecode(a || '')));
         },
         remove(o) {
             return data.from("edit", { type, key: encode62.timeencode(o.key), value: encode62.timeencode("") }).loading_promise;

package/coms/zimoli/AudioContext_test.html

@@ -1,5 +1,5 @@
 <div ng-class="{even:i%2===1,odd:i%2===0}" v-for="(r,i) in rates" hz:='r[5]'>
-    <span ng-if="i%2===0" v-bind="i/2 -2"></span>
+    <span ng-if="i%2===0" v-bind="i/2 -8"></span>
     <button ng-repeat="o in r" _rate=o>
         <span ng-bind="format(o)"></span>
     </button>

package/coms/zimoli/AudioContext_test.js

@@ -2,8 +2,8 @@ function piano() {
     var res = [];
     var yin = [1, 3, 5, 7, 8, 10, 12].reverse();
     var yue = [2, 4, 6, 9, 11].reverse();
-    var c=a => 440 * Math.pow(2, cx + (3 - a) / 12);
-    for (var cx = -6, dx = 8; cx < dx; cx++) {
+    var c = a => 440 * Math.pow(2, cx + (3 - a) / 12);
+    for (var cx = -12, dx = 8; cx < dx; cx++) {
         var yinjie1 = yin.map(c);
         var yinjie2 = yue.map(c);
         res.push(yinjie1, yinjie2);
@@ -23,7 +23,7 @@ function main() {
             oscillator.connect(gainNode);
             gainNode.connect(audioCtx.destination);
             oscillator.type = 'sine';
-            oscillator.frequency.value = hz;
+            oscillator.frequency.value = -hz;
             gainNode.gain.setValueAtTime(0, audioCtx.currentTime);
             gainNode.gain.linearRampToValueAtTime(65536 / Math.log2(hz), audioCtx.currentTime + 0.01);
             oscillator.start(audioCtx.currentTime);

package/coms/zimoli/bind.js

@@ -1,10 +1,12 @@
 function bind(eventName, bindTo = window) {
     return function (target, eventListener) {
         var off;
-        var off1 = on("append")(target, function () {
+        var mount = function () {
             if (off) off();
             off = on(eventName).call(bindTo, target, eventListener);
-        });
+        };
+        if (isMounted(target)) mount();
+        var off1 = on("append")(target, mount);
         var off2 = on("remove")(target, function () {
             if (off) off();
             off = null;

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,float,clear,margin,color,verticalAlign,textAlign,textShadow,opacity,boxShadow,overflow,writingMode,blockSize,wordSpacing,letterSpacing,textIndent,lineHeight,display,appearance,webkitAppearance,MozAppearance".split(",");
+var cloneProperties2 = "position,backdropFilter,float,clear,margin,color,verticalAlign,textAlign,textShadow,opacity,boxShadow,overflow,writingMode,blockSize,wordSpacing,letterSpacing,textIndent,lineHeight,display,appearance,webkitAppearance,MozAppearance".split(",");
 var pushProperty = function (key, props) {
     props.split(",").forEach(k => {
         cloneProperties2.push(key + k);
@@ -86,7 +86,13 @@ var isMaybeVisible = function (node) {
     if (style.overflow === "hidden") {
         if (node.offsetHeight === 0 || node.offsetWidth === 0) return;
     }
-    if (node.offsetParent && !overlap(node, node.offsetParent)) return;
+    if (node.offsetParent) {
+        var parent = node.offsetParent;
+        return !(node.offsetLeft + node.offsetWidth - parent.scrollLeft <= parent.clientLeft ||
+            node.offsetTop + node.offsetHeight - parent.scrollTop <= parent.clientTop ||
+            node.offsetLeft - parent.scrollLeft >= (parent.clientWidth || parent.offsetWidth) ||
+            node.offsetTop - parent.scrollTop >= (parent.clientHeight || parent.offsetHeight));
+    }
     return true;
 }
 var clonePseudo = function (node, pseudo) {
@@ -173,6 +179,7 @@ var cloneVisible = function (td) {
     };
     clone(td);
     extend(result.style, {
+        zIndex: getComputedStyle(td).zIndex,
         position: "absolute",
         left: _left + "px",
         top: _top + "px",

package/coms/zimoli/css.js

@@ -19,9 +19,15 @@ var transfromSimpleValue = function (value) {
 };
 var transformValue = function (value, k) {
     if (ratioPropReg.test(k) || !value) return value;
-    if (/^[\w\s\.]+$/.test(value)) return isFinite(value) ? transfromSimpleValue(value) : String(value).split(/\s/).map(transfromSimpleValue).join(' ');
+    if (/^[\w\s\.]+$/.test(value)) return isFinite(value) ? transfromSimpleValue(value) : String(value).split(/\s+/).map(transfromSimpleValue).join(' ');
     return value;
 };
+var partifyValue = function (v) {
+    return String(v).toLowerCase().split(/['"`]|\s+/).join(" ");
+};
+var isSameValue = function (v1, v2) {
+    return partifyValue(v1) === partifyValue(v2);
+};
 /**
  * 将中划线转成驼峰式
  * @param {string} key 
@@ -86,7 +92,8 @@ var cssTargetNode = function (targetNode, oStyle, oValue) {
                 var key = transformNodeKey(k);
                 if (key in styleobject) {
                     try {
-                        styleobject[key] = transformValue(oStyle[k], key);
+                        var value = transformValue(oStyle[k], key);
+                        if (!isSameValue(value, styleobject[value])) styleobject[key] = transformValue(oStyle[k], key);
                     } catch (e) {
                         console.warn(key, oStyle[k], "无效");
                     }
@@ -95,7 +102,8 @@ var cssTargetNode = function (targetNode, oStyle, oValue) {
         } else {
             for (var k in oStyle) {
                 var key = transformNodeKey(k);
-                if (key in styleobject) styleobject[key] = transformValue(oStyle[k], key);
+                var value = transformValue(oStyle[k], key);
+                if (key in styleobject && !isSameValue(value, styleobject[key])) styleobject[key] = value;
             }
         }
     }
@@ -153,9 +161,9 @@ function cssTargetStyleSheet(stylesheet, innerCss) {
     var styleSheet = stylesheet.styleSheet;
     if (styleSheet) {
         //IE
-        styleSheet.cssText = innerCss;
+        if (styleSheet.cssText !== innerCss) styleSheet.cssText = innerCss;
     } else {
-        stylesheet.innerHTML = innerCss;
+        if (stylesheet.innerHTML !== innerCss) stylesheet.innerHTML = innerCss;
     }
 }
 

package/coms/zimoli/data.js

@@ -895,7 +895,7 @@ var data = {
             return data;
         });
         promise1.catch((e) => {
-            if (e === outdate) return;
+            if (e === outdate || e === aborted) return;
             this.responseCrash(e, instance);
         });
 

package/coms/zimoli/drag.js

@@ -61,8 +61,9 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
             saved_delta.x += clone_left - target_left;
             saved_delta.y += clone_top - target_top;
             if (clone.style) {
-                clone.style.zIndex = zIndex();
-                extraClones.map(e => e.style.zIndex = clone.style.zIndex);
+                var z = zIndex();
+                clone.style.zIndex = z + (+clone.style.zIndex || 0);
+                extraClones.map(e => e.style.zIndex = z + (+e.style.zIndex || 0));
             }
         }
         drag.target = clone;

package/coms/zimoli/field.html

@@ -1,11 +1,16 @@
-<div class="head">
-    <span ng-bind=field.name></span>
-    <span class="required" ng-if="field.required">*</span>
-</div>
-<div class="body">
+<template v-if='field?.key'>
+    <div class="head">
+        <span ng-bind=field.name></span>
+        <span class="required" ng-if="field.required">*</span>
+    </div>
+    <div class="body">
+        <model _data=data _field=field></model>
+        <span class="error" ng-bind="error"></span>
+    </div>
+    <div class="foot" ng-if="field.msg">
+        <span ng-bind=field.msg></span>
+    </div>
+</template>
+<template v-else>
     <model _data=data _field=field></model>
-    <span class="error" ng-bind="error"></span>
-</div>
-<div class="foot" ng-if="field.msg">
-    <span ng-bind=field.msg></span>
-</div>
+</template>

package/coms/zimoli/menu.js

@@ -101,23 +101,34 @@ function main(elem, mode) {
         // }
         // elem.setAttribute('browser', os);
         var mode = elem.getAttribute('mode') || elem.getAttribute('type');
+        if (!mode) {
+            if (elem.hasAttribute("inline")) mode = 'inline';
+            else if (elem.hasAttribute("vertical")) mode = "vertical";
+            else if (elem.hasAttribute("horizonal")) mode = "horizonal";
+            else if (
+                elem.hasAttribute("toolbar")
+                || elem.hasAttribute('tool')
+                || elem.hasAttribute('tools')
+                || elem.hasAttribute('bar')
+            ) mode = "toolbar";
+        }
         if (!mode) {
             if (/^[xyhvtci]/i.test(elem.tagName)) {
                 mode = elem.tagName.slice(0, 1);
+                if (/^t$/i.test(mode)) mode = elem.tagName.slice(0, 2);
             }
-            else if (/[xyhvtci]$/i.test(elem.tagName)) {
-                mode = elem.tagName.slice(0, 1);
+            else if (/[xyhvci]$/i.test(elem.tagName)) {
+                mode = elem.tagName.slice(elem.tagName.length - 1);
             }
         }
         mode = mode ? mode.toLowerCase() : "horizonal";
-
+        var direction;
         switch (mode) {
+            case "tr":
             case "i":
             case "c":
             case "inline":
-            case "t":
-            case "tree":
-                mode = "tree";
+                mode = "inline";
                 if (elem) {
                     var generator = getGenerator(elem, 'menu-item');
                     tree(elem, function (index, item) {
@@ -145,22 +156,31 @@ function main(elem, mode) {
                     elem = inlineMenu.call(elem, nodes);
                 }
                 break;
+            case "to":
+            case "t":
+            case "b":
+            case "tool":
+            case "tools":
+            case "bar":
+            case "toolbar":
+                direction = 't';
+                mode = "toolbar";
             case "h":
             case "x":
             case "horizonal":
-                var direction = 'x';
-                mode = "horizonal";
+                if (!direction) {
+                    direction = 'x';
+                    mode = "horizonal";
+                }
             case "v":
             case "y":
             case "vertical":
+                if (!direction) mode = "vertical", direction = 'y';
                 var emit = function (item, target) {
                     active(elem, item.value, item, target);
                 };
                 if ("$src" in elem) {
                     getGenerator(elem, 'menu-item');
-                    on("append")(elem, function () {
-                        elem.registerAsRoot();
-                    });
                     var src0 = [];
                     menuList(elem, src0, emit, direction);
                     care(elem, function (src) {
@@ -177,7 +197,6 @@ function main(elem, mode) {
                     var nodes = getArrayNodes(elem);
                     remove(elem.children);
                     elem = menuList(elem, nodes, emit, direction);
-                    elem.registerAsRoot();
                 }
                 break;
             default:
@@ -187,7 +206,8 @@ function main(elem, mode) {
         mode = mode || "horizonal";
         elem = menu.apply(null, arguments);
     }
-    elem.setAttribute('mode', mode);
+    if (!elem.hasAttribute('mode')) elem.setAttribute('mode', mode);
+    if (!elem.hasAttribute(mode)) elem.setAttribute(mode, '');
     return elem;
 
 }

package/coms/zimoli/menu.less

@@ -82,13 +82,11 @@ body:active & {
     width: 100%;
 }
 
-&[mode=vertical],
-&[type=vertical] {
+&[vertical] {
     display: block;
 }
 
-&[mode=horizonal],
-&[type=horizonal] {
+&[horizonal] {
     display: block;
     overflow: hidden;
     text-overflow: hidden;
@@ -115,11 +113,35 @@ body:active & {
 
 }
 
-&[mode=tree],
-&[mode=tree],
-&[type=tree],
-&[mode=inline],
-&[type=inline] {
+&[toolbar] {
+    >menu-item{
+        padding-left: 6px;
+        padding-right: 6px;
+        text-align: center;
+    }
+    >menu-item.has-children {
+        &::after {
+            display: block;
+            content: "";
+            width: 0;
+            height: 0;
+            font-size: 0;
+            transform: none;
+            border: 2px solid;
+            border-top-color: transparent;
+            border-left-color: transparent;
+            position: absolute;
+            right: 3px;
+            bottom: 3px;
+            box-sizing: border-box;
+            line-height: 0;
+            top: auto;
+            margin: 0;
+        }
+    }
+}
+
+&[inline] {
     height: auto;
     box-shadow: none;
     padding: 0;

package/coms/zimoli/menuItem.js

@@ -11,7 +11,7 @@ function main(elem, scope, hasIcon) {
     var name = scope.name;
     var icon = scope.icon;
     if (hasIcon === undefined) hasIcon = !!icon;
-    render(item.children, { useIcon: hasIcon, hasIcon, name, icon });
+    render(item.children, scope, hasIcon instanceof Array ? hasIcon : [{ useIcon: hasIcon, hasIcon, name, icon }]);
     if (scope.line) item.setAttribute("line", ''), on("click")(item, preventDefault);
     return item;
 }

package/coms/zimoli/menuList.html

@@ -1,4 +1,6 @@
-<menu-item ng-repeat="menu in menus" ng-if="!menu.hidden" ng-click="open.call(this)"
-    ng-mouseleave="cancel()" ng-mouseenter="popMenu.call(this)"
-    ng-class="{'has-children':menu.children&&menu.children.length,'warn':menu.type==='danger'||menu.type==='warn'||menu.type==='red'}">
+<menu-item ng-repeat="menu in menus" ng-if="!menu.hidden" ng-click="open.call(this)" ng-mouseleave="cancel()"
+    ng-mouseenter="popMenu.call(this)" ng-mousedown="popMenu1.call(this,event)" ng-class="{'has-children':menu.children&&menu.children.length,
+    'warn':menu.type==='danger'||menu.type==='warn'||menu.type==='red',
+    'selected':menu.selected
+}">
 </menu-item>