fix: set key as name
This commit is contained in:
parent
3a4abfb9e5
commit
c4cebe6db1
@ -6,7 +6,7 @@
|
||||
<Draggable
|
||||
v-if="tabs.length && tabs[tabIndex].label"
|
||||
:list="tabs"
|
||||
item-key="label"
|
||||
item-key="name"
|
||||
class="flex items-center gap-2"
|
||||
@end="(e) => (tabIndex = e.newIndex)"
|
||||
>
|
||||
@ -66,10 +66,10 @@
|
||||
</template>
|
||||
</Button>
|
||||
</div>
|
||||
<div v-show="tabIndex == i" v-for="(tab, i) in tabs" :key="tab.label">
|
||||
<div v-show="tabIndex == i" v-for="(tab, i) in tabs" :key="tab.name">
|
||||
<Draggable
|
||||
:list="tab.sections"
|
||||
item-key="label"
|
||||
item-key="name"
|
||||
class="flex flex-col gap-5.5"
|
||||
>
|
||||
<template #item="{ element: section, index: i }">
|
||||
@ -123,7 +123,7 @@
|
||||
class="flex gap-2"
|
||||
:list="section.columns"
|
||||
group="columns"
|
||||
item-key="fields"
|
||||
item-key="name"
|
||||
>
|
||||
<template #item="{ element: column }">
|
||||
<div
|
||||
@ -132,7 +132,7 @@
|
||||
<Draggable
|
||||
:list="column.fields"
|
||||
group="fields"
|
||||
item-key="label"
|
||||
item-key="name"
|
||||
class="flex flex-col gap-1.5"
|
||||
handle=".cursor-grab"
|
||||
>
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
<div v-if="preview" class="flex flex-1 flex-col border rounded">
|
||||
<div
|
||||
v-for="(section, i) in tabs.data[0].sections"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col py-1.5 px-1"
|
||||
:class="{
|
||||
'border-b': i !== tabs.data[0].sections?.length - 1,
|
||||
@ -51,8 +51,8 @@
|
||||
:opened="section.opened"
|
||||
>
|
||||
<SidePanelLayout
|
||||
:fields="section.columns[0].fields"
|
||||
:isLastSection="i == section.data?.length - 1"
|
||||
:fields="section.columns?.[0].fields || []"
|
||||
:isLastSection="i == tabs.data[0].sections?.length - 1"
|
||||
v-model="data"
|
||||
/>
|
||||
</Section>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
>
|
||||
<div
|
||||
v-for="field in _fields"
|
||||
:key="field.label"
|
||||
:key="field.name"
|
||||
:class="[field.hidden && 'hidden']"
|
||||
class="section-field flex items-center gap-2 px-3 leading-5 first:mt-3"
|
||||
>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<Draggable :list="sections" item-key="label" class="flex flex-col gap-5.5">
|
||||
<Draggable :list="sections" item-key="name" class="flex flex-col gap-5.5">
|
||||
<template #item="{ element: section }">
|
||||
<div class="flex flex-col gap-3">
|
||||
<div
|
||||
@ -56,7 +56,7 @@
|
||||
<Draggable
|
||||
:list="section.columns?.[0].fields || []"
|
||||
group="fields"
|
||||
item-key="label"
|
||||
item-key="name"
|
||||
class="flex flex-col gap-1.5"
|
||||
handle=".cursor-grab"
|
||||
>
|
||||
|
||||
@ -123,7 +123,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -120,7 +120,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="section flex flex-col p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -173,7 +173,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -137,7 +137,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col px-2 py-3 sm:p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -65,7 +65,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col px-2 py-3 sm:p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -70,7 +70,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col px-2 py-3 sm:p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -119,7 +119,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col px-2 py-3 sm:p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
@ -108,7 +108,7 @@
|
||||
<div class="flex flex-col overflow-y-auto">
|
||||
<div
|
||||
v-for="(section, i) in fieldsLayout.data"
|
||||
:key="section.label"
|
||||
:key="section.name"
|
||||
class="flex flex-col p-3"
|
||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||
>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user