tachybase_todo/packages/plugins/@nocobase/plugin-workflow-aggregate/src/client/AggregateInstruction.tsx
katherinehhh af6113c8ef
feat: support for multiple data sources (#3418)
* 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>
2024-03-03 23:06:24 +08:00

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,
};
}
}