@tmagic/editor 1.5.0-beta.0 → 1.5.0-beta.2

package/dist/style.css

@@ -432,12 +432,13 @@
   width: 100%;
 }
 .m-editor-page-bar-tabs .tmagic-design-button.m-editor-page-bar-switch-type-button {
-  margin-left: 7px;
+  margin-left: 10px;
   position: relative;
   top: 1px;
   border-radius: 3px 3px 0 0;
   border: 1px solid #d9dbdd;
   border-bottom: 1px solid transparent;
+  padding: 5px 10px;
 }
 .m-editor-page-bar-tabs .tmagic-design-button.m-editor-page-bar-switch-type-button.active {
   background-color: #f3f3f3;
@@ -783,12 +784,16 @@
   height: 22px;
   margin-right: 5px;
 }
-.data-source-list-panel-add-menu .tmagic-design-button {
-  width: 100%;
-  text-align: left;
+.data-source-list-panel-add-menu {
+  padding: 4px 0;
 }
-.data-source-list-panel-add-menu .tmagic-design-button span {
-  width: 100%;
+.data-source-list-panel-add-menu .menu-item {
+  cursor: pointer;
+  transition: all 0.2s ease 0s;
+  padding: 5px 14px;
+}
+.data-source-list-panel-add-menu .menu-item:hover {
+  background-color: #f3f5f9;
 }
 .m-editor-data-source-fields {
   width: 100%;

package/dist/tmagic-editor.js

@@ -3230,7 +3230,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$u = { class: "m-fields-code-select-col" };
-const _hoisted_2$k = { class: "code-select-container" };
+const _hoisted_2$j = { class: "code-select-container" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCodeSelectCol"
@@ -3311,7 +3311,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        createElementVNode("div", _hoisted_2$k, [
+        createElementVNode("div", _hoisted_2$j, [
           createVNode(unref(MContainer), {
             class: "select",
             config: selectConfig,
@@ -4061,6 +4061,68 @@ const useEditorContentHeight = () => {
   };
 };
 
+const useFilter = (nodeData, nodeStatusMap, filterNodeMethod) => {
+  const filterIsMatch = (value, data) => {
+    const string = !Array.isArray(value) ? [value] : value;
+    if (!string.length) {
+      return true;
+    }
+    return string.some((v) => filterNodeMethod(v, data));
+  };
+  const filter = (text) => {
+    if (!nodeData.value.length) return;
+    nodeData.value.forEach((node) => {
+      traverseNode(node, (node2, parents) => {
+        if (!nodeStatusMap.value) return;
+        const visible = filterIsMatch(text, node2);
+        if (visible && parents.length) {
+          parents.forEach((parent) => {
+            updateStatus(nodeStatusMap.value, parent.id, {
+              visible,
+              expand: true
+            });
+          });
+        }
+        updateStatus(nodeStatusMap.value, node2.id, {
+          visible
+        });
+      });
+    });
+  };
+  return {
+    filterText: ref(""),
+    filterTextChangeHandler(text) {
+      filter(text);
+    }
+  };
+};
+
+const useGetSo = (target, emit) => {
+  let getso;
+  const isDraging = ref(false);
+  onMounted(() => {
+    if (!target.value) return;
+    getso = new Gesto(target.value, {
+      container: window,
+      pinchOutside: true
+    }).on("drag", (e) => {
+      if (!target.value) return;
+      emit("change", e);
+    }).on("dragStart", () => {
+      isDraging.value = true;
+    }).on("dragEnd", () => {
+      isDraging.value = false;
+    });
+  });
+  onBeforeUnmount(() => {
+    getso?.unset();
+    isDraging.value = false;
+  });
+  return {
+    isDraging
+  };
+};
+
 const useNextFloatBoxPosition = (uiService, parent) => {
   const boxPosition = ref({
     left: 0,
@@ -4085,8 +4147,42 @@ const useNextFloatBoxPosition = (uiService, parent) => {
   };
 };
 
+const createPageNodeStatus$1 = (nodeData, initialLayerNodeStatus) => {
+  const map = /* @__PURE__ */ new Map();
+  nodeData.forEach(
+    (node) => traverseNode(node, (node2) => {
+      map.set(
+        node2.id,
+        initialLayerNodeStatus?.get(node2.id) || {
+          visible: true,
+          expand: false,
+          selected: false,
+          draggable: false
+        }
+      );
+    })
+  );
+  return map;
+};
+const useNodeStatus$1 = (nodeData) => {
+  const nodeStatusMap = ref(/* @__PURE__ */ new Map());
+  watch(
+    nodeData,
+    (nodeData2) => {
+      nodeStatusMap.value = createPageNodeStatus$1(nodeData2, nodeStatusMap.value);
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
+  return {
+    nodeStatusMap
+  };
+};
+
 const _hoisted_1$t = { class: "m-editor-data-source-fields" };
-const _hoisted_2$j = { class: "m-editor-data-source-fields-footer" };
+const _hoisted_2$i = { class: "m-editor-data-source-fields-footer" };
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceFields"
@@ -4343,7 +4439,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           data: _ctx.model[_ctx.name],
           columns: fieldColumns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$j, [
+        createElementVNode("div", _hoisted_2$i, [
           createVNode(unref(TMagicButton), {
             size: "small",
             disabled: _ctx.disabled,
@@ -4702,7 +4798,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           "last-values": _ctx.lastValues,
           "init-values": _ctx.initValues,
           values: _ctx.values,
-          prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${_ctx.name}`,
+          prop: _ctx.prop,
           onChange: onChangeHandler
         }, null, 40, ["config", "model", "name", "disabled", "size", "last-values", "init-values", "values", "prop"])),
         _ctx.config.fieldConfig ? (openBlock(), createBlock(unref(TMagicTooltip), {
@@ -4731,7 +4827,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$q = { style: { "display": "flex", "flex-direction": "column", "line-height": "1.2em" } };
-const _hoisted_2$i = { style: { "font-size": "10px", "color": "rgba(0, 0, 0, 0.6)" } };
+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 _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{
@@ -4938,7 +5034,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$i, toDisplayString(item.value), 1)
+            createElementVNode("span", _hoisted_2$h, toDisplayString(item.value), 1)
           ])
         ]),
         _: 1
@@ -4980,7 +5076,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$p = { style: { "display": "flex", "margin-bottom": "10px" } };
-const _hoisted_2$h = { style: { "flex": "1" } };
+const _hoisted_2$g = { style: { "flex": "1" } };
 const _hoisted_3$7 = { style: { "flex": "1" } };
 const _hoisted_4$7 = { class: "dialog-footer" };
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
@@ -5234,7 +5330,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$p, [
-                createElementVNode("div", _hoisted_2$h, [
+                createElementVNode("div", _hoisted_2$g, [
                   createVNode(unref(TMagicTag), {
                     size: "small",
                     type: "info"
@@ -5277,7 +5373,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$o = { class: "m-editor-data-source-methods" };
-const _hoisted_2$g = { class: "m-editor-data-source-methods-footer" };
+const _hoisted_2$f = { class: "m-editor-data-source-methods-footer" };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMethods"
@@ -5353,7 +5449,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           data: _ctx.model[_ctx.name],
           columns: methodColumns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_2$f, [
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
@@ -5383,7 +5479,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$n = { class: "m-fields-data-source-method-select" };
-const _hoisted_2$f = { class: "data-source-method-select-container" };
+const _hoisted_2$e = { class: "data-source-method-select-container" };
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMethodSelect"
@@ -5471,7 +5567,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_2$e, [
           createVNode(unref(MContainer), {
             class: "select",
             config: cascaderConfig.value,
@@ -5515,7 +5611,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$m = { class: "m-editor-data-source-fields" };
-const _hoisted_2$e = { class: "m-editor-data-source-fields-footer" };
+const _hoisted_2$d = { class: "m-editor-data-source-fields-footer" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMocks"
@@ -5725,7 +5821,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           data: _ctx.model[_ctx.name],
           columns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$e, [
+        createElementVNode("div", _hoisted_2$d, [
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
@@ -5990,7 +6086,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$k = { class: "m-fields-event-select" };
-const _hoisted_2$d = {
+const _hoisted_2$c = {
   key: 1,
   class: "fullWidth"
 };
@@ -6278,7 +6374,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$d, [
+        }, null, 8, ["size", "disabled", "model", "config"])) : (openBlock(), createElementBlock("div", _hoisted_2$c, [
           createVNode(unref(TMagicButton), {
             class: "create-button",
             type: "primary",
@@ -6334,9 +6430,9 @@ const _hoisted_1$j = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-const _hoisted_2$c = /* @__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_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$c
+  _hoisted_2$b
 ];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
@@ -6351,7 +6447,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$i = { class: "m-fields-key-value" };
-const _hoisted_2$b = { key: 0 };
+const _hoisted_2$a = { key: 0 };
 const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "m-fileds-key-value-delimiter" }, ":", -1);
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
@@ -6412,7 +6508,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        !showCode.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+        !showCode.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(records.value, (item, index) => {
             return openBlock(), createElementBlock("div", {
               class: "m-fields-key-value-item",
@@ -6486,7 +6582,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$h = { class: "m-fields-page-fragment-select" };
-const _hoisted_2$a = { class: "page-fragment-select-container" };
+const _hoisted_2$9 = { class: "page-fragment-select-container" };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsPageFragmentSelect"
@@ -6534,7 +6630,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$a, [
+        createElementVNode("div", _hoisted_2$9, [
           createVNode(_component_m_form_container, {
             class: "select",
             config: selectConfig,
@@ -6721,32 +6817,6 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const useGetSo = (target, emit) => {
-  let getso;
-  const isDraging = ref(false);
-  onMounted(() => {
-    if (!target.value) return;
-    getso = new Gesto(target.value, {
-      container: window,
-      pinchOutside: true
-    }).on("drag", (e) => {
-      if (!target.value) return;
-      emit("change", e);
-    }).on("dragStart", () => {
-      isDraging.value = true;
-    }).on("dragEnd", () => {
-      isDraging.value = false;
-    });
-  });
-  onBeforeUnmount(() => {
-    getso?.unset();
-    isDraging.value = false;
-  });
-  return {
-    isDraging
-  };
-};
-
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorResizer"
@@ -6933,7 +7003,7 @@ const _hoisted_1$f = {
   key: 1,
   class: "menu-item-text"
 };
-const _hoisted_2$9 = { class: "el-dropdown-link menubar-menu-button" };
+const _hoisted_2$8 = { class: "el-dropdown-link menubar-menu-button" };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorToolButton"
@@ -7070,7 +7140,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ]),
           default: withCtx(() => [
-            createElementVNode("span", _hoisted_2$9, [
+            createElementVNode("span", _hoisted_2$8, [
               createTextVNode(toDisplayString(_ctx.data.text), 1),
               createVNode(unref(TMagicIcon), { class: "el-icon--right" }, {
                 default: withCtx(() => [
@@ -7315,8 +7385,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         createVNode(unref(TMagicPopover), {
           "popper-class": "page-bar-popover",
           placement: "top",
+          trigger: "hover",
           width: 160,
-          trigger: "hover"
+          "destroy-on-close": true
         }, {
           reference: withCtx(() => [
             createVNode(unref(TMagicIcon), { class: "m-editor-page-list-menu-icon" }, {
@@ -7394,7 +7465,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$c = { class: "m-editor-page-bar-tabs" };
-const _hoisted_2$8 = ["page-id", "onClick"];
+const _hoisted_2$7 = ["page-id", "onClick"];
 const _hoisted_3$5 = { class: "m-editor-page-bar-title" };
 const _hoisted_4$5 = ["title"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
@@ -7513,8 +7584,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 createVNode(unref(TMagicPopover), {
                   "popper-class": "page-bar-popover",
                   placement: "top",
+                  trigger: "hover",
                   width: 160,
-                  trigger: "hover"
+                  "destroy-on-close": true
                 }, {
                   reference: withCtx(() => [
                     createVNode(unref(TMagicIcon), { class: "m-editor-page-bar-menu-icon" }, {
@@ -7548,7 +7620,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1024)
-              ], 10, _hoisted_2$8);
+              ], 10, _hoisted_2$7);
             }), 128))
           ]),
           _: 3
@@ -7559,7 +7631,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$b = { class: "m-editor-empty-panel" };
-const _hoisted_2$7 = { class: "m-editor-empty-content" };
+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 _sfc_main$s = /* @__PURE__ */ defineComponent({
@@ -7585,7 +7657,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$7, [
+        createElementVNode("div", _hoisted_2$6, [
           createElementVNode("div", {
             class: "m-editor-empty-button",
             onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(unref(NodeType).PAGE))
@@ -8110,7 +8182,7 @@ 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$6 = { class: "tree-node-label" };
+const _hoisted_2$5 = { class: "tree-node-label" };
 const _hoisted_3$3 = { class: "tree-node-tool" };
 const _hoisted_4$3 = {
   key: 0,
@@ -8200,7 +8272,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onClick: nodeClickHandler
           }, [
             renderSlot(_ctx.$slots, "tree-node-content", { data: _ctx.data }, () => [
-              createElementVNode("div", _hoisted_2$6, [
+              createElementVNode("div", _hoisted_2$5, [
                 renderSlot(_ctx.$slots, "tree-node-label", { data: _ctx.data }, () => [
                   createTextVNode(toDisplayString(`${_ctx.data.name} (${_ctx.data.id})`), 1)
                 ])
@@ -8294,76 +8366,6 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const useFilter = (nodeData, nodeStatusMap, filterNodeMethod) => {
-  const filterIsMatch = (value, data) => {
-    const string = !Array.isArray(value) ? [value] : value;
-    if (!string.length) {
-      return true;
-    }
-    return string.some((v) => filterNodeMethod(v, data));
-  };
-  const filter = (text) => {
-    if (!nodeData.value.length) return;
-    nodeData.value.forEach((node) => {
-      traverseNode(node, (node2, parents) => {
-        if (!nodeStatusMap.value) return;
-        const visible = filterIsMatch(text, node2);
-        if (visible && parents.length) {
-          parents.forEach((parent) => {
-            updateStatus(nodeStatusMap.value, parent.id, {
-              visible,
-              expand: true
-            });
-          });
-        }
-        updateStatus(nodeStatusMap.value, node2.id, {
-          visible
-        });
-      });
-    });
-  };
-  return {
-    filterText: ref(""),
-    filterTextChangeHandler(text) {
-      filter(text);
-    }
-  };
-};
-
-const createPageNodeStatus$1 = (nodeData, initialLayerNodeStatus) => {
-  const map = /* @__PURE__ */ new Map();
-  nodeData.forEach(
-    (node) => traverseNode(node, (node2) => {
-      map.set(
-        node2.id,
-        initialLayerNodeStatus?.get(node2.id) || {
-          visible: true,
-          expand: false,
-          selected: false,
-          draggable: false
-        }
-      );
-    })
-  );
-  return map;
-};
-const useNodeStatus$1 = (nodeData) => {
-  const nodeStatusMap = ref(/* @__PURE__ */ new Map());
-  watch(
-    nodeData,
-    (nodeData2) => {
-      nodeStatusMap.value = createPageNodeStatus$1(nodeData2, nodeStatusMap.value);
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-  );
-  return {
-    nodeStatusMap
-  };
-};
-
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeBlockList"
@@ -8847,7 +8849,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = { class: "search-wrapper" };
-const _hoisted_2$5 = { class: "data-source-list-panel-add-menu" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorDataSourceListPanel"
@@ -8896,7 +8897,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
               unref(editable) ? (openBlock(), createBlock(unref(TMagicPopover), {
                 key: 0,
-                placement: "right"
+                placement: "right",
+                trigger: "hover",
+                "popper-class": "data-source-list-panel-add-menu",
+                "destroy-on-close": true
               }, {
                 reference: withCtx(() => [
                   createVNode(unref(TMagicButton), {
@@ -8910,20 +8914,18 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   })
                 ]),
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$5, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(datasourceTypeList.value, (item, index) => {
-                      return openBlock(), createBlock(_sfc_main$y, {
-                        data: {
-                          type: "button",
-                          text: item.text,
-                          handler: () => {
-                            addHandler(item.type);
-                          }
-                        },
-                        key: index
-                      }, null, 8, ["data"]);
-                    }), 128))
-                  ])
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(datasourceTypeList.value, (item, index) => {
+                    return openBlock(), createBlock(_sfc_main$y, {
+                      data: {
+                        type: "button",
+                        text: item.text,
+                        handler: () => {
+                          addHandler(item.type);
+                        }
+                      },
+                      key: index
+                    }, null, 8, ["data"]);
+                  }), 128))
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
@@ -10082,7 +10084,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const props = __props;
     const services = inject("services");
     const columnLeftWidth = computed(() => services?.uiService.get("columnWidth")[ColumnLayout.LEFT] || 0);
-    const { height: columnLeftHeight } = useEditorContentHeight();
+    const { height: editorContentHeight } = useEditorContentHeight();
+    const columnLeftHeight = ref(0);
+    const unWatchEditorContentHeight = watch(
+      editorContentHeight,
+      (height) => {
+        if (height) {
+          columnLeftHeight.value = height * 0.5;
+          nextTick().then(() => {
+            unWatchEditorContentHeight();
+          });
+        }
+      },
+      {
+        immediate: true
+      }
+    );
     const activeTabName = ref(props.data?.status);
     const getItemConfig = (data) => {
       const map = {
@@ -10336,8 +10353,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 key: config.$key ?? index,
                 visible: unref(floatBoxStates)[config.$key].status,
                 "onUpdate:visible": ($event) => unref(floatBoxStates)[config.$key].status = $event,
-                height: unref(columnLeftHeight),
-                "onUpdate:height": _cache[1] || (_cache[1] = ($event) => isRef(columnLeftHeight) ? columnLeftHeight.value = $event : null),
+                height: columnLeftHeight.value,
+                "onUpdate:height": _cache[1] || (_cache[1] = ($event) => columnLeftHeight.value = $event),
                 width: columnLeftWidth.value,
                 title: config.text,
                 position: {
@@ -12669,4 +12686,4 @@ const index = {
   }
 };
 
-export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$L as CodeBlockEditor, _sfc_main$l as CodeBlockList, _sfc_main$k as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$U as CodeSelect, _sfc_main$S as CodeSelectCol, ColumnLayout, _sfc_main$b as ComponentListPanel, _sfc_main$R as CondOpSelect, _sfc_main$g as ContentMenu, _sfc_main$j as DataSourceConfigPanel, _sfc_main$N as DataSourceFieldSelect, _sfc_main$P as DataSourceFields, _sfc_main$M as DataSourceInput, _sfc_main$J as DataSourceMethodSelect, _sfc_main$K as DataSourceMethods, _sfc_main$I as DataSourceMocks, _sfc_main$H as DataSourceSelect, _sfc_main$G as DisplayConds, DragType, _sfc_main$F as EventSelect, Fixed2Other, _sfc_main$Q as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$Y as Icon, IdleTask, KeyBindingCommand, _sfc_main$D as KeyValue, Keys, LayerOffset, _sfc_main$c as LayerPanel, Layout, _sfc_main$z as LayoutContainer, _sfc_main$C as PageFragmentSelect, _sfc_main$p as PropsPanel, _sfc_main$A as Resizer, ScrollViewer, SideItemKey, _sfc_main$z as SplitView, _sfc_main$X as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$y as ToolButton, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, eqOptions, error, eventTabConfig, eventsService, fillConfig$1 as fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getConfig, getDefaultConfig, getDisplayField, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, moveItemsInContainer, numberOptions, propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setConfig, setLayout, stageOverlayService, storageService, styleTabConfig, traverseNode, uiService, updateStatus, useCodeBlockEdit, useDataSourceMethod, useEditorContentHeight, useFloatBox, useStage, useWindowRect, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$L as CodeBlockEditor, _sfc_main$l as CodeBlockList, _sfc_main$k as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$U as CodeSelect, _sfc_main$S as CodeSelectCol, ColumnLayout, _sfc_main$b as ComponentListPanel, _sfc_main$R as CondOpSelect, _sfc_main$g as ContentMenu, _sfc_main$j as DataSourceConfigPanel, _sfc_main$N as DataSourceFieldSelect, _sfc_main$P as DataSourceFields, _sfc_main$M as DataSourceInput, _sfc_main$J as DataSourceMethodSelect, _sfc_main$K as DataSourceMethods, _sfc_main$I as DataSourceMocks, _sfc_main$H as DataSourceSelect, _sfc_main$G as DisplayConds, DragType, _sfc_main$F as EventSelect, Fixed2Other, _sfc_main$Q as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$Y as Icon, IdleTask, KeyBindingCommand, _sfc_main$D as KeyValue, Keys, LayerOffset, _sfc_main$c as LayerPanel, Layout, _sfc_main$z as LayoutContainer, _sfc_main$C as PageFragmentSelect, _sfc_main$p as PropsPanel, _sfc_main$A as Resizer, ScrollViewer, SideItemKey, _sfc_main$z as SplitView, _sfc_main$X as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$y as ToolButton, _sfc_main$m as Tree, _sfc_main$n as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, eqOptions, error, eventTabConfig, eventsService, fillConfig$1 as fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getConfig, getDefaultConfig, getDisplayField, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, moveItemsInContainer, numberOptions, propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setConfig, setLayout, stageOverlayService, storageService, styleTabConfig, traverseNode, uiService, updateStatus, useCodeBlockEdit, useDataSourceMethod, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus$1 as useNodeStatus, useStage, useWindowRect, warn };