fix: set key as name

This commit is contained in:
Shariq Ansari 2025-01-01 22:22:32 +05:30
parent 3a4abfb9e5
commit c4cebe6db1
12 changed files with 19 additions and 19 deletions

View File

@ -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"
>

View File

@ -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>

View File

@ -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"
>

View File

@ -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"
>

View File

@ -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 }"
>

View File

@ -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 }"
>

View File

@ -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 }"
>

View File

@ -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 }"
>

View File

@ -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 }"
>

View File

@ -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 }"
>

View File

@ -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 }"
>

View File

@ -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 }"
>