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

package/dist/tmagic-editor.umd.js

@@ -217,19 +217,21 @@
           onClick: startSelect,
           style: { "display": "flex" }
         }, [
-          vue.createVNode(_component_el_tooltip, { content: "\u6E05\u9664" }, {
+          vue.unref(val) ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+            key: 0,
+            content: "\u6E05\u9664"
+          }, {
             default: vue.withCtx(() => [
-              vue.unref(val) ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-                key: 0,
+              vue.createVNode(_component_el_button, {
                 style: { "padding": "0" },
                 type: "danger",
                 icon: vue.unref(iconsVue.Close),
                 text: "",
                 onClick: vue.withModifiers(deleteHandler, ["stop"])
-              }, null, 8, ["icon", "onClick"])) : vue.createCommentVNode("", true)
+              }, null, 8, ["icon", "onClick"])
             ]),
             _: 1
-          }),
+          })) : vue.createCommentVNode("", true),
           vue.createVNode(_component_el_tooltip, {
             content: vue.unref(val) ? vue.unref(toName) + "_" + vue.unref(val) : "\u70B9\u51FB\u6B64\u5904\u9009\u62E9"
           }, {
@@ -2855,20 +2857,38 @@
     }
   });
   const useStatus = (tree, editorService) => {
-    const highlightNode = vue.ref();
     const node = vue.ref();
     const page = vue.computed(() => editorService?.get("page"));
+    const expandedKeys = /* @__PURE__ */ new Map();
+    const expandNodes = () => {
+      expandedKeys.forEach((key) => {
+        if (!tree.value)
+          return;
+        tree.value.getNode(key)?.expand();
+      });
+    };
     vue.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: vue.computed(() => page.value ? [page.value] : []),
@@ -2881,9 +2901,18 @@
         }
         resolve([]);
       },
-      highlightNode,
+      highlightNode: vue.computed(() => editorService?.get("highlightNode")),
       clickNode: node,
-      expandedKeys: vue.computed(() => node.value ? [node.value.id] : [])
+      expandedKeys: vue.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) => ({
@@ -2974,6 +3003,7 @@
           key: 0,
           ref: "tree",
           "node-key": "id",
+          "empty-text": "\u9875\u9762\u7A7A\u8361\u8361\u7684",
           draggable: "",
           "default-expanded-keys": _ctx.expandedKeys,
           load: _ctx.loadItems,
@@ -2988,7 +3018,8 @@
           onNodeClick: _ctx.clickHandler,
           onNodeContextmenu: _ctx.contextmenu,
           onNodeDragEnd: _ctx.handleDragEnd,
-          "empty-text": "\u9875\u9762\u7A7A\u8361\u8361\u7684"
+          onNodeCollapse: _ctx.handleCollapse,
+          onNodeExpand: _ctx.handleExpand
         }, {
           default: vue.withCtx(({ node, data }) => [
             vue.createElementVNode("div", {
@@ -3007,7 +3038,7 @@
             ], 42, _hoisted_1$4)
           ]),
           _: 3
-        }, 8, ["default-expanded-keys", "load", "data", "filter-node-method", "allow-drop", "onNodeClick", "onNodeContextmenu", "onNodeDragEnd"])) : vue.createCommentVNode("", true),
+        }, 8, ["default-expanded-keys", "load", "data", "filter-node-method", "allow-drop", "onNodeClick", "onNodeContextmenu", "onNodeDragEnd", "onNodeCollapse", "onNodeExpand"])) : vue.createCommentVNode("", true),
         (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
           vue.createVNode(_component_layer_menu, { ref: "menu" }, null, 512)
         ]))