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

package/dist/tmagic-editor.js

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