datafolder 1.0.7 → 1.0.9

package/static/datafolderui/query-editor.js

@@ -21,7 +21,7 @@ let a = "localStorage_queryFun_map", u = new Event("run");
 async function l(t, e) {
     var {
         queryId: r,
-        displayTree: o
+        display_tree: o
     } = t, {
         tree: e,
         count: n,
@@ -34,7 +34,7 @@ function c(s) {
     return s.body = n("div", {
         classList: "container-fluid",
         style: "margin-top:1px;"
-    }, [ s.codemirror = n("code-mirror", {
+    }, [ s.code_mirror = n("code-mirror", {
         changeCallback: t => {
             var e = s, {
                 titleSet: r,
@@ -50,7 +50,7 @@ function c(s) {
 function d(t, e) {
     var {
         queryInput: r,
-        codemirror: o,
+        code_mirror: o,
         queryFunctions: n
     } = t, n = n[t.funName = e] ?? "";
     r.value = n, t.titleSet = !1, o.text = n, p(e), o.clearHistory(), Object.assign(t, {
@@ -83,7 +83,7 @@ function g(t) {
 function y(t) {
     var {
         queryFunctions: e,
-        codemirror: r,
+        code_mirror: r,
         textChanged: o
     } = t;
     o && (o = r.text, o) && (m(t, r = b(o)), e[r] = o, g(e), d(t, r));
@@ -92,7 +92,7 @@ function y(t) {
 function f(t) {
     var e, r, o, {
         queryFunctions: n,
-        codemirror: s
+        code_mirror: s
     } = t, s = s.text;
     s && (s = b(s), r = s, (o = (e = (e = t).dropdownItemMap)[r]) && (o.remove(), 
     delete e[r]), delete n[s], g(n), d(t, Object.keys(n)[0]));
@@ -175,7 +175,7 @@ customElements.define("query-editor", class extends HTMLElement {
                 var t, e = r;
                 "closed" == o.status ? (t = {
                     Run: () => {
-                        e.dispatchEvent(u), l(e, e.codemirror.text);
+                        e.dispatchEvent(u), l(e, e.code_mirror.text);
                     },
                     Save: () => y(e),
                     Delete: () => f(e)
@@ -200,14 +200,14 @@ customElements.define("query-editor", class extends HTMLElement {
                 classList: "btn-group btn-group-sm me-2",
                 role: "group"
             }, [ t ]));
-        })(r) ]), n("div", [ this.displayTree = n("display-tree") ])), c(this), 
+        })(r) ]), n("div", [ this.display_tree = n("display-tree") ])), c(this), 
         d(this, this.funName);
     }
     onSizeChange() {
         var {
             queryInput: t,
             firstButton: e,
-            displayTree: r
+            display_tree: r
         } = this;
         s(t, e.parentElement.offsetLeft - t.parentElement.offsetLeft), r.onSizeChange();
     }

package/static/datafolderui/rpc-editor.js

@@ -0,0 +1,31 @@
+import {
+    h as e
+} from "./hscrpt.js";
+
+import {
+    rpc as r
+} from "./QyUIUtils.js";
+
+import "./display-tree.js";
+
+customElements.define("rpc-editor", class extends HTMLElement {
+    constructor() {
+        super();
+    }
+    compose() {
+        this.append(e("div", [ this.display_tree = e("display-tree") ]));
+    }
+    onSizeChange() {
+        this.display_tree.onSizeChange();
+    }
+    show() {
+        (async e => {
+            var s, t, i;
+            e.isShowing || (e.isShowing = !0, {
+                tree: s,
+                count: t,
+                error: i
+            } = await r("getRpcFiles"), e = e.display_tree, i ? e.showMsg(i) : e.showTree(s, t));
+        })(this);
+    }
+});

package/static/datafolderui/trigger-editor.js

@@ -13,18 +13,21 @@ customElements.define("trigger-editor", class extends HTMLElement {
         super();
     }
     compose() {
-        this.append(e("div", [ this.displayTree = e("display-tree", {
+        this.append(e("div", [ this.display_tree = e("display-tree", {
             isTriggerEditor: !0
-        }) ])), (async e => {
+        }) ]));
+    }
+    onSizeChange() {
+        this.display_tree.onSizeChange();
+    }
+    show() {
+        (async e => {
             var s, i, r;
             e.isShowing || (e.isShowing = !0, {
                 tree: s,
                 count: i,
                 error: r
-            } = await t("getTriggerFiles"), e = e.displayTree, r ? e.showMsg(r) : e.showTree(s, i));
+            } = await t("getTriggerFiles"), e = e.display_tree, r ? e.showMsg(r) : e.showTree(s, i));
         })(this);
     }
-    onSizeChange() {
-        this.displayTree.onSizeChange();
-    }
 });

package/static/datafolderui/QyUIFolderTree.js

@@ -1,188 +0,0 @@
-import {
-    w2layout as s
-} from "../w2ui/src/w2compat.js";
-
-import {
-    h as c
-} from "./hscrpt.js";
-
-import {
-    setHeight as r,
-    isNotNullObj as o
-} 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 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"
-        }) ]) ]) ]), (o => {
-            var e = c("folder-tree"), {
-                folderTreeDiv: t,
-                folderTree: i
-            } = e;
-            return i.on("select", e => {
-                if (!o.clickSrc) {
-                    o.clickSrc = "folderTree";
-                    var t = o, i = e, {
-                        folderTree: s,
-                        selectedHierarchy: r
-                    } = t, s = s.hierarchy(i).reverse();
-                    t.namePath = s.map(e => e.textContent), Object.assign(r, s);
-                    {
-                        var n = t;
-                        let {
-                            namePath: i,
-                            pathUL: e
-                        } = n, s = e.children, r = i.length, o = 0 < r;
-                        for (let t = 0; t < r; ++t) {
-                            if (t >= s.length) {
-                                for (let e = t; e < r; ++e) ((o, n, e) => {
-                                    e = c("span", {
-                                        classList: "nav-link",
-                                        "data-bs-toggle": "tab",
-                                        role: "tab",
-                                        style: "cursor:pointer",
-                                        onclick: () => {
-                                            o.clickSrc || (o.clickSrc = "tab");
-                                            var t = n, {
-                                                clickSrc: e,
-                                                rootFolder: i,
-                                                selectedHierarchy: s,
-                                                folderTree: r
-                                            } = e = o;
-                                            i && (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"
-                                            }), r.select(i), "tab" == o.clickSrc && (o.clickSrc = void 0);
-                                        }
-                                    }, [ e ]), o.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, o = !1);
-                        }
-                        if (!o) for (;r < s.length; ) e.removeChild(e.lastElementChild);
-                        0 < r && s[r - 1].children[0].click();
-                    }
-                }
-                o.selectedElement != e && (o.selectedElement = e, d(o)), "folderTree" == o.clickSrc && (o.clickSrc = void 0);
-            }), Object.assign(o, {
-                folderTree: i,
-                folderTreeDiv: t,
-                folder_tree: e
-            }), e;
-        })(this)), 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: {},
-            namePath: []
-        }), t.on("resize:done", () => this.onSizeChange());
-    }
-    get fileContentMap() {
-        return this.folder_tree.fileContentMap;
-    }
-    set fileContentMap(e) {
-        this.folder_tree.fileContentMap = e;
-    }
-    onSizeChange() {
-        var {
-            parentDiv: e,
-            folderTreeDiv: t,
-            jsonViewDiv: i,
-            mainDiv: s
-        } = this;
-        r(e, document.body.clientHeight - e.offsetTop), r(t, s.clientHeight - t.offsetTop - 1), 
-        r(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.folder_tree.fileContentMap[e.dataset.fileContentKey]);
-    }
-    showSelectedDir(e) {
-        "false" != e.parentElement.dataset.loaded ? this.showContent(e.dataset) : this.showContent("not loaded");
-    }
-    showContent(t) {
-        if (o(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
-};