初始化提交

2024-07-19 10:16:00 +08:00
parent 4c7b571f20
commit 4a2d56dcc4
7084 changed files with 741212 additions and 63 deletions
--- a/common/modules/mixly-modules/common/footerlayer-example.js
+++ b/common/modules/mixly-modules/common/footerlayer-example.js
@@ -0,0 +1,86 @@
+goog.loadJs('common', () => {
+
+goog.require('path');
+goog.require('layui');
+goog.require('Mixly.Title');
+goog.require('Mixly.Env');
+goog.require('Mixly.Debug');
+goog.require('Mixly.Workspace');
+goog.require('Mixly.HTMLTemplate');
+goog.require('Mixly.FooterLayer');
+goog.provide('Mixly.FooterLayerExample');
+
+const {
+    Title,
+    Env,
+    Debug,
+    Workspace,
+    HTMLTemplate,
+    FooterLayer
+} = Mixly;
+
+const { dropdown, tree } = layui;
+
+class FooterLayerExample extends FooterLayer {
+    static {
+        // 弹层模板
+        this.menuHTMLTemplate = new HTMLTemplate(
+            goog.get(path.join(Env.templatePath, 'html/footerlayer/footerlayer-example.html'))
+        );
+    }
+
+    constructor(element) {
+        super(element, {
+            onMount: (instance) => {
+                this.examplesTree.reload({ data: this.getRoot() });
+            }
+        });
+        this.$content.addClass('footer-layer-example');
+        this.updateContent(FooterLayerExample.menuHTMLTemplate.render());
+        this.$treeBody = this.$body.children('.example-tree-body');
+        this.DEPTH = 5;
+        this.render();
+    }
+
+    render() {
+        this.examplesTree = tree.render({
+            elem: this.$treeBody[0],
+            data: this.getRoot(),
+            accordion: true,
+            anim: false,
+            icon: [ 'icon-folder-empty', 'icon-folder-open-empty-1', 'icon-file-code' ],
+            getChildren: (obj) => {
+                return this.getChildren(obj.data.id);
+            },
+            click: (obj) => {
+                if (obj.data.children) {
+                    return;
+                }
+                this.dataToWorkspace(obj.data.id);
+            },
+            statusChange: () => {
+                this.setProps({});
+            }
+        });
+        this.examplesTree.config.statusChange();
+    }
+
+    // 可覆盖
+    getRoot() {}
+
+    // 可覆盖
+    getChildren(inPath) {}
+
+    // 可覆盖
+    dataToWorkspace(inPath) {}
+
+    updateCode(ext, data) {
+        const editorMix = Workspace.getMain().getEditorsManager().getActive();
+        editorMix.setValue(data, ext);
+        Title.updateTitle(Title.title);
+    }
+}
+
+Mixly.FooterLayerExample = FooterLayerExample;
+
+});