|
|
@ -199,8 +199,8 @@ const recordsAcrossAllRange = computed<{ |
|
|
|
|
|
|
|
|
|
|
|
style = { |
|
|
|
style = { |
|
|
|
...style, |
|
|
|
...style, |
|
|
|
top: `${finalTopInPixels}px`, |
|
|
|
top: `${finalTopInPixels + 2}px`, |
|
|
|
height: `${heightInPixels}px`, |
|
|
|
height: `${heightInPixels - 2}px`, |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
recordsByRange.push({ |
|
|
|
recordsByRange.push({ |
|
|
@ -233,7 +233,7 @@ const recordsAcrossAllRange = computed<{ |
|
|
|
|
|
|
|
|
|
|
|
record.rowMeta.style = { |
|
|
|
record.rowMeta.style = { |
|
|
|
...record.rowMeta.style, |
|
|
|
...record.rowMeta.style, |
|
|
|
left: `${leftPerRecord}%`, |
|
|
|
left: `${leftPerRecord - 0.08}%`, |
|
|
|
width: `calc(${widthPerRecord}%)`, |
|
|
|
width: `calc(${widthPerRecord}%)`, |
|
|
|
} |
|
|
|
} |
|
|
|
return record |
|
|
|
return record |
|
|
@ -256,6 +256,8 @@ const resizeRecord = ref<Row | null>() |
|
|
|
|
|
|
|
|
|
|
|
const dragTimeout = ref<ReturnType<typeof setTimeout>>() |
|
|
|
const dragTimeout = ref<ReturnType<typeof setTimeout>>() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const hoverRecord = ref<string | null>(null) |
|
|
|
|
|
|
|
|
|
|
|
const useDebouncedRowUpdate = useDebounceFn((row: Row, updateProperty: string[], isDelete: boolean) => { |
|
|
|
const useDebouncedRowUpdate = useDebounceFn((row: Row, updateProperty: string[], isDelete: boolean) => { |
|
|
|
updateRowProperty(row, updateProperty, isDelete) |
|
|
|
updateRowProperty(row, updateProperty, isDelete) |
|
|
|
}, 500) |
|
|
|
}, 500) |
|
|
@ -683,10 +685,13 @@ const viewMore = (hour: dayjs.Dayjs) => { |
|
|
|
:style="record.rowMeta.style" |
|
|
|
:style="record.rowMeta.style" |
|
|
|
class="absolute draggable-record group cursor-pointer pointer-events-auto" |
|
|
|
class="absolute draggable-record group cursor-pointer pointer-events-auto" |
|
|
|
@mousedown="dragStart($event, record)" |
|
|
|
@mousedown="dragStart($event, record)" |
|
|
|
|
|
|
|
@mouseleave="hoverRecord = null" |
|
|
|
|
|
|
|
@mouseover="hoverRecord = record.rowMeta.id" |
|
|
|
@dragover.prevent |
|
|
|
@dragover.prevent |
|
|
|
> |
|
|
|
> |
|
|
|
<LazySmartsheetRow :row="record"> |
|
|
|
<LazySmartsheetRow :row="record"> |
|
|
|
<LazySmartsheetCalendarVRecordCard |
|
|
|
<LazySmartsheetCalendarVRecordCard |
|
|
|
|
|
|
|
:hover="hoverRecord === record.rowMeta.id" |
|
|
|
:position="record.rowMeta!.position" |
|
|
|
:position="record.rowMeta!.position" |
|
|
|
:record="record" |
|
|
|
:record="record" |
|
|
|
:resize="!!record.rowMeta.range?.fk_to_col && isUIAllowed('dataEdit')" |
|
|
|
:resize="!!record.rowMeta.range?.fk_to_col && isUIAllowed('dataEdit')" |
|
|
|