From e91ab1fafe4e41c9103ac06c73b9013068f741b2 Mon Sep 17 00:00:00 2001
From: "wuyue.xht" <wuyue.xht@alibaba-inc.com>
Date: Mon, 29 Jun 2020 15:09:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=A7=E7=BA=B2=E6=A0=91=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F=E5=9F=8B=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/tree-title.tsx                  | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/plugin-outline-pane/src/views/tree-title.tsx b/packages/plugin-outline-pane/src/views/tree-title.tsx
index 53a69f33b..ec7b9cd33 100644
--- a/packages/plugin-outline-pane/src/views/tree-title.tsx
+++ b/packages/plugin-outline-pane/src/views/tree-title.tsx
@@ -12,6 +12,18 @@ import { IconCond } from '../icons/cond';
 import { IconLoop } from '../icons/loop';
 import { createIcon } from '@ali/lowcode-utils';
 
+function report(type: string, treeNode: TreeNode, rest?: object) {
+  const editor = globalContext.get(Editor);
+  const node = treeNode?.node;
+  const npm = node?.componentMeta?.npm;
+  const selected =
+    [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || node?.componentMeta?.componentName || '';
+  editor?.emit(`outlinePane.${type}`, {
+    selected,
+    ...rest,
+  });
+}
+
 @observer
 export default class TreeTitle extends Component<{
   treeNode: TreeNode;
@@ -37,7 +49,9 @@ export default class TreeTitle extends Component<{
 
   private saveEdit = (e: FocusEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>) => {
     const { treeNode } = this.props;
-    treeNode.setTitleLabel((e.target as HTMLInputElement).value || '');
+    const value = (e.target as HTMLInputElement).value || '';
+    treeNode.setTitleLabel(value);
+    report('rename', treeNode, { value });
     this.cancelEdit();
   };
 
@@ -164,17 +178,8 @@ class HideBtn extends Component<{ treeNode: TreeNode }> {
         className="tree-node-hide-btn"
         onClick={(e) => {
           e.stopPropagation();
+          report(treeNode.hidden ? 'show' : 'hide', treeNode);
           treeNode.setHidden(!treeNode.hidden);
-          const editor = globalContext.get(Editor);
-          const node = treeNode?.node;
-          const npm = node?.componentMeta?.npm;
-          const selected =
-            [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
-            node?.componentMeta?.componentName ||
-            '';
-          editor?.emit('outlinePane.hide', {
-            selected,
-          });
         }}
       >
         {treeNode.hidden ? <IconEyeClose /> : <IconEye />}