|
|
|
|
@ -1,5 +1,6 @@
|
|
|
|
|
import type { ColumnType } from 'ant-design-vue/lib/table' |
|
|
|
|
import { type FilterType } from 'nocodb-sdk' |
|
|
|
|
import dayjs from 'dayjs' |
|
|
|
|
import { type FilterType, type LinkToAnotherRecordType, type TableType, UITypes, isDateMonthFormat } from 'nocodb-sdk' |
|
|
|
|
|
|
|
|
|
type FormViewColumn = ColumnType & Record<string, any> |
|
|
|
|
|
|
|
|
|
@ -11,7 +12,9 @@ export class FormFilters {
|
|
|
|
|
formViewColumnsMapByFkColumnId: Record<string, FormViewColumn> |
|
|
|
|
formState: Record<string, any> |
|
|
|
|
value: any |
|
|
|
|
isSharedForm: boolean |
|
|
|
|
isMysql?: (sourceId?: string) => boolean |
|
|
|
|
getMeta?: (tableIdOrTitle: string) => Promise<TableType | null> |
|
|
|
|
|
|
|
|
|
constructor({ |
|
|
|
|
data = [], |
|
|
|
|
@ -20,6 +23,8 @@ export class FormFilters {
|
|
|
|
|
formViewColumnsMapByFkColumnId = {}, |
|
|
|
|
formState = {}, |
|
|
|
|
isMysql = undefined, |
|
|
|
|
isSharedForm = false, |
|
|
|
|
getMeta = undefined, |
|
|
|
|
}: { |
|
|
|
|
data?: FilterType[] |
|
|
|
|
nestedGroupedFilters?: Record<string, FilterType[]> |
|
|
|
|
@ -27,6 +32,8 @@ export class FormFilters {
|
|
|
|
|
formViewColumnsMapByFkColumnId?: Record<string, FormViewColumn> |
|
|
|
|
formState?: Record<string, any> |
|
|
|
|
isMysql?: (sourceId?: string) => boolean |
|
|
|
|
isSharedForm?: boolean |
|
|
|
|
getMeta?: (tableIdOrTitle: string) => Promise<TableType | null> |
|
|
|
|
} = {}) { |
|
|
|
|
this.allViewFilters = data |
|
|
|
|
this.groupedFilters = {} |
|
|
|
|
@ -34,14 +41,422 @@ export class FormFilters {
|
|
|
|
|
this.formViewColumns = formViewColumns |
|
|
|
|
this.formViewColumnsMapByFkColumnId = formViewColumnsMapByFkColumnId |
|
|
|
|
this.formState = formState |
|
|
|
|
this.isSharedForm = isSharedForm |
|
|
|
|
this.isMysql = isMysql |
|
|
|
|
this.getMeta = getMeta |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
setFilters(filters: FilterType[]) { |
|
|
|
|
this.allViewFilters = filters |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
getNestedGroupedFilters() {} |
|
|
|
|
getRootFilters(parentColId: string) { |
|
|
|
|
return (this.groupedFilters[parentColId] || []) |
|
|
|
|
.filter((f) => !f.fk_parent_id) |
|
|
|
|
.sort((a, b) => (a.order ?? Infinity) - (b.order ?? Infinity)) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
getParentFilters(parentColId: string, parentId: string) { |
|
|
|
|
return (this.groupedFilters[parentColId] || []) |
|
|
|
|
.filter((f) => f.fk_parent_id === parentId) |
|
|
|
|
.sort((a, b) => (a.order ?? Infinity) - (b.order ?? Infinity)) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
getAllChildFilters(filters: FilterType[], parentColId: string): any { |
|
|
|
|
return filters.map((filter) => { |
|
|
|
|
if (filter.id && filter.is_group) { |
|
|
|
|
const childFilters = this.getParentFilters(parentColId, filter.id) |
|
|
|
|
filter.children = this.getAllChildFilters(childFilters, parentColId) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return filter |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
loadFilters() { |
|
|
|
|
for (const parentColId in this.groupedFilters) { |
|
|
|
|
const rootFilters = this.getRootFilters(parentColId) |
|
|
|
|
|
|
|
|
|
this.nestedGroupedFilters[parentColId] = this.getAllChildFilters(rootFilters, parentColId) |
|
|
|
|
} |
|
|
|
|
return this.nestedGroupedFilters |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Method to group filters by fk_parent_column_id
|
|
|
|
|
getNestedGroupedFilters() { |
|
|
|
|
const groupedFilters = this.allViewFilters.reduce((acc, filter) => { |
|
|
|
|
const groupingKey = filter.fk_parent_column_id || 'ungrouped' |
|
|
|
|
|
|
|
|
|
if (!acc[groupingKey]) { |
|
|
|
|
acc[groupingKey] = [] |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
acc[groupingKey].push(filter) |
|
|
|
|
|
|
|
|
|
return acc |
|
|
|
|
}, {} as typeof this.groupedFilters) |
|
|
|
|
|
|
|
|
|
this.groupedFilters = groupedFilters |
|
|
|
|
|
|
|
|
|
const nestedGroupedFilters = this.loadFilters() |
|
|
|
|
|
|
|
|
|
return nestedGroupedFilters |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
toString(value: any) { |
|
|
|
|
return `${value || ''}` |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
isFieldAboveParentColumn(column: FormViewColumn, parentColumn: FormViewColumn) { |
|
|
|
|
return column.order < parentColumn.order |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
async getOoOrBtColVal(column: FormViewColumn) { |
|
|
|
|
const fk_related_model_id = (column?.colOptions as LinkToAnotherRecordType)?.fk_related_model_id |
|
|
|
|
|
|
|
|
|
if (!fk_related_model_id || typeof this.getMeta !== 'function') return null |
|
|
|
|
|
|
|
|
|
const relatedTableMeta = await this.getMeta(fk_related_model_id) |
|
|
|
|
|
|
|
|
|
if (!relatedTableMeta || !Array.isArray(relatedTableMeta?.columns)) return null |
|
|
|
|
|
|
|
|
|
const displayValTitle = (relatedTableMeta.columns.find((c) => c.pv) || relatedTableMeta.columns?.[0])?.title || '' |
|
|
|
|
|
|
|
|
|
if ( |
|
|
|
|
!displayValTitle || |
|
|
|
|
!this.formState[column.title] || |
|
|
|
|
!ncIsObject(this.formState[column.title]) || |
|
|
|
|
this.formState[column.title][displayValTitle] === undefined |
|
|
|
|
) { |
|
|
|
|
return null |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return this.formState[column.title][displayValTitle] |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
async validateCondition( |
|
|
|
|
filters: FilterType[] = [], |
|
|
|
|
parentCol: FormViewColumn, |
|
|
|
|
errors: Record<string, string>, |
|
|
|
|
): Promise<boolean | undefined> { |
|
|
|
|
if (!filters.length) { |
|
|
|
|
return true |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
let isValid |
|
|
|
|
|
|
|
|
|
for (const filter of filters) { |
|
|
|
|
let res |
|
|
|
|
|
|
|
|
|
if (filter.is_group) { |
|
|
|
|
res = await this.validateCondition(filter.children, parentCol, errors) |
|
|
|
|
} else { |
|
|
|
|
if (!filter.fk_column_id || !this.formViewColumnsMapByFkColumnId[filter.fk_column_id]) { |
|
|
|
|
res = false |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const column = this.formViewColumnsMapByFkColumnId[filter.fk_column_id] |
|
|
|
|
// If the filter condition col is below parent column then this will be invalid condition so return false
|
|
|
|
|
if (!this.isFieldAboveParentColumn(column, parentCol)) { |
|
|
|
|
errors[column.fk_column_id] = `Condition references a field (${column.title}) that comes later in the form.` |
|
|
|
|
res = true |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (!column.show) { |
|
|
|
|
errors[column.fk_column_id] = `Condition references a field (${column.title}) that was removed from the form.` |
|
|
|
|
|
|
|
|
|
res = true |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (!column?.visible) { |
|
|
|
|
res = false |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const field = column.title |
|
|
|
|
|
|
|
|
|
let val = this.formState[field] |
|
|
|
|
|
|
|
|
|
if (res === undefined) { |
|
|
|
|
if ( |
|
|
|
|
[UITypes.Date, UITypes.DateTime, UITypes.CreatedTime, UITypes.LastModifiedTime].includes(column.uidt) && |
|
|
|
|
!['empty', 'blank', 'notempty', 'notblank'].includes(filter.comparison_op) |
|
|
|
|
) { |
|
|
|
|
const dateFormat = this.isMysql?.(column.source_id) ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm:ssZ' |
|
|
|
|
|
|
|
|
|
let now = dayjs(new Date()) |
|
|
|
|
const dateFormatFromMeta = column?.meta?.date_format |
|
|
|
|
const dataVal: any = val |
|
|
|
|
let filterVal: any = filter.value |
|
|
|
|
if (dateFormatFromMeta && isDateMonthFormat(dateFormatFromMeta)) { |
|
|
|
|
// reset to 1st
|
|
|
|
|
now = dayjs(now).date(1) |
|
|
|
|
if (val) val = dayjs(val).date(1) |
|
|
|
|
} |
|
|
|
|
if (filterVal) res = dayjs(filterVal).isSame(dataVal, 'day') |
|
|
|
|
|
|
|
|
|
// handle sub operation
|
|
|
|
|
switch (filter.comparison_sub_op) { |
|
|
|
|
case 'today': |
|
|
|
|
filterVal = now |
|
|
|
|
break |
|
|
|
|
case 'tomorrow': |
|
|
|
|
filterVal = now.add(1, 'day') |
|
|
|
|
break |
|
|
|
|
case 'yesterday': |
|
|
|
|
filterVal = now.add(-1, 'day') |
|
|
|
|
break |
|
|
|
|
case 'oneWeekAgo': |
|
|
|
|
filterVal = now.add(-1, 'week') |
|
|
|
|
break |
|
|
|
|
case 'oneWeekFromNow': |
|
|
|
|
filterVal = now.add(1, 'week') |
|
|
|
|
break |
|
|
|
|
case 'oneMonthAgo': |
|
|
|
|
filterVal = now.add(-1, 'month') |
|
|
|
|
break |
|
|
|
|
case 'oneMonthFromNow': |
|
|
|
|
filterVal = now.add(1, 'month') |
|
|
|
|
break |
|
|
|
|
case 'daysAgo': |
|
|
|
|
if (!filterVal) return |
|
|
|
|
filterVal = now.add(-filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'daysFromNow': |
|
|
|
|
if (!filterVal) return |
|
|
|
|
filterVal = now.add(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'exactDate': |
|
|
|
|
if (!filterVal) return |
|
|
|
|
break |
|
|
|
|
// sub-ops for `isWithin` comparison
|
|
|
|
|
case 'pastWeek': |
|
|
|
|
filterVal = now.add(-1, 'week') |
|
|
|
|
break |
|
|
|
|
case 'pastMonth': |
|
|
|
|
filterVal = now.add(-1, 'month') |
|
|
|
|
break |
|
|
|
|
case 'pastYear': |
|
|
|
|
filterVal = now.add(-1, 'year') |
|
|
|
|
break |
|
|
|
|
case 'nextWeek': |
|
|
|
|
filterVal = now.add(1, 'week') |
|
|
|
|
break |
|
|
|
|
case 'nextMonth': |
|
|
|
|
filterVal = now.add(1, 'month') |
|
|
|
|
break |
|
|
|
|
case 'nextYear': |
|
|
|
|
filterVal = now.add(1, 'year') |
|
|
|
|
break |
|
|
|
|
case 'pastNumberOfDays': |
|
|
|
|
if (!filterVal) return |
|
|
|
|
filterVal = now.add(-filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'nextNumberOfDays': |
|
|
|
|
if (!filterVal) return |
|
|
|
|
filterVal = now.add(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (dataVal) { |
|
|
|
|
switch (filter.comparison_op) { |
|
|
|
|
case 'eq': |
|
|
|
|
res = dayjs(dataVal).isSame(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'neq': |
|
|
|
|
res = !dayjs(dataVal).isSame(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'gt': |
|
|
|
|
res = dayjs(dataVal).isAfter(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'lt': |
|
|
|
|
res = dayjs(dataVal).isBefore(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'lte': |
|
|
|
|
case 'le': |
|
|
|
|
res = dayjs(dataVal).isSameOrBefore(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'gte': |
|
|
|
|
case 'ge': |
|
|
|
|
res = dayjs(dataVal).isSameOrAfter(filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
case 'empty': |
|
|
|
|
case 'blank': |
|
|
|
|
res = dataVal === '' || dataVal === null || dataVal === undefined |
|
|
|
|
break |
|
|
|
|
case 'notempty': |
|
|
|
|
case 'notblank': |
|
|
|
|
res = !(dataVal === '' || dataVal === null || dataVal === undefined) |
|
|
|
|
break |
|
|
|
|
case 'isWithin': { |
|
|
|
|
let now = dayjs(new Date()).format(dateFormat).toString() |
|
|
|
|
now = column.uidt === UITypes.Date ? now.substring(0, 10) : now |
|
|
|
|
switch (filter.comparison_sub_op) { |
|
|
|
|
case 'pastWeek': |
|
|
|
|
case 'pastMonth': |
|
|
|
|
case 'pastYear': |
|
|
|
|
case 'pastNumberOfDays': |
|
|
|
|
res = dayjs(dataVal).isBetween(filterVal, now, 'day') |
|
|
|
|
break |
|
|
|
|
case 'nextWeek': |
|
|
|
|
case 'nextMonth': |
|
|
|
|
case 'nextYear': |
|
|
|
|
case 'nextNumberOfDays': |
|
|
|
|
res = dayjs(dataVal).isBetween(now, filterVal, 'day') |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
switch (typeof filter.value) { |
|
|
|
|
case 'boolean': |
|
|
|
|
val = !!this.formState[field] |
|
|
|
|
break |
|
|
|
|
case 'number': |
|
|
|
|
val = Number.isNaN(parseFloat(this.formState[field])) ? this.formState[field] : +this.formState[field] |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
switch (column.uidt) { |
|
|
|
|
case UITypes.Links: |
|
|
|
|
if (isMm(column) || isHm(column)) { |
|
|
|
|
val = (this.formState[field] ?? []).length |
|
|
|
|
} |
|
|
|
|
break |
|
|
|
|
case UITypes.LinkToAnotherRecord: |
|
|
|
|
if (isOo(column) || isBt(column)) { |
|
|
|
|
val = await this.getOoOrBtColVal(column) |
|
|
|
|
} |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
switch (filter.comparison_op) { |
|
|
|
|
case 'eq': |
|
|
|
|
// eslint-disable-next-line eqeqeq
|
|
|
|
|
res = val == filter.value |
|
|
|
|
break |
|
|
|
|
case 'neq': |
|
|
|
|
// eslint-disable-next-line eqeqeq
|
|
|
|
|
res = val != filter.value |
|
|
|
|
break |
|
|
|
|
case 'like': |
|
|
|
|
res = this.toString(val).toLowerCase()?.includes(filter.value?.toLowerCase()) |
|
|
|
|
break |
|
|
|
|
case 'nlike': |
|
|
|
|
res = !this.toString(val).toLowerCase()?.includes(filter.value?.toLowerCase()) |
|
|
|
|
break |
|
|
|
|
case 'empty': |
|
|
|
|
case 'blank': |
|
|
|
|
res = val === '' || val === null || val === undefined |
|
|
|
|
break |
|
|
|
|
case 'notempty': |
|
|
|
|
case 'notblank': |
|
|
|
|
res = !(val === '' || val === null || val === undefined) |
|
|
|
|
break |
|
|
|
|
case 'checked': |
|
|
|
|
res = !!val |
|
|
|
|
break |
|
|
|
|
case 'notchecked': |
|
|
|
|
res = !val |
|
|
|
|
break |
|
|
|
|
case 'null': |
|
|
|
|
res = val === null |
|
|
|
|
break |
|
|
|
|
case 'notnull': |
|
|
|
|
res = val !== null |
|
|
|
|
break |
|
|
|
|
case 'allof': |
|
|
|
|
res = ( |
|
|
|
|
this.toString(filter.value) |
|
|
|
|
.split(',') |
|
|
|
|
.map((item) => item.trim()) ?? [] |
|
|
|
|
).every((item) => (this.toString(val).split(',') ?? []).includes(item)) |
|
|
|
|
break |
|
|
|
|
case 'anyof': |
|
|
|
|
res = ( |
|
|
|
|
this.toString(filter.value) |
|
|
|
|
.split(',') |
|
|
|
|
.map((item) => item.trim()) ?? [] |
|
|
|
|
).some((item) => (this.toString(val).split(',') ?? []).includes(item)) |
|
|
|
|
break |
|
|
|
|
case 'nallof': |
|
|
|
|
res = !( |
|
|
|
|
this.toString(filter.value) |
|
|
|
|
.split(',') |
|
|
|
|
.map((item) => item.trim()) ?? [] |
|
|
|
|
).every((item) => (this.toString(val).split(',') ?? []).includes(item)) |
|
|
|
|
break |
|
|
|
|
case 'nanyof': |
|
|
|
|
res = !( |
|
|
|
|
this.toString(filter.value) |
|
|
|
|
.split(',') |
|
|
|
|
.map((item) => item.trim()) ?? [] |
|
|
|
|
).some((item) => (this.toString(val).split(',') ?? []).includes(item)) |
|
|
|
|
break |
|
|
|
|
case 'lt': |
|
|
|
|
res = parseFloat(val) < +filter.value |
|
|
|
|
break |
|
|
|
|
case 'lte': |
|
|
|
|
case 'le': |
|
|
|
|
res = parseFloat(val) <= +filter.value |
|
|
|
|
break |
|
|
|
|
case 'gt': |
|
|
|
|
res = parseFloat(val) > +filter.value |
|
|
|
|
break |
|
|
|
|
case 'gte': |
|
|
|
|
case 'ge': |
|
|
|
|
res = parseFloat(val) >= +filter.value |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
switch (filter.logical_op) { |
|
|
|
|
case 'or': |
|
|
|
|
isValid = isValid || !!res |
|
|
|
|
break |
|
|
|
|
case 'not': |
|
|
|
|
isValid = isValid && !res |
|
|
|
|
break |
|
|
|
|
case 'and': |
|
|
|
|
default: |
|
|
|
|
isValid = (isValid ?? true) && res |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return isValid |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
async validateVisibility() { |
|
|
|
|
const res: Record<string, boolean> = {} |
|
|
|
|
|
|
|
|
|
for (const column of this.formViewColumns) { |
|
|
|
|
const columnFilters = this.nestedGroupedFilters[column.fk_column_id] ?? [] |
|
|
|
|
|
|
|
|
|
const errors: Record<string, string> = {} |
|
|
|
|
|
|
|
|
|
const isValid = await this.validateCondition(columnFilters, column, errors) |
|
|
|
|
|
|
|
|
|
if (this.isSharedForm) { |
|
|
|
|
if (!column.meta?.preFilledHiddenField) { |
|
|
|
|
column.show = !!isValid |
|
|
|
|
column.visible = !!isValid |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
column.visible = !!isValid |
|
|
|
|
|
|
|
|
|
column.meta = { |
|
|
|
|
...parseProp(column.meta), |
|
|
|
|
visibility: { |
|
|
|
|
errors, |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return res |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
validateVisibility() {} |
|
|
|
|
validateErrors() {} |
|
|
|
|
} |
|
|
|
|
|
Ramesh Mane
3 months ago
committed by
GitHub