mirror of https://github.com/nocodb/nocodb
Browse Source
* feat: virtual scroll for grid * feat: improve virtual scroll * fix: remove unused expose & ref * feat: move row ltar helpers to parent level * fix: use shared composable for useMetas * fix: column add issue * fix: reload issue * feat: move cell state to computed * chore: lint * fix: null check for sticky field * fix: PR requested changes * fix: shared views * fix: provide row store calls * test: avoid all rows selector * fix: group by * fix: include isVirtualCol in cellMeta * fix: split colMeta and cellMeta * chore: lint * test: edit column flakiness * test: renderColumn for dashboard grid * test: user column test flakinessfix/src-filter
Mert E
7 months ago
committed by
GitHub
30 changed files with 1071 additions and 705 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,249 @@
|
||||
import { RelationTypes, isLinksOrLTAR } from 'nocodb-sdk' |
||||
import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk' |
||||
import type { Ref } from 'vue' |
||||
import { |
||||
NOCO, |
||||
deepCompare, |
||||
extractPkFromRow, |
||||
extractSdkResponseErrorMsg, |
||||
isBt, |
||||
isHm, |
||||
isMm, |
||||
isOo, |
||||
message, |
||||
storeToRefs, |
||||
unref, |
||||
useBase, |
||||
useI18n, |
||||
useInjectionState, |
||||
useMetas, |
||||
useNuxtApp, |
||||
} from '#imports' |
||||
import type { Row } from '#imports' |
||||
|
||||
const [useProvideSmartsheetLtarHelpers, useSmartsheetLtarHelpers] = useInjectionState( |
||||
(meta: Ref<TableType | undefined> | ComputedRef<TableType | undefined>) => { |
||||
const { $api } = useNuxtApp() |
||||
|
||||
const { t } = useI18n() |
||||
|
||||
const { base } = storeToRefs(useBase()) |
||||
|
||||
const { metas } = useMetas() |
||||
|
||||
const getRowLtarHelpers = (row: Row) => { |
||||
if (!row.rowMeta) { |
||||
row.rowMeta = {} |
||||
} |
||||
if (!row.rowMeta.ltarState) { |
||||
row.rowMeta.ltarState = {} |
||||
} |
||||
return row.rowMeta.ltarState |
||||
} |
||||
|
||||
// actions
|
||||
const addLTARRef = async (row: Row, value: Record<string, any>, column: ColumnType) => { |
||||
if (isHm(column) || isMm(column)) { |
||||
if (!getRowLtarHelpers(row)[column.title!]) getRowLtarHelpers(row)[column.title!] = [] |
||||
|
||||
if (getRowLtarHelpers(row)[column.title!]!.find((ln: Record<string, any>) => deepCompare(ln, value))) { |
||||
// This value is already in the list
|
||||
return message.info(t('msg.info.valueAlreadyInList')) |
||||
} |
||||
|
||||
if (Array.isArray(value)) { |
||||
getRowLtarHelpers(row)[column.title!]!.push(...value) |
||||
} else { |
||||
getRowLtarHelpers(row)[column.title!]!.push(value) |
||||
} |
||||
} else if (isBt(column) || isOo(column)) { |
||||
getRowLtarHelpers(row)[column.title!] = value |
||||
} |
||||
} |
||||
|
||||
// actions
|
||||
const removeLTARRef = async (row: Row, value: Record<string, any>, column: ColumnType) => { |
||||
if (isHm(column) || isMm(column)) { |
||||
getRowLtarHelpers(row)[column.title!]?.splice(getRowLtarHelpers(row)[column.title!]?.indexOf(value), 1) |
||||
} else if (isBt(column) || isOo(column)) { |
||||
getRowLtarHelpers(row)[column.title!] = null |
||||
} |
||||
} |
||||
|
||||
const linkRecord = async ( |
||||
rowId: string, |
||||
relatedRowId: string, |
||||
column: ColumnType, |
||||
type: RelationTypes, |
||||
{ metaValue = meta.value }: { metaValue?: TableType } = {}, |
||||
) => { |
||||
try { |
||||
await $api.dbTableRow.nestedAdd( |
||||
NOCO, |
||||
base.value.id as string, |
||||
metaValue?.id as string, |
||||
encodeURIComponent(rowId), |
||||
type, |
||||
column.id as string, |
||||
encodeURIComponent(relatedRowId), |
||||
) |
||||
} catch (e: any) { |
||||
message.error(await extractSdkResponseErrorMsg(e)) |
||||
} |
||||
} |
||||
|
||||
/** sync LTAR relations kept in local state */ |
||||
const syncLTARRefs = async ( |
||||
row: Row, |
||||
rowData: Record<string, any>, |
||||
{ metaValue = meta.value }: { metaValue?: TableType } = {}, |
||||
) => { |
||||
const id = extractPkFromRow(rowData, metaValue?.columns as ColumnType[]) |
||||
for (const column of metaValue?.columns ?? []) { |
||||
if (!isLinksOrLTAR(column)) continue |
||||
|
||||
const colOptions = column.colOptions as LinkToAnotherRecordType |
||||
|
||||
const relatedTableMeta = metas.value?.[colOptions?.fk_related_model_id as string] |
||||
|
||||
if (isHm(column) || isMm(column)) { |
||||
const relatedRows = (getRowLtarHelpers(row)?.[column.title!] ?? []) as Record<string, any>[] |
||||
|
||||
for (const relatedRow of relatedRows) { |
||||
await linkRecord( |
||||
id, |
||||
extractPkFromRow(relatedRow, relatedTableMeta.columns as ColumnType[]), |
||||
column, |
||||
colOptions.type as RelationTypes, |
||||
{ metaValue }, |
||||
) |
||||
} |
||||
} else if ((isBt(column) || isOo(column)) && getRowLtarHelpers(row)?.[column.title!]) { |
||||
await linkRecord( |
||||
id, |
||||
extractPkFromRow( |
||||
getRowLtarHelpers(row)?.[column.title!] as Record<string, any>, |
||||
relatedTableMeta.columns as ColumnType[], |
||||
), |
||||
column, |
||||
colOptions.type as RelationTypes, |
||||
{ metaValue }, |
||||
) |
||||
} |
||||
|
||||
// clear LTAR refs after sync
|
||||
getRowLtarHelpers(row)[column.title!] = null |
||||
} |
||||
} |
||||
|
||||
// clear LTAR cell
|
||||
const clearLTARCell = async (row: Row, column: ColumnType) => { |
||||
try { |
||||
if (!column || !isLinksOrLTAR(column)) return |
||||
|
||||
const relatedTableMeta = metas.value?.[(<LinkToAnotherRecordType>column?.colOptions)?.fk_related_model_id as string] |
||||
|
||||
if (row.rowMeta.new) { |
||||
getRowLtarHelpers(row)[column.title!] = null |
||||
} else { |
||||
if ([RelationTypes.BELONGS_TO, RelationTypes.ONE_TO_ONE].includes((<LinkToAnotherRecordType>column.colOptions)?.type)) { |
||||
if (!row.row[column.title!]) return |
||||
await $api.dbTableRow.nestedRemove( |
||||
NOCO, |
||||
base.value.id as string, |
||||
meta.value?.id as string, |
||||
extractPkFromRow(row.row, meta.value?.columns as ColumnType[]), |
||||
(<LinkToAnotherRecordType>column.colOptions)?.type as any, |
||||
column.id as string, |
||||
extractPkFromRow(row.row[column.title!], relatedTableMeta?.columns as ColumnType[]), |
||||
) |
||||
row.row[column.title!] = null |
||||
} else { |
||||
for (const link of (row.row[column.title!] as Record<string, any>[]) || []) { |
||||
await $api.dbTableRow.nestedRemove( |
||||
NOCO, |
||||
base.value.id as string, |
||||
meta.value?.id as string, |
||||
encodeURIComponent(extractPkFromRow(row.row, meta.value?.columns as ColumnType[])), |
||||
(<LinkToAnotherRecordType>column?.colOptions).type as 'hm' | 'mm', |
||||
column.id as string, |
||||
encodeURIComponent(extractPkFromRow(link, relatedTableMeta?.columns as ColumnType[])), |
||||
) |
||||
} |
||||
row.row[column.title!] = [] |
||||
} |
||||
} |
||||
} catch (e: any) { |
||||
message.error(await extractSdkResponseErrorMsg(e)) |
||||
} |
||||
} |
||||
|
||||
const loadRow = async (row: Row) => { |
||||
const record = await $api.dbTableRow.read( |
||||
NOCO, |
||||
base.value?.id as string, |
||||
meta.value?.title as string, |
||||
encodeURIComponent(extractPkFromRow(row.row, meta.value?.columns as ColumnType[])), |
||||
) |
||||
Object.assign(unref(row), { |
||||
row: record, |
||||
oldRow: { ...record }, |
||||
rowMeta: {}, |
||||
}) |
||||
} |
||||
|
||||
// clear MM cell
|
||||
const cleaMMCell = async (row: Row, column: ColumnType) => { |
||||
try { |
||||
if (!column || !isLinksOrLTAR(column)) return |
||||
|
||||
if (row.rowMeta.new) { |
||||
getRowLtarHelpers(row)[column.title!] = null |
||||
} else { |
||||
if ((<LinkToAnotherRecordType>column.colOptions)?.type === RelationTypes.MANY_TO_MANY) { |
||||
if (!row.row[column.title!]) return |
||||
|
||||
const result = await $api.dbDataTableRow.nestedListCopyPasteOrDeleteAll( |
||||
meta.value?.id as string, |
||||
column.id as string, |
||||
[ |
||||
{ |
||||
operation: 'deleteAll', |
||||
rowId: extractPkFromRow(row.row, meta.value?.columns as ColumnType[]) as string, |
||||
columnId: column.id as string, |
||||
fk_related_model_id: (column.colOptions as LinkToAnotherRecordType)?.fk_related_model_id as string, |
||||
}, |
||||
], |
||||
) |
||||
|
||||
row.row[column.title!] = null |
||||
|
||||
return Array.isArray(result.unlink) ? result.unlink : [] |
||||
} |
||||
} |
||||
} catch (e: any) { |
||||
message.error(await extractSdkResponseErrorMsg(e)) |
||||
} |
||||
} |
||||
|
||||
return { |
||||
addLTARRef, |
||||
removeLTARRef, |
||||
syncLTARRefs, |
||||
loadRow, |
||||
clearLTARCell, |
||||
cleaMMCell, |
||||
} |
||||
}, |
||||
'smartsheet-ltar-helpers', |
||||
) |
||||
|
||||
export { useProvideSmartsheetLtarHelpers } |
||||
|
||||
export function useSmartsheetLtarHelpersOrThrow() { |
||||
const smartsheetLtarHelpers = useSmartsheetLtarHelpers() |
||||
|
||||
if (smartsheetLtarHelpers == null) throw new Error('Please call `useSmartsheetLtarHelpers` on the appropriate parent component') |
||||
|
||||
return smartsheetLtarHelpers |
||||
} |
||||
Loading…
Reference in new issue