tachybase_todo/packages/plugins/@nocobase/plugin-workflow-delay/src/client/DelayInstruction.tsx
Junyi 4b8915b616
refactor(plugin-workflow): add sync option for trigger (#3383)
* refactor(plugin-workflow): add sync option for trigger

* feat(plugin-workflow-request): support sync call in request

* fix(plugin-workflow-request): fix request async call

* refactor(plugin-workflow): add method to check if workflow is sync

* fix(plugin-workflow): fix useAvailable in nodes

* fix(plugin-workflow): fix node.isAvailable check

* test(plugin-workflow): limit mysql version to pass test

* fix(plugin-workflow-delay): fix test case

* fix(plugin-workflow-delay): fix test case

* feat(plugin-workflow): add sync field for workflow

* refactor(plugin-workflow): adjust end node logic

* fix(plugin-workflow): support sync mode in form trigger

* feat(plugin-workflow): add end instruction

* fix(plugin-workflow-form-trigger): fix test cases

* fix(plugin-workflow): fix transaction for sync event
2024-01-25 22:10:03 +08:00

91 lines
2.7 KiB
TypeScript

import React from 'react';
import { InputNumber, Select } from 'antd';
import { css, useCompile, usePlugin } from '@nocobase/client';
import WorkflowPlugin, { Instruction, JOB_STATUS } from '@nocobase/plugin-workflow/client';
import { NAMESPACE } from '../locale';
const UnitOptions = [
{ value: 1_000, label: `{{t('Seconds', { ns: "workflow" })}}` },
{ value: 60_000, label: `{{t('Minutes', { ns: "workflow" })}}` },
{ value: 3600_000, label: `{{t('Hours', { ns: "workflow" })}}` },
{ value: 86400_000, label: `{{t('Days', { ns: "workflow" })}}` },
{ value: 604800_000, label: `{{t('Weeks', { ns: "workflow" })}}` },
];
function getNumberOption(v) {
return UnitOptions.slice()
.reverse()
.find((item) => !(v % item.value));
}
function Duration({ value = 60000, onChange }) {
const compile = useCompile();
const option = getNumberOption(value);
const quantity = Math.round(value / option.value);
return (
<fieldset
className={css`
display: flex;
gap: 0.5em;
`}
>
<InputNumber
min={1}
value={quantity}
onChange={(v) => onChange(Math.round(v * option.value))}
className="auto-width"
/>
<Select
// @ts-ignore
role="button"
data-testid="select-time-unit"
popupMatchSelectWidth={false}
value={option.value}
onChange={(unit) => onChange(Math.round(quantity * unit))}
className="auto-width"
options={UnitOptions.map((item) => ({
value: item.value,
label: compile(item.label),
}))}
/>
</fieldset>
);
}
export default class extends Instruction {
title = `{{t("Delay", { ns: "${NAMESPACE}" })}}`;
type = 'delay';
group = 'control';
description = `{{t("Delay a period of time and then continue or exit the process. Can be used to set wait or timeout times in parallel branches.", { ns: "${NAMESPACE}" })}}`;
fieldset = {
duration: {
type: 'number',
title: `{{t("Duration", { ns: "${NAMESPACE}" })}}`,
'x-decorator': 'FormItem',
'x-component': 'Duration',
default: 60000,
required: true,
},
endStatus: {
type: 'number',
title: `{{t("End status", { ns: "${NAMESPACE}" })}}`,
'x-decorator': 'FormItem',
'x-component': 'Radio.Group',
enum: [
{ label: `{{t("Succeed and continue", { ns: "${NAMESPACE}" })}}`, value: JOB_STATUS.RESOLVED },
{ label: `{{t("Fail and exit", { ns: "${NAMESPACE}" })}}`, value: JOB_STATUS.FAILED },
],
required: true,
default: JOB_STATUS.RESOLVED,
},
};
components = {
Duration,
};
isAvailable({ engine, workflow, upstream, branchIndex }) {
return !engine.isWorkflowSync(workflow);
}
}