@nocobase/plugin-workflow 0.10.1-alpha.1 → 0.11.1-alpha.1

package/src/client/nodes/update.tsx

@@ -0,0 +1,99 @@
+import React from 'react';
+import { useForm, useField } from '@formily/react';
+
+import { useCollectionDataSource } from '@nocobase/client';
+
+import { FilterDynamicComponent } from '../components/FilterDynamicComponent';
+import CollectionFieldset, { useCollectionUIFields } from '../components/CollectionFieldset';
+
+import { isValidFilter } from '../utils';
+import { NAMESPACE, lang } from '../locale';
+import { collection, filter, values } from '../schemas/collection';
+import { RadioWithTooltip } from '../components/RadioWithTooltip';
+
+function IndividualHooksRadioWithTooltip({ onChange, ...props }) {
+  const form = useForm();
+  const { collection } = form.values;
+  const fields = useCollectionUIFields(collection);
+  const field = useField<any>();
+
+  function onValueChange({ target }) {
+    const valuesField = field.query('.values').take();
+    if (!valuesField) {
+      return;
+    }
+    const filteredValues = fields.reduce((result, item) => {
+      if (
+        item.name in valuesField.value &&
+        (target.value || !['hasOne', 'hasMany', 'belongsToMany'].includes(item.type))
+      ) {
+        result[item.name] = valuesField.value[item.name];
+      }
+      return result;
+    }, {});
+    form.setValuesIn('params.values', filteredValues);
+
+    onChange(target.value);
+  }
+  return <RadioWithTooltip {...props} onChange={onValueChange} />;
+}
+
+export default {
+  title: `{{t("Update record", { ns: "${NAMESPACE}" })}}`,
+  type: 'update',
+  group: 'collection',
+  description: `{{t("Update records of a collection. You can use variables from upstream nodes as query conditions and field values.", { ns: "${NAMESPACE}" })}}`,
+  fieldset: {
+    collection,
+    params: {
+      type: 'object',
+      properties: {
+        individualHooks: {
+          type: 'boolean',
+          title: `{{t("Update mode", { ns: "${NAMESPACE}" })}}`,
+          'x-decorator': 'FormItem',
+          'x-component': 'IndividualHooksRadioWithTooltip',
+          'x-component-props': {
+            options: [
+              {
+                label: `{{t("Update in a batch", { ns: "${NAMESPACE}" })}}`,
+                value: false,
+                tooltip: `{{t("Update all eligible data at one time, which has better performance when the amount of data is large. But the updated data will not trigger other workflows, and will not record audit logs.", { ns: "${NAMESPACE}" })}}`,
+              },
+              {
+                label: `{{t("Update one by one", { ns: "${NAMESPACE}" })}}`,
+                value: true,
+                tooltip: `{{t("The updated data can trigger other workflows, and the audit log will also be recorded. But it is usually only applicable to several or dozens of pieces of data, otherwise there will be performance problems.", { ns: "${NAMESPACE}" })}}`,
+              },
+            ],
+          },
+          default: false,
+        },
+        filter: {
+          ...filter,
+          title: `{{t("Only update records matching conditions", { ns: "${NAMESPACE}" })}}`,
+          ['x-validator'](value) {
+            return isValidFilter(value) ? '' : lang('Please add at least one condition');
+          },
+        },
+        values: {
+          ...values,
+          'x-component-props': {
+            filter(this, field) {
+              return this.params?.individualHooks || !['hasOne', 'hasMany', 'belongsToMany'].includes(field.type);
+            },
+          },
+        },
+      },
+    },
+  },
+  view: {},
+  scope: {
+    useCollectionDataSource,
+  },
+  components: {
+    FilterDynamicComponent,
+    CollectionFieldset,
+    IndividualHooksRadioWithTooltip,
+  },
+};

package/src/client/schemas/collection.ts

@@ -0,0 +1,75 @@
+import { useForm } from '@formily/react';
+import { css, useCollectionFilterOptions } from '@nocobase/client';
+import { NAMESPACE } from '../locale';
+
+export const collection = {
+  type: 'string',
+  title: '{{t("Collection")}}',
+  required: true,
+  'x-reactions': [],
+  'x-decorator': 'FormItem',
+  'x-component': 'CollectionSelect',
+  'x-component-props': {
+    popupMatchSelectWidth: false,
+  },
+};
+
+export const values = {
+  type: 'object',
+  title: '{{t("Fields values")}}',
+  'x-decorator': 'FormItem',
+  'x-decorator-props': {
+    labelAlign: 'left',
+    className: css`
+      flex-direction: column;
+    `,
+  },
+  'x-component': 'CollectionFieldset',
+  description: `{{t("Unassigned fields will be set to default values, and those without default values will be set to null.", { ns: "${NAMESPACE}" })}}`,
+};
+
+export const filter = {
+  type: 'object',
+  title: '{{t("Filter")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'Filter',
+  'x-component-props': {
+    useProps() {
+      const { values } = useForm();
+      const options = useCollectionFilterOptions(values?.collection);
+      return {
+        options,
+        className: css`
+          position: relative;
+          width: 100%;
+        `,
+      };
+    },
+    dynamicComponent: 'FilterDynamicComponent',
+  },
+};
+
+export const appends = {
+  type: 'array',
+  title: `{{t("Preload associations", { ns: "${NAMESPACE}" })}}`,
+  description: `{{t("Please select the associated fields that need to be accessed in subsequent nodes. With more than two levels of to-many associations may cause performance issue, please use with caution.", { ns: "${NAMESPACE}" })}}`,
+  'x-decorator': 'FormItem',
+  'x-component': 'AppendsTreeSelect',
+  'x-component-props': {
+    useCollection() {
+      const { values } = useForm();
+      return values?.collection;
+    },
+    className: 'full-width',
+  },
+  'x-reactions': [
+    {
+      dependencies: ['collection'],
+      fulfill: {
+        state: {
+          visible: '{{!!$deps[0]}}',
+        },
+      },
+    },
+  ],
+};

package/src/client/schemas/executions.tsx

@@ -0,0 +1,169 @@
+import React from 'react';
+import { ISchema } from '@formily/react';
+import { Link } from 'react-router-dom';
+import { useActionContext } from '@nocobase/client';
+import { ExecutionStatusOptions } from '../constants';
+import { NAMESPACE } from '../locale';
+
+export const executionCollection = {
+  name: 'executions',
+  fields: [
+    {
+      interface: 'createdAt',
+      type: 'datetime',
+      // field: 'createdAt',
+      name: 'createdAt',
+      uiSchema: {
+        type: 'datetime',
+        title: `{{t("Triggered at", { ns: "${NAMESPACE}" })}}`,
+        'x-component': 'DatePicker',
+        'x-component-props': {},
+        'x-read-pretty': true,
+      } as ISchema,
+    },
+    {
+      interface: 'm2o',
+      type: 'belongsTo',
+      name: 'workflowId',
+      uiSchema: {
+        type: 'number',
+        title: `{{t("Version", { ns: "${NAMESPACE}" })}}`,
+        ['x-component']({ value }) {
+          const { setVisible } = useActionContext();
+          return (
+            <Link
+              to={`/admin/settings/workflow/workflows/${value}`}
+              onClick={() => setVisible(false)}
+            >{`#${value}`}</Link>
+          );
+        },
+      } as ISchema,
+    },
+    {
+      type: 'number',
+      name: 'status',
+      interface: 'select',
+      uiSchema: {
+        title: `{{t("Status", { ns: "${NAMESPACE}" })}}`,
+        type: 'string',
+        'x-component': 'Select',
+        'x-decorator': 'FormItem',
+        enum: ExecutionStatusOptions,
+      } as ISchema,
+    },
+  ],
+};
+
+export const executionSchema = {
+  type: 'void',
+  name: 'executionHistoryDrawer',
+  title: `{{t("Execution history", { ns: "${NAMESPACE}" })}}`,
+  'x-component': 'Action.Drawer',
+  properties: {
+    content: {
+      type: 'void',
+      'x-decorator': 'ExecutionResourceProvider',
+      'x-decorator-props': {
+        collection: executionCollection,
+        resourceName: 'executions',
+        request: {
+          resource: 'executions',
+          action: 'list',
+          params: {
+            appends: ['workflow.id', 'workflow.title'],
+            pageSize: 20,
+            sort: ['-createdAt'],
+            filter: {},
+          },
+        },
+      },
+      properties: {
+        actions: {
+          type: 'void',
+          'x-component': 'ActionBar',
+          'x-component-props': {
+            style: {
+              marginBottom: 16,
+            },
+          },
+          properties: {
+            // filter: {
+            //   type: 'object',
+            //   'x-component': 'Filter',
+            // }
+          },
+        },
+        table: {
+          type: 'void',
+          'x-component': 'Table.Void',
+          'x-component-props': {
+            rowKey: 'id',
+            useDataSource: '{{ cm.useDataSourceFromRAC }}',
+          },
+          properties: {
+            createdAt: {
+              type: 'void',
+              'x-decorator': 'Table.Column.Decorator',
+              'x-component': 'Table.Column',
+              properties: {
+                createdAt: {
+                  type: 'datetime',
+                  'x-component': 'CollectionField',
+                  'x-component-props': {
+                    showTime: true,
+                  },
+                  'x-read-pretty': true,
+                },
+              },
+            },
+            workflowId: {
+              type: 'void',
+              'x-decorator': 'Table.Column.Decorator',
+              'x-component': 'Table.Column',
+              properties: {
+                workflowId: {
+                  type: 'number',
+                  'x-component': 'CollectionField',
+                  'x-read-pretty': true,
+                },
+              },
+            },
+            status: {
+              type: 'void',
+              'x-decorator': 'Table.Column.Decorator',
+              'x-component': 'Table.Column',
+              properties: {
+                status: {
+                  type: 'number',
+                  'x-component': 'CollectionField',
+                  'x-read-pretty': true,
+                },
+              },
+            },
+            actions: {
+              type: 'void',
+              title: '{{ t("Actions") }}',
+              'x-component': 'Table.Column',
+              properties: {
+                actions: {
+                  type: 'void',
+                  'x-component': 'Space',
+                  'x-component-props': {
+                    split: '|',
+                  },
+                  properties: {
+                    config: {
+                      type: 'void',
+                      title: `{{t("Details", { ns: "${NAMESPACE}" })}}`,
+                      'x-component': 'ExecutionLink',
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+};