@tmagic/editor 1.0.2 → 1.0.5

package/dist/tmagic-editor.es.js

@@ -188,7 +188,7 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-const _hoisted_1$c = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_1$d = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -204,7 +204,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
       style: { "padding": "0" }
     }, {
       default: withCtx(() => [
-        _hoisted_1$c
+        _hoisted_1$d
       ]),
       _: 1
     }, 8, ["icon"])
@@ -369,12 +369,12 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   ref: "codeEditor",
   class: "magic-code-editor"
 };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$b, null, 512);
+  return openBlock(), createElementBlock("div", _hoisted_1$c, null, 512);
 }
 var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
 
@@ -1595,13 +1595,13 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "m-editor-empty-panel" };
+const _hoisted_1$b = { class: "m-editor-empty-panel" };
 const _hoisted_2$4 = { class: "m-editor-empty-content" };
 const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("p", null, "\u65B0\u589E\u9875\u9762", -1);
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_plus = resolveComponent("plus");
   const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+  return openBlock(), createElementBlock("div", _hoisted_1$b, [
     createElementVNode("div", _hoisted_2$4, [
       createElementVNode("div", {
         class: "m-editor-empty-button",
@@ -1664,12 +1664,12 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   ref: "target",
   class: "m-editor-resizer"
 };
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$9, [
+  return openBlock(), createElementBlock("span", _hoisted_1$a, [
     renderSlot(_ctx.$slots, "default")
   ], 512);
 }
@@ -1704,7 +1704,7 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "m-editor" };
+const _hoisted_1$9 = { class: "m-editor" };
 const _hoisted_2$3 = {
   key: 1,
   class: "m-editor-content"
@@ -1714,7 +1714,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_resizer = resolveComponent("resizer");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_add_page_box = resolveComponent("add-page-box");
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [
     renderSlot(_ctx.$slots, "nav", { class: "m-editor-nav-menu" }),
     _ctx.showSrc ? (openBlock(), createBlock(_component_magic_code_editor, {
       key: 0,
@@ -1744,7 +1744,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createVNode(_component_el_scrollbar, null, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "propsPanel")
+              renderSlot(_ctx.$slots, "props-panel")
             ]),
             _: 3
           })
@@ -1771,7 +1771,7 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["src"];
+const _hoisted_1$8 = ["src"];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_edit = resolveComponent("edit");
   const _component_el_icon = resolveComponent("el-icon");
@@ -1783,7 +1783,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   })) : typeof _ctx.icon === "string" && _ctx.icon.startsWith("http") ? (openBlock(), createElementBlock("img", {
     key: 1,
     src: _ctx.icon
-  }, null, 8, _hoisted_1$7)) : typeof _ctx.icon === "string" ? (openBlock(), createElementBlock("i", {
+  }, null, 8, _hoisted_1$8)) : typeof _ctx.icon === "string" ? (openBlock(), createElementBlock("i", {
     key: 2,
     class: normalizeClass(_ctx.icon)
   }, null, 2)) : (openBlock(), createBlock(_component_el_icon, { key: 3 }, {
@@ -1955,7 +1955,7 @@ const _sfc_main$e = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   key: 1,
   class: "menu-item-text"
 };
@@ -1985,7 +1985,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.item.type === "divider" ? (openBlock(), createBlock(_component_el_divider, {
       key: 0,
       direction: _ctx.item.direction || "vertical"
-    }, null, 8, ["direction"])) : _ctx.item.type === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$6, toDisplayString(_ctx.item.text), 1)) : _ctx.item.type === "zoom" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+    }, null, 8, ["direction"])) : _ctx.item.type === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$7, toDisplayString(_ctx.item.text), 1)) : _ctx.item.type === "zoom" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       createVNode(_component_tool_button, {
         data: { type: "button", icon: _ctx.ZoomOut, handler: _ctx.zoomOutHandler, tooltip: "\u7F29\u5C0F" },
         "event-type": _ctx.eventType
@@ -2166,17 +2166,21 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
+const _hoisted_1$6 = { class: "`m-editor-props-panel" };
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_m_form = resolveComponent("m-form");
-  return openBlock(), createBlock(_component_m_form, {
-    class: normalizeClass(`m-editor-props-panel ${_ctx.propsPanelSize}`),
-    "popper-class": `m-editor-props-panel-popper ${_ctx.propsPanelSize}`,
-    ref: "configForm",
-    size: _ctx.propsPanelSize,
-    "init-values": _ctx.values,
-    config: _ctx.curFormConfig,
-    onChange: _ctx.submit
-  }, null, 8, ["class", "popper-class", "size", "init-values", "config", "onChange"]);
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+    renderSlot(_ctx.$slots, "props-panel-header"),
+    createVNode(_component_m_form, {
+      class: normalizeClass(`m-editor-props-panel ${_ctx.propsPanelSize}`),
+      "popper-class": `m-editor-props-panel-popper ${_ctx.propsPanelSize}`,
+      ref: "configForm",
+      size: _ctx.propsPanelSize,
+      "init-values": _ctx.values,
+      config: _ctx.curFormConfig,
+      onChange: _ctx.submit
+    }, null, 8, ["class", "popper-class", "size", "init-values", "config", "onChange"])
+  ]);
 }
 var PropsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
 
@@ -2226,6 +2230,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   return openBlock(), createBlock(_component_el_scrollbar, null, {
     default: withCtx(() => [
+      renderSlot(_ctx.$slots, "component-list-panel-header"),
       createVNode(_component_el_collapse, {
         class: "ui-component-panel",
         "model-value": _ctx.collapseValue
@@ -2283,7 +2288,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["model-value"])
     ]),
-    _: 1
+    _: 3
   });
 }
 var ComponentListPanel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
@@ -2648,6 +2653,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   return openBlock(), createBlock(_component_el_scrollbar, { class: "magic-editor-layer-panel" }, {
     default: withCtx(() => [
+      renderSlot(_ctx.$slots, "layer-panel-header"),
       createVNode(_component_el_input, {
         class: "filterInput",
         size: "small",
@@ -2765,6 +2771,18 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     default: withCtx(() => [
       (openBlock(), createBlock(resolveDynamicComponent(_ctx.config.component), mergeProps(_ctx.config.props || {}, toHandlers(_ctx.config?.listeners || {})), createSlots({ _: 2 }, [
+        _ctx.data === "component-list" || _ctx.config.slots?.componentListPanelHeader ? {
+          name: "component-list-panel-header",
+          fn: withCtx(() => [
+            _ctx.data === "component-list" ? renderSlot(_ctx.$slots, "component-list-panel-header", { key: 0 }) : _ctx.config.slots?.componentListPanelHeader ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.config.slots.componentListPanelHeader), { key: 1 })) : createCommentVNode("", true)
+          ])
+        } : void 0,
+        _ctx.data === "layer" || _ctx.config.slots?.layerPanelHeader ? {
+          name: "layer-panel-header",
+          fn: withCtx(() => [
+            _ctx.data === "layer" ? renderSlot(_ctx.$slots, "layer-panel-header", { key: 0 }) : _ctx.config.slots?.layerPanelHeader ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.config.slots.layerPanelHeader), { key: 1 })) : createCommentVNode("", true)
+          ])
+        } : void 0,
         _ctx.config.slots?.layerNodeContent ? {
           name: "layer-node-content",
           fn: withCtx(({ data, node }) => [
@@ -2776,7 +2794,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         } : void 0
       ]), 1040))
     ]),
-    _: 1
+    _: 3
   }, 8, ["name"])) : createCommentVNode("", true);
 }
 var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
@@ -2816,10 +2834,23 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createBlock(_component_tab_pane, {
           key: index,
           data: item
-        }, null, 8, ["data"]);
+        }, createSlots({ _: 2 }, [
+          item === "layer" ? {
+            name: "layer-panel-header",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "layer-panel-header")
+            ])
+          } : void 0,
+          item === "component-list" ? {
+            name: "component-list-panel-header",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "component-list-panel-header")
+            ])
+          } : void 0
+        ]), 1032, ["data"]);
       }), 128))
     ]),
-    _: 1
+    _: 3
   }, 8, ["modelValue"])) : createCommentVNode("", true);
 }
 var Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
@@ -3994,7 +4025,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     sidebar: withCtx(() => [
       renderSlot(_ctx.$slots, "sidebar", { editorService: _ctx.editorService }, () => [
-        createVNode(_component_sidebar, { data: _ctx.sidebar }, null, 8, ["data"])
+        createVNode(_component_sidebar, { data: _ctx.sidebar }, {
+          "layer-panel-header": withCtx(() => [
+            renderSlot(_ctx.$slots, "layer-panel-header")
+          ]),
+          "component-list-panel-header": withCtx(() => [
+            renderSlot(_ctx.$slots, "component-list-panel-header")
+          ]),
+          _: 3
+        }, 8, ["data"])
       ])
     ]),
     workspace: withCtx(() => [
@@ -4013,12 +4052,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ])
     ]),
-    propsPanel: withCtx(() => [
-      renderSlot(_ctx.$slots, "propsPanel", {}, () => [
+    "props-panel": withCtx(() => [
+      renderSlot(_ctx.$slots, "props-panel", {}, () => [
         createVNode(_component_props_panel, {
           ref: "propsPanel",
           onMounted: _cache[0] || (_cache[0] = (instance) => _ctx.$emit("props-panel-mounted", instance))
-        }, null, 512)
+        }, {
+          "props-panel-header": withCtx(() => [
+            renderSlot(_ctx.$slots, "props-panel-header")
+          ]),
+          _: 3
+        }, 512)
       ])
     ]),
     empty: withCtx(() => [