@nocobase/client 0.7.0-alpha.26 → 0.7.0-alpha.27

package/src/workflow/calculators.tsx

@@ -10,6 +10,7 @@ import { useFlowContext } from "./WorkflowCanvas";
 import { triggers } from "./triggers";
 import { SchemaComponent, useCollectionManager, useCompile } from "..";
 import { useTranslation } from "react-i18next";
+import { t } from "i18next";
 
 function NullRender() {
   return null;
@@ -107,10 +108,11 @@ const ConstantTypes = {
     title: '{{t("Boolean")}}',
     value: 'boolean',
     component({ onChange, type, options, value }) {
+      const { t } = useTranslation();
       return (
         <Select value={value} onChange={v => onChange({ value: v, type, options })}>
-          <Select.Option value={true}>真</Select.Option>
-          <Select.Option value={false}>假</Select.Option>
+          <Select.Option value={true}>{t('True')}</Select.Option>
+          <Select.Option value={false}>{t('False')}</Select.Option>
         </Select>
       );
     },
@@ -260,7 +262,7 @@ export function Operand({
 
   const { component, appendTypeValue } = Types[type] || {};
   const VariableComponent = typeof component === 'function' ? component(operand) : NullRender;
-
+  console.log(Types);
   return (
     <div className={css`
       display: flex;
@@ -283,7 +285,7 @@ export function Operand({
           return {
             label: compile(item.title),
             value: item.value,
-            children: options,
+            children: compile(options),
             disabled: options && !options.length,
             isLeaf: !options
           };
@@ -305,7 +307,7 @@ export function Operand({
 }
 
 export function Calculation({ calculator, operands = [], onChange }) {
-  const { t } = useTranslation();
+  const compile = useCompile();
   return (
     <VariableTypesContext.Provider value={VariableTypes}>
       <div className={css`
@@ -324,9 +326,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={t(group.title)}>
+                  <Select.OptGroup key={group.value} label={compile(group.title)}>
                     {group.children.map(item => (
-                      <Select.Option key={item.value} value={t(item.value)}>{item.name}</Select.Option>
+                      <Select.Option key={item.value} value={item.value}>{compile(item.name)}</Select.Option>
                     ))}
                   </Select.OptGroup>
                 ))}
@@ -469,7 +471,7 @@ export const CollectionFieldset = observer(({ value, onChange }: any) => {
             }
           </>
         )
-        : <p>{t('Select collection')}</p>
+        : <p>{t('Please select collection first')}</p>
       }
     </fieldset>
   );

package/src/workflow/nodes/condition.tsx

@@ -1,13 +1,14 @@
 import React from "react";
 import { css, cx } from "@emotion/css";
-import { Button, Select, Tooltip } from "antd";
-import { CloseCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
-import { Trans } from "react-i18next";
+import { Button, Select } from "antd";
+import { CloseCircleOutlined } from '@ant-design/icons';
+import { Trans, useTranslation } from "react-i18next";
 
 import { NodeDefaultView } from ".";
 import { Branch, useFlowContext } from "../WorkflowCanvas";
 import { branchBlockClass, nodeSubtreeClass } from "../style";
 import { Calculation } from "../calculators";
+import { i18n } from "../../i18n";
 // import { SchemaComponent } from "../../schema-component";
 
 function CalculationItem({ value, onChange, onRemove }) {
@@ -38,6 +39,7 @@ function CalculationItem({ value, onChange, onRemove }) {
 }
 
 function CalculationGroup({ value, onChange }) {
+  const { t } = useTranslation();
   const { type = 'and', calculations = [] } = value;
 
   function onAddSingle() {
@@ -113,8 +115,8 @@ function CalculationGroup({ value, onChange }) {
           margin-right: 1em;
         }
       `} >
-        <a onClick={onAddSingle}>添加条件</a>
-        <a onClick={onAddGroup}>添加条件组</a>
+        <a onClick={onAddSingle}>{t('Add condition')}</a>
+        <a onClick={onAddGroup}>{t('Add condition group')}</a>
       </div>
     </div>
   );
@@ -129,15 +131,17 @@ function CalculationConfig({ value, onChange }) {
   );
 }
 
+console.log(i18n.t('Collection name'));
+
 export default {
-  title: '条件判断',
+  title: '{{t("Condition")}}',
   type: 'condition',
   group: 'control',
   fieldset: {
     'config.rejectOnFalse': {
       type: 'boolean',
       name: 'config.rejectOnFalse',
-      title: '模式',
+      title: '{{t("Mode")}}',
       'x-decorator': 'FormItem',
       'x-component': 'Radio.Group',
       'x-component-props': {
@@ -146,32 +150,18 @@ export default {
       enum: [
         {
           value: true,
-          label: (
-            <Tooltip
-              title="判断为“是”时继续"
-              placement="bottom"
-            >
-              通行模式 <QuestionCircleOutlined style={{ color: '#999' }} />
-            </Tooltip>
-          )
+          label: i18n.t('Continue when "Yes"')
         },
         {
           value: false,
-          label: (
-            <Tooltip
-              title="判断结果分为“是”和“否”两个分支，分别继续"
-              placement="bottom"
-            >
-              分支模式 <QuestionCircleOutlined style={{ color: '#999' }} />
-            </Tooltip>
-          )
+          label: i18n.t('Branch results')
         }
       ],
     },
     'config.calculation': {
       type: 'string',
       name: 'config.calculation',
-      title: '条件配置',
+      title: '{{t("Conditions")}}',
       'x-decorator': 'FormItem',
       'x-component': 'CalculationConfig',
     }
@@ -180,8 +170,8 @@ export default {
 
   },
   options: [
-    { label: '通行模式', key: 'rejectOnFalse', value: { rejectOnFalse: true } },
-    { label: '分支模式', key: 'branch', value: { rejectOnFalse: false } }
+    { label: i18n.t('Reject on false'), key: 'rejectOnFalse', value: { rejectOnFalse: true } },
+    { label: i18n.t('Branch results'), key: 'branch', value: { rejectOnFalse: false } }
   ],
   render(data) {
     const { id, config: { rejectOnFalse } } = data;
@@ -210,7 +200,7 @@ export default {
                 height: 2em;
                 overflow: visible;
 
-                :before,:after{
+                > span{
                   position: absolute;
                   top: calc(1.5em - 1px);
                   line-height: 1em;
@@ -218,18 +208,11 @@ export default {
                   background-color: #f0f2f5;
                   padding: 1px;
                 }
-
-                :before{
-                  content: "否";
-                  right: 4em;
-                }
-
-                :after{
-                  content: "是";
-                  left: 4em;
-                }
               `}
-            />
+            >
+              <span className={css`right: 4em;`}>{i18n.t('No')}</span>
+              <span className={css`left: 4em;`}>{i18n.t('Yes')}</span>
+            </div>
           </div>
         )}
       </NodeDefaultView>

package/src/workflow/nodes/index.tsx

@@ -6,7 +6,7 @@ import { Button, Modal, Tag } from 'antd';
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SchemaComponent, useActionContext, useAPIClient, useCollection, useCompile, useRequest, useResourceActionContext } from '../..';
-import { nodeBlockClass, nodeCardClass, nodeClass, nodeHeaderClass, nodeTitleClass } from '../style';
+import { nodeBlockClass, nodeCardClass, nodeClass, nodeHeaderClass, nodeMetaClass, nodeTitleClass } from '../style';
 import { AddButton, useFlowContext } from '../WorkflowCanvas';
 
 import calculation from './calculation';
@@ -156,8 +156,10 @@ export function NodeDefaultView(props) {
       <div className={cx(nodeClass, `workflow-node-type-${data.type}`)}>
         <div className={cx(nodeCardClass)}>
           <div className={cx(nodeHeaderClass)}>
-            <h4 className={cx(nodeTitleClass)}>
+            <div className={cx(nodeMetaClass)}>
               <Tag>{compile(instruction.title)}</Tag>
+            </div>
+            <h4 className={cx(nodeTitleClass)}>
               <strong>{data.title}</strong>
               <span className="workflow-node-id">#{data.id}</span>
             </h4>
@@ -172,7 +174,7 @@ export function NodeDefaultView(props) {
                 view: instruction.view,
                 config: {
                   type: 'void',
-                  title: '{{t("Node configuration")}}',
+                  title: '{{t("Configure")}}',
                   'x-component': 'Action.Link',
                   'x-component-props': {
                     type: 'primary',
@@ -180,7 +182,7 @@ export function NodeDefaultView(props) {
                   properties: {
                     drawer: {
                       type: 'void',
-                      title: '{{t("Node configuration")}}',
+                      title: '{{t("Configure")}}',
                       'x-component': 'Action.Drawer',
                       'x-decorator': 'Form',
                       'x-decorator-props': {

package/src/workflow/nodes/parallel.tsx

@@ -6,17 +6,19 @@ import { NodeDefaultView } from ".";
 import { Branch, useFlowContext } from "../WorkflowCanvas";
 import { branchBlockClass, nodeSubtreeClass } from "../style";
 import { Button, Tooltip } from "antd";
+import { i18n } from "../../i18n";
+import { useTranslation } from "react-i18next";
 // import { SchemaComponent } from "../../schema-component";
 
 export default {
-  title: '并行',
+  title: '{{t("Parallel branch")}}',
   type: 'parallel',
   group: 'control',
   fieldset: {
     'config.mode': {
       type: 'string',
       name: 'config.mode',
-      title: '模式',
+      title: '{{t("Mode")}}',
       'x-decorator': 'FormItem',
       'x-component': 'Radio.Group',
       'x-component-props': {
@@ -26,10 +28,10 @@ export default {
           value: 'all',
           label: (
             <Tooltip
-              title="全部分支都成功后才能继续"
+              title={i18n.t('Continue after all branches succeeded')}
               placement="bottom"
             >
-              全部成功 <QuestionCircleOutlined style={{ color: '#999' }} />
+              {i18n.t('All succeeded')} <QuestionCircleOutlined style={{ color: '#999' }} />
             </Tooltip>
           )
         },
@@ -37,10 +39,10 @@ export default {
           value: 'any',
           label: (
             <Tooltip
-              title="任意分支成功后就继续"
+              title={i18n.t('Continue after any branch succeeded')}
               placement="bottom"
             >
-              任意成功 <QuestionCircleOutlined style={{ color: '#999' }} />
+              {i18n.t('Any succeeded')} <QuestionCircleOutlined style={{ color: '#999' }} />
             </Tooltip>
           )
         },
@@ -54,6 +56,7 @@ export default {
   },
   render(data) {
     const { id, config: { mode } } = data;
+    const { t } = useTranslation();
     const { nodes } = useFlowContext();
     const branches = nodes.reduce((result, node) => {
       if (node.upstreamId === id && node.branchIndex != null) {
@@ -108,7 +111,7 @@ export default {
               height: 2em;
             `}
           >
-            <Tooltip title="添加分支">
+            <Tooltip title={t('Add branch')}>
               <Button
                 icon={<PlusOutlined />}
                 className={css`

package/src/workflow/nodes/query.tsx

@@ -16,7 +16,7 @@ export default {
     'config.collection': collection,
     'config.multiple': {
       type: 'boolean',
-      title: '多条数据',
+      title: '{{t("Multiple records")}}',
       name: 'config.multiple',
       'x-decorator': 'FormItem',
       'x-component': 'Checkbox',

package/src/workflow/nodes/update.tsx

@@ -14,7 +14,10 @@ export default {
       title: '',
       'x-decorator': 'FormItem',
       properties: {
-        filter,
+        filter: {
+          ...filter,
+          title: '{{t("Only update records matching conditions")}}',
+        },
         values
       }
     }

package/src/workflow/schemas/collection.ts

@@ -15,7 +15,7 @@ export const collection = {
 
 export const values = {
   type: 'object',
-  title: '{{t("Form values")}}',
+  title: '{{t("Fields values")}}',
   name: 'config.params.values',
   'x-decorator': 'FormItem',
   'x-decorator-props': {
@@ -24,7 +24,8 @@ export const values = {
       flex-direction: column;
     `
   },
-  'x-component': 'CollectionFieldset'
+  'x-component': 'CollectionFieldset',
+  description: '{{t("Fields that are not assigned a value will be set to the default value, and those that do not have a default value are set to null.")}}',
 };
 
 export const filter = {

package/src/workflow/schemas/workflows.ts

@@ -55,6 +55,7 @@ const collection = {
         ],
         'x-component': 'Radio.Group',
         'x-decorator': 'FormItem',
+        default: false
       } as ISchema
     }
   ],
@@ -225,7 +226,7 @@ export const workflowSchema: ISchema = {
                     },
                     executions: {
                       type: 'void',
-                      title: '{{t("Executions")}}',
+                      title: '{{t("Execution History")}}',
                       'x-component': 'Action.Link',
                       'x-component-props': {
                         type: 'primary',
@@ -233,7 +234,7 @@ export const workflowSchema: ISchema = {
                       properties: {
                         drawer: {
                           type: 'void',
-                          title: '{{t("Executions")}}',
+                          title: '{{t("Execution History")}}',
                           'x-component': 'Action.Drawer',
                           properties: executionSchema
                         }

package/src/workflow/style.tsx

@@ -133,6 +133,10 @@ export const nodeHeaderClass = css`
   position: relative;
 `;
 
+export const nodeMetaClass = css`
+  margin-bottom: .5em;
+`;
+
 export const nodeTitleClass = css`
   font-weight: normal;
 

package/src/workflow/triggers/{model.tsx → collection.tsx}

@@ -33,8 +33,8 @@ function useCollectionFieldsDataSource() {
 }
 
 export default {
-  title: '{{t("Model event")}}',
-  type: 'model',
+  title: '{{t("Collection event")}}',
+  type: 'collection',
   fieldset: {
     'config.collection': collection,
     'config.mode': {
@@ -50,13 +50,14 @@ export default {
           { value: 3, label: '{{t("After record added or updated")}}' },
           { value: 4, label: '{{t("After record deleted")}}' }
         ]
-      }
+      },
+      required: true
     },
     'config.changed': {
       type: 'array',
       name: 'changed',
       title: '{{t("Changed fields")}}',
-      description: '{{t("Select the fields which changed will trigger the event only")}}',
+      description: '{{t("Triggered only if one of the selected fields changes. If unselected, it means that it will be triggered when any field changes. When record is added or deleted, any field is considered to have been changed.")}}',
       'x-decorator': 'FormItem',
       'x-component': 'Select',
       'x-component-props': {
@@ -69,7 +70,7 @@ export default {
     'config.condition': {
       ...filter,
       name: 'config.condition',
-      title: '{{t("Match condition")}}',
+      title: '{{t("Only triggers when match conditions")}}'
     }
   },
   scope: {

package/src/workflow/triggers/index.tsx

@@ -4,8 +4,10 @@ import { cx } from "@emotion/css";
 import { Registry } from "@nocobase/utils";
 
 import { SchemaComponent, useActionContext, useAPIClient, useCompile, useRecord, useRequest, useResourceActionContext } from '../../';
-import model from './model';
-import { nodeCardClass } from "../style";
+import collection from './collection';
+import { nodeCardClass, nodeMetaClass } from "../style";
+import { useTranslation } from "react-i18next";
+import { Tag } from "antd";
 
 
 function useUpdateConfigAction() {
@@ -42,9 +44,10 @@ export interface Trigger {
 
 export const triggers = new Registry<Trigger>();
 
-triggers.register(model.type, model);
+triggers.register(collection.type, collection);
 
 export const TriggerConfig = () => {
+  const { t } = useTranslation();
   const compile = useCompile();
   const { data } = useResourceActionContext();
   if (!data) {
@@ -54,17 +57,20 @@ export const TriggerConfig = () => {
   const { title, fieldset, scope } = triggers.get(type);
   return (
     <div className={cx(nodeCardClass)}>
+      <div className={cx(nodeMetaClass)}>
+        <Tag color="gold">{t('Trigger')}</Tag>
+      </div>
       <h4>{compile(title)}</h4>
       <SchemaComponent
         schema={{
           type: 'void',
-          title: '{{t("Trigger configuration")}}',
+          title: '{{t("Configure")}}',
           'x-component': 'Action.Link',
           name: 'drawer',
           properties: {
             drawer: {
               type: 'void',
-              title: '{{t("Trigger configuration")}}',
+              title: '{{t("Configure")}}',
               'x-component': 'Action.Drawer',
               'x-decorator': 'Form',
               'x-decorator-props': {

package/esm/workflow/triggers/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/workflow/triggers/model.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Select } from 'antd';\nimport { action } from '@formily/reactive';\nimport { useForm } from '@formily/react';\n\nimport { useCollectionDataSource, useCollectionManager } from '../../collection-manager';\nimport { useCompile } from '../../schema-component';\n\nimport { useFlowContext } from '../WorkflowCanvas';\nimport { BaseTypeSet } from '../calculators';\nimport { collection, filter } from '../schemas/collection';\nimport { useTranslation } from 'react-i18next';\n\nfunction useCollectionFieldsDataSource() {\n  const compile = useCompile();\n  const { getCollectionFields } = useCollectionManager();\n  const { values } = useForm();\n  const fields = getCollectionFields(values?.config?.collection);\n\n  return (field: any) => {\n    action.bound((data: any) => {\n      field.dataSource = data\n        .filter(field => (\n          !field.hidden\n          && (field.uiSchema ? !field.uiSchema['x-read-pretty'] : true)\n        ))\n        .map(field => ({\n          label: compile(field.uiSchema?.title),\n          value: field.name\n        }));\n    })(fields);\n  };\n}\n\nexport default {\n  title: '{{t(\"Model event\")}}',\n  type: 'model',\n  fieldset: {\n    'config.collection': collection,\n    'config.mode': {\n      type: 'number',\n      title: '{{t(\"Trigger on\")}}',\n      name: 'config.mode',\n      'x-decorator': 'FormItem',\n      'x-component': 'Select',\n      'x-component-props': {\n        options: [\n          { value: 1, label: '{{t(\"After record added\")}}' },\n          { value: 2, label: '{{t(\"After record updated\")}}' },\n          { value: 3, label: '{{t(\"After record added or updated\")}}' },\n          { value: 4, label: '{{t(\"After record deleted\")}}' }\n        ]\n      }\n    },\n    'config.changed': {\n      type: 'array',\n      name: 'changed',\n      title: '{{t(\"Changed fields\")}}',\n      description: '{{t(\"Select the fields which changed will trigger the event only\")}}',\n      'x-decorator': 'FormItem',\n      'x-component': 'Select',\n      'x-component-props': {\n        mode: 'multiple',\n      },\n      'x-reactions': [\n        '{{useCollectionFieldsDataSource()}}'\n      ]\n    },\n    'config.condition': {\n      ...filter,\n      name: 'config.condition',\n      title: '{{t(\"Match condition\")}}',\n    }\n  },\n  scope: {\n    useCollectionDataSource,\n    useCollectionFieldsDataSource\n  },\n  getter({ type, options, onChange }) {\n    const { t } = useTranslation();\n    const compile = useCompile();\n    const { collections = [] } = useCollectionManager();\n    const { workflow } = useFlowContext();\n    const collection = collections.find(item => item.name === workflow.config.collection) ?? { fields: [] };\n\n    return (\n      <Select\n        placeholder={t('Fields')}\n        value={options?.path?.replace(/^data\\./, '')}\n        onChange={(path) => {\n          onChange({ type, options: { ...options, path: `data.${path}` } });\n        }}\n      >\n        {collection.fields\n          .filter(field => BaseTypeSet.has(field?.uiSchema?.type))\n          .map(field => (\n          <Select.Option key={field.name} value={field.name}>{compile(field.uiSchema.title)}</Select.Option>\n        ))}\n      </Select>\n    );\n  }\n};\n"]}

package/lib/workflow/triggers/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/workflow/triggers/model.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Select } from 'antd';\nimport { action } from '@formily/reactive';\nimport { useForm } from '@formily/react';\n\nimport { useCollectionDataSource, useCollectionManager } from '../../collection-manager';\nimport { useCompile } from '../../schema-component';\n\nimport { useFlowContext } from '../WorkflowCanvas';\nimport { BaseTypeSet } from '../calculators';\nimport { collection, filter } from '../schemas/collection';\nimport { useTranslation } from 'react-i18next';\n\nfunction useCollectionFieldsDataSource() {\n  const compile = useCompile();\n  const { getCollectionFields } = useCollectionManager();\n  const { values } = useForm();\n  const fields = getCollectionFields(values?.config?.collection);\n\n  return (field: any) => {\n    action.bound((data: any) => {\n      field.dataSource = data\n        .filter(field => (\n          !field.hidden\n          && (field.uiSchema ? !field.uiSchema['x-read-pretty'] : true)\n        ))\n        .map(field => ({\n          label: compile(field.uiSchema?.title),\n          value: field.name\n        }));\n    })(fields);\n  };\n}\n\nexport default {\n  title: '{{t(\"Model event\")}}',\n  type: 'model',\n  fieldset: {\n    'config.collection': collection,\n    'config.mode': {\n      type: 'number',\n      title: '{{t(\"Trigger on\")}}',\n      name: 'config.mode',\n      'x-decorator': 'FormItem',\n      'x-component': 'Select',\n      'x-component-props': {\n        options: [\n          { value: 1, label: '{{t(\"After record added\")}}' },\n          { value: 2, label: '{{t(\"After record updated\")}}' },\n          { value: 3, label: '{{t(\"After record added or updated\")}}' },\n          { value: 4, label: '{{t(\"After record deleted\")}}' }\n        ]\n      }\n    },\n    'config.changed': {\n      type: 'array',\n      name: 'changed',\n      title: '{{t(\"Changed fields\")}}',\n      description: '{{t(\"Select the fields which changed will trigger the event only\")}}',\n      'x-decorator': 'FormItem',\n      'x-component': 'Select',\n      'x-component-props': {\n        mode: 'multiple',\n      },\n      'x-reactions': [\n        '{{useCollectionFieldsDataSource()}}'\n      ]\n    },\n    'config.condition': {\n      ...filter,\n      name: 'config.condition',\n      title: '{{t(\"Match condition\")}}',\n    }\n  },\n  scope: {\n    useCollectionDataSource,\n    useCollectionFieldsDataSource\n  },\n  getter({ type, options, onChange }) {\n    const { t } = useTranslation();\n    const compile = useCompile();\n    const { collections = [] } = useCollectionManager();\n    const { workflow } = useFlowContext();\n    const collection = collections.find(item => item.name === workflow.config.collection) ?? { fields: [] };\n\n    return (\n      <Select\n        placeholder={t('Fields')}\n        value={options?.path?.replace(/^data\\./, '')}\n        onChange={(path) => {\n          onChange({ type, options: { ...options, path: `data.${path}` } });\n        }}\n      >\n        {collection.fields\n          .filter(field => BaseTypeSet.has(field?.uiSchema?.type))\n          .map(field => (\n          <Select.Option key={field.name} value={field.name}>{compile(field.uiSchema.title)}</Select.Option>\n        ))}\n      </Select>\n    );\n  }\n};\n"]}