mirror of
https://gitee.com/nocobase/nocobase.git
synced 2025-07-02 03:02:19 +08:00
* feat(plugin-workflow): add loop instruction * fix(plugin-workflow): fix lint error * feat(plugin-workflow): add loop variable in client * feat(plugin-workflow): refactor and add job list to nodes in execution * feat(plugin-workflow): allow to query multiple records * fix(plugin-workflow): fix i18n * fix(plugin-workflow): fix undefined value in component * fix(plugin-workflow): fix parse context value with current node * fix(plugin-workflow): fix revision with scope variable * test(plugin-workflow): add failing case * fix(plugin-workflow): fix revision with scope variable * chore(plugin-workflow): fix lint errors * fix(plugin-workflow): fix workflow canvas page style * fix(plugin-workflow): revert abstracted node config drawer back to each node * fix(plugin-workflow): fix parallel extra call * fix(plugin-workflow): fix parallel branch end * fix(plugin-workflow): fix jobs variable in processor * fix(plugin-workflow): fix workflow canvas scroll style * fix(plugin-workflow): fix slowly opening job modal * fix(plugin-workflow): fix cycling reference
223 lines
6.2 KiB
TypeScript
223 lines
6.2 KiB
TypeScript
import { css } from '@emotion/css';
|
|
import { FormItem, FormLayout } from '@formily/antd';
|
|
import { SchemaInitializer, SchemaInitializerItemOptions, Variable, useCollectionManager } from '@nocobase/client';
|
|
import { Evaluator, evaluators, getOptions } from '@nocobase/evaluators/client';
|
|
import { parse } from '@nocobase/utils/client';
|
|
import { Radio } from 'antd';
|
|
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useFlowContext } from '../FlowContext';
|
|
import { RadioWithTooltip } from '../components/RadioWithTooltip';
|
|
import { renderEngineReference } from '../components/renderEngineReference';
|
|
import { NAMESPACE, lang } from '../locale';
|
|
import { BaseTypeSets, useWorkflowVariableOptions } from '../variable';
|
|
|
|
function matchDynamicExpressionCollectionField(field): boolean {
|
|
const { getCollectionFields, getCollection } = useCollectionManager();
|
|
if (field.type !== 'belongsTo') {
|
|
return false;
|
|
}
|
|
|
|
const fields = getCollectionFields(field.target);
|
|
return fields.some((f) => f.interface === 'expression');
|
|
}
|
|
|
|
const DynamicConfig = ({ value, onChange }) => {
|
|
const { t } = useTranslation();
|
|
const scope = useWorkflowVariableOptions([matchDynamicExpressionCollectionField]);
|
|
|
|
return (
|
|
<FormLayout layout="vertical">
|
|
<FormItem label={t('Expression type', { ns: NAMESPACE })}>
|
|
<Radio.Group
|
|
value={value === false ? false : value || null}
|
|
onChange={(ev) => {
|
|
onChange(ev.target.value);
|
|
}}
|
|
>
|
|
<Radio value={false}>{t('Static', { ns: NAMESPACE })}</Radio>
|
|
<Radio value={value || null}>{t('Dynamic', { ns: NAMESPACE })}</Radio>
|
|
</Radio.Group>
|
|
</FormItem>
|
|
{value !== false ? (
|
|
<FormItem label={t('Select dynamic expression', { ns: NAMESPACE })}>
|
|
<Variable.Input value={value || null} onChange={(v) => onChange(v)} scope={scope} />
|
|
</FormItem>
|
|
) : null}
|
|
</FormLayout>
|
|
);
|
|
};
|
|
|
|
function useWorkflowVariableEntityOptions() {
|
|
return useWorkflowVariableOptions([{ type: 'reference', options: { collection: '*', entity: true } }]);
|
|
}
|
|
|
|
export default {
|
|
title: `{{t("Calculation", { ns: "${NAMESPACE}" })}}`,
|
|
type: 'calculation',
|
|
group: 'control',
|
|
fieldset: {
|
|
dynamic: {
|
|
type: 'string',
|
|
'x-component': 'DynamicConfig',
|
|
default: false,
|
|
},
|
|
engine: {
|
|
type: 'string',
|
|
title: `{{t("Calculation engine", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'RadioWithTooltip',
|
|
'x-component-props': {
|
|
options: getOptions(),
|
|
},
|
|
required: true,
|
|
default: 'math.js',
|
|
'x-reactions': {
|
|
dependencies: ['dynamic'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{$deps[0] === false}}',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
expression: {
|
|
type: 'string',
|
|
title: `{{t("Calculation expression", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Variable.TextArea',
|
|
'x-component-props': {
|
|
scope: '{{useWorkflowVariableOptions}}',
|
|
},
|
|
['x-validator'](value, rules, { form }) {
|
|
const { values } = form;
|
|
const { evaluate } = evaluators.get(values.engine) as Evaluator;
|
|
const exp = value.trim().replace(/{{([^{}]+)}}/g, ' 1 ');
|
|
try {
|
|
evaluate(exp);
|
|
return '';
|
|
} catch (e) {
|
|
return lang('Expression syntax error');
|
|
}
|
|
},
|
|
'x-reactions': [
|
|
{
|
|
dependencies: ['dynamic'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{$deps[0] === false}}',
|
|
},
|
|
},
|
|
},
|
|
{
|
|
dependencies: ['engine'],
|
|
fulfill: {
|
|
schema: {
|
|
description: '{{renderEngineReference($deps[0])}}',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
required: true,
|
|
},
|
|
scope: {
|
|
type: 'string',
|
|
title: `{{t("Variable datasource", { ns: "${NAMESPACE}" })}}`,
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Variable.Input',
|
|
'x-component-props': {
|
|
scope: '{{useWorkflowVariableEntityOptions}}',
|
|
},
|
|
'x-reactions': {
|
|
dependencies: ['dynamic'],
|
|
fulfill: {
|
|
state: {
|
|
visible: '{{$deps[0] !== false}}',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
view: {},
|
|
scope: {
|
|
useWorkflowVariableOptions,
|
|
useWorkflowVariableEntityOptions,
|
|
renderEngineReference,
|
|
},
|
|
components: {
|
|
CalculationResult({ dataSource }) {
|
|
const { execution } = useFlowContext();
|
|
if (!execution) {
|
|
return lang('Calculation result');
|
|
}
|
|
const result = parse(dataSource)({
|
|
$jobsMapByNodeId: (execution.jobs ?? []).reduce(
|
|
(map, job) => Object.assign(map, { [job.nodeId]: job.result }),
|
|
{},
|
|
),
|
|
});
|
|
|
|
return (
|
|
<pre
|
|
className={css`
|
|
margin: 0;
|
|
`}
|
|
>
|
|
{JSON.stringify(result, null, 2)}
|
|
</pre>
|
|
);
|
|
},
|
|
RadioWithTooltip,
|
|
DynamicConfig,
|
|
},
|
|
useVariables(current, types) {
|
|
if (
|
|
types &&
|
|
!types.some((type) => type in BaseTypeSets || Object.values(BaseTypeSets).some((set) => set.has(type)))
|
|
) {
|
|
return null;
|
|
}
|
|
return [
|
|
// { key: '', value: '', label: lang('Calculation result') }
|
|
];
|
|
},
|
|
useInitializers(node): SchemaInitializerItemOptions {
|
|
return {
|
|
type: 'item',
|
|
title: node.title ?? `#${node.id}`,
|
|
component: CalculationInitializer,
|
|
node,
|
|
};
|
|
},
|
|
};
|
|
|
|
function CalculationInitializer({ node, insert, ...props }) {
|
|
return (
|
|
<SchemaInitializer.Item
|
|
{...props}
|
|
onClick={() => {
|
|
insert({
|
|
type: 'void',
|
|
name: node.id,
|
|
title: node.title,
|
|
'x-component': 'CardItem',
|
|
'x-component-props': {
|
|
title: node.title ?? `#${node.id}`,
|
|
},
|
|
'x-designer': 'SimpleDesigner',
|
|
properties: {
|
|
result: {
|
|
type: 'void',
|
|
'x-component': 'CalculationResult',
|
|
'x-component-props': {
|
|
// NOTE: as same format as other reference for migration of revision
|
|
dataSource: `{{$jobsMapByNodeId.${node.id}}}`,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
}}
|
|
/>
|
|
);
|
|
}
|