efront 3.26.8 → 3.26.14

package/coms/explorer/Explorer.js

@@ -0,0 +1,85 @@
+class Explorer {
+    pathlist = [];
+    selected = [];
+    data = [];
+    get copyed() { return copyed; };
+}
+var copyed = [];
+var e = Explorer.prototype;
+e.fileitem = explorer$fileitem;
+e.hasName = function (name) {
+    for (var d of this.data) if (d.name === name && !d.cut) return true;
+    return false;
+}
+e.load = function (p) { return [] }
+e.open = async function (p) {
+    if (p) {
+        if (!p.isfolder) return;
+        this.pathlist.push(p.name);
+    }
+    p = "/" + this.pathlist.join("/").replace(/^\/+|\/+$/g, '');
+    var cutedMap = Object.create(null);
+    var selected = Object.create(null);
+    for (var s of this.selected) selected[s.url] = true;
+    for (var s of this.copyed) cutedMap[s.url] = s.cut;
+    var files = await this.load(p);
+    for (var f of files) {
+        if (cutedMap[f.url]) f.cut = true;
+        if (selected[f.url]) f.selected = true;
+    }
+    if (files) this.data = files.sort(function (a, b) {
+        return sortname(a.name, b.name);
+    }).sort(function (a, b) {
+        return b.isfolder - a.isfolder;
+    });
+    this.selected = files.filter(f => f.selected);
+}
+e.delete = function () { alert("无法删除！") }
+e.mov = function () { alert("无法移动！") }
+e.copy = function () { alert("无法复制！") }
+e.read = function () { alert("无法读取文件内容！") }
+e.rename = function () { alert("无法重命名！") }
+e.upload = function () { alert("添加失败！") }
+e.getToken = function () { }
+e.uploadAll = async function (files) {
+    var $scope = this;
+    var dist = $scope.pathlist.join("/");
+    dist = dist.replace(/^\/+|\/+$/, '') + "/";
+    await queue.call(files, function (f) {
+        return $scope.upload(f, dist);
+    });
+    $scope.open();
+}
+
+e.toActive = function (e) {
+    var plattice = this.listview;
+    return getTargetIn(e => e.parentNode && e.parentNode.parentNode === plattice, e.target);
+}
+e.unsetActive = function (event, file) {
+    if (onclick.preventClick) return;
+    var e = this.toActive(event);
+    if (!e) return;
+    if (file.selected === 1) {
+        file.selected = true;
+        return;
+    }
+    for (var s of this.selected) {
+        s.selected = s === file;
+    }
+    this.selected = [file];
+}
+e.setActive = function (event, file) {
+    var e = this.toActive(event);
+    if (!e || !file.selected) {
+        if (!event.ctrlKey) {
+            for (var s of this.selected) {
+                s.selected = false;
+            }
+            this.selected = [];
+        }
+    }
+    if (e && !file.selected) {
+        file.selected = 1;
+        if (this.selected.indexOf(file) < 0) this.selected.push(file);
+    }
+};

package/coms/explorer/context.js

@@ -0,0 +1,205 @@
+var getActive = e => {
+    var s = e.currentTarget.$scope;
+    return s.toActive(e);
+};
+var notGetActive = e => !getActive(e);
+var getStable = e => {
+    var a = getActive(e);
+    if (!a) return;
+    return !a.$scope.d.pending;
+};
+var getSelected = function (d) {
+    var p = getPageScope(d);
+    return p.selected;
+}
+var getPageScope = function (d) {
+    var $scope = d.$scope.d ? d.$parentScopes[d.$parentScopes.length - 1] : d.$scope;
+    return $scope;
+};
+var never = function () { return false };
+var popupEdit = function (d) {
+    var $scope = getPageScope(d);
+    var selected = $scope.selected;
+    var active;
+    if (d.$scope === $scope) {
+        if (selected.length !== 1) return;
+        active = selected[0];
+    }
+    else {
+        active = d.$scope.d;
+    }
+    if (d === $scope)
+        if (d.$scope.pending) return;
+    var params = {
+        path: $scope.pathlist.join('/'),
+        hasName: $scope.hasName.bind($scope),
+        rename: $scope.rename,
+        add: $scope.add,
+        name: active ? active.name : '',
+    };
+
+    zimoli.prepare('explorer$edit', function () {
+        var p = popup("#explorer$edit", params);
+        on('submited')(p, function () {
+            $scope.open();
+            remove(p);
+        });
+    })
+
+};
+return extend([
+    {
+        name: "返回(O)",
+        hotkey: "backspace",
+        when: never,
+        do() {
+            history.back();
+        }
+    },
+    {
+        name: "打开(O)",
+        hotkey: "Enter",
+        when: never,
+        do(d) {
+            var scope = getPageScope(d);
+            if (scope.selected.length !== 1) return d;
+            scope.open(scope.selected[0]);
+        }
+    },
+    {
+        name: "剪切(C)",
+        hotkey: "Ctrl+X",
+        when: getStable,
+        do(d) {
+            var copyed = getPageScope(d).copyed;
+            for (var c of copyed.splice(0, copyed.length)) c.cut = false;
+            for (var c of getSelected(d)) c.cut = true, copyed.push(c);
+        }
+    },
+    {
+        name: "复制(R)",
+        hotkey: "Ctrl+C",
+        when: getStable,
+        do(d) {
+            var copyed = getPageScope(d).copyed;
+            if (copyed) for (var c of copyed.splice(0, copyed.length)) c.cut = false;
+            for (var c of getSelected(d)) c.cut = false, copyed.push(c);
+        }
+    },
+    {
+        name: "全选(A)",
+        hotkey: "Ctrl+A",
+        when: never,
+        do(d) {
+            var scope = getPageScope(d);
+            scope.selected = scope.data.filter(a => !a.pending);
+            for (var s of scope.selected) s.selected = true;
+        }
+    },
+    {
+        name: "替换(R)",
+        when: never,
+    },
+    {
+        name: "粘贴(V)",
+        hotkey: "Ctrl+V",
+        when(e) {
+            var copyed = getPageScope(e.target).copyed;
+            if (!copyed.length) return false;
+            return !getActive(e);
+        },
+        async do(d) {
+            var copyed = getPageScope(d).copyed;
+            if (!copyed.length) return;
+            var cp = copyed.splice(0, copyed.length);
+            var $scope = getPageScope(d);
+            var pathbase = "/" + $scope.pathlist.join("/").replace(/^\/+|\/+$/g, '');
+            for (var c of cp) {
+                if (pathbase.indexOf(c.fullpath.replace(/^\/+|\/+$/g, '')) >= 0) {
+                    return alert.warn("不能移入子文件夹");
+                }
+            }
+            var token = await $scope.getToken();
+            for (var c of cp) {
+                var newname = c.name;
+                if ($scope.hasName(c.name)) {
+                    newname = prompt(`请输入新的${cp.isfolder ? '文件夹' : "文件"}名:`, function (a) {
+                        if (isEmpty(a)) return false;
+                        if ($scope.hasName(a)) return "命名冲突"
+                        return explorer$filetip(a);
+                    });
+                    newname.querySelector("input,textarea").value = c.name.replace(/\/$/, '');
+                    newname = await newname;
+                }
+                if (c.cut) await $scope.mov(c, pathbase + "/" + newname);
+                else {
+                    var offunload = on("beforeunload")(window, function (event) {
+                        event.preventDefault();
+                        alert("有文件正在复制！");
+                        return false;
+                    });
+                    var task = explorer$deepcp($scope, c, pathbase + "/" + newname);
+                    task.token = token;
+                    try {
+                        await task;
+                    } catch { };
+                    offunload();
+                }
+                c.cut = false;
+            }
+            $scope.open();
+        }
+    },
+    {
+        name: "新建文件夹(D)",
+        when: notGetActive,
+        do: popupEdit
+    },
+    {
+        name: "添加文件(F)",
+        when: notGetActive,
+        async do(d) {
+            var $scope = getPageScope(d);
+            return $scope.uploadAll(await chooseFile());
+        }
+    },
+    {
+        hotkey: "F2",
+        name: '重命名(R)',
+        when: getStable,
+        do: popupEdit
+    },
+    {
+        get name() {
+            return this.confirm ? "确认删除(D)" : "删除(D)";
+        },
+        hotkey: "Shift+Del",
+        confirm: false,
+        when(e) {
+            this.confirm = null;
+            return getActive(e);
+        },
+        type: "danger",
+        async do(e, global) {
+            var selected = getSelected(e);
+            if (global) {
+                var elem = div();
+                elem.innerHTML = `<fileitem -repeat="d in selected"></fileitem>`;
+                render(elem, { fileitem: explorer$fileitem, selected });
+                await yousure(`确认要删除如下 ${selected.length} 项吗？`, elem);
+            }
+            else if (this.confirm === null) {
+                this.confirm = e;
+                setTimeout(_ => {
+                    this.confirm = false;
+                    render.refresh();
+                }, 2000);
+                return false;
+            }
+            this.confirm = false;
+            var $scope = getPageScope(e);
+            for (var s of $scope.selected) s.abort(), await $scope.delete("/" + $scope.pathlist.concat(s.name).join("/"));
+            $scope.open();
+        }
+    }
+])

package/coms/explorer/deepcp.js

@@ -0,0 +1,48 @@
+function read(from, start, end) {
+    var xhr = cross("get", from.fullpath);
+    xhr.setRequestHeader("range", `bytes=${start}-${end}`);
+    return xhr;
+}
+async function cp([from, dist]) {
+    var rest = this.rest;
+    var scope = this.scope;
+    if (from.isfolder) {
+        await scope.add(dist);
+        var files = await scope.load(from.fullpath);
+        for (var f of files) rest.push([f, dist + '/' + f.name]);
+    }
+    else {
+        var inc = 0, step = 64 * 1024, total = 1;
+        this.percent = 0;
+        while (inc < total) {
+            /**
+             * @type {XMLHttpRequest}
+             */
+            var xhr = scope.read(from, inc, step);
+            xhr = await xhr;
+            var contentrange = xhr.getResponseHeader("Content-Range");
+            var size = +xhr.getResponseHeader("Content-Length") || xhr.response.length;
+            if (contentrange) total = +contentrange.split("/")[1];
+            else total = size;
+            await scope.upload({
+                data: xhr.response,
+                start: inc,
+                total,
+                name: from.name,
+                size
+            }, dist, this.token);
+            this.percent = inc / total;
+            inc += step;
+        }
+    }
+};
+function deepcp(scope, from, dist) {
+    var task = new Task();
+    if (from.isfolder) task.title = "复制文件夹";
+    else task.title = "复制文件";
+    task.open('copy', cp);
+    task.scope = scope;
+    dist = dist.replace(/^\/+|\/+$/g, '');
+    task.send([from, dist]);
+    return awaitable(task);
+}

package/{apps/pivot/wow → coms/explorer}/edit.html

@@ -6,5 +6,5 @@
 </div>
 <div foot>
     <btn @click="remove()" class="white">取消</btn>
-    <button type="submit">保存</button>
+    <button type="submit" disabled_="!data.name||fields[1].valid(data.name)!==undefined">保存</button>
 </div>

package/{apps/pivot/wow → coms/explorer}/edit.js

@@ -1,8 +1,16 @@
-var fields = refilm`
-&原始名称/origin read
-输入新名称/name input
-`;
-function main({ path: root, name }) {
+
+
+function main({ path: root, rename, add, name, hasName }) {
+    var fields = refilm`
+    &原始名称/origin read
+    输入新名称/name input
+    `;
+    fields[1].valid = function (name) {
+        if (!name) return '';
+        if (name === origin) return "";
+        if (hasName(name)) return "命名冲突";
+        return explorer$filetip(name);
+    };
     var a = view();
     a.innerHTML = edit;
     drag.on(a.firstChild, a);
@@ -11,6 +19,7 @@ function main({ path: root, name }) {
         fields,
         pathlist: root,
         origin,
+        page: a,
         isFolder: /\/$/.test(name),
         data: { name: origin, origin },
         remove() {
@@ -19,14 +28,13 @@ function main({ path: root, name }) {
     });
     on('submit')(a, async function (e) {
         e.preventDefault();
-        var path = root.concat(a.$scope.data.name).join('/');
-        path = encode62.timeencode(path);
+        var path = root + "/" + a.$scope.data.name;
         if (origin) {
             var to = path;
             path = origin;
-            path = encode62.timeencode(path);
         }
-        await data.from("folder", { opt: origin ? 'mov' : 'add', path, to }).loading_promise;
+        if (origin) await rename(path, to);
+        else await add(path)
         dispatch(this, 'submited');
     });
     on("append")(a, lazy(function () {

package/coms/explorer/fileitem.html

@@ -0,0 +1,8 @@
+<fileitem type_="d.type" @mouseenter="startMarquee(sp)" @mouseleave="stopMarquee(sp)" @touchstart="startMarquee(sp)"
+    @touchend="stopMarquee(sp)">
+    <template -src="d.isfolder?icons.folder:icons.file"></template>
+    <span #sp ng-text=d.name></span>
+    <p -if="d.pending" keep >
+        <r -style="{width:(d.percent*100).toFixed(4)+'%'}"></r>
+    </p>
+</fileitem>

package/coms/explorer/fileitem.js

@@ -0,0 +1,34 @@
+var icons = {
+    file: shapes$file,
+    folder: shapes$folder,
+};
+class Fileitem {
+    icons = icons;
+}
+var e = Fileitem.prototype;
+e.startMarquee = function (sp) {
+    if (sp.scrollWidth <= sp.clientWidth) return;
+    sp.mq = setInterval(function () {
+        clearInterval(sp.mq);
+        sp.mq = setInterval(function () {
+            var scrollLeft = sp.scrollLeft;
+            sp.scrollLeft += 1;
+            if (sp.scrollLeft === scrollLeft) sp.scrollLeft = 0;
+        }, 16);
+    }, 400);
+    sp.setAttribute("marquee", '');
+    sp.scrollLeft = sp.clientWidth;
+};
+e.stopMarquee = function (sp) {
+    clearInterval(sp.mq);
+    sp.removeAttribute("marquee");
+    sp.scrollLeft = 0;
+};
+
+function fileitem(elem) {
+    elem.innerHTML = template;
+    var e = elem.children[0];
+    e.$scope = new Fileitem;
+    extend(e.$scope, elem.$scope);
+    return e;
+}

package/coms/explorer/fileitem.less

@@ -0,0 +1,65 @@
+& {
+    position: relative;
+    display: block;
+    padding: 10px 20px 10px 44px;
+    white-space: nowrap;
+    line-height: 28px;
+    background: #fff9;
+}
+&[cut] {
+    opacity: .4;
+}
+
+
+>svg {
+    width: 28px;
+    height: 28px;
+    display: inline-block;
+    vertical-align: top;
+    margin: 0 6px 0 -34px;
+}
+
+>span {
+    box-sizing: border-box;
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+    text-overflow: ellipsis;
+    display: inline-block;
+    vertical-align: top;
+
+}
+
+&:not([dragclone]) [marquee] {
+    text-overflow: clip;
+
+    &:after,
+    &:before {
+        width: 100%;
+        content: "";
+        display: inline-block;
+    }
+}
+
+>a {
+    vertical-align: top;
+}
+
+>[op] {
+    left: 6px;
+    margin-left: 6px;
+}
+p{
+    display: block;
+    margin: 0;
+    position: relative;
+    height: 4px;
+    background: #29c2;
+    border-radius: 2px;
+    >r{
+        height: 100%;
+        display: block;
+        background: #29c;
+        border-radius: inherit;
+    }
+}

package/coms/explorer/filetip.js

@@ -0,0 +1,10 @@
+var prevents = "\\/:*?\"<>|";
+var preventreg = new RegExp(`[${prevents.replace(/./g, '\\$&')}]`);
+var perventtxt = prevents.split("").map(a => `<b>${a}</b>`).join("");
+function filetip(text) {
+    if (preventreg.test(text)) {
+        var pre = document.createElement('pre');
+        pre.innerHTML = `不能包含下列字符：\r\n${perventtxt}`;
+        return pre;
+    }
+}

package/coms/explorer/filetip.less

@@ -0,0 +1,5 @@
+& {
+    margin: 0;
+    display: inline-block;
+    text-align: center;
+}

package/coms/explorer/main.html

@@ -0,0 +1,8 @@
+<div class="address">
+    <input _value="pathlist.join('/')" />
+</div>
+<lattice tabindex="0" #listview ng-src="d in data" @click="unsetActive(event,d)" @pointerdown="setActive(event,d)">
+    <padding>
+        <fileitem @dblclick="open(d)" -class="{focused:d.selected}" cut_="d.cut"></fileitem>
+    </padding>
+</lattice>