github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-25 19:38:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: 兼容 onActiveChange 方法

Browse Source 
refactor: 增加拖拽时 insertion 动画效果
This commit is contained in:
力皓 2020-12-02 10:54:12 +08:00
parent 3a4d47a388
commit 219436afe0
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
View File

@ -170,6 +170,7 @@ export class InsertionView extends Component<{ host: BuiltinSimulatorHost }> {
} }
} }
style.transform = `translate3d(${x}px, ${y}px, 0)`; style.transform = `translate3d(${x}px, ${y}px, 0)`;
style.transition = 'all 0.2s ease-in-out';
return <div className={className} style={style} />; return <div className={className} style={style} />;
} }

7
packages/editor-skeleton/src/widget/panel-dock.ts
View File

@ -141,6 +141,13 @@ export default class PanelDock implements IWidget {
showPanel() { showPanel() {
this.panel?.setActive(true); this.panel?.setActive(true);
} }
/**
* @deprecated
*/
onActiveChange(func: () => any) {
return this.panel?.onActiveChange(func);
}
} }

1
packages/plugin-outline-pane/src/views/style.less
View File

@ -86,6 +86,7 @@
height: @treeNodeHeight; height: @treeNodeHeight;
box-sizing: border-box; box-sizing: border-box;
transform: translateZ(0); transform: translateZ(0);
transition: all 0.2s ease-in-out;
&.invalid { &.invalid {
border-color: red; border-color: red;
background-color: rgba(240, 154, 154, 0.719); background-color: rgba(240, 154, 154, 0.719);