datafolder 1.0.6 → 1.0.8

package/static/datafolderui/QyUIFolderTree.js

@@ -1,179 +0,0 @@
-import {
-    w2layout as s
-} from "../w2ui/src/w2compat.js";
-
-import {
-    h as c
-} from "./hscrpt.js";
-
-import {
-    setHeight as o,
-    isNotNullObj as r
-} from "./QyUIUtils.js";
-
-import "./folder-tree.js";
-
-import "./json-view.js";
-
-import "./code-mirror.js";
-
-class e extends HTMLElement {
-    constructor() {
-        super();
-    }
-    connectedCallback() {
-        this.parentDiv = this.parentElement;
-        var r, e, t = new s({
-            box: this.parentDiv,
-            name: "layout_" + this.parentDiv.id,
-            panels: [ {
-                type: "left",
-                size: 300,
-                resizable: !0
-            }, {
-                type: "main"
-            }, {
-                type: "bottom",
-                size: 10
-            } ]
-        }), i = (t.el("left").append((i = this).toolbarDiv = c("div", {
-            classList: "btn-toolbar",
-            role: "toolbar",
-            style: "border-bottom: 1px solid #e4e4e4"
-        }, [ (e => c("div", {
-            classList: "input-group"
-        }, [ c("input", {
-            id: "searchInput_" + e.parentDiv.id,
-            type: "text",
-            classList: "form-control",
-            style: {
-                width: "150px"
-            }
-        }) ]))(i), c("div", {
-            classList: "btn-group btn-group-sm",
-            role: "group"
-        }, [ c("button", {
-            classList: "btn btn-outline-success",
-            type: "submit"
-        }, [ c("i", {
-            classList: "bi bi-search"
-        }) ]) ]) ]), (i = c("folder-tree", [ (r = this).folderTreeDiv = c("div", {
-            style: {
-                overflow: "auto"
-            }
-        }) ]), r.folderTree = new Tree(r.folderTreeDiv, {
-            navigate: !0
-        }), r.folderTree.on("select", e => {
-            if (!r.clickSrc) {
-                r.clickSrc = "folderTree";
-                var t = r, i = e, {
-                    folderTree: s,
-                    selectedHierarchy: o
-                } = t, s = s.hierarchy(i).reverse();
-                t.namePath = s.map(e => e.textContent), Object.assign(o, s);
-                {
-                    var n = t;
-                    let {
-                        namePath: i,
-                        pathUL: e
-                    } = n, s = e.children, o = i.length, r = 0 < o;
-                    for (let t = 0; t < o; ++t) {
-                        if (t >= s.length) {
-                            for (let e = t; e < o; ++e) ((r, n, e) => {
-                                e = c("span", {
-                                    classList: "nav-link",
-                                    "data-bs-toggle": "tab",
-                                    role: "tab",
-                                    style: "cursor:pointer",
-                                    onclick: () => {
-                                        r.clickSrc || (r.clickSrc = "tab");
-                                        var t = n, {
-                                            clickSrc: e,
-                                            rootFolder: i,
-                                            selectedHierarchy: s,
-                                            folderTree: o
-                                        } = e = r;
-                                        i.parentElement.open = !0;
-                                        for (let e = 0; e < t; ++e) s[e].parentElement.open = !0;
-                                        i = s[t], "tab" == e && i.scrollIntoView({
-                                            block: "center"
-                                        }), o.select(i), "tab" == r.clickSrc && (r.clickSrc = void 0);
-                                    }
-                                }, [ e ]), r.pathUL.append(c("li", {
-                                    classList: "nav-item"
-                                }, [ e ]));
-                            })(n, e, i[e]);
-                            break;
-                        }
-                        var l = s[t].children[0], a = i[t];
-                        l.innerText != a && (l.innerText = a, r = !1);
-                    }
-                    if (!r) for (;o < s.length; ) e.removeChild(e.lastElementChild);
-                    0 < o && s[o - 1].children[0].click();
-                }
-            }
-            r.selectedElement != e && (r.selectedElement = e, d(r)), "folderTree" == r.clickSrc && (r.clickSrc = void 0);
-        }), i)), t.el("main"));
-        i.append(this.pathUL = c("ul", {
-            classList: "nav nav-tabs"
-        }), this.contentDiv = c("div", [ (e = this).jsonView = c("json-view", [ e.jsonViewDiv = c("div", {
-            style: {
-                overflow: "auto"
-            }
-        }) ]) ])), t.el("bottom").append(this.msgSpan = c("span")), Object.assign(this, {
-            layout: t,
-            mainDiv: i,
-            selectedHierarchy: {},
-            fileContentMap: {},
-            namePath: []
-        }), t.on("resize:done", () => this.onSizeChange());
-    }
-    onSizeChange() {
-        var {
-            parentDiv: e,
-            folderTreeDiv: t,
-            jsonViewDiv: i,
-            mainDiv: s
-        } = this;
-        o(e, document.body.clientHeight - e.offsetTop), o(t, s.clientHeight - t.offsetTop - 1), 
-        o(i, s.clientHeight - i.offsetTop - 1), d(this);
-    }
-    showMsg(e) {
-        this.msgSpan.innerText = e;
-    }
-    deleteJsonTree() {
-        var e = this.jsonTree;
-        e && (jsonview.destroy(e), this.jsonTree = void 0);
-    }
-    showSelectedFile(e) {
-        this.showContent(this.fileContentMap[e.dataset.fileContentKey]);
-    }
-    showSelectedDir(e) {
-        "false" != e.parentElement.dataset.loaded ? this.showContent(e.dataset) : this.showContent("not loaded");
-    }
-    showContent(t) {
-        if (r(t)) {
-            var e = this.codemirror, e = (e && (e.hidden = !0), this.jsonView.hidden = !1, 
-            this), i = t;
-            e.deleteJsonTree(), i = jsonview.create(i), jsonview.render(i, e.jsonViewDiv), 
-            jsonview.expand(i), e.jsonTree = i;
-        } else {
-            let e = this.codemirror;
-            e ? e.hidden = !1 : this.contentDiv.append(e = this.codemirror = c("code-mirror", {
-                readOnly: !0
-            })), this.jsonView.hidden = !0, e.text = t;
-        }
-    }
-    resetPathTabs() {
-        this.pathUL.replaceChildren();
-    }
-}
-
-function d(e) {
-    var t, i = e.selectedElement;
-    i ? (t = e, "file" == (i = i).dataset.type ? t.showSelectedFile(i) : t.showSelectedDir(i)) : e.deleteJsonTree();
-}
-
-export {
-    e as QyUIFolderTree
-};