mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-24 04:04:06 -08:00
🐛 Fix UI blocking with large workflows (#2053)
* fix reactivity bug * Clean up props * add comma * clean up, reduce reactivity more * ts issues
This commit is contained in:
parent
af230c704d
commit
fa31c0c7b6
|
@ -125,22 +125,30 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
|
||||||
return 'play';
|
return 'play';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
nodeSubtitle (): string | undefined {
|
|
||||||
return this.getNodeSubtitle(this.data, this.nodeType, this.workflow);
|
|
||||||
},
|
|
||||||
workflowRunning (): boolean {
|
workflowRunning (): boolean {
|
||||||
return this.$store.getters.isActionActive('workflowRunning');
|
return this.$store.getters.isActionActive('workflowRunning');
|
||||||
},
|
},
|
||||||
workflow () {
|
},
|
||||||
return this.getWorkflow();
|
watch: {
|
||||||
|
isActive(newValue, oldValue) {
|
||||||
|
if (!newValue && oldValue) {
|
||||||
|
this.setSubtitle();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.setSubtitle();
|
||||||
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
isTouchActive: false,
|
isTouchActive: false,
|
||||||
|
nodeSubtitle: '',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
setSubtitle() {
|
||||||
|
this.nodeSubtitle = this.getNodeSubtitle(this.data, this.nodeType, this.getWorkflow()) || '';
|
||||||
|
},
|
||||||
disableNode () {
|
disableNode () {
|
||||||
this.disableNodes([this.data]);
|
this.disableNodes([this.data]);
|
||||||
},
|
},
|
||||||
|
|
|
@ -57,6 +57,7 @@ export const nodeBase = mixins(
|
||||||
'nodeId',
|
'nodeId',
|
||||||
'instance',
|
'instance',
|
||||||
'isReadOnly',
|
'isReadOnly',
|
||||||
|
'isActive',
|
||||||
],
|
],
|
||||||
methods: {
|
methods: {
|
||||||
__addNode (node: INodeUi) {
|
__addNode (node: INodeUi) {
|
||||||
|
|
|
@ -26,6 +26,7 @@
|
||||||
:name="nodeData.name"
|
:name="nodeData.name"
|
||||||
:isReadOnly="isReadOnly"
|
:isReadOnly="isReadOnly"
|
||||||
:instance="instance"
|
:instance="instance"
|
||||||
|
:isActive="!!activeNode && activeNode.name === nodeData.name"
|
||||||
></node>
|
></node>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue