mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.6 KiB
79 lines
2.6 KiB
<script lang="ts" setup> |
|
import type { ColumnType, LinkToAnotherRecordType, LookupType } from 'nocodb-sdk' |
|
import { RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk' |
|
import type { Ref } from 'vue' |
|
import { CellUrlDisableOverlayInj, CellValueInj, ColumnInj, MetaInj, ReadonlyInj, computed, inject, provide, useColumn, useMetas } from '#imports' |
|
|
|
const { metas, getMeta } = useMetas() |
|
|
|
provide(ReadonlyInj, true) |
|
|
|
const column = inject(ColumnInj)! as Ref<ColumnType & { colOptions: LookupType }> |
|
|
|
const meta = inject(MetaInj) |
|
|
|
const value = inject(CellValueInj) |
|
|
|
const arrValue = computed(() => (Array.isArray(value?.value) ? value?.value : [value?.value]) ?? []) |
|
|
|
const relationColumn = meta?.value.columns?.find((c) => c.id === column.value.colOptions?.fk_relation_column_id) as ColumnType & { |
|
colOptions: LinkToAnotherRecordType |
|
} |
|
|
|
await getMeta(relationColumn.colOptions.fk_related_model_id!) |
|
|
|
const lookupTableMeta = computed(() => metas.value[relationColumn.colOptions.fk_related_model_id!]) |
|
|
|
const lookupColumn = computed<any>( |
|
() => |
|
lookupTableMeta.value.columns?.find( |
|
(c: Record<string, any>) => c.id === column.value.colOptions?.fk_lookup_column_id, |
|
) as ColumnType, |
|
) |
|
|
|
provide(MetaInj, lookupTableMeta) |
|
provide(CellUrlDisableOverlayInj, ref(true)) |
|
|
|
const lookupColumnMetaProps = useColumn(lookupColumn) |
|
</script> |
|
|
|
<template> |
|
<div class="h-full flex gap-1"> |
|
<template v-if="lookupColumn"> |
|
<!-- Render virtual cell --> |
|
<div v-if="isVirtualCol(lookupColumn)"> |
|
<template |
|
v-if="lookupColumn.uidt === UITypes.LinkToAnotherRecord && lookupColumn.colOptions.type === RelationTypes.BELONGS_TO" |
|
> |
|
<SmartsheetVirtualCell |
|
v-for="(v, i) of arrValue" |
|
:key="i" |
|
:edit-enabled="false" |
|
:model-value="v" |
|
:column="lookupColumn" |
|
/> |
|
</template> |
|
|
|
<SmartsheetVirtualCell v-else :edit-enabled="false" :model-value="arrValue" :column="lookupColumn" /> |
|
</div> |
|
|
|
<!-- Render normal cell --> |
|
<template v-else> |
|
<!-- For attachment cell avoid adding chip style --> |
|
<div |
|
v-for="(v, i) of arrValue" |
|
:key="i" |
|
class="min-w-max" |
|
:class="{ |
|
'bg-gray-100 px-1 rounded-full flex-1': !lookupColumnMetaProps.isAttachment, |
|
' border-gray-200 rounded border-1': ![UITypes.Attachment, UITypes.MultiSelect, UITypes.SingleSelect].includes( |
|
lookupColumn.uidt, |
|
), |
|
}" |
|
> |
|
<SmartsheetCell :model-value="v" :column="lookupColumn" :edit-enabled="false" :virtual="true" /> |
|
</div> |
|
</template> |
|
</template> |
|
</div> |
|
</template>
|
|
|