@tmagic/editor 1.1.0-beta.10 → 1.1.0-beta.11

package/dist/tmagic-editor.mjs

@@ -199,19 +199,21 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         onClick: startSelect,
         style: { "display": "flex" }
       }, [
-        createVNode(_component_el_tooltip, { content: "\u6E05\u9664" }, {
+        unref(val) ? (openBlock(), createBlock(_component_el_tooltip, {
+          key: 0,
+          content: "\u6E05\u9664"
+        }, {
           default: withCtx(() => [
-            unref(val) ? (openBlock(), createBlock(_component_el_button, {
-              key: 0,
+            createVNode(_component_el_button, {
               style: { "padding": "0" },
               type: "danger",
               icon: unref(Close),
               text: "",
               onClick: withModifiers(deleteHandler, ["stop"])
-            }, null, 8, ["icon", "onClick"])) : createCommentVNode("", true)
+            }, null, 8, ["icon", "onClick"])
           ]),
           _: 1
-        }),
+        })) : createCommentVNode("", true),
         createVNode(_component_el_tooltip, {
           content: unref(val) ? unref(toName) + "_" + unref(val) : "\u70B9\u51FB\u6B64\u5904\u9009\u62E9"
         }, {
@@ -2837,20 +2839,38 @@ const useDrop = (tree, editorService) => ({
   }
 });
 const useStatus = (tree, editorService) => {
-  const highlightNode = ref();
   const node = ref();
   const page = computed(() => editorService?.get("page"));
+  const expandedKeys = /* @__PURE__ */ new Map();
+  const expandNodes = () => {
+    expandedKeys.forEach((key) => {
+      if (!tree.value)
+        return;
+      tree.value.getNode(key)?.expand();
+    });
+  };
   watchEffect(() => {
     if (!tree.value)
       return;
-    node.value = editorService?.get("node");
-    node.value && tree.value.setCurrentKey(node.value.id, true);
-    const parent = editorService?.get("parent");
+    if (!editorService)
+      return;
+    node.value = editorService.get("node");
+    if (!node.value)
+      return;
+    tree.value.setCurrentKey(node.value.id, true);
+    const parent = editorService.get("parent");
     if (!parent?.id)
       return;
     const treeNode = tree.value.getNode(parent.id);
     treeNode?.updateChildren();
-    highlightNode.value = editorService?.get("highlightNode");
+    setTimeout(() => {
+      tree.value && Object.entries(tree.value.store.nodesMap).forEach(([id, node2]) => {
+        if (node2.expanded && node2.data.items) {
+          expandedKeys.set(id, id);
+        }
+      });
+      expandNodes();
+    });
   });
   return {
     values: computed(() => page.value ? [page.value] : []),
@@ -2863,9 +2883,18 @@ const useStatus = (tree, editorService) => {
       }
       resolve([]);
     },
-    highlightNode,
+    highlightNode: computed(() => editorService?.get("highlightNode")),
     clickNode: node,
-    expandedKeys: computed(() => node.value ? [node.value.id] : [])
+    expandedKeys: computed(() => node.value ? [node.value.id] : []),
+    handleCollapse: (data) => {
+      expandedKeys.delete(data.id);
+    },
+    handleExpand: (data) => {
+      const parent = editorService?.getParentById(data.id);
+      if (!parent?.id)
+        return;
+      expandedKeys.set(parent.id, parent.id);
+    }
   };
 };
 const useFilter = (tree) => ({
@@ -2956,6 +2985,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         ref: "tree",
         "node-key": "id",
+        "empty-text": "\u9875\u9762\u7A7A\u8361\u8361\u7684",
         draggable: "",
         "default-expanded-keys": _ctx.expandedKeys,
         load: _ctx.loadItems,
@@ -2970,7 +3000,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         onNodeClick: _ctx.clickHandler,
         onNodeContextmenu: _ctx.contextmenu,
         onNodeDragEnd: _ctx.handleDragEnd,
-        "empty-text": "\u9875\u9762\u7A7A\u8361\u8361\u7684"
+        onNodeCollapse: _ctx.handleCollapse,
+        onNodeExpand: _ctx.handleExpand
       }, {
         default: withCtx(({ node, data }) => [
           createElementVNode("div", {
@@ -2989,7 +3020,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           ], 42, _hoisted_1$4)
         ]),
         _: 3
-      }, 8, ["default-expanded-keys", "load", "data", "filter-node-method", "allow-drop", "onNodeClick", "onNodeContextmenu", "onNodeDragEnd"])) : createCommentVNode("", true),
+      }, 8, ["default-expanded-keys", "load", "data", "filter-node-method", "allow-drop", "onNodeClick", "onNodeContextmenu", "onNodeDragEnd", "onNodeCollapse", "onNodeExpand"])) : createCommentVNode("", true),
       (openBlock(), createBlock(Teleport, { to: "body" }, [
         createVNode(_component_layer_menu, { ref: "menu" }, null, 512)
       ]))