|
|
|
@ -3,7 +3,16 @@ import { computed } from '@vue/reactivity'
|
|
|
|
|
import type { ColumnType } from 'nocodb-sdk' |
|
|
|
|
import { ref } from 'vue' |
|
|
|
|
import type { Ref } from 'vue' |
|
|
|
|
import { ActiveCellInj,IsUnderLookupInj, CellValueInj, ColumnInj, EditModeInj, MetaInj, inject, useSelectedCellKeyupListener } from '#imports' |
|
|
|
|
import { |
|
|
|
|
ActiveCellInj, |
|
|
|
|
CellValueInj, |
|
|
|
|
ColumnInj, |
|
|
|
|
EditModeInj, |
|
|
|
|
IsUnderLookupInj, |
|
|
|
|
MetaInj, |
|
|
|
|
inject, |
|
|
|
|
useSelectedCellKeyupListener, |
|
|
|
|
} from '#imports' |
|
|
|
|
|
|
|
|
|
const value = inject(CellValueInj, ref(0)) |
|
|
|
|
|
|
|
|
@ -29,9 +38,6 @@ const active = inject(ActiveCellInj, ref(false))
|
|
|
|
|
|
|
|
|
|
const editable = inject(EditModeInj, ref(false)) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const isUnderLookup = inject(IsUnderLookupInj, ref(false)) |
|
|
|
|
|
|
|
|
|
const listItemsDlg = ref(false) |
|
|
|
|
|
|
|
|
|
const childListDlg = ref(false) |
|
|
|
@ -99,8 +105,8 @@ const localCellValue = computed<any[]>(() => {
|
|
|
|
|
<template v-if="!isForm"> |
|
|
|
|
<div class="block flex-shrink truncate"> |
|
|
|
|
<component |
|
|
|
|
:title="textVal" |
|
|
|
|
:is="isLocked || IsUnderLookupInj ? 'span' : 'a'" |
|
|
|
|
:title="textVal" |
|
|
|
|
class="text-center pl-3 nc-datatype-link" |
|
|
|
|
:class="{ '!text-gray-300': !value }" |
|
|
|
|
@click.stop.prevent="openChildList" |
|
|
|
@ -108,7 +114,7 @@ const localCellValue = computed<any[]>(() => {
|
|
|
|
|
{{ textVal }} |
|
|
|
|
</component> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex-grow"/> |
|
|
|
|
<div class="flex-grow" /> |
|
|
|
|
|
|
|
|
|
<div v-if="!isLocked && !isUnderLookup" class="flex justify-end gap-1 min-h-[30px] items-center"> |
|
|
|
|
<GeneralIcon |
|
|
|
|