@nocobase/plugin-workflow 0.11.1-alpha.5 → 0.12.0-alpha.2

package/src/client/nodes/loop.tsx

@@ -1,144 +0,0 @@
-import { ArrowUpOutlined } from '@ant-design/icons';
-import { css, cx, useCompile } from '@nocobase/client';
-import React from 'react';
-import { NodeDefaultView } from '.';
-import { Branch } from '../Branch';
-import { useFlowContext } from '../FlowContext';
-import { NAMESPACE, lang } from '../locale';
-import useStyles from '../style';
-import { VariableOption, defaultFieldNames, nodesOptions, triggerOptions, useWorkflowVariableOptions } from '../variable';
-
-function findOption(options: VariableOption[], paths: string[]) {
-  let opts = options;
-  let option = null;
-  for (let i = 0; i < paths.length; i++) {
-    const path = paths[i];
-    const current = opts.find((item) => item.value === path);
-    if (!current) {
-      break;
-    }
-    option = current;
-    if (current.children) {
-      opts = current.children;
-    }
-  }
-  return option;
-}
-
-export default {
-  title: `{{t("Loop", { ns: "${NAMESPACE}" })}}`,
-  type: 'loop',
-  group: 'control',
-  description: `{{t("By using a loop node, you can perform the same operation on multiple sets of data. The source of these sets can be either multiple records from a query node or multiple associated records of a single record. Loop node can also be used for iterating a certain number of times or for looping through each character in a string. However, excessive looping may cause performance issues, so use with caution.", { ns: "${NAMESPACE}" })}}`,
-  fieldset: {
-    target: {
-      type: 'string',
-      title: `{{t("Loop target", { ns: "${NAMESPACE}" })}}`,
-      description: `{{t("A single number will be treated as a loop count, a single string will be treated as an array of characters, and other non-array values will be converted to arrays. The loop node ends when the loop count is reached, or when the array loop is completed. You can also add condition nodes to the loop to terminate it.", { ns: "${NAMESPACE}" })}}`,
-      'x-decorator': 'FormItem',
-      'x-component': 'Variable.Input',
-      'x-component-props': {
-        scope: '{{useWorkflowVariableOptions()}}',
-        changeOnSelect: true,
-        useTypedConstant: ['string', 'number', 'null'],
-        className: css`
-          width: 100%;
-
-          .variable {
-            flex: 1;
-          }
-
-          .ant-input.null-value {
-            width: 100%;
-          }
-        `,
-      },
-      required: true,
-    },
-  },
-  view: {},
-  component: function Component({ data }) {
-    const { nodes } = useFlowContext();
-    const { styles } = useStyles();
-    const entry = nodes.find((node) => node.upstreamId === data.id && node.branchIndex != null);
-
-    return (
-      <NodeDefaultView data={data}>
-        <div className={styles.nodeSubtreeClass}>
-          <div
-            className={cx(
-              styles.branchBlockClass,
-              css`
-                padding-left: 20em;
-              `,
-            )}
-          >
-            <Branch from={data} entry={entry} branchIndex={entry?.branchIndex ?? 0} />
-
-            <div className={styles.branchClass}>
-              <div className="workflow-branch-lines" />
-              <div className={cx(styles.addButtonClass, styles.loopLineClass)}>
-                <ArrowUpOutlined />
-              </div>
-            </div>
-          </div>
-          <div
-            className={css`
-              position: relative;
-              height: 2em;
-            `}
-          />
-        </div>
-      </NodeDefaultView>
-    );
-  },
-  scope: {
-    useWorkflowVariableOptions,
-  },
-  components: {},
-  useScopeVariables(node, options) {
-    const compile = useCompile();
-    const { target } = node.config;
-    if (!target) {
-      return null;
-    }
-
-    const { fieldNames = defaultFieldNames } = options;
-
-    // const { workflow } = useFlowContext();
-    // const current = useNodeContext();
-    // const upstreams = useAvailableUpstreams(current);
-    // find target data model by path described in `config.target`
-    // 1. get options from $context/$jobsMapByNodeId
-    // 2. route to sub-options and use as loop target options
-    let targetOption: VariableOption = { key: 'item', [fieldNames.value]: 'item', [fieldNames.label]: lang('Loop target') };
-
-    if (typeof target === 'string' && target.startsWith('{{') && target.endsWith('}}')) {
-      const paths = target
-        .slice(2, -2)
-        .split('.')
-        .map((path) => path.trim());
-
-      const targetOptions = [nodesOptions, triggerOptions].map((item: any) => {
-        const opts = item.useOptions(options).filter(Boolean);
-        return {
-          [fieldNames.label]: compile(item.title),
-          [fieldNames.value]: item.value,
-          key: item.value,
-          [fieldNames.children]: opts,
-          disabled: opts && !opts.length,
-        };
-      });
-
-      const found = findOption(targetOptions, paths);
-
-      targetOption = Object.assign({ ...targetOption }, found, targetOption);
-    }
-
-    return [
-      targetOption,
-      { key: 'index', [fieldNames.value]: 'index', [fieldNames.label]: lang('Loop index') },
-      { key: 'length', [fieldNames.value]: 'length', [fieldNames.label]: lang('Loop length') },
-    ];
-  },
-};

package/src/client/nodes/manual/AssigneesSelect.tsx

@@ -1,33 +0,0 @@
-import { RemoteSelect } from '@nocobase/client';
-import React from 'react';
-import { Variable } from '@nocobase/client';
-import { useWorkflowVariableOptions } from '../../variable';
-
-export function AssigneesSelect({ multiple = false, value = [], onChange }) {
-  const scope = useWorkflowVariableOptions({ types: [{ type: 'reference', options: { collection: 'users' } }] });
-
-  return (
-    <Variable.Input
-      scope={scope}
-      value={value[0]}
-      onChange={(next) => {
-        onChange([next]);
-      }}
-    >
-      <RemoteSelect
-        fieldNames={{
-          label: 'nickname',
-          value: 'id',
-        }}
-        service={{
-          resource: 'users',
-        }}
-        manual={false}
-        value={value[0]}
-        onChange={(v) => {
-          onChange(v != null ? [v] : []);
-        }}
-      />
-    </Variable.Input>
-  );
-}

package/src/client/nodes/manual/DetailsBlockProvider.tsx

@@ -1,80 +0,0 @@
-import React, { useRef, useMemo, useContext } from 'react';
-import { createForm } from '@formily/core';
-import { useField } from '@formily/react';
-import {
-  BlockRequestContext,
-  CollectionProvider,
-  FormBlockContext,
-  RecordProvider,
-  useAPIClient,
-  useAssociationNames,
-} from '@nocobase/client';
-import { useFlowContext } from '../../FlowContext';
-import { parse } from '@nocobase/utils/client';
-
-function useFlowContextData(dataSource) {
-  const { execution } = useFlowContext();
-  const data = useMemo(
-    () => ({
-      $context: execution?.context,
-      $jobsMapByNodeId: (execution?.jobs ?? []).reduce(
-        (map, job) => Object.assign(map, { [job.nodeId]: job.result }),
-        {},
-      ),
-    }),
-    [execution],
-  );
-
-  const result = useMemo(() => parse(dataSource)(data), [execution]);
-  return result;
-}
-
-export function DetailsBlockProvider(props) {
-  const field = useField();
-  const formBlockRef = useRef(null);
-  const { appends, updateAssociationValues } = useAssociationNames();
-  const values = useFlowContextData(props.dataSource);
-
-  const form = useMemo(
-    () =>
-      createForm({
-        values,
-        readPretty: true,
-      }),
-    [values],
-  );
-
-  const params = {
-    appends,
-  };
-  const service = {
-    loading: false,
-    data: {
-      data: values,
-    },
-  };
-  const api = useAPIClient();
-  const resource = api.resource(props.collection);
-  const __parent = useContext(BlockRequestContext);
-
-  return (
-    <CollectionProvider collection={props.collection}>
-      <RecordProvider record={values} parent={false}>
-        <BlockRequestContext.Provider value={{ block: 'form', field, service, resource, __parent }}>
-          <FormBlockContext.Provider
-            value={{
-              params,
-              form,
-              field,
-              service,
-              updateAssociationValues,
-              formBlockRef,
-            }}
-          >
-            {props.children}
-          </FormBlockContext.Provider>
-        </BlockRequestContext.Provider>
-      </RecordProvider>
-    </CollectionProvider>
-  );
-}

package/src/client/nodes/manual/FormBlockInitializer.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-
-import {
-  CollectionProvider,
-  SchemaInitializer,
-  SchemaInitializerItemOptions,
-  createFormBlockSchema,
-  useRecordCollectionDataSourceItems,
-  useSchemaTemplateManager,
-} from '@nocobase/client';
-
-import { traverseSchema } from './utils';
-
-import { JOB_STATUS } from '../../constants';
-import { NAMESPACE } from '../../locale';
-
-function InternalFormBlockInitializer({ insert, schema, ...others }) {
-  const { getTemplateSchemaByMode } = useSchemaTemplateManager();
-  const items = useRecordCollectionDataSourceItems('FormItem') as SchemaInitializerItemOptions[];
-  async function onConfirm({ item }) {
-    const template = item.template ? await getTemplateSchemaByMode(item) : null;
-    const result = createFormBlockSchema({
-      actionInitializers: 'AddActionButton',
-      actions: {
-        resolve: {
-          type: 'void',
-          title: `{{t("Continue the process", { ns: "${NAMESPACE}" })}}`,
-          'x-decorator': 'ManualActionStatusProvider',
-          'x-decorator-props': {
-            value: JOB_STATUS.RESOLVED,
-          },
-          'x-component': 'Action',
-          'x-component-props': {
-            type: 'primary',
-            useAction: '{{ useSubmit }}',
-          },
-          'x-designer': 'ManualActionDesigner',
-          'x-designer-props': {},
-        },
-      },
-      ...schema,
-      template,
-    });
-    delete result['x-acl-action-props'];
-    delete result['x-acl-action'];
-    const [formKey] = Object.keys(result.properties);
-    result.properties[formKey].properties.actions['x-decorator'] = 'ActionBarProvider';
-    result.properties[formKey].properties.actions['x-component-props'].style = {
-      marginTop: '1.5em',
-      flexWrap: 'wrap',
-    };
-    traverseSchema(result, (node) => {
-      if (node['x-uid']) {
-        delete node['x-uid'];
-      }
-    });
-    insert(result);
-  }
-
-  return <SchemaInitializer.Item {...others} onClick={onConfirm} items={items} />;
-}
-
-export function FormBlockInitializer(props) {
-  return (
-    <CollectionProvider collection={props.schema?.collection}>
-      <InternalFormBlockInitializer {...props} />
-    </CollectionProvider>
-  );
-}

package/src/client/nodes/manual/FormBlockProvider.tsx

@@ -1,75 +0,0 @@
-import React, { useRef, useMemo, useContext } from 'react';
-import { createForm } from '@formily/core';
-import { useFieldSchema, useField, RecursionField } from '@formily/react';
-import {
-  BlockRequestContext,
-  CollectionProvider,
-  FormBlockContext,
-  FormV2,
-  RecordProvider,
-  useAPIClient,
-  useAssociationNames,
-  useDesignable,
-  useRecord,
-} from '@nocobase/client';
-
-export function FormBlockProvider(props) {
-  const userJob = useRecord();
-  const fieldSchema = useFieldSchema();
-  const field = useField();
-  const formBlockRef = useRef(null);
-  const { appends, updateAssociationValues } = useAssociationNames();
-  const [formKey] = Object.keys(fieldSchema.toJSON().properties ?? {});
-  const values = userJob?.result?.[formKey];
-
-  const { findComponent } = useDesignable();
-  const Component = findComponent(field.component?.[0]) || React.Fragment;
-
-  const form = useMemo(
-    () =>
-      createForm({
-        initialValues: values,
-      }),
-    [values],
-  );
-
-  const params = {
-    appends,
-    ...props.params,
-  };
-  const service = {
-    loading: false,
-    data: {
-      data: values,
-    },
-  };
-  const api = useAPIClient();
-  const resource = api.resource(props.collection);
-  const __parent = useContext(BlockRequestContext);
-
-  return (
-    <CollectionProvider collection={props.collection}>
-      <RecordProvider record={values} parent={false}>
-        <BlockRequestContext.Provider value={{ block: 'form', props, field, service, resource, __parent }}>
-          <FormBlockContext.Provider
-            value={{
-              params,
-              form,
-              field,
-              service,
-              updateAssociationValues,
-              formBlockRef,
-            }}
-          >
-            <Component {...field.componentProps}>
-              <FormV2.Templates style={{ marginBottom: 18 }} form={form} />
-              <div ref={formBlockRef}>
-                <RecursionField schema={fieldSchema} onlyRenderProperties />
-              </div>
-            </Component>
-          </FormBlockContext.Provider>
-        </BlockRequestContext.Provider>
-      </RecordProvider>
-    </CollectionProvider>
-  );
-}

package/src/client/nodes/manual/ModeConfig.tsx

@@ -1,84 +0,0 @@
-import { QuestionCircleOutlined } from '@ant-design/icons';
-import { FormLayout } from '@formily/antd-v5';
-import { Form, Radio, Tooltip } from 'antd';
-import React from 'react';
-
-import { css, FormItem } from '@nocobase/client';
-import { lang } from '../../locale';
-
-function parseMode(v) {
-  if (!v) {
-    return 'single';
-  }
-  if (v >= 1) {
-    return 'all';
-  }
-  if (v <= -1) {
-    return 'any';
-  }
-
-  const dir = Math.sign(v);
-  if (dir > 0) {
-    return '';
-  }
-}
-
-export function ModeConfig({ value, onChange }) {
-  const mode = parseMode(value);
-  return (
-    <fieldset
-      className={css`
-        .ant-radio-group {
-          .anticon {
-            margin-left: 0.5em;
-          }
-        }
-      `}
-    >
-      <Form.Item>
-        <Radio.Group
-          value={Boolean(value)}
-          onChange={({ target: { value: v } }) => {
-            console.log(v);
-            onChange(Number(v));
-          }}
-        >
-          <Radio value={true}>
-            <Tooltip title={lang('Each user has own task')} placement="bottom">
-              <span>{lang('Separately')}</span>
-              <QuestionCircleOutlined style={{ color: '#999' }} />
-            </Tooltip>
-          </Radio>
-          <Radio value={false}>
-            <Tooltip title={lang('Everyone shares one task')} placement="bottom">
-              <span>{lang('Collaboratively')}</span>
-              <QuestionCircleOutlined style={{ color: '#999' }} />
-            </Tooltip>
-          </Radio>
-        </Radio.Group>
-      </Form.Item>
-      {value ? (
-        <fieldset>
-          <FormLayout layout="vertical">
-            <FormItem label={lang('Negotiation')}>
-              <Radio.Group value={value} onChange={onChange}>
-                <Radio value={1}>
-                  <Tooltip title={lang('Everyone should pass')} placement="bottom">
-                    <span>{lang('All pass')}</span>
-                    <QuestionCircleOutlined style={{ color: '#999' }} />
-                  </Tooltip>
-                </Radio>
-                <Radio value={-1}>
-                  <Tooltip title={lang('Anyone pass')} placement="bottom">
-                    <span>{lang('Any pass')}</span>
-                    <QuestionCircleOutlined style={{ color: '#999' }} />
-                  </Tooltip>
-                </Radio>
-              </Radio.Group>
-            </FormItem>
-          </FormLayout>
-        </fieldset>
-      ) : null}
-    </fieldset>
-  );
-}