From 219436afe01f9d814c0e106d0fd11b85a7037c2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8A=9B=E7=9A=93?= <lihao.ylh@alibaba-inc.com>
Date: Wed, 2 Dec 2020 10:54:12 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E5=85=BC=E5=AE=B9=20onActiveChange=20?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95=20refactor:=20=E5=A2=9E=E5=8A=A0=E6=8B=96?=
 =?UTF-8?q?=E6=8B=BD=E6=97=B6=20insertion=20=E5=8A=A8=E7=94=BB=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../designer/src/builtin-simulator/bem-tools/insertion.tsx | 1 +
 packages/editor-skeleton/src/widget/panel-dock.ts          | 7 +++++++
 packages/plugin-outline-pane/src/views/style.less          | 1 +
 3 files changed, 9 insertions(+)

diff --git a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
index d3b2ff17d..482ff81bc 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
+++ b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
@@ -170,6 +170,7 @@ export class InsertionView extends Component<{ host: BuiltinSimulatorHost }> {
       }
     }
     style.transform = `translate3d(${x}px, ${y}px, 0)`;
+    style.transition = 'all 0.2s ease-in-out';
 
     return <div className={className} style={style} />;
   }
diff --git a/packages/editor-skeleton/src/widget/panel-dock.ts b/packages/editor-skeleton/src/widget/panel-dock.ts
index 9c52f483c..150d1a71b 100644
--- a/packages/editor-skeleton/src/widget/panel-dock.ts
+++ b/packages/editor-skeleton/src/widget/panel-dock.ts
@@ -141,6 +141,13 @@ export default class PanelDock implements IWidget {
   showPanel() {
     this.panel?.setActive(true);
   }
+
+  /**
+   * @deprecated
+   */
+  onActiveChange(func: () => any) {
+    return this.panel?.onActiveChange(func);
+  }
 }
 
 
diff --git a/packages/plugin-outline-pane/src/views/style.less b/packages/plugin-outline-pane/src/views/style.less
index e2c81a033..c910258d8 100644
--- a/packages/plugin-outline-pane/src/views/style.less
+++ b/packages/plugin-outline-pane/src/views/style.less
@@ -86,6 +86,7 @@
     height: @treeNodeHeight;
     box-sizing: border-box;
     transform: translateZ(0);
+    transition: all 0.2s ease-in-out;
     &.invalid {
       border-color: red;
       background-color: rgba(240, 154, 154, 0.719);