|
|
@ -84,11 +84,31 @@ const onMove = (_event: { moved: { newIndex: number } }) => { |
|
|
|
$e('a:fields:reorder') |
|
|
|
$e('a:fields:reorder') |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const coverOptions = computed<SelectProps['options']>(() => { |
|
|
|
|
|
|
|
const filterFields = |
|
|
|
|
|
|
|
fields.value |
|
|
|
|
|
|
|
?.filter((el) => el.fk_column_id && metaColumnById.value[el.fk_column_id].uidt === UITypes.Attachment) |
|
|
|
|
|
|
|
.map((field) => { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
value: field.fk_column_id, |
|
|
|
|
|
|
|
label: field.title, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) ?? [] |
|
|
|
|
|
|
|
return [{ value: null, label: 'No Image' }, ...filterFields] |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const coverImageColumnId = computed({ |
|
|
|
const coverImageColumnId = computed({ |
|
|
|
get: () => |
|
|
|
get: () => { |
|
|
|
(activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) && activeView.value?.view |
|
|
|
const fk_cover_image_col_id = |
|
|
|
? (activeView.value?.view as GalleryType).fk_cover_image_col_id |
|
|
|
(activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) && activeView.value?.view |
|
|
|
: undefined, |
|
|
|
? (activeView.value?.view as GalleryType).fk_cover_image_col_id |
|
|
|
|
|
|
|
: undefined |
|
|
|
|
|
|
|
// check if `fk_cover_image_col_id` is in `coverOptions` |
|
|
|
|
|
|
|
// e.g. in share view, users may not share the cover image column |
|
|
|
|
|
|
|
if (coverOptions.value?.find((o) => o.value === fk_cover_image_col_id)) return fk_cover_image_col_id |
|
|
|
|
|
|
|
// set to `No Image` |
|
|
|
|
|
|
|
return null |
|
|
|
|
|
|
|
}, |
|
|
|
set: async (val) => { |
|
|
|
set: async (val) => { |
|
|
|
if ( |
|
|
|
if ( |
|
|
|
(activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) && |
|
|
|
(activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) && |
|
|
@ -113,19 +133,6 @@ const coverImageColumnId = computed({ |
|
|
|
}, |
|
|
|
}, |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const coverOptions = computed<SelectProps['options']>(() => { |
|
|
|
|
|
|
|
const filterFields = |
|
|
|
|
|
|
|
fields.value |
|
|
|
|
|
|
|
?.filter((el) => el.fk_column_id && metaColumnById.value[el.fk_column_id].uidt === UITypes.Attachment) |
|
|
|
|
|
|
|
.map((field) => { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
value: field.fk_column_id, |
|
|
|
|
|
|
|
label: field.title, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) ?? [] |
|
|
|
|
|
|
|
return [{ value: null, label: 'No Image' }, ...filterFields] |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const getIcon = (c: ColumnType) => |
|
|
|
const getIcon = (c: ColumnType) => |
|
|
|
h(isVirtualCol(c) ? resolveComponent('SmartsheetHeaderVirtualCellIcon') : resolveComponent('SmartsheetHeaderCellIcon'), { |
|
|
|
h(isVirtualCol(c) ? resolveComponent('SmartsheetHeaderVirtualCellIcon') : resolveComponent('SmartsheetHeaderCellIcon'), { |
|
|
|
columnMeta: c, |
|
|
|
columnMeta: c, |
|
|
|