@tmagic/editor 1.5.0-beta.5 → 1.5.0-beta.7

package/dist/tmagic-editor.js

@@ -3239,7 +3239,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$u = { class: "m-fields-code-select-col" };
-const _hoisted_2$j = { class: "code-select-container" };
+const _hoisted_2$g = { class: "code-select-container" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCodeSelectCol"
@@ -3320,7 +3320,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        createElementVNode("div", _hoisted_2$j, [
+        createElementVNode("div", _hoisted_2$g, [
           createVNode(unref(MContainer), {
             class: "select",
             config: selectConfig,
@@ -4191,7 +4191,7 @@ const useNodeStatus$1 = (nodeData) => {
 };
 
 const _hoisted_1$t = { class: "m-editor-data-source-fields" };
-const _hoisted_2$i = { class: "m-editor-data-source-fields-footer" };
+const _hoisted_2$f = { class: "m-editor-data-source-fields-footer" };
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceFields"
@@ -4448,16 +4448,16 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           data: _ctx.model[_ctx.name],
           columns: fieldColumns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$i, [
+        createElementVNode("div", _hoisted_2$f, [
           createVNode(unref(TMagicButton), {
             size: "small",
             disabled: _ctx.disabled,
             plain: "",
             onClick: _cache[0] || (_cache[0] = ($event) => newFromJsonHandler())
           }, {
-            default: withCtx(() => [
+            default: withCtx(() => _cache[8] || (_cache[8] = [
               createTextVNode("快速添加")
-            ]),
+            ])),
             _: 1
           }, 8, ["disabled"]),
           createVNode(unref(TMagicButton), {
@@ -4467,9 +4467,9 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             plain: "",
             onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
           }, {
-            default: withCtx(() => [
+            default: withCtx(() => _cache[9] || (_cache[9] = [
               createTextVNode("添加")
-            ]),
+            ])),
             _: 1
           }, 8, ["disabled"])
         ]),
@@ -4836,8 +4836,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$q = { style: { "display": "flex", "flex-direction": "column", "line-height": "1.2em" } };
-const _hoisted_2$h = { style: { "font-size": "10px", "color": "rgba(0, 0, 0, 0.6)" } };
-const _hoisted_3$8 = { class: "el-input__inner t-input__inner" };
+const _hoisted_2$e = { style: { "font-size": "10px", "color": "rgba(0, 0, 0, 0.6)" } };
+const _hoisted_3$4 = { class: "el-input__inner t-input__inner" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceInput"
@@ -5043,7 +5043,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         default: withCtx(({ item }) => [
           createElementVNode("div", _hoisted_1$q, [
             createElementVNode("div", null, toDisplayString(item.text), 1),
-            createElementVNode("span", _hoisted_2$h, toDisplayString(item.value), 1)
+            createElementVNode("span", _hoisted_2$e, toDisplayString(item.value), 1)
           ])
         ]),
         _: 1
@@ -5055,7 +5055,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(`tmagic-data-source-input-text-wrapper el-input__wrapper ${isFocused.value ? " is-focus" : ""}`)
         }, [
-          createElementVNode("div", _hoisted_3$8, [
+          createElementVNode("div", _hoisted_3$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayState.value, (item, index) => {
               return openBlock(), createElementBlock(Fragment, null, [
                 item.type === "text" ? (openBlock(), createElementBlock("span", {
@@ -5085,9 +5085,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$p = { style: { "display": "flex", "margin-bottom": "10px" } };
-const _hoisted_2$g = { style: { "flex": "1" } };
-const _hoisted_3$7 = { style: { "flex": "1" } };
-const _hoisted_4$7 = { class: "dialog-footer" };
+const _hoisted_2$d = { style: { "flex": "1" } };
+const _hoisted_3$3 = { style: { "flex": "1" } };
+const _hoisted_4$3 = { class: "dialog-footer" };
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeBlockEditor"
@@ -5296,9 +5296,9 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                   link: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => difVisible.value = true)
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[6] || (_cache[6] = [
                     createTextVNode("查看修改")
-                  ]),
+                  ])),
                   _: 1
                 })) : createCommentVNode("", true)
               ]),
@@ -5315,14 +5315,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             fullscreen: ""
           }, {
             footer: withCtx(() => [
-              createElementVNode("span", _hoisted_4$7, [
+              createElementVNode("span", _hoisted_4$3, [
                 createVNode(unref(TMagicButton), {
                   size: "small",
                   onClick: _cache[4] || (_cache[4] = ($event) => difVisible.value = false)
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[9] || (_cache[9] = [
                     createTextVNode("取消")
-                  ]),
+                  ])),
                   _: 1
                 }),
                 createVNode(unref(TMagicButton), {
@@ -5330,34 +5330,34 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                   type: "primary",
                   onClick: diffChange
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[10] || (_cache[10] = [
                     createTextVNode("确定")
-                  ]),
+                  ])),
                   _: 1
                 })
               ])
             ]),
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$p, [
-                createElementVNode("div", _hoisted_2$g, [
+                createElementVNode("div", _hoisted_2$d, [
                   createVNode(unref(TMagicTag), {
                     size: "small",
                     type: "info"
                   }, {
-                    default: withCtx(() => [
+                    default: withCtx(() => _cache[7] || (_cache[7] = [
                       createTextVNode("修改前")
-                    ]),
+                    ])),
                     _: 1
                   })
                 ]),
-                createElementVNode("div", _hoisted_3$7, [
+                createElementVNode("div", _hoisted_3$3, [
                   createVNode(unref(TMagicTag), {
                     size: "small",
                     type: "success"
                   }, {
-                    default: withCtx(() => [
+                    default: withCtx(() => _cache[8] || (_cache[8] = [
                       createTextVNode("修改后")
-                    ]),
+                    ])),
                     _: 1
                   })
                 ])
@@ -5382,7 +5382,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$o = { class: "m-editor-data-source-methods" };
-const _hoisted_2$f = { class: "m-editor-data-source-methods-footer" };
+const _hoisted_2$c = { class: "m-editor-data-source-methods-footer" };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMethods"
@@ -5458,7 +5458,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           data: _ctx.model[_ctx.name],
           columns: methodColumns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_2$c, [
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
@@ -5466,9 +5466,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             plain: "",
             onClick: createCodeHandler
           }, {
-            default: withCtx(() => [
+            default: withCtx(() => _cache[0] || (_cache[0] = [
               createTextVNode("添加")
-            ]),
+            ])),
             _: 1
           }, 8, ["disabled"])
         ]),
@@ -5488,7 +5488,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$n = { class: "m-fields-data-source-method-select" };
-const _hoisted_2$e = { class: "data-source-method-select-container" };
+const _hoisted_2$b = { class: "data-source-method-select-container" };
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMethodSelect"
@@ -5576,7 +5576,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        createElementVNode("div", _hoisted_2$e, [
+        createElementVNode("div", _hoisted_2$b, [
           createVNode(unref(MContainer), {
             class: "select",
             config: cascaderConfig.value,
@@ -5620,7 +5620,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$m = { class: "m-editor-data-source-fields" };
-const _hoisted_2$d = { class: "m-editor-data-source-fields-footer" };
+const _hoisted_2$a = { class: "m-editor-data-source-fields-footer" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMocks"
@@ -5830,7 +5830,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           data: _ctx.model[_ctx.name],
           columns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$d, [
+        createElementVNode("div", _hoisted_2$a, [
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
@@ -5838,9 +5838,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             plain: "",
             onClick: _cache[0] || (_cache[0] = ($event) => newHandler())
           }, {
-            default: withCtx(() => [
+            default: withCtx(() => _cache[4] || (_cache[4] = [
               createTextVNode("添加")
-            ]),
+            ])),
             _: 1
           }, 8, ["disabled"])
         ]),
@@ -6095,7 +6095,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$k = { class: "m-fields-event-select" };
-const _hoisted_2$c = {
+const _hoisted_2$9 = {
   key: 1,
   class: "fullWidth"
 };
@@ -6383,7 +6383,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           model: _ctx.model,
           config: tableConfig.value,
           onChange: onChangeHandler
-        }, null, 8, ["size", "disabled", "model", "config"])) : (openBlock(), createElementBlock("div", _hoisted_2$c, [
+        }, null, 8, ["size", "disabled", "model", "config"])) : (openBlock(), createElementBlock("div", _hoisted_2$9, [
           createVNode(unref(TMagicButton), {
             class: "create-button",
             type: "primary",
@@ -6391,9 +6391,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             disabled: _ctx.disabled,
             onClick: _cache[0] || (_cache[0] = ($event) => addEvent())
           }, {
-            default: withCtx(() => [
+            default: withCtx(() => _cache[1] || (_cache[1] = [
               createTextVNode("添加事件")
-            ]),
+            ])),
             _: 1
           }, 8, ["size", "disabled"]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model[_ctx.name], (cardItem, index) => {
@@ -6439,10 +6439,6 @@ const _hoisted_1$j = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-const _hoisted_2$b = /* @__PURE__ */ createStaticVNode('<defs><rect id="path-1" x="0" y="0" width="32" height="32"></rect></defs><g id="组件规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="03图标" transform="translate(-561.000000, -2356.000000)"><g id="icon/line/Universal/code" transform="translate(561.000000, 2356.000000)"><g id="路径"><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><use id="蒙版" fill="#D8D8D8" opacity="0" xlink:href="#path-1"></use><path d="M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z" id="形状" fill="#1D1F24" mask="url(#mask-2)"></path></g></g><g id="icon切图" transform="translate(226.000000, 1782.000000)"></g></g></g>', 2);
-const _hoisted_4$6 = [
-  _hoisted_2$b
-];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeIcon"
@@ -6450,14 +6446,15 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CodeIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_4$6);
+      return openBlock(), createElementBlock("svg", _hoisted_1$j, _cache[0] || (_cache[0] = [
+        createStaticVNode('<defs><rect id="path-1" x="0" y="0" width="32" height="32"></rect></defs><g id="组件规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="03图标" transform="translate(-561.000000, -2356.000000)"><g id="icon/line/Universal/code" transform="translate(561.000000, 2356.000000)"><g id="路径"><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><use id="蒙版" fill="#D8D8D8" opacity="0" xlink:href="#path-1"></use><path d="M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z" id="形状" fill="#1D1F24" mask="url(#mask-2)"></path></g></g><g id="icon切图" transform="translate(226.000000, 1782.000000)"></g></g></g>', 2)
+      ]));
     };
   }
 });
 
 const _hoisted_1$i = { class: "m-fields-key-value" };
-const _hoisted_2$a = { key: 0 };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "m-fileds-key-value-delimiter" }, ":", -1);
+const _hoisted_2$8 = { key: 0 };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsKeyValue"
@@ -6517,7 +6514,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        !showCode.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+        !showCode.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(records.value, (item, index) => {
             return openBlock(), createElementBlock("div", {
               class: "m-fields-key-value-item",
@@ -6531,7 +6528,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 size: _ctx.size,
                 onChange: keyChangeHandler
               }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "size"]),
-              _hoisted_3$6,
+              _cache[1] || (_cache[1] = createElementVNode("span", { class: "m-fileds-key-value-delimiter" }, ":", -1)),
               createVNode(unref(TMagicInput), {
                 placeholder: "value",
                 modelValue: records.value[index][1],
@@ -6560,9 +6557,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             icon: unref(Plus),
             onClick: addHandler
           }, {
-            default: withCtx(() => [
+            default: withCtx(() => _cache[2] || (_cache[2] = [
               createTextVNode("添加")
-            ]),
+            ])),
             _: 1
           }, 8, ["size", "disabled", "icon"])
         ])) : createCommentVNode("", true),
@@ -6591,7 +6588,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$h = { class: "m-fields-page-fragment-select" };
-const _hoisted_2$9 = { class: "page-fragment-select-container" };
+const _hoisted_2$7 = { class: "page-fragment-select-container" };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsPageFragmentSelect"
@@ -6639,7 +6636,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_m_form_container = resolveComponent("m-form-container");
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createElementVNode("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_2$7, [
           createVNode(_component_m_form_container, {
             class: "select",
             config: selectConfig,
@@ -6754,9 +6751,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           link: "",
           style: { "padding": "0" }
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[2] || (_cache[2] = [
             createTextVNode("取消")
-          ]),
+          ])),
           _: 1
         }, 8, ["icon", "disabled", "size"])
       ])) : (openBlock(), createElementBlock("div", _hoisted_1$g, [
@@ -6813,9 +6810,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               size: _ctx.size,
               onClick: startSelect
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[3] || (_cache[3] = [
                 createTextVNode("点击此处选择")
-              ]),
+              ])),
               _: 1
             }, 8, ["disabled", "size"])
           ]),
@@ -7012,7 +7009,7 @@ const _hoisted_1$f = {
   key: 1,
   class: "menu-item-text"
 };
-const _hoisted_2$8 = { class: "el-dropdown-link menubar-menu-button" };
+const _hoisted_2$6 = { class: "el-dropdown-link menubar-menu-button" };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorToolButton"
@@ -7149,7 +7146,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ]),
           default: withCtx(() => [
-            createElementVNode("span", _hoisted_2$8, [
+            createElementVNode("span", _hoisted_2$6, [
               createTextVNode(toDisplayString(_ctx.data.text), 1),
               createVNode(unref(TMagicIcon), { class: "el-icon--right" }, {
                 default: withCtx(() => [
@@ -7474,9 +7471,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$c = { class: "m-editor-page-bar-tabs" };
-const _hoisted_2$7 = ["page-id", "onClick"];
-const _hoisted_3$5 = { class: "m-editor-page-bar-title" };
-const _hoisted_4$5 = ["title"];
+const _hoisted_2$5 = ["page-id", "onClick"];
+const _hoisted_3$2 = { class: "m-editor-page-bar-title" };
+const _hoisted_4$2 = ["title"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPageBar"
@@ -7583,11 +7580,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 "page-id": item.id,
                 onClick: ($event) => switchPage(item.id)
               }, [
-                createElementVNode("div", _hoisted_3$5, [
+                createElementVNode("div", _hoisted_3$2, [
                   renderSlot(_ctx.$slots, "page-bar-title", { page: item }, () => [
                     createElementVNode("span", {
                       title: item.name
-                    }, toDisplayString(item.name || item.id), 9, _hoisted_4$5)
+                    }, toDisplayString(item.name || item.id), 9, _hoisted_4$2)
                   ])
                 ]),
                 createVNode(unref(TMagicPopover), {
@@ -7629,7 +7626,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1024)
-              ], 10, _hoisted_2$7);
+              ], 10, _hoisted_2$5);
             }), 128))
           ]),
           _: 3
@@ -7640,9 +7637,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$b = { class: "m-editor-empty-panel" };
-const _hoisted_2$6 = { class: "m-editor-empty-content" };
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("p", null, "新增页面", -1);
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("p", null, "新增页面片", -1);
+const _hoisted_2$4 = { class: "m-editor-empty-content" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorAddPageBox"
@@ -7666,7 +7661,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$6, [
+        createElementVNode("div", _hoisted_2$4, [
           createElementVNode("div", {
             class: "m-editor-empty-button",
             onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(unref(NodeType).PAGE))
@@ -7674,7 +7669,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createVNode(_sfc_main$Y, { icon: unref(Plus) }, null, 8, ["icon"])
             ]),
-            _hoisted_3$4
+            _cache[2] || (_cache[2] = createElementVNode("p", null, "新增页面", -1))
           ]),
           !_ctx.disabledPageFragment ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -7684,7 +7679,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createVNode(_sfc_main$Y, { icon: unref(Plus) }, null, 8, ["icon"])
             ]),
-            _hoisted_4$4
+            _cache[3] || (_cache[3] = createElementVNode("p", null, "新增页面片", -1))
           ])) : createCommentVNode("", true)
         ])
       ]);
@@ -8192,9 +8187,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$9 = ["draggable", "data-node-id", "data-parent-id", "data-parents-id", "data-is-container"];
-const _hoisted_2$5 = { class: "tree-node-label" };
-const _hoisted_3$3 = { class: "tree-node-tool" };
-const _hoisted_4$3 = {
+const _hoisted_2$3 = { class: "tree-node-label" };
+const _hoisted_3$1 = { class: "tree-node-tool" };
+const _hoisted_4$1 = {
   key: 0,
   class: "m-editor-tree-node-children"
 };
@@ -8283,18 +8278,18 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onClick: nodeClickHandler
           }, [
             renderSlot(_ctx.$slots, "tree-node-content", { data: _ctx.data }, () => [
-              createElementVNode("div", _hoisted_2$5, [
+              createElementVNode("div", _hoisted_2$3, [
                 renderSlot(_ctx.$slots, "tree-node-label", { data: _ctx.data }, () => [
                   createTextVNode(toDisplayString(`${_ctx.data.name} (${_ctx.data.id})`), 1)
                 ])
               ]),
-              createElementVNode("div", _hoisted_3$3, [
+              createElementVNode("div", _hoisted_3$1, [
                 renderSlot(_ctx.$slots, "tree-node-tool", { data: _ctx.data })
               ])
             ])
           ])
         ], 38),
-        hasChildren.value && expanded.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+        hasChildren.value && expanded.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data.items, (item) => {
             return openBlock(), createBlock(_component_TreeNode, {
               key: item.id,
@@ -8572,9 +8567,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                   size: "small",
                   onClick: unref(createCodeBlock)
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[0] || (_cache[0] = [
                     createTextVNode("新增")
-                  ]),
+                  ])),
                   _: 1
                 }, 8, ["onClick"])) : createCommentVNode("", true),
                 renderSlot(_ctx.$slots, "code-block-panel-search")
@@ -8938,9 +8933,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     type: "primary",
                     size: "small"
                   }, {
-                    default: withCtx(() => [
+                    default: withCtx(() => _cache[0] || (_cache[0] = [
                       createTextVNode("新增")
-                    ]),
+                    ])),
                     _: 1
                   })
                 ]),
@@ -9159,18 +9154,6 @@ const _hoisted_1$5 = {
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
-  "fill-rule": "evenodd",
-  d: "M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z"
-}, null, -1);
-const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("path", {
-  "fill-rule": "evenodd",
-  d: "M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"
-}, null, -1);
-const _hoisted_4$2 = [
-  _hoisted_2$4,
-  _hoisted_3$2
-];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorFolderMinusIcon"
@@ -9178,7 +9161,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FolderMinusIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_4$2);
+      return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
+        createElementVNode("path", {
+          "fill-rule": "evenodd",
+          d: "M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z"
+        }, null, -1),
+        createElementVNode("path", {
+          "fill-rule": "evenodd",
+          d: "M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"
+        }, null, -1)
+      ]));
     };
   }
 });
@@ -9954,7 +9946,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$4 = ["onClick", "onDragstart"];
-const _hoisted_2$3 = ["title"];
+const _hoisted_2$2 = ["title"];
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorComponentListPanel"
@@ -10072,7 +10064,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                               }, 1032, ["disabled", "content"]),
                               createElementVNode("span", {
                                 title: item.text
-                              }, toDisplayString(item.text), 9, _hoisted_2$3)
+                              }, toDisplayString(item.text), 9, _hoisted_2$2)
                             ])
                           ], 40, _hoisted_1$4);
                         }), 128))
@@ -10096,13 +10088,13 @@ const _hoisted_1$3 = {
   key: 0,
   class: "m-editor-sidebar"
 };
-const _hoisted_2$2 = { class: "m-editor-sidebar-header" };
-const _hoisted_3$1 = ["draggable", "onClick", "onDragend"];
-const _hoisted_4$1 = {
+const _hoisted_2$1 = { class: "m-editor-sidebar-header" };
+const _hoisted_3 = ["draggable", "onClick", "onDragend"];
+const _hoisted_4 = {
   key: 1,
   class: "magic-editor-tab-panel-title"
 };
-const _hoisted_5$1 = { class: "m-editor-slide-list-box" };
+const _hoisted_5 = { class: "m-editor-slide-list-box" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorSidebar"
@@ -10240,7 +10232,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         _ctx.data.type === "tabs" && _ctx.data.items.length ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-          createElementVNode("div", _hoisted_2$2, [
+          createElementVNode("div", _hoisted_2$1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(sideBarItems.value, (config, index) => {
               return withDirectives((openBlock(), createElementBlock("div", {
                 class: normalizeClass(["m-editor-sidebar-header-item", { "is-active": activeTabName.value === config.text }]),
@@ -10256,8 +10248,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   key: 0,
                   icon: config.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
-                config.text ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(config.text), 1)) : createCommentVNode("", true)
-              ], 46, _hoisted_3$1)), [
+                config.text ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(config.text), 1)) : createCommentVNode("", true)
+              ], 46, _hoisted_3)), [
                 [vShow, !unref(floatBoxStates)[config.$key]?.status]
               ]);
             }), 128))
@@ -10412,7 +10404,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 body: withCtx(() => [
-                  createElementVNode("div", _hoisted_5$1, [
+                  createElementVNode("div", _hoisted_5, [
                     config && unref(floatBoxStates)[config.$key].status ? (openBlock(), createBlock(resolveDynamicComponent(config.component), mergeProps({
                       key: 0,
                       ref_for: true
@@ -10803,32 +10795,6 @@ const _hoisted_1$2 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M2 4H21V6H2V4Z",
-  fill: "black",
-  "fill-opacity": "0.9"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M5 11H18V13H5V11Z",
-  fill: "black",
-  "fill-opacity": "0.9"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M2 18H21V20H2V18Z",
-  fill: "black",
-  "fill-opacity": "0.9"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2$1,
-  _hoisted_3,
-  _hoisted_4
-];
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCenterIcon"
@@ -10836,7 +10802,29 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CenterIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_5);
+      return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
+        createElementVNode("path", {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M2 4H21V6H2V4Z",
+          fill: "black",
+          "fill-opacity": "0.9"
+        }, null, -1),
+        createElementVNode("path", {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M5 11H18V13H5V11Z",
+          fill: "black",
+          "fill-opacity": "0.9"
+        }, null, -1),
+        createElementVNode("path", {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M2 18H21V20H2V18Z",
+          fill: "black",
+          "fill-opacity": "0.9"
+        }, null, -1)
+      ]));
     };
   }
 });
@@ -12535,8 +12523,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabledPageFragment: { type: Boolean },
     disabledStageOverlay: { type: Boolean },
     disabledShowSrc: { type: Boolean },
-    indent: {},
-    nextLevelIndentIncrement: {},
+    treeIndent: {},
+    treeNextLevelIndentIncrement: {},
     render: { type: Function },
     updateDragEl: { type: Function },
     canSelect: { type: Function },
@@ -12614,8 +12602,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               data: _ctx.sidebar,
               "layer-content-menu": _ctx.layerContentMenu,
               "custom-content-menu": _ctx.customContentMenu,
-              indent: _ctx.indent,
-              "next-level-indent-increment": _ctx.nextLevelIndentIncrement
+              indent: _ctx.treeIndent,
+              "next-level-indent-increment": _ctx.treeNextLevelIndentIncrement
             }, {
               "layer-panel-header": withCtx(() => [
                 renderSlot(_ctx.$slots, "layer-panel-header")