chore: 兼容 onActiveChange 方法

refactor: 增加拖拽时 insertion 动画效果

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} />;
   }

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);
+  }
 }
 
 

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);