* refactor: collectionName display with tablePrefix * fix: bug * fix: schema toolbar no ddata source (T-3182) * fix: unit test bug * fix: useAssociationNames support data source * chore(RecordProvider_deprecated): add collectionName * fix: deprecated * refactor: default value * refactor: default value * fix: fastRefresh=false * style: fix action link style (T-3228) * fix: should not diaplay Save mode for some Action (T-3217) * chore: remove group title (T-3194) * fix: extend collections bug * chore: transaction * fix: filter block only current data source (T-3226) * fix: fix filter block in drawer (T-3224) * fix: avoid error when editing field (T-3232) * fix: primary key name in postgres * chore: test * chore: test * refactor: forgin key support select and input * fix: doc bug * fix: change duplllicte divier name * feat: throughScope * fix: bug * refactor: local improve * fix: fix parent record of Add child in tree table (T-3235) * fix: block template filter by dataSource(T-3234) * chore: change table primary key * refactor: index for primarykey & unique * chore: test * fix: should not display filter blocks option if no association field (T-3242) * fix: dataSourceKey * refactor: sourcekey & forginkey & targetkey limit type * fix: bug * chore: test * fix: upload action * fix: unit test * fix: useSourceIdFromParentRecord * fix: permissions * fix: oho association field should has default fieldnames * fix: useSourceIdFromParentRecord * fix: tableSelectorProvider collection undefined * fix: bug * chore: validate association keys * fix: apply mixin bug * fix: getPrimaryKey * fix: bug T-3253 * fix: collection unit test * chore: validate association keys * fix: create collection * fix: getCollection in TableBlockProvider * refactor: association key in data source manager * fix: improve doc * fix(relationshipBlocks): fix sourceId (T-3257,T-3264) * fix: plugin acl test * chore: correct field options * fix: dataScope resource * fix: improve doc * fix: appVersion = '<0.20.0-alpha.1' * refactor: fieldNames * refactor: primarykey & unique & autoIncrement shuld not support edit in third dataSource * fix: bug * fix: gantt block params tree * fix: style * fix: wording & icon * fix: bug * fix: roles cache * refactor: calender & express & file collection support preset fields * fix: decode uri * refactor: migrate files [wip] (#3584) * refactor: migrate blockSettings:table * refactor: migrate fieldSettings:TableColumn * refactor: migrate TableBlockInitializer * fix: fix import path * refactor: migrate TableActionInitailizers * refactor: migrate TableColumnInitializers * refactor: migrate TableActionColumnInitializers * refactor: migrate TableColumnSchemaToolbar * refactor: migrate TableSelectorInitializer * refactor: migrate blockSettings:tableSelector * refactor(tableSelector): migrate e2e * refactor(form): migrate e2e * refactor: migrate FormBlockInitializer * refactor: migrate CreateFormBlockInitializer * refactor: migrate RecordFormBlockInitializer * refactor: migrate blockSettings:createForm * refactor: rename file name * refactor: migrate blockSettings:editForm * refactor: migrate FormActionInitailizers * refactor: move to a new file * refactor: migrate formItemInitializers * refactor: migrate FormItemSchemaToolbar * refactor: migrate fieldSettings:FormItem * chore: fix build * fix: fix weird path error * fix: rename formActionInitializers * fix: create collection field * refactor: throughCollection * fix: datasources get permission * fix: throughCollection * fix: throughCollection * fix: register initializer components * refactor: targetkey & source key must be unique * refactor: targetkey & source key must be unique index * fix(customRequest): avoid error when clicking button * chore: error message when add multiple primary keys * fix: target key in hasMany * fix: default value should not support edit in outside dataSource * fix: test * fix: update associations (#3586) * fix: source key * fix: addAccessor * fix: updateAssociations * fix: bugs * fix: remove test.only * refactor: migrate RecordReadPrettyFormBlockInitializer * refactor: migrate singleDataDetailsBlockSettings * fix(users): filter bug * refactor: migrate readPrettyFormActionInitializers * refactor: migrate readPrettyFormItemInitializers * refactor: migrate DetailsBlockInitializer * refactor: migrate multiDataDetailsBlockSettings * feat: validate association key pairs * chore: default title * refactor: migrate detailsActionInitializers * refactor: migrate e2e * refactor: migrate ListBlockInitializer * refactor: migrate listBlockSettings * refactor: migrate listActionInitializers * refactor: migrate listItemActionInitializers * fix: create collection * fix: remove fieldsHistoryRepository.createMany * test(e2e): fix error message for roles.name * fix: sync indexes in postgres * chore: test * test: acl test * test(e2e): fix sort error * refactor: remove useless code * test: kanban e2e * fix: load user * fix: test * test: fix unit tests * fix: db.sync * test: updateRole * fix: test * fix: settings and initializer performance improve * fix: update role resources * fix: add block * fix: fix T-3308 * test: fix e2e * test(e2e): skip fix block * chore: skip test in sqlite * fix: change initializer menu key * test(collectionManager): fix e2e * refactor: sort field availableTypes * fix: client core performance optimization * refactor(GridCard): migrate e2e * refactor: migrate GridCard * fix: bug * refactor: migrate utils * refactor: migrate filter-form * fix: change Record to CollectionRecord * chore: acl migration * chore: acl migration * chore: migration of acl * refactor: migrate Collapse * chore: error message * fix: update associations * chore: update collection search to be case-insensitive * refactor: migrate Markdown * fix(WorkflowTodos): x-toolbar typo * feat: admin change password * feat: check foreign key && target key value in update associations * chore: dataSource permission * refactor: dataSource permission * fix: acl support data source permission * fix: fix T-3307 * chore: test * refactor: locale improve * chore: locale * chore: sqlite test config * chore: create user with roles test * chore: test * test: fix mock data to avoid duplication * chore: test * fix: load table with tablePrefix * chore: move action in datasource * chore: number field to sort field type * test: optimize dropdown * chore: upgrade @playwright/test to v1.42.1 * fix: fix invalid path for Windows * test: fix e2e * chore: kanban Sort field * fix: kanban * fix: kanban * refactor: create sort in kanban * refactor: create sort field in kanban * refactor: locale improve * refactor: locale improve * fix: sync with null default value * refactor: collectionFieldInterfaceSelect * fix: move action * fix: update associations * fix: test case * chore: test * test: optimize e2e * feat: remvoe Duplicate for single details block (T-3195) * fix(fieldNames): should use primaryKey as default value (T-3322, T-3319) * fix: use filterTargetKey as fieldNNames.value * test: fix e2e * test: fix e2e * test(kanban): fix e2e * test(blockTemplate): should clear template at end of test * refactor: migrate fields * refactor: migrate actions * refactor: migrate menu * refactor: migrate page * refactor(SchemaSettings): unify naming style * fix: scopeKeyOptions undefined * refactor(SchemaInitializers): unify naming stle * fix(bi): chart filter fields * chore: acl snippets * 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 * fix: revert record deprected * fix: remove pro-plugins * fix: bug * chore: replace iframeBlockSchemaSettings to blockSettings:iframe * Revert "refactor: revert some codes" This reverts commit 991021ceaeecc5d27113a51e501a4abd439edcd2. * Revert "refactor: replace field initializers name" This reverts commit b47b808d06305741b56302e3dad1dd256658fad4. * Revert "refactor: replace action initializers name" This reverts commit eab1b6e3d986d1c3dc80d75fa6230fa948e3a33e. * Revert "refactor: replace block intializers name" This reverts commit 50ab9da177f344d037184a17746cb1d0e037a826. * Revert "refactor: replace to blockInitializers:customizeCreateForm" This reverts commit 77b9f59bb14d944fd8c42006e899861196589748. * Revert "refactor: replace CreateFormBlockInitializers to blockInitializers:createForm" This reverts commit e9a38b0b4d9fabc571b7d9cdc8929914f5e2a367. * Revert "refactor(SchemaInitializers): unify naming stle" This reverts commit 542390899fa84d212a8dbbe7f77e0f19befa6ae8. * Revert "refactor(SchemaSettings): unify naming style" This reverts commit 8566735922c4a157efccdb3830deaedeb08c6f6a. * Revert "chore: replace iframeBlockSchemaSettings to blockSettings:iframe" This reverts commit 884f6df92fdc860a50500025f132904e9528002f. * refactor: create sorting field in kanban * refactor: create sorting field in kanban * fix: style * fix: bug * fix(SideMenu): fix the problem of invalid add menu (T-3331) * fix: translation * feat: client en-US docs --------- Co-authored-by: xilesun <2013xile@gmail.com> Co-authored-by: dream2023 <1098626505@qq.com> Co-authored-by: Zeke Zhang <958414905@qq.com> Co-authored-by: chenos <chenlinxh@gmail.com> Co-authored-by: Chareice <chareice@live.com>
400 lines
11 KiB
TypeScript
400 lines
11 KiB
TypeScript
import { useForm } from '@formily/react';
|
|
import { Cascader } from 'antd';
|
|
import React, { useCallback, useEffect, useState } from 'react';
|
|
|
|
import {
|
|
SchemaComponentContext,
|
|
SchemaInitializerItemType,
|
|
css,
|
|
useCollectionDataSource,
|
|
useCollectionFilterOptions,
|
|
useCollectionManager_deprecated,
|
|
useCompile,
|
|
} from '@nocobase/client';
|
|
|
|
import {
|
|
FieldsSelect,
|
|
FilterDynamicComponent,
|
|
ValueBlock,
|
|
BaseTypeSets,
|
|
defaultFieldNames,
|
|
nodesOptions,
|
|
triggerOptions,
|
|
Instruction,
|
|
} from '@nocobase/plugin-workflow/client';
|
|
|
|
import { NAMESPACE, useLang } from '../locale';
|
|
|
|
function matchToManyField(field): boolean {
|
|
// const fieldPrefix = `${field.name}.`;
|
|
return ['hasMany', 'belongsToMany'].includes(field.type);
|
|
}
|
|
|
|
function useAssociatedFields() {
|
|
const compile = useCompile();
|
|
return [nodesOptions, triggerOptions].map((item) => {
|
|
const children = item
|
|
.useOptions({
|
|
types: [matchToManyField],
|
|
appends: null,
|
|
depth: 4,
|
|
})
|
|
?.filter(Boolean);
|
|
return {
|
|
label: compile(item.label),
|
|
value: item.value,
|
|
key: item.value,
|
|
children: compile(children),
|
|
disabled: children && !children.length,
|
|
};
|
|
});
|
|
}
|
|
|
|
function AssociatedConfig({ value, onChange, ...props }): JSX.Element {
|
|
const { setValuesIn } = useForm();
|
|
const { getCollection } = useCollectionManager_deprecated();
|
|
const baseOptions = useAssociatedFields();
|
|
const [options, setOptions] = useState(baseOptions);
|
|
|
|
const { associatedKey = '', name: fieldName } = value ?? {};
|
|
let p = [];
|
|
const matched = associatedKey.match(/^{{(.*)}}$/);
|
|
if (matched) {
|
|
p = [...matched[1].trim().split('.').slice(0, -1), fieldName];
|
|
}
|
|
|
|
const loadData = async (selectedOptions) => {
|
|
const option = selectedOptions[selectedOptions.length - 1];
|
|
if (!option.children?.length && !option.isLeaf && option.loadChildren) {
|
|
await option.loadChildren(option);
|
|
setOptions((prev) => [...prev]);
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
const run = async () => {
|
|
if (!p || options.length <= 1) {
|
|
return;
|
|
}
|
|
let prevOption = null;
|
|
|
|
for (let i = 0; i < p.length; i++) {
|
|
const key = p[i];
|
|
try {
|
|
if (i === 0) {
|
|
prevOption = options.find((item) => item.value === key);
|
|
} else {
|
|
if (prevOption.loadChildren && !prevOption.children?.length) {
|
|
await prevOption.loadChildren(prevOption);
|
|
}
|
|
prevOption = prevOption.children.find((item) => item.value === key);
|
|
}
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
setOptions([...options]);
|
|
};
|
|
|
|
run();
|
|
// NOTE: watch `options.length` and it only happens once
|
|
}, [value, options.length]);
|
|
|
|
const onSelectChange = useCallback(
|
|
(path, option) => {
|
|
if (!path?.length) {
|
|
setValuesIn('collection', null);
|
|
onChange({});
|
|
return;
|
|
}
|
|
|
|
// const associationFieldName = path.pop();
|
|
const { field } = option.pop();
|
|
if (!field || !['hasMany', 'belongsToMany'].includes(field.type)) {
|
|
return;
|
|
}
|
|
// need to get:
|
|
// * source collection (from node.config)
|
|
// * target collection (from field name)
|
|
const { collectionName, target, name } = field;
|
|
|
|
const collection = getCollection(collectionName);
|
|
const primaryKeyField = collection.fields.find((f) => f.primaryKey);
|
|
|
|
setValuesIn('collection', target);
|
|
|
|
onChange({
|
|
name,
|
|
// primary key data path
|
|
associatedKey: `{{${path.slice(0, -1).join('.')}.${primaryKeyField.name}}}`,
|
|
// data associated collection name
|
|
associatedCollection: collectionName,
|
|
});
|
|
},
|
|
[onChange],
|
|
);
|
|
|
|
return <Cascader {...props} value={p} options={options} onChange={onSelectChange} loadData={loadData as any} />;
|
|
}
|
|
|
|
// based on collection:
|
|
// { collection, field }
|
|
|
|
// based on data associated collection
|
|
// { key: '{{$context.data.id}}', collection: "collection.association", field }
|
|
// select data based
|
|
|
|
export default class extends Instruction {
|
|
title = `{{t("Aggregate", { ns: "${NAMESPACE}" })}}`;
|
|
type = 'aggregate';
|
|
group = 'collection';
|
|
description = `{{t("Counting, summing, finding maximum, minimum, and average values for multiple records of a collection or associated data of a record.", { ns: "${NAMESPACE}" })}}`;
|
|
fieldset = {
|
|
aggregator: {
|
|
type: 'string',
|
|
title: `{{t("Aggregator function", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Radio.Group',
|
|
enum: [
|
|
{ label: 'COUNT', value: 'count' },
|
|
{ label: 'SUM', value: 'sum' },
|
|
{ label: 'AVG', value: 'avg' },
|
|
{ label: 'MIN', value: 'min' },
|
|
{ label: 'MAX', value: 'max' },
|
|
],
|
|
required: true,
|
|
default: 'count',
|
|
},
|
|
associated: {
|
|
type: 'boolean',
|
|
title: `{{t("Target type", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Radio.Group',
|
|
enum: [
|
|
{ label: `{{t("Data of collection", { ns: "${NAMESPACE}" })}}`, value: false },
|
|
{ label: `{{t("Data of associated collection", { ns: "${NAMESPACE}" })}}`, value: true },
|
|
],
|
|
required: true,
|
|
default: false,
|
|
'x-reactions': [
|
|
{
|
|
target: 'collection',
|
|
effects: ['onFieldValueChange'],
|
|
fulfill: {
|
|
state: {
|
|
value: null,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
target: 'association',
|
|
effects: ['onFieldValueChange'],
|
|
fulfill: {
|
|
state: {
|
|
value: null,
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
collectionField: {
|
|
type: 'void',
|
|
'x-decorator': 'SchemaComponentContext.Provider',
|
|
'x-decorator-props': {
|
|
value: { designable: false },
|
|
},
|
|
'x-component': 'Grid',
|
|
properties: {
|
|
row: {
|
|
type: 'void',
|
|
'x-component': 'Grid.Row',
|
|
properties: {
|
|
target: {
|
|
type: 'void',
|
|
'x-component': 'Grid.Col',
|
|
properties: {
|
|
collection: {
|
|
type: 'string',
|
|
required: true,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'CollectionSelect',
|
|
title: `{{t("Data of collection", { ns: "${NAMESPACE}" })}}`,
|
|
'x-reactions': [
|
|
{
|
|
dependencies: ['associated'],
|
|
fulfill: {
|
|
state: {
|
|
display: '{{$deps[0] ? "hidden" : "visible"}}',
|
|
},
|
|
},
|
|
},
|
|
{
|
|
target: 'params.field',
|
|
effects: ['onFieldValueChange'],
|
|
fulfill: {
|
|
state: {
|
|
value: null,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
target: 'params.filter',
|
|
effects: ['onFieldValueChange'],
|
|
fulfill: {
|
|
state: {
|
|
value: null,
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
association: {
|
|
type: 'object',
|
|
title: `{{t("Data of associated collection", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'AssociatedConfig',
|
|
'x-component-props': {
|
|
changeOnSelect: true,
|
|
},
|
|
'x-reactions': [
|
|
{
|
|
dependencies: ['associated'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{!!$deps[0]}}',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
required: true,
|
|
},
|
|
},
|
|
},
|
|
field: {
|
|
type: 'void',
|
|
'x-component': 'Grid.Col',
|
|
properties: {
|
|
'params.field': {
|
|
type: 'string',
|
|
title: `{{t("Field to aggregate", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'FieldsSelect',
|
|
'x-component-props': {
|
|
filter(field) {
|
|
return (
|
|
!field.hidden &&
|
|
field.interface &&
|
|
!['belongsTo', 'hasOne', 'hasMany', 'belongsToMany'].includes(field.type)
|
|
);
|
|
},
|
|
},
|
|
required: true,
|
|
'x-reactions': [
|
|
{
|
|
dependencies: ['collection'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{!!$deps[0]}}',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
params: {
|
|
type: 'object',
|
|
properties: {
|
|
distinct: {
|
|
type: 'boolean',
|
|
title: `{{t("Distinct", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Checkbox',
|
|
'x-reactions': [
|
|
{
|
|
dependencies: ['collection', 'aggregator'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{!!$deps[0] && ["count"].includes($deps[1])}}',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
filter: {
|
|
type: 'object',
|
|
title: '{{t("Filter")}}',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Filter',
|
|
'x-component-props': {
|
|
useProps() {
|
|
const { values } = useForm();
|
|
const options = useCollectionFilterOptions(values?.collection);
|
|
return {
|
|
options,
|
|
className: css`
|
|
position: relative;
|
|
width: 100%;
|
|
`,
|
|
};
|
|
},
|
|
dynamicComponent: 'FilterDynamicComponent',
|
|
},
|
|
'x-reactions': [
|
|
{
|
|
dependencies: ['collection'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{!!$deps[0]}}',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
},
|
|
};
|
|
scope = {
|
|
useCollectionDataSource,
|
|
};
|
|
components = {
|
|
SchemaComponentContext,
|
|
FilterDynamicComponent,
|
|
FieldsSelect,
|
|
ValueBlock,
|
|
AssociatedConfig,
|
|
};
|
|
useVariables({ key, title }, { types, fieldNames = defaultFieldNames }) {
|
|
if (
|
|
types &&
|
|
!types.some((type) => type in BaseTypeSets || Object.values(BaseTypeSets).some((set) => set.has(type)))
|
|
) {
|
|
return null;
|
|
}
|
|
return {
|
|
[fieldNames.value]: key,
|
|
[fieldNames.label]: title,
|
|
};
|
|
}
|
|
useInitializers(node): SchemaInitializerItemType | null {
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
const resultTitle = useLang('Query result');
|
|
if (!node.config.collection) {
|
|
return null;
|
|
}
|
|
|
|
return {
|
|
name: `#${node.id}`,
|
|
type: 'item',
|
|
title: node.title ?? `#${node.id}`,
|
|
Component: ValueBlock.Initializer,
|
|
node,
|
|
resultTitle,
|
|
};
|
|
}
|
|
}
|