@nocobase/client 0.7.0-alpha.2 → 0.7.0-alpha.22

package/src/workflow/triggers/model.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
 import { Select } from 'antd';
+import { action } from '@formily/reactive';
+import { useForm } from '@formily/react';
 
 import { useCollectionDataSource, useCollectionManager } from '../../collection-manager';
 import { useCompile } from '../../schema-component';
@@ -8,33 +10,70 @@ import { useFlowContext } from '../WorkflowCanvas';
 import { BaseTypeSet } from '../calculators';
 import { collection, filter } from '../schemas/collection';
 
+function useCollectionFieldsDataSource() {
+  const compile = useCompile();
+  const { getCollectionFields } = useCollectionManager();
+  const { values } = useForm();
+  const fields = getCollectionFields(values?.config?.collection);
+
+  return (field: any) => {
+    action.bound((data: any) => {
+      field.dataSource = data
+        .filter(field => (
+          !field.hidden
+          && (field.uiSchema ? !field.uiSchema['x-read-pretty'] : true)
+        ))
+        .map(field => ({
+          label: compile(field.uiSchema?.title),
+          value: field.name
+        }));
+    })(fields);
+  };
+}
+
 export default {
   title: '数据表事件',
   type: 'model',
   fieldset: {
-    collection,
-    mode: {
+    'config.collection': collection,
+    'config.mode': {
       type: 'number',
       title: '触发时机',
-      name: 'mode',
+      name: 'config.mode',
       'x-decorator': 'FormItem',
       'x-component': 'Select',
       'x-component-props': {
         options: [
-          { value: 1, label: '新增数据' },
-          { value: 2, label: '更新数据' },
-          { value: 3, label: '新增或更新数据' },
-          { value: 4, label: '删除数据' }
+          { value: 1, label: '新增数据后' },
+          { value: 2, label: '更新数据后' },
+          { value: 3, label: '新增或更新数据后' },
+          { value: 4, label: '删除数据后' }
         ]
       }
     },
-    filter: {
+    'config.changed': {
+      type: 'array',
+      name: 'changed',
+      title: '发生变动的字段',
+      description: '只有被选中的某个字段发生变动时才会触发。如果不选择，则表示任何字段变动时都会触发。新增或删除数据时，任意字段都被认为发生变动。',
+      'x-decorator': 'FormItem',
+      'x-component': 'Select',
+      'x-component-props': {
+        mode: 'multiple',
+      },
+      'x-reactions': [
+        '{{useCollectionFieldsDataSource()}}'
+      ]
+    },
+    'config.condition': {
       ...filter,
+      name: 'config.condition',
       title: '满足条件'
     }
   },
   scope: {
-    useCollectionDataSource
+    useCollectionDataSource,
+    useCollectionFieldsDataSource
   },
   getter({ type, options, onChange }) {
     const compile = useCompile();