|
|
@ -42,6 +42,8 @@ const readOnly = inject(ReadonlyInj) |
|
|
|
|
|
|
|
|
|
|
|
const isExpandedFormOpen = inject(IsExpandedFormOpenInj, ref(false)) |
|
|
|
const isExpandedFormOpen = inject(IsExpandedFormOpenInj, ref(false)) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const rowHeight = inject(RowHeightInj, ref()) |
|
|
|
|
|
|
|
|
|
|
|
const checkboxMeta = computed(() => { |
|
|
|
const checkboxMeta = computed(() => { |
|
|
|
return { |
|
|
|
return { |
|
|
|
icon: { |
|
|
|
icon: { |
|
|
@ -89,13 +91,21 @@ useSelectedCellKeyupListener(active, (e) => { |
|
|
|
'nc-cell-hover-show': !vModel && !readOnly, |
|
|
|
'nc-cell-hover-show': !vModel && !readOnly, |
|
|
|
'opacity-0': readOnly && !vModel, |
|
|
|
'opacity-0': readOnly && !vModel, |
|
|
|
}" |
|
|
|
}" |
|
|
|
|
|
|
|
:style="{ |
|
|
|
|
|
|
|
height: |
|
|
|
|
|
|
|
isForm || isExpandedFormOpen || isGallery || isEditColumnMenu ? undefined : `max(${(rowHeight || 1) * 1.8}rem, 41px)`, |
|
|
|
|
|
|
|
}" |
|
|
|
tabindex="0" |
|
|
|
tabindex="0" |
|
|
|
@click="onClick(false, $event)" |
|
|
|
@click="onClick(false, $event)" |
|
|
|
@keydown.enter.stop="onClick(false, $event)" |
|
|
|
@keydown.enter.stop="onClick(false, $event)" |
|
|
|
> |
|
|
|
> |
|
|
|
<div |
|
|
|
<div |
|
|
|
class="items-center" |
|
|
|
class="flex items-center" |
|
|
|
:class="{ 'w-full justify-start': isEditColumnMenu || isGallery || isForm, 'py-2': isEditColumnMenu }" |
|
|
|
:class="{ |
|
|
|
|
|
|
|
'w-full justify-start': isEditColumnMenu || isGallery || isForm, |
|
|
|
|
|
|
|
'justify-center': !isEditColumnMenu && !isGallery && !isForm, |
|
|
|
|
|
|
|
'py-2': isEditColumnMenu, |
|
|
|
|
|
|
|
}" |
|
|
|
@click="onClick(true)" |
|
|
|
@click="onClick(true)" |
|
|
|
> |
|
|
|
> |
|
|
|
<Transition name="layout" mode="out-in" :duration="100"> |
|
|
|
<Transition name="layout" mode="out-in" :duration="100"> |
|
|
|