mirror of https://github.com/nocodb/nocodb
62 lines
2.1 KiB
62 lines
2.1 KiB
<script setup lang="ts"> |
|
import { UITypes, getRenderAsTextFunForUiType } from 'nocodb-sdk' |
|
import type { ColumnType, LinkToAnotherRecordType, RollupType } from 'nocodb-sdk' |
|
|
|
const { metas } = useMetas() |
|
|
|
const value = inject(CellValueInj) |
|
|
|
const column = inject(ColumnInj)! |
|
|
|
const meta = inject(MetaInj, ref()) |
|
|
|
const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activateShowEditNonEditableFieldWarning } = |
|
useShowNotEditableWarning() |
|
|
|
const relationColumnOptions = computed<LinkToAnotherRecordType | null>(() => { |
|
if ((column?.value?.colOptions as RollupType)?.fk_relation_column_id) { |
|
return meta?.value?.columns?.find((c) => c.id === (column?.value?.colOptions as RollupType)?.fk_relation_column_id) |
|
?.colOptions as LinkToAnotherRecordType |
|
} |
|
return null |
|
}) |
|
|
|
const relatedTableMeta = computed( |
|
() => |
|
relationColumnOptions.value?.fk_related_model_id && metas.value?.[relationColumnOptions.value?.fk_related_model_id as string], |
|
) |
|
|
|
const colOptions = computed(() => column.value?.colOptions) |
|
|
|
const childColumn = computed(() => { |
|
if (relatedTableMeta.value?.columns) { |
|
if (isRollup(column.value)) { |
|
return relatedTableMeta.value?.columns.find( |
|
(c: ColumnType) => c.id === (colOptions.value as RollupType).fk_rollup_column_id, |
|
) |
|
} |
|
} |
|
return '' |
|
}) |
|
|
|
const renderAsTextFun = computed(() => { |
|
return getRenderAsTextFunForUiType(childColumn.value?.uidt || UITypes.SingleLineText) |
|
}) |
|
</script> |
|
|
|
<template> |
|
<div class="nc-cell-field" @dblclick="activateShowEditNonEditableFieldWarning"> |
|
<div v-if="renderAsTextFun.includes(colOptions.rollup_function)"> |
|
{{ value }} |
|
</div> |
|
<LazySmartsheetCell v-else v-model="value" :column="childColumn" :edit-enabled="false" :read-only="true" /> |
|
<div> |
|
<div v-if="showEditNonEditableFieldWarning" class="text-left text-wrap mt-2 text-[#e65100] text-xs"> |
|
{{ $t('msg.info.computedFieldEditWarning') }} |
|
</div> |
|
<div v-if="showClearNonEditableFieldWarning" class="text-left text-wrap mt-2 text-[#e65100] text-xs"> |
|
{{ $t('msg.info.computedFieldDeleteWarning') }} |
|
</div> |
|
</div> |
|
</div> |
|
</template>
|
|
|