github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-11 18:42:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update modals visible state in outline pane

Browse Source
This commit is contained in:
liujuping 2023-05-23 17:37:29 +08:00 committed by 林熠
parent 5dcd946dca
commit c78dd80c28
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/plugin-outline-pane/src/controllers/tree-node.ts
View File

@ -244,7 +244,9 @@ export default class TreeNode {
if (this.node.conditionGroup) { if (this.node.conditionGroup) {
return; return;
} }
this.node.visible = !flag; if (this.node.visible !== !flag) {
this.node.visible = !flag;
}
this.event.emit(EVENT_NAMES.hiddenChanged, flag); this.event.emit(EVENT_NAMES.hiddenChanged, flag);
} }

5
packages/plugin-outline-pane/src/controllers/tree.ts
View File

@ -40,6 +40,11 @@ export class Tree {
treeNode?.notifyConditionChanged(); treeNode?.notifyConditionChanged();
} }
}); });
doc?.onChangeNodeVisible((node: IPublicModelNode, visible: boolean) => {
const treeNode = this.getTreeNodeById(node.id);
treeNode?.setHidden(!visible);
});
} }
setNodeSelected(nodeId: string): void { setNodeSelected(nodeId: string): void {

12
packages/plugin-outline-pane/src/views/tree-title.tsx
View File

@ -28,6 +28,7 @@ export default class TreeTitle extends PureComponent<{
editing: boolean; editing: boolean;
title: string; title: string;
condition?: boolean; condition?: boolean;
visible?: boolean;
} = { } = {
editing: false, editing: false,
title: '', title: '',
@ -93,6 +94,11 @@ export default class TreeTitle extends PureComponent<{
condition: treeNode.condition, condition: treeNode.condition,
}); });
}); });
treeNode.onHiddenChanged((hidden: boolean) => {
this.setState({
visible: !hidden,
});
});
} }
render() { render() {
@ -132,7 +138,7 @@ export default class TreeTitle extends PureComponent<{
data-id={treeNode.id} data-id={treeNode.id}
onClick={() => { onClick={() => {
if (isModal) { if (isModal) {
if (node.visible) { if (this.state.visible) {
node.document?.modalNodesManager?.setInvisible(node); node.document?.modalNodesManager?.setInvisible(node);
} else { } else {
node.document?.modalNodesManager?.setVisible(node); node.document?.modalNodesManager?.setVisible(node);
@ -144,7 +150,7 @@ export default class TreeTitle extends PureComponent<{
} }
}} }}
> >
{isModal && node.visible && ( {isModal && this.state.visible && (
<div onClick={() => { <div onClick={() => {
node.document?.modalNodesManager?.setInvisible(node); node.document?.modalNodesManager?.setInvisible(node);
}} }}
@ -152,7 +158,7 @@ export default class TreeTitle extends PureComponent<{
<IconRadioActive className="tree-node-modal-radio-active" /> <IconRadioActive className="tree-node-modal-radio-active" />
</div> </div>
)} )}
{isModal && !node.visible && ( {isModal && !this.state.visible && (
<div onClick={() => { <div onClick={() => {
node.document?.modalNodesManager?.setVisible(node); node.document?.modalNodesManager?.setVisible(node);
}} }}