mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

⚡ Speed up expression editor

Browse source
This commit is contained in:
Jan Oberhauser 2021-05-29 21:08:41 -05:00
parent a5300a5f24
commit 2d9c2e1a1e
1 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
packages/editor-ui/src/components/ExpressionEdit.vue
View file

@ -30,7 +30,7 @@
<div class="editor-description">
Result
</div>
<expression-input :parameter="parameter" resolvedValue="true" ref="expressionResult" rows="8" :value="value" :path="path"></expression-input>
<expression-input :parameter="parameter" resolvedValue="true" ref="expressionResult" rows="8" :value="displayValue" :path="path"></expression-input>
</div>
</el-col>
@ -41,22 +41,20 @@
</template>
<script lang="ts">
import Vue from 'vue';
import ExpressionInput from '@/components/ExpressionInput.vue';
import VariableSelector from '@/components/VariableSelector.vue';
import { IVariableItemSelected } from '@/Interface';
import {
Workflow,
} from 'n8n-workflow';
import { externalHooks } from '@/components/mixins/externalHooks';
import { genericHelpers } from '@/components/mixins/genericHelpers';
import mixins from 'vue-typed-mixins';
export default mixins(externalHooks).extend({
export default mixins(
externalHooks,
genericHelpers,
).extend({
name: 'ExpressionEdit',
props: [
'dialogVisible',
@ -70,16 +68,28 @@ export default mixins(externalHooks).extend({
},
data () {
return {
displayValue: '',
latestValue: '',
};
},
mounted () {
this.displayValue = this.value;
this.latestValue = this.value;
},
methods: {
valueChanged (value: string) {
this.$emit('valueChanged', value);
this.latestValue = value;
this.callDebounced('updateDisplayValue', 500);
},
updateDisplayValue () {
this.displayValue = this.latestValue;
},
closeDialog () {
// Handle the close externally as the visible parameter is an external prop
// and is so not allowed to be changed here.
this.$emit('valueChanged', this.latestValue);
this.$emit('closeDialog');
return false;
},