efront 3.5.7 → 3.5.11

package/apps/pivot/api.yml

@@ -2,3 +2,4 @@
   login: options /::login-:a
   run: options /:::run
   share: options /::share-:opt
+  folder: options /::file-:opt:::path?:to

package/apps/pivot/main.js

@@ -13,8 +13,8 @@ setInterval(function () {
 }, 2000);
 login();
 var layer = layer$glance({
-    left: "frame$left",
-    top: 'frame$top'
+    left: frame$left,
+    top: frame$top
 });
 function main() {
     return layer;

package/apps/pivot/menu.yml

@@ -1,5 +1,6 @@
 首页: /home/welcome
 共享目录管理: /share/list
 短链接: /home/short
+WEB文件管理: /wow/root
 # 用户: /home/short
 # 用户列表: /user/list

package/apps/pivot/wow/edit.html

@@ -0,0 +1,10 @@
+<div head>
+    <span v-text="origin?'修改':'添加'"></span>文件夹
+</div>
+<div body>
+    <field v-if="!f.readonly||!!data[f.key]" -repeat="f in fields" ng-src="[f,data]"></field>
+</div>
+<div foot>
+    <btn @click="remove()" class="white">取消</btn>
+    <button type="submit">保存</button>
+</div>

package/apps/pivot/wow/edit.js

@@ -0,0 +1,33 @@
+var fields = refilm`
+&原始名称/origin read
+输入新名称/name input
+`;
+function main({ path: root, name }) {
+    var a = view();
+    a.innerHTML = edit;
+    drag.on(a.firstChild, a);
+    var origin = name.replace(/\/$/, '');
+    renderWithDefaults(a, {
+        fields,
+        pathlist: root,
+        isFolder: /\/$/.test(name),
+        data: { name: origin, origin },
+        remove() {
+            remove(a);
+        },
+    });
+    on('submit')(a, async function (e) {
+        e.preventDefault();
+        var path = root.concat(a.$scope.data.name).join('/');
+        if (origin) {
+            var to = path;
+            path = origin;
+        }
+        await data.from("folder", { opt: origin ? 'mov' : 'add', path, to }).loading_promise;
+        dispatch(this, 'submited');
+    });
+    on("append")(a, lazy(function () {
+        a.querySelector("input").focus();
+    }));
+    return a;
+}

package/apps/pivot/wow/root.html

@@ -0,0 +1,10 @@
+<div class="address">
+    <input _value="pathlist.join('/')" />
+</div>
+<lattice ng-src="d in data">
+    <padding>
+        <item @click="open(d)" ng-class="{focus:active===this}">
+            <span ng-text=d.name></span>
+        </item>
+    </padding>
+</lattice>

package/apps/pivot/wow/root.js

@@ -0,0 +1,100 @@
+var fields = refilm`
+文件
+`;
+
+function main() {
+    var page = div();
+    page.innerHTML = root;
+    page.onback = function () {
+        var $scope = this.$scope;
+        if (!$scope.pathlist.length) {
+            return;
+        }
+        $scope.pathlist.pop();
+        $scope.open();
+        return false;
+    }
+    page.setAttribute('ng-mousedown', 'setActive')
+
+    renderWithDefaults(page, {
+        lattice,
+        pathlist: [],
+        active: null,
+        open(p) {
+            if (p) p = String(p.name || '').replace(/\/$/, '');
+            if (p) this.pathlist.push(p);
+            this.data = data.from("folder", { opt: 'list', path: "/" + this.pathlist.join('/') }, files => {
+                if (files) return sortname(files).map(f => {
+                    return {
+                        name: f,
+                        type: /\/$/.test(f) ? 'folder' : 'file'
+                    }
+                });
+            });
+        },
+        setActive(e) {
+            this.active = getActive(e);
+        },
+        data: [],
+    });
+    page.$scope.open();
+    var getActive = e => {
+        var p = page.querySelector('lattice');
+        var t = getTargetIn(e => e.parentNode && e.parentNode.parentNode === p, e.target);
+        return t;
+    };
+    var when = e => !!getActive(e);
+    var popupEdit = function (e) {
+        zimoli.prepare('/wow/edit', function () {
+            var p = popup("#/wow/edit", {
+                path: page.$scope.pathlist,
+                name: e || ''
+            });
+            on('submited')(p, function () {
+                page.$scope.open();
+                remove(p);
+            });
+        })
+
+    };
+    contextmenu(page, [
+        {
+            name: "新建文件夹",
+            when: e => !getActive(e),
+            do() {
+                popupEdit();
+            }
+        },
+        {
+            name: '编辑',
+            when,
+            do(e) {
+                popupEdit(e.$scope.d.name);
+            }
+        },
+        {
+            get name() {
+                return this.confirm ? "确认删除" : "删除";
+            },
+            confirm: false,
+            when(e) {
+                this.confirm = false;
+                return when(e);
+            },
+            type: "danger",
+            async do(e) {
+                if (!this.confirm) {
+                    this.confirm = true;
+                    setTimeout(_ => {
+                        this.confirm = false;
+                        render.refresh();
+                    }, 2000);
+                    return false;
+                }
+                await data.from("folder", { opt: 'del', path: "/" + page.$scope.pathlist.concat(e.$scope.d.name).join("/") }).loading_promise;
+                page.$scope.open();
+            }
+        }
+    ]);
+    return page;
+}

package/apps/pivot/wow/root.less

@@ -0,0 +1,63 @@
+& {
+    height: 100%;
+}
+
+@height: 44px;
+
+>lattice {
+    box-sizing: content-box;
+    margin-top: -@height;
+    padding-top: @height + 6px;
+
+    a {
+        vertical-align: top;
+    }
+}
+
+padding {
+    border-right-width: 60px;
+}
+
+>.address {
+    position: relative;
+    z-index: 3;
+    margin-left: 140px;
+    margin-top: -@height - 6px;
+    height: @height;
+    padding: 0 6px;
+    line-height: @height;
+
+    input {
+        width: 100%;
+    }
+}
+
+item {
+    border: 1px solid #0002;
+    position: relative;
+    display: block;
+    padding: 10px 20px;
+
+    &:hover {
+        outline: 2px solid #2cf;
+    }
+
+    &:active {
+        color: #28c;
+        outline: 2px solid;
+    }
+
+    &.focus {
+        color: #28c;
+        outline: 2px solid;
+    }
+
+    >a {
+        vertical-align: top;
+    }
+
+    >[op] {
+        left: 6px;
+        margin-left: 6px;
+    }
+}

package/coms/basic/JSAM.js

@@ -51,7 +51,7 @@ function stringify(memery) {
         o[""] = arr;
         for (var k in memery) {
             var m = memery[k];
-            if (inc === +k) {
+            if (inc === +k && k !== '') {
                 var kindex = "";
                 inc++;
             } else {

package/coms/basic/refilm_decode.js

@@ -260,16 +260,31 @@ function parse(piece) {
     }
     var [name, type, options] = piece, key, repeat;
     if (piece.length === 1 && isObject(name)) {
-        var { name, needs, required, checks, type, key, size, unit, endwith, ratio, value, repeat, comment, options } = name;
+        var {
+            name, type, key, value, comment, options,
+            size, unit, ratio,
+            needs, checks, repeat, endwith,
+            required, inlist, hidden, readonly,
+            delete_onempty, delete_onsubmit,
+        } = name;
     } else {
-        var is_require = a => {
-            if (/^\*|\*$/.test(a)) {
-                required = true;
-                return a.replace(/^\*|\*$/, '');
+        var test = (reg,a) => {
+            if (reg.test(a)) {
+                return true;
             }
-            return a;
         };
-        type = is_require(type);
+        var is = function (a) {
+            var reg = /^[\*\+\-\!\-\$&\?\~]|[\*\+\-\!\-\$&\?\~]$/;
+            if (!reg.test(a)) return a;
+            required = test(/^\*|\*$/, a);
+            inlist = test(/^[\+\!]|[\+\!]$/, a);
+            hidden = test(/^\-|\-$/, a);
+            readonly = test(/^[\$&]|[\$&]$/, a);
+            delete_onempty = test(/^\?|\?$/, a);
+            delete_onsubmit = test(/^\~|\~$/, a);
+            return a.replace(reg, '');
+        };
+        type = is(type);
         if (typeof name === 'string') {
             if (!isContainer) {
                 if (!type) {
@@ -370,17 +385,23 @@ function parse(piece) {
             type = type.slice(1);
         }
         if (typeof options === "string") {
-            options = is_require(options);
+            options = is(options);
             var needUnfold = /^\[|\]$/.test(options);
             options = options.replace(/^\[|\]$/g, '');
             if (/,/.test(options)) options = scanSlant(options, ',');
             else options = scanSlant(options, "");
             if (needUnfold) unfoldOptions(size, options);
         }
-        name = is_require(name);
-        key = is_require(key);
+        name = is(name);
+        key = is(key);
     }
-    var field = { name, checks, required, needs, type, key, size, unit, endwith, ratio, value, repeat, comment, options };
+    var field = {
+        name, type, key, value, comment, options,
+        size, unit, ratio,
+        needs, checks, repeat, endwith,
+        required, inlist, hidden, readonly,
+        delete_onempty, delete_onsubmit,
+    };
     var parent = piecepath[piecepath.length - 1];
     if (parent) {
         field.parent = parent;

package/coms/basic/sortname.js

@@ -0,0 +1,119 @@
+var minus = function (d1, d2) {
+    d1 = d1.split(".");
+    d2 = d2.split(".");
+    for (var cx = 0, dx = Math.max(d1.length, d2.length); cx < dx; cx++) {
+        var a = +d1[cx] || 0;
+        var b = +d2[cx] || 0;
+        if (a !== b) {
+            return a - b;
+        }
+    }
+    return 0;
+};
+
+var createMap = function (str) {
+    str = str.split('');
+    var map = {};
+    for (var cx = 0, dx = str.length; cx < dx; cx++) {
+        map[str[cx]] = cx;
+    }
+    return map;
+};
+var 甲乙丙丁戊己庚辛壬癸 = "甲乙丙丁戊己庚辛壬癸";
+
+var map一二三 = extend(createMap("零一二三四五六七八九"), createMap("〇壹贰叁肆伍陆柒捌玖"));
+var power = {
+    拾: 10,
+    十: 10,
+    佰: 100,
+    百: 100,
+    仟: 1000,
+    千: 1000,
+    万: 10000,
+    萬: 10000,
+    亿: 100000000,
+};
+var parse一二三 = function (a) {
+    if (!/[十百千万亿拾佰仟萬]/.test(a)) return parseInt(a.split("").map(a => map一二三[a]).join(''));
+    var base = 0;
+    a.replace(/([^十百千万亿拾佰仟萬零〇]*)([十百千万亿拾佰仟萬]*)/g, function (_, a, b) {
+        if (!_) return;
+        if (!a) a = 1;
+        else a = map一二三[a];
+        var r = 1;
+        b.split('').forEach(b => r *= power[b]);
+        base += a * r;
+    })
+    return base;
+};
+var map甲乙丙 = createMap("甲乙丙丁戊己庚辛壬癸");
+var map子丑寅 = createMap("子丑寅卯辰巳午未申酉戌亥");
+
+var reg123 = /^(\d+|\d+[\.\d]+\d+)[\s\S]*$/;
+var reg一二三 = /^([一二三四五六七八九十百千万亿壹贰叁肆伍陆柒捌玖拾佰仟萬零〇]+)[\s\S]*$/;
+var reg甲乙丙 = /^([甲乙丙丁戊己庚辛壬癸])[\s\S]*$/;
+var reg子丑寅 = /^([子丑寅卯辰巳午未申酉戌亥])[\s\S]*$/;
+var reg天干地支 = /^([甲乙丙丁戊己庚辛壬癸][子丑寅卯辰巳午未申酉戌亥])[\s\S]*$/;
+
+var getDelta = function (a, b, reg, parse) {
+    var match1 = reg.exec(a);
+    var match2 = reg.exec(b);
+    if (match1 && match2) {
+        var [, d1] = match1;
+        var [, d2] = match2;
+        if (parse) {
+            d1 = parse(d1);
+            d2 = parse(d2);
+            var delta = d1 - d2;
+        } else {
+
+            var delta = minus(d1, d2);
+        }
+        if (delta) return delta;
+    }
+    if (match1) return -1;
+    if (match2) return 1;
+    return 0;
+};
+var parse干支 = function (a) {
+    var [g, z] = a;
+    g = map甲乙丙[g];
+    z = map子丑寅[z];
+    return (12 + g - z) % 12 / 2 * 10 + g + 1;
+};
+var compare = function (a, b) {
+    for (var cx1 = a.length - 1, cx2 = a.length - 1; cx1 >= 0 && cx2 >= 0; cx1--, cx2--) {
+        while (/\s\u00a0/.test(a[cx1])) cx1--;
+        while (/\s\u00a0/.test(b[cx2])) cx2--;
+        if (a[cx1] !== b[cx2] || a[cx1] in map子丑寅 || a[cx1] in map一二三 || a in power) break;
+    }
+    a = a.slice(0, cx1 + 1);
+    b = b.slice(0, cx2 + 1);
+    for (var cx1 = 0, cx2 = 0, dx1 = a.length, dx2 = b.length; cx1 < dx1 && cx2 < dx2; cx1++, cx2++) {
+        while (/[\s\u00a0]/.test(a[cx1])) cx1++;
+        while (/[\s\u00a0]/.test(b[cx2])) cx2++;
+        if (a[cx1] !== b[cx2] || a[cx1] in map甲乙丙 || a[cx1] in map一二三 || a in power) break;
+    }
+    if (cx1) a = a.slice(cx1);
+    if (cx2) b = b.slice(cx2);
+    if (!a) return -1;
+    if (!b) return 1;
+    var delta = getDelta(a, b, reg123);
+    if (delta) return delta;
+    delta = getDelta(a, b, reg一二三, parse一二三);
+    if (delta) return delta;
+    delta = getDelta(a, b, reg天干地支, parse干支);
+    if (delta) return delta;
+    delta = getDelta(a, b, reg甲乙丙, d => map甲乙丙[d]);
+    if (delta) return delta;
+    delta = getDelta(a, b, reg子丑寅, d => map子丑寅[d]);
+    if (delta) return delta;
+    return 0;
+}
+function sortname(list = this) {
+    if (this !== arguments[1] && arguments.length === 2) {
+        return compare(arguments[0], arguments[1]);
+    }
+    list = list.sort(compare);
+    return list;
+}

package/coms/frame/left.js

@@ -1,7 +1,6 @@
 var page = document.createElement("都说我负天下人_可你们天下人_又何曾善待过我");
 page.innerHTML = left;
 if (!user.avatar) user.avatar = "user/avatar.png";
-frame$route.fetch('menu.yml')
 render(page, {
     ylist: menu,
     btn: button,
@@ -11,6 +10,9 @@ render(page, {
     popup,
     menus: frame$route,
 });
+on('append')(page, function () {
+    frame$route.open();
+});
 function main() {
     return page;
 }

package/coms/frame/route.js

@@ -98,9 +98,9 @@
         if (!active || result.indexOf(active) < 0) {
             actived = mmap[opened.active] || actived;
             if (actived) {
-                if (actived_value === historys.length) result.open(actived);
-            } else {
-                result.open(result[0]);
+                if (actived_value === historys.length) {
+                    result.active = actived;
+                };
             }
         }
         return result;
@@ -133,7 +133,10 @@
         }
     });
     result.open = function (menu) {
-        if (!menu) return;
+        if (!menu) {
+            menu = result.active || result[0];
+            delete result.active;
+        }
         if (!menu.path) {
             menu.closed = !menu.closed;
             return;
@@ -176,7 +179,6 @@
         data.from(url).loading_promise.then(result.update);
         return result;
     };
-    if (items.length) result.update(items);
-
+    result.update(items);
     return result;
 });

package/coms/frame/top.html

@@ -1,15 +1,15 @@
 <div class="menu-items">
     <btn class="menu-item menu-switch" ng-click=switchMenu()>
-        <i class="fa fa-bars"></i>
+        ≡
     </btn>
     <btn ng-if="fullscreen.is()" ng-click="fullscreen.exit(alert)" class="menu-switch menu-item">
-        <i class="fa fa-compress"></i>
+        ⇲
     </btn>
     <btn ng-if="fullscreen.allow&&!fullscreen.is()" ng-click=fullscreen.exec() class="menu-switch menu-item">
-        <i class="fa fa-expand"></i>
+        ⇱
     </btn>
-    <btn class="menu-item menu-switch" ng-click="route.reload()">
-        <i class="fa fa-refresh" ng-class="{'fa-pulse':data.loading_count>0}"></i>
+    <btn class="menu-item menu-switch"  ng-class="{'load':data.loading_count>0}" ng-click="route.reload()">
+        ↻
     </btn>
     <btn class="menu-item" @title="option.name" ng-click="open(option)" ng-repeat="option in options" pop>
         <i class="fa" ng-class="option.icon"></i>

package/coms/frame/top.less

@@ -166,4 +166,26 @@
         width: 50px;
         margin: 5px;
     }
+}
+
+btn {
+    vertical-align: top;
+}
+@keyframes rotate {
+    0%{
+        transform: rotate(0deg);
+    }
+    50%{
+        transform: rotate(240deg);
+    }
+    100%{
+        transform: rotate(360deg);
+    }
+}
+.load{
+    >.label{
+        display: inline-block;
+        animation: rotate 1s infinite;
+    }
+    
 }

package/coms/layer/glance.js

@@ -104,10 +104,10 @@ function main(mainPath, historyName = "") {
             }
             zimoli();
         };
-        if (leftPath) {
+        if (typeof leftPath === 'string') {
             zimoli.prepare(leftPath, hook);
         } else hook();
-        if (topPath) {
+        if (typeof topPath === 'string') {
             zimoli.prepare(topPath, hook);
         } else hook();
     });

package/coms/zimoli/action.js

@@ -3,8 +3,7 @@ function main(config, item, params) {
         if (!config) return ok();
         if (isObject(config)) {
             if (config.do instanceof Function) {
-                config.do();
-                return;
+                return ok(config.do(item, params));
             }
             if (config.modal) {
                 var path = isString(config.modal) ? config.modal : config.modal.path;

package/coms/zimoli/autodragchildren.js

@@ -337,7 +337,7 @@ function addhook() {
     }
     if (!mousedownEvent) return;
     var target = targetElement || mousedownEvent.currentTarget;
-    hooka(function (target) {
+    hooka.call(targetElement, function (target) {
         var res = [].filter.call(allowdrops || (matcher ? matcher(target) : document.querySelectorAll("[allowdrop]")), function (child) {
             return target && overlap(child, target);
         }).filter(e => {

package/coms/zimoli/button.less

@@ -14,9 +14,9 @@
     display: inline-block;
     white-space: nowrap;
     text-align: center;
-    // cursor: default;
     overflow: hidden;
     outline: none;
+    user-select: none;
 }
 >.label{
     position: relative;
@@ -177,7 +177,6 @@
 
 a&,
 &[type$=anchor] {
-    padding: 0;
     box-shadow: none;
     text-shadow: none;
     background: none;

package/coms/zimoli/contextmenu.js

@@ -3,23 +3,28 @@ var createMenu = function (event, items) {
     var menulist = sampleElement.cloneNode();
     menulist.setAttribute("mode", "v");
     menulist.tabIndex = 0;
-
-    var elem = menuList(menulist, items, function () {
-        if (action.apply(this, arguments) !== false) {
+    items = items.filter(item => {
+        if (!item.when) return true;
+        if (!item.when(event)) return false;
+        return true;
+    });
+    var elem = menuList(menulist, items, async function (item) {
+        if (await action.call(this, item, event.target) !== false) {
             remove(elem);
         }
     });
 
     return elem;
 }
-function contextmenu(target, menu) {
+function contextmenu(target, menuItems) {
     on("contextmenu")(target, function (event) {
         event.preventDefault();
-        if (menu instanceof Function) {
-            menu = menu.call(this, event);
+        var menu;
+        if (menuItems instanceof Function) {
+            menu = menuItems.call(this, event);
         }
-        if (menu instanceof Array) {
-            menu = createMenu.call(this, event, menu);
+        if (menuItems instanceof Array) {
+            menu = createMenu.call(this, event, menuItems);
         }
         if (!menu) return;
         css(menu, {

package/coms/zimoli/cross.js

@@ -175,8 +175,8 @@ function cross(method, url, headers) {
                             onerror({ status: "网络断开" });
                             break;
                         }
-                        if (!navigator.response) {
-                            onerror({ status: "服务器无响应" });
+                        if (!xhr.response) {
+                            onerror({ status: "无法访问服务器" });
                             break;
                         }
                     case 200:
@@ -268,7 +268,7 @@ function cross(method, url, headers) {
         var then = xhr.then;
         delete xhr.then;
         if (loaded) onloads.splice(0, onloads.length).map(e => e instanceof Function && e(xhr));
-        if (errored) onerrors.splice(0, onerrors.length).map(e => e instanceof Function && e(xhr));
+        if (errored) onerrors.splice(0, onerrors.length).map(e => e instanceof Function && e(errored));
         xhr.then = then;
     };
     var onloads = [], onerrors = [];

package/coms/zimoli/field.js

@@ -16,7 +16,7 @@ function main(elem) {
     }, false);
     elem.setAttribute("field", '');
     elem.renders = [function () {
-        if (!this.src) return;
+        if (!(this.src instanceof Array)) return;
         var [f, data] = this.src;
         if (!f || !data) return;
         var v = data[f.key];

package/coms/zimoli/menuList.html

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