mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(editor): Apply Prettier (no-changelog) (#4920)

Browse Source 
* ⚡ Adjust `format` script

* 🔥 Remove exemption for `editor-ui`

* 🎨 Prettify

* 👕 Fix lint
This commit is contained in:
Iván Ovejero
2022-12-14 10:04:10 +01:00
committed by GitHub
parent bcde07e032
commit 5ca2148c7e
284 changed files with 19247 additions and 15540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
packages/editor-ui/src/components/VariableSelectorItem.vue
View File

@@ -1,74 +1,89 @@
<template>
<div class="item">
<div v-if="item.options" class="options">
<div v-if="item.options.length" class="headline clickable" @click="extended=!extended">
<div v-if="item.options.length" class="headline clickable" @click="extended = !extended">
<div class="options-toggle" v-if="extendAll !== true">
<font-awesome-icon v-if="extended" icon="angle-down" />
<font-awesome-icon v-else icon="angle-right" />
</div>
<div class="option-title" :title="item.key">
{{item.name}}
{{ item.name }}
<el-dropdown trigger="click" @click.stop @command="optionSelected($event, item)" v-if="allowParentSelect === true">
<el-dropdown
trigger="click"
@click.stop
@command="optionSelected($event, item)"
v-if="allowParentSelect === true"
>
<span class="el-dropdown-link clickable" @click.stop>
<font-awesome-icon icon="dot-circle" :title="$locale.baseText('variableSelectorItem.selectItem')" />
<font-awesome-icon
icon="dot-circle"
:title="$locale.baseText('variableSelectorItem.selectItem')"
/>
</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item :command="operation.command" v-for="operation in itemAddOperations" :key="operation.command">{{operation.displayName}}</el-dropdown-item>
<el-dropdown-item
:command="operation.command"
v-for="operation in itemAddOperations"
:key="operation.command"
>{{ operation.displayName }}</el-dropdown-item
>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
</div>
<div v-if="item.options && (extended === true || extendAll === true)">
<variable-selector-item v-for="option in item.options" :item="option" :key="option.key" :extendAll="extendAll" :allowParentSelect="option.allowParentSelect" class="sub-level" @itemSelected="forwardItemSelected"></variable-selector-item>
<variable-selector-item
v-for="option in item.options"
:item="option"
:key="option.key"
:extendAll="extendAll"
:allowParentSelect="option.allowParentSelect"
class="sub-level"
@itemSelected="forwardItemSelected"
></variable-selector-item>
</div>
</div>
<div v-else class="value clickable" @click="selectItem(item)">
<div class="item-title ph-no-capture" :title="item.key">
{{item.name}}:
{{ item.name }}:
<font-awesome-icon icon="dot-circle" title="Select Item" />
</div>
<div class="item-value">{{ item.value !== undefined?item.value: $locale.baseText('variableSelectorItem.empty') }}</div>
<div class="item-value">
{{ item.value !== undefined ? item.value : $locale.baseText('variableSelectorItem.empty') }}
</div>
</div>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import {
IVariableSelectorOption,
IVariableItemSelected,
} from '@/Interface';
import { externalHooks } from "@/mixins/externalHooks";
import { IVariableSelectorOption, IVariableItemSelected } from '@/Interface';
import { externalHooks } from '@/mixins/externalHooks';
import mixins from 'vue-typed-mixins';
export default mixins(externalHooks).extend({
name: 'VariableSelectorItem',
props: [
'allowParentSelect',
'extendAll',
'item',
],
props: ['allowParentSelect', 'extendAll', 'item'],
mounted() {
if (this.extended) return;
const shouldAutoExtend = [
this.$locale.baseText('variableSelectorItem.currentNode'),
this.$locale.baseText('variableSelectorItem.inputData'),
this.$locale.baseText('variableSelectorItem.binary'),
this.$locale.baseText('variableSelectorItem.json'),
].includes(this.item.name) && this.item.key === undefined;
const shouldAutoExtend =
[
this.$locale.baseText('variableSelectorItem.currentNode'),
this.$locale.baseText('variableSelectorItem.inputData'),
this.$locale.baseText('variableSelectorItem.binary'),
this.$locale.baseText('variableSelectorItem.json'),
].includes(this.item.name) && this.item.key === undefined;
if (shouldAutoExtend) {
this.extended = true;
}
},
computed: {
itemAddOperations () {
itemAddOperations() {
const returnOptions = [
{
command: 'raw',
@@ -98,13 +113,13 @@ export default mixins(externalHooks).extend({
return returnOptions;
},
},
data () {
data() {
return {
extended: false,
};
},
methods: {
optionSelected (command: string, item: IVariableSelectorOption) {
optionSelected(command: string, item: IVariableSelectorOption) {
// By default it is raw
let variable = item.key;
if (command === 'arrayValues') {
@@ -118,10 +133,10 @@ export default mixins(externalHooks).extend({
}
this.$emit('itemSelected', { variable });
},
selectItem (item: IVariableSelectorOption) {
selectItem(item: IVariableSelectorOption) {
this.$emit('itemSelected', { variable: item.key });
},
forwardItemSelected (eventData: IVariableItemSelected) {
forwardItemSelected(eventData: IVariableItemSelected) {
this.$emit('itemSelected', eventData);
},
},
@@ -129,7 +144,6 @@ export default mixins(externalHooks).extend({
</script>
<style scoped lang="scss">
.option-title {
position: relative;
display: inline-block;
@@ -167,5 +181,4 @@ export default mixins(externalHooks).extend({
.sub-level {
padding-left: 20px;
}
</style>