chore(plugin-workflow): add translation (#345)

* chore(plugin-workflow): add translation

* fix(plugin-workflow): type

packages/core/client/src/locale/zh_CN.ts

@@ -32,6 +32,7 @@ export default {
   "Insert inner": "在里面插入",
   "Delete": "删除",
   "UI editor": "界面配置",
+  "Collection": "数据表",
   "Collections & Fields": "数据表配置",
   "Roles & Permissions": "角色和权限",
   "Edit profile": "个人资料",
@@ -153,6 +154,10 @@ export default {
   "is not": "不等于",
   "contains": "包含",
   "does not contain": "不包含",
+  "starts with": "开头是",
+  "not starts with": "开头不是",
+  "ends with": "结尾是",
+  "not ends with": "结尾不是",
   "is empty": "为空",
   "is not empty": "不为空",
   "Edit chart": "编辑图表",
@@ -300,8 +305,8 @@ export default {
   'Insert before': '在前面插入',
   'Insert after': '在后面插入',
   'UI Editor': '界面配置',
-  'ASC': 'ASC',
+  'ASC': '升序',
-  'DESC': 'DESC',
+  'DESC': '降序',
   'Add sort field': '添加排序字段',
   'ID': 'ID',
   'Drawer': '抽屉',
@@ -399,4 +404,60 @@ export default {
   'Local storage': '本地存储',
   'Aliyun OSS': '阿里云 OSS',
   'Amazon S3': '亚马逊 S3',
+
+  // plugins/workflow
+  'Workflow': '工作流',
+  'Configure workflow': '流程配置',
+  'Executions': '执行历史',
+  'Trigger type': '触发方式',
+  'Description': '描述',
+  'Status': '状态',
+  'Enabled': '启用',
+  'Disabled': '禁用',
+  'Trigger configuration': '触发器配置',
+  'Load failed': '加载失败',
+
+  'Model event': '数据表事件',
+  'Trigger on': '触发时机',
+  'After record added': '新增数据后',
+  'After record updated': '更新数据后',
+  'After record added or updated': '新增或更新数据后',
+  'After record deleted': '删除数据后',
+  'Changed fields': '发生变动的字段',
+  'Select the fields which changed will trigger the event only': '只有被选中的某个字段发生变动时才会触发。如果不选择，则表示任何字段变动时都会触发。新增或删除数据时，任意字段都被认为发生变动。',
+  'Match condition': '满足条件',
+
+  'End': '结束',
+
+  'Trigger context': '触发数据',
+  'Node result': '节点数据',
+  'Constant': '常量',
+
+  'Boolean': '逻辑值',
+  'String': '字符串',
+
+  'Comparison': '值比较',
+  'Arithmetic calculation': '算术运算',
+  'String operation': '字符串',
+
+  'On going': '进行中',
+  'Success': '成功',
+  'Failed': '失败',
+  'Canceled': '已取消',
+
+  'Node configuration': '配置节点',
+  'This node contains branches, deleting will also be preformed to them, are you sure?': '节点包含分支，将同时删除其所有分支下的子节点，确定继续？',
+
+  'Control': '流程控制',
+  'Collection operations': '数据表操作',
+
+  'Node type': '节点类型',
+
+  'Calculation': '运算',
+  'Configure calculation': '配置运算',
+  'Calculation result': '运算结果',
+
+  'Create record': '新增数据',
+  'Update record': '更新数据',
+  'Query record': '查询数据',
 }

packages/core/client/src/workflow/WorkflowCanvas.tsx

@@ -6,9 +6,12 @@ import { addButtonClass, branchBlockClass, branchClass, nodeBlockClass, nodeCard
 
 import {
   useCollection,
+  useCompile,
   useResourceActionContext
 } from '..';
 import { Instruction, instructions, Node } from './nodes';
+import { t } from 'i18next';
+import { useTranslation } from 'react-i18next';
 
 
 
@@ -34,10 +37,11 @@ export function useFlowContext() {
 }
 
 export function WorkflowCanvas() {
+  const { t } = useTranslation();
   const { data, refresh, loading } = useResourceActionContext();
 
   if (!data?.data && !loading) {
-    return <div>加载失败</div>;
+    return <div>{t('Load failed')}</div>;
   }
 
   const { nodes = [], ...workflow } = data?.data ?? {};
@@ -56,7 +60,7 @@ export function WorkflowCanvas() {
       <div className={branchBlockClass}>
         <Branch entry={entry} />
       </div>
-      <div className={cx(nodeCardClass)}>结束</div>
+      <div className={cx(nodeCardClass)}>{t('End')}</div>
     </FlowContext.Provider>
   );
 }
@@ -93,6 +97,7 @@ interface AddButtonProps {
 };
 
 export function AddButton({ upstream, branchIndex = null }: AddButtonProps) {
+  const compile = useCompile();
   const { resource } = useCollection();
   const { data } = useResourceActionContext();
   const { onNodeAdded } = useFlowContext();
@@ -120,8 +125,8 @@ export function AddButton({ upstream, branchIndex = null }: AddButtonProps) {
   }
 
   const groups = [
-    { value: 'control', name: '流程控制' },
+    { value: 'control', name: '{{t("Control")}}' },
-    { value: 'model', name: '数据表操作' },
+    { value: 'collection', name: '{{t("Collection operations")}}' },
   ];
   const instructionList = (Array.from(instructions.getValues()) as Instruction[]);
 
@@ -130,17 +135,17 @@ export function AddButton({ upstream, branchIndex = null }: AddButtonProps) {
       <Dropdown trigger={['click']} overlay={
         <Menu onClick={ev => onCreate(ev)}>
           {groups.map(group => (
-            <Menu.ItemGroup key={group.value} title={group.name}>
+            <Menu.ItemGroup key={group.value} title={compile(group.name)}>
               {instructionList.filter(item => item.group === group.value).map(item => item.options
               ? (
-                <Menu.SubMenu key={item.type} title={item.title}>
+                <Menu.SubMenu key={item.type} title={compile(item.title)}>
                   {item.options.map(option => (
-                    <Menu.Item key={option.key}>{option.label}</Menu.Item>
+                    <Menu.Item key={option.key}>{compile(option.label)}</Menu.Item>
                   ))}
                 </Menu.SubMenu>
               )
               : (
-                <Menu.Item key={item.type}>{item.title}</Menu.Item>
+                <Menu.Item key={item.type}>{compile(item.title)}</Menu.Item>
               ))}
             </Menu.ItemGroup>
           ))}

packages/core/client/src/workflow/WorkflowLink.tsx

@@ -1,12 +1,14 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useActionContext, useRecord } from '..';
 
 
 export const WorkflowLink = () => {
+  const { t } = useTranslation();
   const { id } = useRecord();
   const { setVisible } = useActionContext();
   return (
-    <Link to={`/admin/plugins/workflows/${id}`} onClick={() => setVisible(false)}>流程配置</Link>
+    <Link to={`/admin/plugins/workflows/${id}`} onClick={() => setVisible(false)}>{t('Configure workflow')}</Link>
   );
 }

packages/core/client/src/workflow/WorkflowPage.tsx

@@ -15,7 +15,7 @@ const workflowCollection = {
       name: 'title',
       interface: 'input',
       uiSchema: {
-        title: '流程名称',
+        title: '{{t("Name")}}',
         type: 'string',
         'x-component': 'Input',
         required: true,
@@ -66,7 +66,7 @@ export const WorkflowPage = () => {
                             name: 'title',
                             interface: 'input',
                             uiSchema: {
-                              title: '节点名称',
+                              title: '{{t("Name")}}',
                               type: 'string',
                               'x-component': 'Input',
                             },
@@ -76,7 +76,7 @@ export const WorkflowPage = () => {
                             name: 'type',
                             interface: 'select',
                             uiSchema: {
-                              title: '节点类型',
+                              title: '{{t("Node type")}}',
                               type: 'string',
                               'x-component': 'Select',
                               required: true,

packages/core/client/src/workflow/WorkflowShortcut.tsx

@@ -5,6 +5,7 @@ import { uid } from '@formily/shared';
 import { PluginManager } from '../plugin-manager';
 import { ActionContext, SchemaComponent, useActionContext } from '../schema-component';
 import { WorkflowTable } from './WorkflowTable';
+import { useTranslation } from 'react-i18next';
 
 const useCloseAction = () => {
   const { setVisible } = useActionContext();
@@ -25,7 +26,7 @@ const schema: ISchema = {
     [uid()]: {
       'x-component': 'Action.Drawer',
       type: 'void',
-      title: '工作流',
+      title: '{{t("Workflow")}}',
       properties: {
         main: {
           type: 'void',
@@ -37,12 +38,13 @@ const schema: ISchema = {
 };
 
 export const WorkflowShortcut = () => {
+  const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
   return (
     <ActionContext.Provider value={{ visible, setVisible }}>
       <PluginManager.Toolbar.Item
         icon={<PartitionOutlined />}
-        title={'工作流'}
+        title={t('Workflow')}
         onClick={() => {
           setVisible(true);
         }}

packages/core/client/src/workflow/calculators.tsx

@@ -9,6 +9,7 @@ import { instructions, useNodeContext } from "./nodes";
 import { useFlowContext } from "./WorkflowCanvas";
 import { triggers } from "./triggers";
 import { SchemaComponent, useCollectionManager, useCompile } from "..";
+import { useTranslation } from "react-i18next";
 
 function NullRender() {
   return null;
@@ -17,7 +18,7 @@ function NullRender() {
 export const calculators = [
   {
     value: 'boolean',
-    title: '值比较',
+    title: '{{t("Comparison")}}',
     children: [
       { value: 'equal', name: '=' },
       { value: 'notEqual', name: '≠' },
@@ -29,7 +30,7 @@ export const calculators = [
   },
   {
     value: 'number',
-    title: '算术运算',
+    title: '{{t("Arithmetic calculation")}}',
     children: [
       { value: 'add', name: '+' },
       { value: 'minus', name: '-' },
@@ -40,19 +41,19 @@ export const calculators = [
   },
   {
     value: 'string',
-    title: '字符串',
+    title: '{{t("String operation")}}',
     children: [
-      { value: 'includes', name: '包含' },
+      { value: 'includes', name: '{{t("contains")}}' },
-      { value: 'notIncludes', name: '不包含' },
+      { value: 'notIncludes', name: '{{t("does not contain")}}' },
-      { value: 'startsWith', name: '开头是' },
+      { value: 'startsWith', name: '{{t("starts with")}}' },
-      { value: 'notStartsWith', name: '开头不是' },
+      { value: 'notStartsWith', name: '{{t("not starts with")}}' },
-      { value: 'endsWith', name: '结尾是' },
+      { value: 'endsWith', name: '{{t("ends with")}}' },
-      { value: 'notEndsWith', name: '结尾不是' }
+      { value: 'notEndsWith', name: '{{t("not ends with")}}' }
     ]
   },
   {
     value: 'date',
-    title: '日期',
+    title: '{{t("Date")}}',
     children: []
   }
 ];
@@ -77,7 +78,7 @@ export const BaseTypeSet = new Set(['boolean', 'number', 'string', 'date']);
 
 const ConstantTypes = {
   string: {
-    title: '字符串',
+    title: '{{t("String")}}',
     value: 'string',
     component({ onChange, type, options, value }) {
       return (
@@ -90,7 +91,7 @@ const ConstantTypes = {
     default: ''
   },
   number: {
-    title: '数字',
+    title: '{{t("Number")}}',
     value: 'number',
     component({ onChange, type, options, value }) {
       return (
@@ -103,7 +104,7 @@ const ConstantTypes = {
     default: 0
   },
   boolean: {
-    title: '逻辑值',
+    title: '{{t("Boolean")}}',
     value: 'boolean',
     component({ onChange, type, options, value }) {
       return (
@@ -127,7 +128,7 @@ const ConstantTypes = {
 
 export const VariableTypes = {
   constant: {
-    title: '常量',
+    title: '{{t("Constant")}}',
     value: 'constant',
     options: Object.values(ConstantTypes).map(item => ({
       value: item.value,
@@ -155,7 +156,7 @@ export const VariableTypes = {
     }
   },
   $jobsMapByNodeId: {
-    title: '节点数据',
+    title: '{{t("Node result")}}',
     value: '$jobsMapByNodeId',
     options() {
       const node = useNodeContext();
@@ -210,7 +211,7 @@ export const VariableTypes = {
     }
   },
   $context: {
-    title: '触发数据',
+    title: '{{t("Trigger context")}}',
     value: '$context',
     component() {
       const { workflow } = useFlowContext();
@@ -252,6 +253,7 @@ export function Operand({
   onChange,
   children
 }: OperandProps) {
+  const compile = useCompile();
   const Types = useVariableTypes();
 
   const { type } = operand;
@@ -279,7 +281,7 @@ export function Operand({
         options={Object.values(Types).map((item: any) => {
           const options = typeof item.options === 'function' ? item.options() : item.options;
           return {
-            label: item.title,
+            label: compile(item.title),
             value: item.value,
             children: options,
             disabled: options && !options.length,
@@ -303,6 +305,7 @@ export function Operand({
 }
 
 export function Calculation({ calculator, operands = [], onChange }) {
+  const { t } = useTranslation();
   return (
     <VariableTypesContext.Provider value={VariableTypes}>
       <div className={css`
@@ -321,9 +324,9 @@ export function Calculation({ calculator, operands = [], onChange }) {
             <>
               <Select value={calculator} onChange={v => onChange({ operands, calculator: v })}>
                 {calculators.map(group => (
-                  <Select.OptGroup key={group.value} label={group.title}>
+                  <Select.OptGroup key={group.value} label={t(group.title)}>
                     {group.children.map(item => (
-                      <Select.Option key={item.value} value={item.value}>{item.name}</Select.Option>
+                      <Select.Option key={item.value} value={t(item.value)}>{item.name}</Select.Option>
                     ))}
                   </Select.OptGroup>
                 ))}
@@ -341,7 +344,7 @@ export function Calculation({ calculator, operands = [], onChange }) {
 export function VariableComponent({ value, onChange, renderSchemaComponent }) {
   const VTypes = { ...VariableTypes,
     constant: {
-      title: '常量',
+      title: '{{t("Constant")}}',
       value: 'constant',
       options: undefined
     }
@@ -372,6 +375,7 @@ export function VariableComponent({ value, onChange, renderSchemaComponent }) {
 
 // NOTE: observer for watching useProps
 export const CollectionFieldset = observer(({ value, onChange }: any) => {
+  const { t } = useTranslation();
   const compile = useCompile();
   const { getCollectionFields } = useCollectionManager();
   const { values: data } = useForm();
@@ -384,7 +388,7 @@ export const CollectionFieldset = observer(({ value, onChange }: any) => {
   const VTypes = {
     ...VariableTypes,
     constant: {
-      title: '常量',
+      title: '{{t("Constant")}}',
       value: 'constant',
       options: undefined
     }
@@ -458,14 +462,14 @@ export const CollectionFieldset = observer(({ value, onChange }: any) => {
                       ))}
                   </Menu>
                 }>
-                  <Button icon={<PlusOutlined />}>添加字段</Button>
+                  <Button icon={<PlusOutlined />}>{t('Add field')}</Button>
                 </Dropdown>
               )
               : null
             }
           </>
         )
-        : <p>请先选择数据表</p>
+        : <p>{t('Select collection')}</p>
       }
     </fieldset>
   );

packages/core/client/src/workflow/nodes/calculation.tsx

@@ -1,15 +1,16 @@
 import { css } from '@emotion/css';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Calculation } from '../calculators';
 
 export default {
-  title: '运算',
+  title: '{{t("Calculation")}}',
   type: 'calculation',
   group: 'control',
   fieldset: {
     'config.calculation': {
       type: 'object',
-      title: '配置计算',
+      title: '{{t("Configure calculation")}}',
       name: 'config.calculation',
       required: true,
       'x-decorator': 'FormItem',
@@ -27,6 +28,7 @@ export default {
     }
   },
   getter() {
-    return <div className={css`flex-shrink: 0`}>计算值</div>;
+    const { t } = useTranslation();
+    return <div className={css`flex-shrink: 0`}>{t('Calculation result')}</div>;
   }
 };

packages/core/client/src/workflow/nodes/create.tsx

@@ -1,5 +1,6 @@
 import { Select } from 'antd';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { useCollectionDataSource, useCollectionManager, useCompile } from '../..';
 import { BaseTypeSet, CollectionFieldset } from '../calculators';
 import { collection, values } from '../schemas/collection';
@@ -7,9 +8,9 @@ import { useFlowContext } from '../WorkflowCanvas';
 
 
 export default {
-  title: '新增数据',
+  title: '{{t("Create record")}}',
   type: 'create',
-  group: 'model',
+  group: 'collection',
   fieldset: {
     'config.collection': {
       ...collection,
@@ -45,6 +46,7 @@ export default {
     CollectionFieldset
   },
   getter({ type, options, onChange }) {
+    const { t } = useTranslation();
     const compile = useCompile();
     const { collections = [] } = useCollectionManager();
     const { nodes } = useFlowContext();
@@ -52,7 +54,7 @@ export default {
     const collection = collections.find(item => item.name === config.collection) ?? { fields: [] };
 
     return (
-      <Select value={options.path} placeholder="选择字段" onChange={path => {
+      <Select value={options.path} placeholder={t('Fields')} onChange={path => {
         onChange({ type, options: { ...options, path } });
       }}>
         {collection.fields

packages/core/client/src/workflow/nodes/destroy.tsx

@@ -4,9 +4,9 @@ import { VariableComponent } from '../calculators';
 import { collection, filter } from '../schemas/collection';
 
 export default {
-  title: '删除数据',
+  title: '{{t("Delete record")}}',
   type: 'destroy',
-  group: 'model',
+  group: 'collection',
   fieldset: {
     'config.collection': collection,
     'config.params': {

packages/core/client/src/workflow/nodes/index.tsx

@@ -4,7 +4,8 @@ import { ISchema, useForm } from '@formily/react';
 import { Registry } from '@nocobase/utils';
 import { Button, Modal, Tag } from 'antd';
 import React, { useContext } from 'react';
-import { SchemaComponent, useActionContext, useAPIClient, useCollection, useRequest, useResourceActionContext } from '../..';
+import { useTranslation } from 'react-i18next';
+import { SchemaComponent, useActionContext, useAPIClient, useCollection, useCompile, useRequest, useResourceActionContext } from '../..';
 import { nodeBlockClass, nodeCardClass, nodeClass, nodeHeaderClass, nodeTitleClass } from '../style';
 import { AddButton, useFlowContext } from '../WorkflowCanvas';
 
@@ -109,6 +110,7 @@ export function Node({ data }) {
 }
 
 export function RemoveButton() {
+  const { t } = useTranslation();
   const { resource } = useCollection();
   const current = useNodeContext();
   const { nodes, onNodeRemoved } = useFlowContext();
@@ -123,11 +125,11 @@ export function RemoveButton() {
 
     const hasBranches = !nodes.find(item => item.upstream === current && item.branchIndex != null);
     const message = hasBranches
-      ? '确定删除该节点吗？'
+      ? t('Are you sure you want to delete it?')
-      : '节点包含分支，将同时删除其所有分支下的子节点，确定继续？';
+      : t('This node contains branches, deleting will also be preformed to them, are you sure?');
 
     Modal.confirm({
-      title: '删除节点',
+      title: t('Delete'),
       content: message,
       onOk
     });
@@ -146,6 +148,7 @@ export function RemoveButton() {
 
 export function NodeDefaultView(props) {
   const { data, children } = props;
+  const compile = useCompile();
   const instruction = instructions.get(data.type);
 
   return (
@@ -154,7 +157,7 @@ export function NodeDefaultView(props) {
         <div className={cx(nodeCardClass)}>
           <div className={cx(nodeHeaderClass)}>
             <h4 className={cx(nodeTitleClass)}>
-              <Tag>{instruction.title}</Tag>
+              <Tag>{compile(instruction.title)}</Tag>
               <strong>{data.title}</strong>
               <span className="workflow-node-id">#{data.id}</span>
             </h4>
@@ -169,7 +172,7 @@ export function NodeDefaultView(props) {
                 view: instruction.view,
                 config: {
                   type: 'void',
-                  title: '配置节点',
+                  title: '{{t("Node configuration")}}',
                   'x-component': 'Action.Link',
                   'x-component-props': {
                     type: 'primary',
@@ -177,7 +180,7 @@ export function NodeDefaultView(props) {
                   properties: {
                     drawer: {
                       type: 'void',
-                      title: '配置节点',
+                      title: '{{t("Node configuration")}}',
                       'x-component': 'Action.Drawer',
                       'x-decorator': 'Form',
                       'x-decorator-props': {
@@ -192,7 +195,7 @@ export function NodeDefaultView(props) {
                         title: {
                           type: 'string',
                           name: 'title',
-                          title: '节点名称',
+                          title: '{{t("Name")}}',
                           'x-decorator': 'FormItem',
                           'x-component': 'Input',
                         },

packages/core/client/src/workflow/nodes/query.tsx

@@ -6,11 +6,12 @@ import { useCollectionDataSource, useCollectionManager, useCompile } from '../..
 import { useFlowContext } from '../WorkflowCanvas';
 import { BaseTypeSet, VariableComponent } from '../calculators';
 import { collection, filter } from '../schemas/collection';
+import { useTranslation } from 'react-i18next';
 
 export default {
-  title: '查询数据',
+  title: '{{t("Query record")}}',
   type: 'query',
-  group: 'model',
+  group: 'collection',
   fieldset: {
     'config.collection': collection,
     'config.multiple': {
@@ -43,6 +44,7 @@ export default {
     VariableComponent
   },
   getter({ type, options, onChange }) {
+    const { t } = useTranslation();
     const compile = useCompile();
     const { collections = [] } = useCollectionManager();
     const { nodes } = useFlowContext();
@@ -50,7 +52,7 @@ export default {
     const collection = collections.find(item => item.name === config.collection) ?? { fields: [] };
 
     return (
-      <Select value={options.path} placeholder="选择字段" onChange={path => {
+      <Select value={options.path} placeholder={t('Fields')} onChange={path => {
         onChange({ type, options: { ...options, path } });
       }}>
         {collection.fields

packages/core/client/src/workflow/nodes/update.tsx

@@ -3,9 +3,9 @@ import { CollectionFieldset, VariableComponent } from '../calculators';
 import { collection, filter, values } from '../schemas/collection';
 
 export default {
-  title: '更新数据',
+  title: '{{t("Update record")}}',
   type: 'update',
-  group: 'model',
+  group: 'collection',
   fieldset: {
     'config.collection': collection,
     'config.params': {

packages/core/client/src/workflow/schemas/collection.ts

@@ -5,7 +5,7 @@ import { useCollectionFilterOptions } from "../../collection-manager/action-hook
 
 export const collection = {
   type: 'string',
-  title: '数据表',
+  title: '{{t("Collection")}}',
   name: 'config.collection',
   required: true,
   'x-reactions': ['{{useCollectionDataSource()}}'],
@@ -15,7 +15,7 @@ export const collection = {
 
 export const values = {
   type: 'object',
-  title: '数据内容',
+  title: '{{t("Form values")}}',
   name: 'config.params.values',
   'x-decorator': 'FormItem',
   'x-decorator-props': {
@@ -29,7 +29,7 @@ export const values = {
 
 export const filter = {
   type: 'object',
-  title: '筛选条件',
+  title: '{{t("Filter")}}',
   name: 'config.params.filter',
   'x-decorator': 'FormItem',
   'x-decorator-props': {

packages/core/client/src/workflow/schemas/executions.ts

@@ -4,12 +4,16 @@ const collection = {
   name: 'executions',
   fields: [
     {
-      type: 'number',
+      interface: 'createdAt',
-      name: 'workflow',
+      type: 'datetime',
-      interface: 'linkTo',
+      // field: 'createdAt',
+      name: 'createdAt',
       uiSchema: {
-        title: '所属工作流',
+        type: 'datetime',
-        type: 'string',
+        title: '{{t("Created at")}}',
+        'x-component': 'DatePicker',
+        'x-component-props': {},
+        'x-read-pretty': true,
       } as ISchema,
     },
     {
@@ -17,15 +21,15 @@ const collection = {
       name: 'status',
       interface: 'select',
       uiSchema: {
-        title: '执行状态',
+        title: '{{t("Status")}}',
         type: 'string',
         'x-component': 'Select',
         'x-decorator': 'FormItem',
         enum: [
-          { value: 0, label: '进行中' },
+          { value: 0, label: '{{t("On going")}}' },
-          { value: 1, label: '已完成' },
+          { value: 1, label: '{{t("Success")}}' },
-          { value: -1, label: '已失败' },
+          { value: -1, label: '{{t("Failed")}}' },
-          { value: -2, label: '已取消' },
+          { value: -2, label: '{{t("Canceled")}}' },
         ],
       } as ISchema,
     }
@@ -76,13 +80,13 @@ export const executionSchema = {
           useDataSource: '{{ cm.useDataSourceFromRAC }}',
         },
         properties: {
-          workflow: {
+          createdAt: {
             type: 'void',
             'x-decorator': 'Table.Column.Decorator',
             'x-component': 'Table.Column',
             properties: {
-              workflow: {
+              createdAt: {
-                type: 'string',
+                type: 'datetime',
                 'x-component': 'CollectionField',
                 'x-read-pretty': true,
               },
@@ -100,27 +104,27 @@ export const executionSchema = {
               },
             }
           },
-          actions: {
+          // actions: {
-            type: 'void',
+          //   type: 'void',
-            title: '{{ t("Actions") }}',
+          //   title: '{{ t("Actions") }}',
-            'x-component': 'Table.Column',
+          //   'x-component': 'Table.Column',
-            properties: {
+          //   properties: {
-              actions: {
+          //     actions: {
-                type: 'void',
+          //       type: 'void',
-                'x-component': 'Space',
+          //       'x-component': 'Space',
-                'x-component-props': {
+          //       'x-component-props': {
-                  split: '|',
+          //         split: '|',
-                },
+          //       },
-                properties: {
+          //       properties: {
-                  config: {
+          //         config: {
-                    type: 'void',
+          //           type: 'void',
-                    title: '查看',
+          //           title: '查看',
-                    'x-component': 'ExecutionLink'
+          //           'x-component': 'ExecutionLink'
-                  },
+          //         },
-                }
+          //       }
-              }
+          //     }
-            }
+          //   }
-          }
+          // }
         }
       }
     }

packages/core/client/src/workflow/schemas/workflows.ts

@@ -1,4 +1,5 @@
 import { ISchema } from '@formily/react';
+import { triggers } from '../triggers';
 import { executionSchema } from './executions';
 
 const collection = {
@@ -9,7 +10,7 @@ const collection = {
       name: 'title',
       interface: 'input',
       uiSchema: {
-        title: '流程名称',
+        title: '{{t("Name")}}',
         type: 'string',
         'x-component': 'Input',
         required: true,
@@ -20,13 +21,14 @@ const collection = {
       name: 'type',
       interface: 'select',
       uiSchema: {
-        title: '触发方式',
+        title: '{{t("Trigger type")}}',
         type: 'string',
         'x-component': 'Select',
         'x-decorator': 'FormItem',
-        enum: [
+        enum: Array.from(triggers.getEntities()).map(([value, { title }]) => ({
-          { value: 'model', label: '数据变动' }
+          value,
-        ],
+          label: title,
+        })),
         required: true,
       } as ISchema,
     },
@@ -35,7 +37,7 @@ const collection = {
       name: 'description',
       interface: 'textarea',
       uiSchema: {
-        title: '描述',
+        title: '{{t("Description")}}',
         type: 'string',
         'x-component': 'Input.TextArea',
       } as ISchema,
@@ -45,11 +47,11 @@ const collection = {
       name: 'enabled',
       interface: 'radio',
       uiSchema: {
-        title: '状态',
+        title: '{{t("Status")}}',
         type: 'string',
         enum: [
-          { label: '启用', value: true },
+          { label: '{{t("Enabled")}}', value: true },
-          { label: '禁用', value: false },
+          { label: '{{t("Disabled")}}', value: false },
         ],
         'x-component': 'Radio.Group',
         'x-decorator': 'FormItem',
@@ -94,7 +96,7 @@ export const workflowSchema: ISchema = {
           properties: {
             delete: {
               type: 'void',
-              title: '删除',
+              title: '{{t("Delete")}}',
               'x-component': 'Action',
               'x-component-props': {
                 useAction: '{{ cm.useBulkDestroyAction }}',
@@ -106,7 +108,7 @@ export const workflowSchema: ISchema = {
             },
             create: {
               type: 'void',
-              title: '添加工作流',
+              title: '{{t("Add new")}}',
               'x-component': 'Action',
               'x-component-props': {
                 type: 'primary',
@@ -116,7 +118,7 @@ export const workflowSchema: ISchema = {
                   type: 'void',
                   'x-component': 'Action.Drawer',
                   'x-decorator': 'Form',
-                  title: '添加工作流',
+                  title: '{{t("Add new")}}',
                   properties: {
                     title: {
                       'x-component': 'CollectionField',
@@ -219,25 +221,24 @@ export const workflowSchema: ISchema = {
                   properties: {
                     config: {
                       type: 'void',
-                      title: '配置流程',
                       'x-component': 'WorkflowLink'
                     },
-                    // executions: {
+                    executions: {
-                    //   type: 'void',
+                      type: 'void',
-                    //   title: '执行历史',
+                      title: '{{t("Executions")}}',
-                    //   'x-component': 'Action.Link',
+                      'x-component': 'Action.Link',
-                    //   'x-component-props': {
+                      'x-component-props': {
-                    //     type: 'primary',
+                        type: 'primary',
-                    //   },
+                      },
-                    //   properties: {
+                      properties: {
-                    //     drawer: {
+                        drawer: {
-                    //       type: 'void',
+                          type: 'void',
-                    //       title: '执行历史',
+                          title: '{{t("Executions")}}',
-                    //       'x-component': 'Action.Drawer',
+                          'x-component': 'Action.Drawer',
-                    //       properties: executionSchema
+                          properties: executionSchema
-                    //     }
+                        }
-                    //   }
+                      }
-                    // },
+                    },
                     update: {
                       type: 'void',
                       title: '{{ t("Edit") }}',
@@ -253,7 +254,7 @@ export const workflowSchema: ISchema = {
                           'x-decorator-props': {
                             useValues: '{{ cm.useValuesFromRecord }}',
                           },
-                          title: '编辑工作流',
+                          title: '{{ t("Edit") }}',
                           properties: {
                             title: {
                               'x-component': 'CollectionField',

packages/core/client/src/workflow/triggers/index.tsx

@@ -3,7 +3,7 @@ import { ISchema, useForm } from "@formily/react";
 import { cx } from "@emotion/css";
 import { Registry } from "@nocobase/utils";
 
-import { SchemaComponent, useActionContext, useAPIClient, useRecord, useRequest, useResourceActionContext } from '../../';
+import { SchemaComponent, useActionContext, useAPIClient, useCompile, useRecord, useRequest, useResourceActionContext } from '../../';
 import model from './model';
 import { nodeCardClass } from "../style";
 
@@ -42,9 +42,10 @@ export interface Trigger {
 
 export const triggers = new Registry<Trigger>();
 
-triggers.register('model', model);
+triggers.register(model.type, model);
 
 export const TriggerConfig = () => {
+  const compile = useCompile();
   const { data } = useResourceActionContext();
   if (!data) {
     return null;
@@ -53,17 +54,17 @@ export const TriggerConfig = () => {
   const { title, fieldset, scope } = triggers.get(type);
   return (
     <div className={cx(nodeCardClass)}>
-      <h4>{title}</h4>
+      <h4>{compile(title)}</h4>
       <SchemaComponent
         schema={{
           type: 'void',
-          title: '触发器配置',
+          title: '{{t("Trigger configuration")}}',
           'x-component': 'Action.Link',
           name: 'drawer',
           properties: {
             drawer: {
               type: 'void',
-              title: '触发器配置',
+              title: '{{t("Trigger configuration")}}',
               'x-component': 'Action.Drawer',
               'x-decorator': 'Form',
               'x-decorator-props': {

packages/core/client/src/workflow/triggers/model.tsx

@@ -9,6 +9,7 @@ import { useCompile } from '../../schema-component';
 import { useFlowContext } from '../WorkflowCanvas';
 import { BaseTypeSet } from '../calculators';
 import { collection, filter } from '../schemas/collection';
+import { useTranslation } from 'react-i18next';
 
 function useCollectionFieldsDataSource() {
   const compile = useCompile();
@@ -32,30 +33,30 @@ function useCollectionFieldsDataSource() {
 }
 
 export default {
-  title: '数据表事件',
+  title: '{{t("Model event")}}',
   type: 'model',
   fieldset: {
     'config.collection': collection,
     'config.mode': {
       type: 'number',
-      title: '触发时机',
+      title: '{{t("Trigger on")}}',
       name: 'config.mode',
       'x-decorator': 'FormItem',
       'x-component': 'Select',
       'x-component-props': {
         options: [
-          { value: 1, label: '新增数据后' },
+          { value: 1, label: '{{t("After record added")}}' },
-          { value: 2, label: '更新数据后' },
+          { value: 2, label: '{{t("After record updated")}}' },
-          { value: 3, label: '新增或更新数据后' },
+          { value: 3, label: '{{t("After record added or updated")}}' },
-          { value: 4, label: '删除数据后' }
+          { value: 4, label: '{{t("After record deleted")}}' }
         ]
       }
     },
     'config.changed': {
       type: 'array',
       name: 'changed',
-      title: '发生变动的字段',
+      title: '{{t("Changed fields")}}',
-      description: '只有被选中的某个字段发生变动时才会触发。如果不选择，则表示任何字段变动时都会触发。新增或删除数据时，任意字段都被认为发生变动。',
+      description: '{{t("Select the fields which changed will trigger the event only")}}',
       'x-decorator': 'FormItem',
       'x-component': 'Select',
       'x-component-props': {
@@ -68,7 +69,7 @@ export default {
     'config.condition': {
       ...filter,
       name: 'config.condition',
-      title: '满足条件'
+      title: '{{t("Match condition")}}',
     }
   },
   scope: {
@@ -76,6 +77,7 @@ export default {
     useCollectionFieldsDataSource
   },
   getter({ type, options, onChange }) {
+    const { t } = useTranslation();
     const compile = useCompile();
     const { collections = [] } = useCollectionManager();
     const { workflow } = useFlowContext();
@@ -83,7 +85,7 @@ export default {
 
     return (
       <Select
-        placeholder="选择字段"
+        placeholder={t('Fields')}
         value={options?.path?.replace(/^data\./, '')}
         onChange={(path) => {
           onChange({ type, options: { ...options, path: `data.${path}` } });

packages/plugins/workflow/src/collections/workflows.ts

@@ -9,7 +9,7 @@ export default {
       interface: 'string',
       type: 'string',
       name: 'title',
-      title: '自动化名称',
+      title: '工作流名称',
       required: true
     },
     {