mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 10:31:15 +00:00
feat(editor): Update element-plus to 2.4.3 (no-changelog) (#10281)
Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>
This commit is contained in:
Milorad FIlipović
committed by
GitHub
GitHub
parent
03c19723d2
commit
ecd287564d
@@ -4,142 +4,143 @@
|
||||
class="resource-locator"
|
||||
:data-test-id="`resource-locator-${parameter.name}`"
|
||||
>
|
||||
<ResourceLocatorDropdown
|
||||
ref="dropdown"
|
||||
v-on-click-outside="hideResourceDropdown"
|
||||
:model-value="modelValue ? modelValue.value : ''"
|
||||
:show="resourceDropdownVisible"
|
||||
:filterable="isSearchable"
|
||||
:filter-required="requiresSearchFilter"
|
||||
:resources="currentQueryResults"
|
||||
:loading="currentQueryLoading"
|
||||
:filter="searchFilter"
|
||||
:has-more="currentQueryHasMore"
|
||||
:error-view="currentQueryError"
|
||||
:width="width"
|
||||
:event-bus="eventBus"
|
||||
@update:model-value="onListItemSelected"
|
||||
@filter="onSearchFilter"
|
||||
@load-more="loadResourcesDebounced"
|
||||
>
|
||||
<template #error>
|
||||
<div :class="$style.error" data-test-id="rlc-error-container">
|
||||
<n8n-text color="text-dark" align="center" tag="div">
|
||||
{{ $locale.baseText('resourceLocator.mode.list.error.title') }}
|
||||
</n8n-text>
|
||||
<n8n-text v-if="hasCredential || credentialsNotSet" size="small" color="text-base">
|
||||
{{ $locale.baseText('resourceLocator.mode.list.error.description.part1') }}
|
||||
<a v-if="credentialsNotSet" @click="createNewCredential">{{
|
||||
$locale.baseText('resourceLocator.mode.list.error.description.part2.noCredentials')
|
||||
}}</a>
|
||||
<a v-else-if="hasCredential" @click="openCredential">{{
|
||||
$locale.baseText('resourceLocator.mode.list.error.description.part2.hasCredentials')
|
||||
}}</a>
|
||||
</n8n-text>
|
||||
</div>
|
||||
</template>
|
||||
<div
|
||||
:class="{
|
||||
[$style.resourceLocator]: true,
|
||||
[$style.multipleModes]: hasMultipleModes,
|
||||
}"
|
||||
<OnClickOutside @trigger="hideResourceDropdown">
|
||||
<ResourceLocatorDropdown
|
||||
ref="dropdown"
|
||||
:model-value="modelValue ? modelValue.value : ''"
|
||||
:show="resourceDropdownVisible"
|
||||
:filterable="isSearchable"
|
||||
:filter-required="requiresSearchFilter"
|
||||
:resources="currentQueryResults"
|
||||
:loading="currentQueryLoading"
|
||||
:filter="searchFilter"
|
||||
:has-more="currentQueryHasMore"
|
||||
:error-view="currentQueryError"
|
||||
:width="width"
|
||||
:event-bus="eventBus"
|
||||
@update:model-value="onListItemSelected"
|
||||
@filter="onSearchFilter"
|
||||
@load-more="loadResourcesDebounced"
|
||||
>
|
||||
<div :class="$style.background"></div>
|
||||
<div v-if="hasMultipleModes" :class="$style.modeSelector">
|
||||
<n8n-select
|
||||
:model-value="selectedMode"
|
||||
:size="inputSize"
|
||||
:disabled="isReadOnly"
|
||||
:placeholder="$locale.baseText('resourceLocator.modeSelector.placeholder')"
|
||||
data-test-id="rlc-mode-selector"
|
||||
@update:model-value="onModeSelected"
|
||||
>
|
||||
<n8n-option
|
||||
v-for="mode in parameter.modes"
|
||||
:key="mode.name"
|
||||
:value="mode.name"
|
||||
:label="getModeLabel(mode)"
|
||||
:disabled="isValueExpression && mode.name === 'list'"
|
||||
:title="
|
||||
isValueExpression && mode.name === 'list'
|
||||
? $locale.baseText('resourceLocator.mode.list.disabled.title')
|
||||
: ''
|
||||
"
|
||||
<template #error>
|
||||
<div :class="$style.error" data-test-id="rlc-error-container">
|
||||
<n8n-text color="text-dark" align="center" tag="div">
|
||||
{{ $locale.baseText('resourceLocator.mode.list.error.title') }}
|
||||
</n8n-text>
|
||||
<n8n-text v-if="hasCredential || credentialsNotSet" size="small" color="text-base">
|
||||
{{ $locale.baseText('resourceLocator.mode.list.error.description.part1') }}
|
||||
<a v-if="credentialsNotSet" @click="createNewCredential">{{
|
||||
$locale.baseText('resourceLocator.mode.list.error.description.part2.noCredentials')
|
||||
}}</a>
|
||||
<a v-else-if="hasCredential" @click="openCredential">{{
|
||||
$locale.baseText('resourceLocator.mode.list.error.description.part2.hasCredentials')
|
||||
}}</a>
|
||||
</n8n-text>
|
||||
</div>
|
||||
</template>
|
||||
<div
|
||||
:class="{
|
||||
[$style.resourceLocator]: true,
|
||||
[$style.multipleModes]: hasMultipleModes,
|
||||
}"
|
||||
>
|
||||
<div :class="$style.background"></div>
|
||||
<div v-if="hasMultipleModes" :class="$style.modeSelector">
|
||||
<n8n-select
|
||||
:model-value="selectedMode"
|
||||
:size="inputSize"
|
||||
:disabled="isReadOnly"
|
||||
:placeholder="$locale.baseText('resourceLocator.modeSelector.placeholder')"
|
||||
data-test-id="rlc-mode-selector"
|
||||
@update:model-value="onModeSelected"
|
||||
>
|
||||
{{ getModeLabel(mode) }}
|
||||
</n8n-option>
|
||||
</n8n-select>
|
||||
</div>
|
||||
|
||||
<div :class="$style.inputContainer" data-test-id="rlc-input-container">
|
||||
<DraggableTarget
|
||||
type="mapping"
|
||||
:disabled="hasOnlyListMode"
|
||||
:sticky="true"
|
||||
:sticky-offset="isValueExpression ? [26, 3] : [3, 3]"
|
||||
@drop="onDrop"
|
||||
>
|
||||
<template #default="{ droppable, activeDrop }">
|
||||
<div
|
||||
:class="{
|
||||
[$style.listModeInputContainer]: isListMode,
|
||||
[$style.droppable]: droppable,
|
||||
[$style.activeDrop]: activeDrop,
|
||||
}"
|
||||
@keydown.stop="onKeyDown"
|
||||
<n8n-option
|
||||
v-for="mode in parameter.modes"
|
||||
:key="mode.name"
|
||||
:value="mode.name"
|
||||
:label="getModeLabel(mode)"
|
||||
:disabled="isValueExpression && mode.name === 'list'"
|
||||
:title="
|
||||
isValueExpression && mode.name === 'list'
|
||||
? $locale.baseText('resourceLocator.mode.list.disabled.title')
|
||||
: ''
|
||||
"
|
||||
>
|
||||
<ExpressionParameterInput
|
||||
v-if="isValueExpression || forceShowExpression"
|
||||
ref="input"
|
||||
:model-value="expressionDisplayValue"
|
||||
:path="path"
|
||||
:rows="3"
|
||||
@update:model-value="onInputChange"
|
||||
@modal-opener-click="$emit('modalOpenerClick')"
|
||||
/>
|
||||
<n8n-input
|
||||
v-else
|
||||
ref="input"
|
||||
:class="{ [$style.selectInput]: isListMode }"
|
||||
:size="inputSize"
|
||||
:model-value="valueToDisplay"
|
||||
:disabled="isReadOnly"
|
||||
:readonly="isListMode"
|
||||
:title="displayTitle"
|
||||
:placeholder="inputPlaceholder"
|
||||
type="text"
|
||||
data-test-id="rlc-input"
|
||||
@update:model-value="onInputChange"
|
||||
@focus="onInputFocus"
|
||||
@blur="onInputBlur"
|
||||
{{ getModeLabel(mode) }}
|
||||
</n8n-option>
|
||||
</n8n-select>
|
||||
</div>
|
||||
|
||||
<div :class="$style.inputContainer" data-test-id="rlc-input-container">
|
||||
<DraggableTarget
|
||||
type="mapping"
|
||||
:disabled="hasOnlyListMode"
|
||||
:sticky="true"
|
||||
:sticky-offset="isValueExpression ? [26, 3] : [3, 3]"
|
||||
@drop="onDrop"
|
||||
>
|
||||
<template #default="{ droppable, activeDrop }">
|
||||
<div
|
||||
:class="{
|
||||
[$style.listModeInputContainer]: isListMode,
|
||||
[$style.droppable]: droppable,
|
||||
[$style.activeDrop]: activeDrop,
|
||||
}"
|
||||
@keydown.stop="onKeyDown"
|
||||
>
|
||||
<template v-if="isListMode" #suffix>
|
||||
<i
|
||||
:class="{
|
||||
['el-input__icon']: true,
|
||||
['el-icon-arrow-down']: true,
|
||||
[$style.selectIcon]: true,
|
||||
[$style.isReverse]: resourceDropdownVisible,
|
||||
}"
|
||||
/>
|
||||
</template>
|
||||
</n8n-input>
|
||||
</div>
|
||||
</template>
|
||||
</DraggableTarget>
|
||||
<ParameterIssues
|
||||
v-if="parameterIssues && parameterIssues.length"
|
||||
:issues="parameterIssues"
|
||||
:class="$style['parameter-issues']"
|
||||
/>
|
||||
<div v-else-if="urlValue" :class="$style.openResourceLink">
|
||||
<n8n-link theme="text" @click.stop="openResource(urlValue)">
|
||||
<font-awesome-icon icon="external-link-alt" :title="getLinkAlt(valueToDisplay)" />
|
||||
</n8n-link>
|
||||
<ExpressionParameterInput
|
||||
v-if="isValueExpression || forceShowExpression"
|
||||
ref="input"
|
||||
:model-value="expressionDisplayValue"
|
||||
:path="path"
|
||||
:rows="3"
|
||||
@update:model-value="onInputChange"
|
||||
@modal-opener-click="$emit('modalOpenerClick')"
|
||||
/>
|
||||
<n8n-input
|
||||
v-else
|
||||
ref="input"
|
||||
:class="{ [$style.selectInput]: isListMode }"
|
||||
:size="inputSize"
|
||||
:model-value="valueToDisplay"
|
||||
:disabled="isReadOnly"
|
||||
:readonly="isListMode"
|
||||
:title="displayTitle"
|
||||
:placeholder="inputPlaceholder"
|
||||
type="text"
|
||||
data-test-id="rlc-input"
|
||||
@update:model-value="onInputChange"
|
||||
@focus="onInputFocus"
|
||||
@blur="onInputBlur"
|
||||
>
|
||||
<template v-if="isListMode" #suffix>
|
||||
<i
|
||||
:class="{
|
||||
['el-input__icon']: true,
|
||||
['el-icon-arrow-down']: true,
|
||||
[$style.selectIcon]: true,
|
||||
[$style.isReverse]: resourceDropdownVisible,
|
||||
}"
|
||||
/>
|
||||
</template>
|
||||
</n8n-input>
|
||||
</div>
|
||||
</template>
|
||||
</DraggableTarget>
|
||||
<ParameterIssues
|
||||
v-if="parameterIssues && parameterIssues.length"
|
||||
:issues="parameterIssues"
|
||||
:class="$style['parameter-issues']"
|
||||
/>
|
||||
<div v-else-if="urlValue" :class="$style.openResourceLink">
|
||||
<n8n-link theme="text" @click.stop="openResource(urlValue)">
|
||||
<font-awesome-icon icon="external-link-alt" :title="getLinkAlt(valueToDisplay)" />
|
||||
</n8n-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ResourceLocatorDropdown>
|
||||
</ResourceLocatorDropdown>
|
||||
</OnClickOutside>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -176,6 +177,7 @@ import { useDebounce } from '@/composables/useDebounce';
|
||||
import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { ndvEventBus } from '@/event-bus';
|
||||
import { OnClickOutside } from '@vueuse/components';
|
||||
|
||||
interface IResourceLocatorQuery {
|
||||
results: INodeListSearchItems[];
|
||||
@@ -191,6 +193,7 @@ export default defineComponent({
|
||||
ExpressionParameterInput,
|
||||
ParameterIssues,
|
||||
ResourceLocatorDropdown,
|
||||
OnClickOutside,
|
||||
},
|
||||
props: {
|
||||
parameter: {
|
||||
|
||||
Reference in New Issue
Block a user