@tmagic/editor 1.0.4 → 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,
@@ -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,7 +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"),
+      renderSlot(_ctx.$slots, "component-list-panel-header"),
       createVNode(_component_el_collapse, {
         class: "ui-component-panel",
         "model-value": _ctx.collapseValue
@@ -2649,7 +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"),
+      renderSlot(_ctx.$slots, "layer-panel-header"),
       createVNode(_component_el_input, {
         class: "filterInput",
         size: "small",
@@ -2767,16 +2771,16 @@ 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 === "layer" ? {
-          name: "layer-panel",
+        _ctx.data === "component-list" || _ctx.config.slots?.componentListPanelHeader ? {
+          name: "component-list-panel-header",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "layer-panel")
+            _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 === "component-list" ? {
-          name: "component-list-panel",
+        _ctx.data === "layer" || _ctx.config.slots?.layerPanelHeader ? {
+          name: "layer-panel-header",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "component-list-panel")
+            _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 ? {
@@ -2832,15 +2836,15 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           data: item
         }, createSlots({ _: 2 }, [
           item === "layer" ? {
-            name: "layer-panel",
+            name: "layer-panel-header",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "layer-panel")
+              renderSlot(_ctx.$slots, "layer-panel-header")
             ])
           } : void 0,
           item === "component-list" ? {
-            name: "component-list-panel",
+            name: "component-list-panel-header",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "component-list-panel")
+              renderSlot(_ctx.$slots, "component-list-panel-header")
             ])
           } : void 0
         ]), 1032, ["data"]);
@@ -4022,11 +4026,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     sidebar: withCtx(() => [
       renderSlot(_ctx.$slots, "sidebar", { editorService: _ctx.editorService }, () => [
         createVNode(_component_sidebar, { data: _ctx.sidebar }, {
-          "layer-panel": withCtx(() => [
-            renderSlot(_ctx.$slots, "layer-panel")
+          "layer-panel-header": withCtx(() => [
+            renderSlot(_ctx.$slots, "layer-panel-header")
           ]),
-          "component-list-panel": withCtx(() => [
-            renderSlot(_ctx.$slots, "component-list-panel")
+          "component-list-panel-header": withCtx(() => [
+            renderSlot(_ctx.$slots, "component-list-panel-header")
           ]),
           _: 3
         }, 8, ["data"])
@@ -4053,7 +4057,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         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(() => [