tachybase_todo/packages/plugins/@nocobase/plugin-data-visualization/src/client/utils.ts
Zeke Zhang 51de34251a
refactor(SchemaInitializers): unify naming style (#3604)
* refactor(SchemaSettings): unify naming style

* refactor(SchemaInitializers): unify naming stle

* refactor: replace CreateFormBlockInitializers to blockInitializers:createForm

* refactor: replace to blockInitializers:customizeCreateForm

* refactor: replace block intializers name

* refactor: replace action initializers name

* refactor: replace field initializers name

* style: fix hover style for column action (T-3297)

* refactor: revert some codes

* chore: update comment

* chore: replace iframeBlockSchemaSettings to blockSettings:iframe

* chore: delete pro-packages

* feat: add CompatibleSchemaInitializer

* test: add unit tests

* chore: add @internal for CompatibleSchemaInitializer

* chore: block

* chore: field

* chore: ations

* fix: build

* chore: typo

* fix: fix unit tests

* test: fix e2e

* chore: remove igone

* refactor: page:addBlock

* refactor: popup:addNew:addBlock

* fix: fix max call stack

* refactor: popup:addRecord:addBlock

* refactor: remove blockInitializers:recordForm

* refactor: popup:tableSelector:addBlock

* refactor: popup:view:addBlock

* refactor: popup:bulkEdit:addBlock & charts:addBlock

* refactor: mobilePage:addBlock

* refactor: popup:snapshot:addBlock

* refactor: popup:workflowManual:configureUserInterface:addBlock

* fix: avoid crashing

* chore: optimize

* refactor: popup:common:addBlock

* refactor: workflowManual:popup:configureUserInterface:addBlock

* refactor: details:configureFields

* refactor: form:configureFields

* refactor: table:configureColumns

* refactor: filterForm:configureFields

* refactor: associationFilterInitializer

* refactor: assignFieldValuesForm:configureFields

* refactor: bulkEditForm:configureFields

* refactor: auditLogsTable:configureColumns

* refactor: chartFilterForm:configureFields

* refactor: kanban:configureItemFields

* refactor: workflowManual:customForm:configureFields

* refactor: detailsWithPaging:configureActions

* refactor: details:configureActions

* refactor: createForm:configureActions

* refactor: editForm:configureActions

* refactor: gridCard:configureActions

* refactor: gridCard:configureItemActions

* refactor: list:configureActions

* refactor: list:configureItemActions

* refactor: table:configureItemActions

* refactor: table:configureActions

* refactor: filterForm:configureActions

* refactor: subTable:configureActions

* refactor: bulkEditForm:configureActions

* refactor: auditLogsTable:configureItemActions

* refactor: auditLogsTable:configureActions

* refactor: calendar:configureActions

* refactor: chartFilterForm:configureActions

* refactor: gantt:configureActions

* refactor: kanban:configureActions

* refactor: map:configureActions

* refactor: workflowManual:form:configureActions

* feat: use 'createForm:configureActions' in page

* feat: use 'details:configureActions' in Calendar

* feat: register deleteEvent initializer in calendar plugin

* fix: fix delete event action

* test: fix e2e

* test: fix e2e

* chore: only run workflow's e2e

* Revert "chore: only run workflow's e2e"

This reverts commit 9e5b4af41e40e8d616007a5ab97291fb2370d88a.

* fix: use isInitializersSame to fix some case
2024-03-14 14:13:11 +08:00

160 lines
4.9 KiB
TypeScript

import { Schema } from '@formily/react';
import { uid } from '@formily/shared';
import lodash from 'lodash';
import { SelectedField } from './configure';
import { FieldOption } from './hooks';
import { QueryProps } from './renderer';
export const createRendererSchema = (decoratorProps: any, componentProps = {}) => {
const { collection } = decoratorProps;
return {
type: 'void',
'x-decorator': 'ChartRendererProvider',
'x-decorator-props': decoratorProps,
'x-acl-action': `${collection}:list`,
'x-designer': 'ChartRenderer.Designer',
'x-component': 'CardItem',
'x-component-props': {
size: 'small',
},
'x-initializer': 'charts:addBlock',
properties: {
[uid()]: {
type: 'void',
'x-component': 'ChartRenderer',
'x-component-props': componentProps,
},
},
};
};
// For AssociationField, the format of field is [targetField, field]
export const parseField = (field: string | string[]) => {
let target: string;
let name: string;
if (!Array.isArray(field)) {
name = field;
} else if (field.length === 1) {
name = field[0];
} else if (field.length > 1) {
[target, name] = field;
}
return { target, name, alias: target ? `${target}.${name}` : name };
};
export const getField = (fields: FieldOption[], field: string | string[]) => {
const { target, name } = parseField(field);
if (!target) {
return fields.find((f) => f.name === name);
}
const targetField = fields.find((f) => f.name === target)?.targetFields?.find((f) => f.name === name);
return targetField;
};
export const getSelectedFields = (fields: FieldOption[], query: QueryProps) => {
// When field alias is set, appends it to the field list
const process = (selectedFields: SelectedField[]) => {
return selectedFields.map((selectedField) => {
const fieldProps = getField(fields, selectedField.field);
return {
...fieldProps,
key: selectedField.alias || fieldProps?.key,
label: selectedField.alias || fieldProps?.label,
value: selectedField.alias || fieldProps?.value,
};
});
};
const measures = query.measures || [];
const dimensions = query.dimensions || [];
// unique
const map = new Map([...process(measures), ...process(dimensions)].map((item) => [item.value, item]));
const selectedFields = [...map.values()];
return selectedFields;
};
export const processData = (selectedFields: FieldOption[], data: any[], scope: any) => {
const parseEnum = (field: FieldOption, value: any) => {
const options = field.uiSchema?.enum as { value: string; label: string }[];
if (!options || !Array.isArray(options)) {
return value;
}
const option = options.find((option) => option.value === value);
return Schema.compile(option?.label || value, scope);
};
return data.map((record) => {
const processed = {};
Object.entries(record).forEach(([key, value]) => {
const field = selectedFields.find((field) => field.value === key);
if (!field) {
processed[key] = value;
return;
}
switch (field.interface) {
case 'select':
case 'radioGroup':
processed[key] = parseEnum(field, value);
break;
default:
processed[key] = value;
}
});
return processed;
});
};
export const removeUnparsableFilter = (filter: any) => {
if (typeof filter === 'object' && filter !== null) {
if (Array.isArray(filter)) {
const newLogic = filter.map((condition) => removeUnparsableFilter(condition)).filter(Boolean);
return newLogic.length > 0 ? newLogic : null;
} else {
const newLogic = {};
for (const key in filter) {
const value = removeUnparsableFilter(filter[key]);
if (value !== null && value !== undefined && !(typeof value === 'object' && Object.keys(value).length === 0)) {
newLogic[key] = value;
}
}
return Object.keys(newLogic).length > 0 ? newLogic : null;
}
} else if (typeof filter === 'string' && filter.startsWith('{{$nFilter.') && filter.endsWith('}}')) {
return null;
}
return filter;
};
export const getValuesByPath = (values: any, path: string) => {
const keys = path.split('.');
let result = lodash.get(values, keys.slice(0, -1).join('.'));
if (Array.isArray(result)) {
result = result.map((item) => lodash.get(item, keys.slice(-1)[0]));
} else {
result = lodash.get(result, keys.slice(-1)[0]);
}
return result;
};
export const getFormulaComponent = (type: string) => {
return {
boolean: 'Checkbox',
integer: 'InputNumber',
bigInt: 'InputNumber',
double: 'InputNumber',
decimal: 'InputNumber',
date: 'DatePicker',
string: 'Input',
}[type];
};
export const getFormulaInterface = (type: string) => {
return {
boolean: 'boolean',
integer: 'integer',
bigInt: 'integer',
double: 'number',
decimal: 'number',
date: 'datetime',
string: 'input',
}[type];
};