@tmagic/editor 1.0.3 → 1.0.4

package/dist/tmagic-editor.umd.js

@@ -1762,7 +1762,7 @@
           }, [
             vue.createVNode(_component_el_scrollbar, null, {
               default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "propsPanel")
+                vue.renderSlot(_ctx.$slots, "props-panel")
               ]),
               _: 3
             })
@@ -2244,6 +2244,7 @@
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     return vue.openBlock(), vue.createBlock(_component_el_scrollbar, null, {
       default: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "component-list-panel"),
         vue.createVNode(_component_el_collapse, {
           class: "ui-component-panel",
           "model-value": _ctx.collapseValue
@@ -2301,7 +2302,7 @@
           _: 1
         }, 8, ["model-value"])
       ]),
-      _: 1
+      _: 3
     });
   }
   var ComponentListPanel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
@@ -2666,6 +2667,7 @@
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     return vue.openBlock(), vue.createBlock(_component_el_scrollbar, { class: "magic-editor-layer-panel" }, {
       default: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "layer-panel"),
         vue.createVNode(_component_el_input, {
           class: "filterInput",
           size: "small",
@@ -2783,6 +2785,18 @@
       ]),
       default: vue.withCtx(() => [
         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.config.component), vue.mergeProps(_ctx.config.props || {}, vue.toHandlers(_ctx.config?.listeners || {})), vue.createSlots({ _: 2 }, [
+          _ctx.data === "layer" ? {
+            name: "layer-panel",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "layer-panel")
+            ])
+          } : void 0,
+          _ctx.data === "component-list" ? {
+            name: "component-list-panel",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "component-list-panel")
+            ])
+          } : void 0,
           _ctx.config.slots?.layerNodeContent ? {
             name: "layer-node-content",
             fn: vue.withCtx(({ data, node }) => [
@@ -2794,7 +2808,7 @@
           } : void 0
         ]), 1040))
       ]),
-      _: 1
+      _: 3
     }, 8, ["name"])) : vue.createCommentVNode("", true);
   }
   var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
@@ -2834,10 +2848,23 @@
           return vue.openBlock(), vue.createBlock(_component_tab_pane, {
             key: index,
             data: item
-          }, null, 8, ["data"]);
+          }, vue.createSlots({ _: 2 }, [
+            item === "layer" ? {
+              name: "layer-panel",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "layer-panel")
+              ])
+            } : void 0,
+            item === "component-list" ? {
+              name: "component-list-panel",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "component-list-panel")
+              ])
+            } : void 0
+          ]), 1032, ["data"]);
         }), 128))
       ]),
-      _: 1
+      _: 3
     }, 8, ["modelValue"])) : vue.createCommentVNode("", true);
   }
   var Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
@@ -4012,7 +4039,15 @@
       ]),
       sidebar: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "sidebar", { editorService: _ctx.editorService }, () => [
-          vue.createVNode(_component_sidebar, { data: _ctx.sidebar }, null, 8, ["data"])
+          vue.createVNode(_component_sidebar, { data: _ctx.sidebar }, {
+            "layer-panel": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "layer-panel")
+            ]),
+            "component-list-panel": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "component-list-panel")
+            ]),
+            _: 3
+          }, 8, ["data"])
         ])
       ]),
       workspace: vue.withCtx(() => [
@@ -4031,8 +4066,8 @@
           })
         ])
       ]),
-      propsPanel: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "propsPanel", {}, () => [
+      "props-panel": vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "props-panel", {}, () => [
           vue.createVNode(_component_props_panel, {
             ref: "propsPanel",
             onMounted: _cache[0] || (_cache[0] = (instance) => _ctx.$emit("props-panel-mounted", instance))