@tmagic/editor 1.3.0-alpha.4 → 1.3.0-alpha.5

package/dist/tmagic-editor.umd.cjs

@@ -3436,10 +3436,8 @@
       name: "MEditorFramework"
     },
     __name: "Framework",
-    props: {
-      codeOptions: { default: () => ({}) }
-    },
     setup(__props) {
+      const codeOptions = vue.inject("codeOptions", {});
       const { editorService, uiService } = vue.inject("services") || {};
       const root = vue.computed(() => editorService?.get("root"));
       const nodes = vue.computed(() => editorService?.get("nodes") || []);
@@ -3499,16 +3497,18 @@
         }
       };
       return (_ctx, _cache) => {
-        const _component_magic_code_editor = vue.resolveComponent("magic-code-editor");
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
-          vue.renderSlot(_ctx.$slots, "nav", { class: "m-editor-nav-menu" }),
-          showSrc.value ? (vue.openBlock(), vue.createBlock(_component_magic_code_editor, {
-            key: 0,
-            class: "m-editor-content",
-            "init-values": root.value,
-            options: _ctx.codeOptions,
-            onSave: saveCode
-          }, null, 8, ["init-values", "options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+          vue.renderSlot(_ctx.$slots, "header"),
+          vue.renderSlot(_ctx.$slots, "nav"),
+          vue.renderSlot(_ctx.$slots, "content-before"),
+          showSrc.value ? vue.renderSlot(_ctx.$slots, "src-code", { key: 0 }, () => [
+            vue.createVNode(_sfc_main$u, {
+              class: "m-editor-content",
+              "init-values": root.value,
+              options: vue.unref(codeOptions),
+              onSave: saveCode
+            }, null, 8, ["init-values", "options"])
+          ]) : (vue.openBlock(), vue.createBlock(_sfc_main$s, {
             key: 1,
             class: "m-editor-content",
             "left-class": "m-editor-framework-left",
@@ -3544,7 +3544,9 @@
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["left", "right"]))
+          ]), 1032, ["left", "right"])),
+          vue.renderSlot(_ctx.$slots, "content-after"),
+          vue.renderSlot(_ctx.$slots, "footer")
         ]);
       };
     }
@@ -7907,12 +7909,21 @@
     const _component_Workspace = vue.resolveComponent("Workspace");
     const _component_PropsPanel = vue.resolveComponent("PropsPanel");
     const _component_Framework = vue.resolveComponent("Framework");
-    return vue.openBlock(), vue.createBlock(_component_Framework, { "code-options": _ctx.codeOptions }, {
+    return vue.openBlock(), vue.createBlock(_component_Framework, null, {
+      header: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "header")
+      ]),
       nav: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "nav", { editorService: _ctx.editorService }, () => [
           vue.createVNode(_component_TMagicNavMenu, { data: _ctx.menu }, null, 8, ["data"])
         ])
       ]),
+      "content-before": vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "content-before")
+      ]),
+      "src-code": vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "src-code", { editorService: _ctx.editorService })
+      ]),
       sidebar: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "sidebar", { editorService: _ctx.editorService }, () => [
           vue.createVNode(_component_Sidebar, {
@@ -7984,8 +7995,14 @@
       empty: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "empty", { editorService: _ctx.editorService })
       ]),
+      "content-after": vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "content-after")
+      ]),
+      footer: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "footer")
+      ]),
       _: 3
-    }, 8, ["code-options"]);
+    });
   }
   const Editor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);