fix: renamed slot names

This commit is contained in:
Shariq Ansari 2024-06-26 20:16:31 +05:30
parent d8252cae19
commit b803d6578d
4 changed files with 9 additions and 9 deletions

View File

@ -86,7 +86,7 @@
}" }"
> >
<slot <slot
name="item-title" name="title"
v-bind="{ fields, titleField, itemName: fields.name }" v-bind="{ fields, titleField, itemName: fields.name }"
> >
<div class="h-5 flex items-center"> <div class="h-5 flex items-center">
@ -99,7 +99,7 @@
<div class="flex flex-col gap-3.5"> <div class="flex flex-col gap-3.5">
<template v-for="value in column.fields" :key="value"> <template v-for="value in column.fields" :key="value">
<slot <slot
name="item-fields" name="fields"
v-bind="{ v-bind="{
fields, fields,
fieldName: value, fieldName: value,
@ -113,7 +113,7 @@
</template> </template>
</div> </div>
<div class="border-b h-px mt-2.5 mb-2" /> <div class="border-b h-px mt-2.5 mb-2" />
<slot name="item-actions"> <slot name="actions" v-bind="{ itemName: fields.name }">
<div class="flex gap-2 items-center justify-between"> <div class="flex gap-2 items-center justify-between">
<div></div> <div></div>
<Button icon="plus" variant="ghost" @click.stop.prevent /> <Button icon="plus" variant="ghost" @click.stop.prevent />

View File

@ -37,7 +37,7 @@
}" }"
@update="(data) => viewControls.updateKanbanSettings(data)" @update="(data) => viewControls.updateKanbanSettings(data)"
> >
<template #item-title="{ titleField, itemName }"> <template #title="{ titleField, itemName }">
<div class="flex gap-2 items-center"> <div class="flex gap-2 items-center">
<div v-if="titleField === 'status'"> <div v-if="titleField === 'status'">
<IndicatorIcon :class="getRow(itemName, titleField).color" /> <IndicatorIcon :class="getRow(itemName, titleField).color" />
@ -102,7 +102,7 @@
</div> </div>
</template> </template>
<template #item-fields="{ fieldName, itemName }"> <template #fields="{ fieldName, itemName }">
<div <div
v-if="getRow(itemName, fieldName).label" v-if="getRow(itemName, fieldName).label"
class="truncate flex items-center gap-2" class="truncate flex items-center gap-2"

View File

@ -38,7 +38,7 @@
}" }"
@update="(data) => viewControls.updateKanbanSettings(data)" @update="(data) => viewControls.updateKanbanSettings(data)"
> >
<template #item-title="{ titleField, itemName }"> <template #title="{ titleField, itemName }">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div v-if="titleField === 'status'"> <div v-if="titleField === 'status'">
<IndicatorIcon :class="getRow(itemName, titleField).color" /> <IndicatorIcon :class="getRow(itemName, titleField).color" />
@ -117,7 +117,7 @@
<div class="text-gray-500" v-else>{{ __('No Title') }}</div> <div class="text-gray-500" v-else>{{ __('No Title') }}</div>
</div> </div>
</template> </template>
<template #item-fields="{ fieldName, itemName }"> <template #fields="{ fieldName, itemName }">
<div <div
v-if="getRow(itemName, fieldName).label" v-if="getRow(itemName, fieldName).label"
class="truncate flex items-center gap-2" class="truncate flex items-center gap-2"

View File

@ -33,7 +33,7 @@
}" }"
@update="(data) => viewControls.updateKanbanSettings(data)" @update="(data) => viewControls.updateKanbanSettings(data)"
> >
<template #item-title="{ titleField, itemName }"> <template #title="{ titleField, itemName }">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div v-if="titleField === 'status'"> <div v-if="titleField === 'status'">
<TaskStatusIcon :status="getRow(itemName, titleField).label" /> <TaskStatusIcon :status="getRow(itemName, titleField).label" />
@ -67,7 +67,7 @@
<div class="text-gray-500" v-else>{{ __('No Title') }}</div> <div class="text-gray-500" v-else>{{ __('No Title') }}</div>
</div> </div>
</template> </template>
<template #item-fields="{ fieldName, itemName }"> <template #fields="{ fieldName, itemName }">
<div <div
v-if="getRow(itemName, fieldName).label" v-if="getRow(itemName, fieldName).label"
class="truncate flex items-center gap-2" class="truncate flex items-center gap-2"