@nocobase/plugin-workflow 0.9.4-alpha.2 → 0.10.0-alpha.2

package/lib/client/nodes/manual/SchemaConfig.d.ts

@@ -1,6 +1,46 @@
-/// <reference types="react" />
+import React from 'react';
+import { ISchema } from '@formily/react';
+import { SchemaInitializerItemOptions } from '@nocobase/client';
+import { Registry } from '@nocobase/utils/client';
+import { JOB_STATUS } from '../../constants';
+declare type ValueOf<T> = T[keyof T];
+export declare type FormType = {
+    type: 'create' | 'update' | 'custom';
+    title: string;
+    actions: ValueOf<typeof JOB_STATUS>[];
+    collection: string | {
+        name: string;
+        fields: any[];
+        [key: string]: any;
+    };
+};
+export declare type ManualFormType = {
+    title: string;
+    config: {
+        useInitializer: () => SchemaInitializerItemOptions;
+        initializers?: {
+            [key: string]: React.FC;
+        };
+        components?: {
+            [key: string]: React.FC;
+        };
+        parseFormOptions(root: ISchema): {
+            [key: string]: FormType;
+        };
+    };
+    block: {
+        scope?: {
+            [key: string]: () => any;
+        };
+        components?: {
+            [key: string]: React.FC;
+        };
+    };
+};
+export declare const manualFormTypes: Registry<ManualFormType>;
 export declare function SchemaConfig({ value, onChange }: {
     value: any;
     onChange: any;
-}): JSX.Element;
-export declare function SchemaConfigButton(props: any): JSX.Element;
+}): React.JSX.Element;
+export declare function SchemaConfigButton(props: any): React.JSX.Element;
+export {};

package/lib/client/nodes/manual/SchemaConfig.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SchemaConfig = SchemaConfig;
 exports.SchemaConfigButton = SchemaConfigButton;
+exports.manualFormTypes = void 0;
 function _react() {
   const data = _interopRequireWildcard(require("react"));
   _react = function _react() {
@@ -33,12 +34,23 @@ function _client() {
   };
   return data;
 }
+function _client2() {
+  const data = require("@nocobase/utils/client");
+  _client2 = function _client2() {
+    return data;
+  };
+  return data;
+}
 var _triggers = require("../../triggers");
 var _ = require("..");
 var _FlowContext = require("../../FlowContext");
 var _locale = require("../../locale");
 var _constants = require("../../constants");
-var _customForm = _interopRequireDefault(require("./forms/customForm"));
+var _custom = _interopRequireDefault(require("./forms/custom"));
+var _create = _interopRequireDefault(require("./forms/create"));
+var _update = _interopRequireDefault(require("./forms/update"));
+var _FormBlockProvider = require("./FormBlockProvider");
+var _DetailsBlockProvider = require("./DetailsBlockProvider");
 const _excluded = ["action", "actionProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -56,6 +68,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const manualFormTypes = new (_client2().Registry)();
+exports.manualFormTypes = manualFormTypes;
+manualFormTypes.register('customForm', _custom.default);
+manualFormTypes.register('createForm', _create.default);
+manualFormTypes.register('updateForm', _update.default);
 function useTriggerInitializers() {
   const _useFlowContext = (0, _FlowContext.useFlowContext)(),
     workflow = _useFlowContext.workflow;
@@ -63,7 +80,7 @@ function useTriggerInitializers() {
   return trigger.useInitializers ? trigger.useInitializers(workflow.config) : null;
 }
 const blockTypeNames = {
-  customForm: _customForm.default.title,
+  customForm: _custom.default.title,
   record: `{{t("Data record", { ns: "${_locale.NAMESPACE}" })}}`
 };
 function SimpleDesigner() {
@@ -102,20 +119,10 @@ function AddBlockButton(props) {
   }] : []), {
     type: 'itemGroup',
     title: '{{t("Form")}}',
-    children: [_customForm.default.config.initializer
-    // {
-    //   key: 'createForm',
-    //   type: 'item',
-    //   title: '{{t("Create record form")}}',
-    //   component: CustomFormBlockInitializer,
-    // },
-    // {
-    //   key: 'updateForm',
-    //   type: 'item',
-    //   title: '{{t("Update record form")}}',
-    //   component: CustomFormBlockInitializer,
-    // }
-    ]
+    children: Array.from(manualFormTypes.getValues()).map(item => {
+      const getInitializer = item.config.useInitializer;
+      return getInitializer();
+    })
   }, {
     type: 'itemGroup',
     title: '{{t("Other blocks")}}',
@@ -131,34 +138,6 @@ function AddBlockButton(props) {
     title: "{{t('Add block')}}"
   }));
 }
-function findSchema(schema, filter, onlyLeaf = false) {
-  const result = [];
-  if (!schema) {
-    return result;
-  }
-  if (filter(schema) && (!onlyLeaf || !schema.properties)) {
-    result.push(schema);
-    return result;
-  }
-  if (schema.properties) {
-    Object.keys(schema.properties).forEach(key => {
-      result.push(...findSchema(schema.properties[key], filter));
-    });
-  }
-  return result;
-}
-function SchemaComponentRefreshProvider(props) {
-  const ctx = (0, _client().useSchemaComponentContext)();
-  return _react().default.createElement(_client().SchemaComponentContext.Provider, {
-    value: _objectSpread(_objectSpread({}, ctx), {}, {
-      refresh() {
-        var _ctx$refresh, _props$onRefresh;
-        ctx === null || ctx === void 0 ? void 0 : (_ctx$refresh = ctx.refresh) === null || _ctx$refresh === void 0 ? void 0 : _ctx$refresh.call(ctx);
-        props === null || props === void 0 ? void 0 : (_props$onRefresh = props.onRefresh) === null || _props$onRefresh === void 0 ? void 0 : _props$onRefresh.call(props);
-      }
-    })
-  }, props.children);
-}
 function ActionInitializer(_ref) {
   let action = _ref.action,
     actionProps = _ref.actionProps,
@@ -219,9 +198,6 @@ function useSubmit() {
     run() {}
   };
 }
-function useFlowRecordFromBlock() {
-  return {};
-}
 function SchemaConfig({
   value,
   onChange
@@ -240,7 +216,7 @@ function SchemaConfig({
     Object.assign(nodeInitializers, instruction.initializers);
     Object.assign(nodeComponents, instruction.components);
   });
-  const schema = new (_react2().Schema)({
+  const schema = (0, _react().useMemo)(() => new (_react2().Schema)({
     properties: {
       drawer: {
         type: 'void',
@@ -279,43 +255,30 @@ function SchemaConfig({
         }
       }
     }
-  });
+  }), []);
   return _react().default.createElement(_client().SchemaComponentContext.Provider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
-      designable: !workflow.executed
+      designable: !workflow.executed,
+      refresh() {
+        var _ctx$refresh;
+        (_ctx$refresh = ctx.refresh) === null || _ctx$refresh === void 0 ? void 0 : _ctx$refresh.call(ctx);
+        const _get = (0, _lodash().get)(schema.toJSON(), 'properties.drawer.properties'),
+          tabs = _get.tabs;
+        const forms = Array.from(manualFormTypes.getValues()).reduce((result, item) => Object.assign(result, item.config.parseFormOptions(tabs)), {});
+        form.setValuesIn('forms', forms);
+        onChange(tabs.properties);
+      }
     })
   }, _react().default.createElement(_client().SchemaInitializerProvider, {
     initializers: _objectSpread(_objectSpread(_objectSpread({
       AddBlockButton,
       AddActionButton
-    }, trigger.initializers), nodeInitializers), _customForm.default.config.initializers)
-  }, _react().default.createElement(SchemaComponentRefreshProvider, {
-    onRefresh: () => {
-      const forms = {};
-      const _get = (0, _lodash().get)(schema.toJSON(), 'properties.drawer.properties'),
-        tabs = _get.tabs;
-      const formBlocks = findSchema(tabs, item => item['x-decorator'] === 'FormCollectionProvider');
-      formBlocks.forEach(formBlock => {
-        var _formBlock$xComponen;
-        const _Object$keys = Object.keys(formBlock.properties),
-          _Object$keys2 = _slicedToArray(_Object$keys, 1),
-          formKey = _Object$keys2[0];
-        const formSchema = formBlock.properties[formKey];
-        const fields = findSchema(formSchema.properties.grid, item => item['x-component'] === 'CollectionField', true);
-        formBlock['x-decorator-props'].collection.fields = fields.map(field => field['x-interface-options']);
-        forms[formKey] = {
-          type: 'custom',
-          title: ((_formBlock$xComponen = formBlock['x-component-props']) === null || _formBlock$xComponen === void 0 ? void 0 : _formBlock$xComponen.title) || formKey,
-          actions: findSchema(formSchema.properties.actions, item => item['x-component'] === 'Action').map(item => item['x-decorator-props'].value),
-          collection: formBlock['x-decorator-props'].collection
-        };
-      });
-      form.setValuesIn('forms', forms);
-      onChange(tabs.properties);
-    }
+    }, trigger.initializers), nodeInitializers), Array.from(manualFormTypes.getValues()).reduce((result, item) => Object.assign(result, item.config.initializers), {}))
   }, _react().default.createElement(_client().SchemaComponent, {
     schema: schema,
-    components: _objectSpread(_objectSpread(_objectSpread({}, nodeComponents), _customForm.default.config.components), {}, {
+    components: _objectSpread(_objectSpread(_objectSpread({}, nodeComponents), Array.from(manualFormTypes.getValues()).reduce((result, item) => Object.assign(result, item.config.components), {})), {}, {
+      FormBlockProvider: _FormBlockProvider.FormBlockProvider,
+      DetailsBlockProvider: _DetailsBlockProvider.DetailsBlockProvider,
       // NOTE: fake provider component
       ManualActionStatusProvider(props) {
         return props.children;
@@ -327,9 +290,9 @@ function SchemaConfig({
     }),
     scope: {
       useSubmit,
-      useFlowRecordFromBlock
+      useDetailsBlockProps: _client().useFormBlockContext
     }
-  }))));
+  })));
 }
 function SchemaConfigButton(props) {
   const _useFlowContext3 = (0, _FlowContext.useFlowContext)(),
@@ -341,7 +304,7 @@ function SchemaConfigButton(props) {
   return _react().default.createElement(_react().default.Fragment, null, _react().default.createElement("div", {
     className: "ant-btn ant-btn-primary",
     onClick: () => setVisible(true)
-  }, workflow.executed ? (0, _locale.lang)('View user interface') : (0, _locale.lang)('Configure user interface')), _react().default.createElement(_client().ActionContext.Provider, {
+  }, workflow.executed ? (0, _locale.lang)('View user interface') : (0, _locale.lang)('Configure user interface')), _react().default.createElement(_client().ActionContextProvider, {
     value: {
       visible,
       setVisible

package/lib/client/nodes/manual/WorkflowTodo.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
-export declare function WorkflowTodo(): JSX.Element;
-export declare namespace WorkflowTodo {
-    var Drawer: () => JSX.Element;
-    var Decorator: ({ children }: {
-        children: any;
-    }) => JSX.Element;
-}
+import React from 'react';
+export declare const WorkflowTodo: React.FC & {
+    Drawer: React.FC;
+    Decorator: React.FC;
+};

package/lib/client/nodes/manual/WorkflowTodo.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WorkflowTodo = WorkflowTodo;
+exports.WorkflowTodo = void 0;
 function _react() {
   const data = _interopRequireWildcard(require("react"));
   _react = function _react() {
@@ -58,9 +58,12 @@ var _locale = require("../../locale");
 var _FlowContext = require("../../FlowContext");
 var _ = require("..");
 var _utils = require("../../utils");
-var _customForm = _interopRequireDefault(require("./forms/customForm"));
+var _SchemaConfig = require("./SchemaConfig");
+var _FormBlockProvider = require("./FormBlockProvider");
+var _DetailsBlockProvider = require("./DetailsBlockProvider");
 const _excluded = ["nodes"],
-  _excluded2 = ["collections"];
+  _excluded2 = ["node", "workflow", "execution"],
+  _excluded3 = ["collections"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -224,18 +227,24 @@ const NodeColumn = (0, _react2().observer)(() => {
   var _field$value$title, _field$value, _field$value2;
   const field = (0, _react2().useField)();
   return (_field$value$title = field === null || field === void 0 ? void 0 : (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.title) !== null && _field$value$title !== void 0 ? _field$value$title : `#${(_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.id}`;
+}, {
+  displayName: 'NodeColumn'
 });
 const WorkflowColumn = (0, _react2().observer)(() => {
   var _field$value$title2, _field$value3, _field$value4;
   const field = (0, _react2().useField)();
   return (_field$value$title2 = field === null || field === void 0 ? void 0 : (_field$value3 = field.value) === null || _field$value3 === void 0 ? void 0 : _field$value3.title) !== null && _field$value$title2 !== void 0 ? _field$value$title2 : `#${(_field$value4 = field.value) === null || _field$value4 === void 0 ? void 0 : _field$value4.id}`;
+}, {
+  displayName: 'WorkflowColumn'
 });
 const UserColumn = (0, _react2().observer)(() => {
   var _field$value$nickname, _field$value5, _field$value6;
   const field = (0, _react2().useField)();
   return (_field$value$nickname = field === null || field === void 0 ? void 0 : (_field$value5 = field.value) === null || _field$value5 === void 0 ? void 0 : _field$value5.nickname) !== null && _field$value$nickname !== void 0 ? _field$value$nickname : (_field$value6 = field.value) === null || _field$value6 === void 0 ? void 0 : _field$value6.id;
+}, {
+  displayName: 'UserColumn'
 });
-function WorkflowTodo() {
+const WorkflowTodo = () => {
   return _react().default.createElement(_client().SchemaComponent, {
     components: {
       NodeColumn,
@@ -373,7 +382,8 @@ function WorkflowTodo() {
       }
     }
   });
-}
+};
+exports.WorkflowTodo = WorkflowTodo;
 function ActionBarProvider(props) {
   // * status is done:
   //   1. form is this form: show action button, and emphasis used status button
@@ -383,10 +393,11 @@ function ActionBarProvider(props) {
   //   2. not current user: disabled action bar
   const _useCurrentUserContex = (0, _client().useCurrentUserContext)(),
     user = _useCurrentUserContex.data;
-  const _useRecord = (0, _client().useRecord)(),
-    status = _useRecord.status,
-    result = _useRecord.result,
-    userId = _useRecord.userId;
+  const _useFlowContext = (0, _FlowContext.useFlowContext)(),
+    userJob = _useFlowContext.userJob;
+  const status = userJob.status,
+    result = userJob.result,
+    userId = userJob.userId;
   const buttonSchema = (0, _react2().useFieldSchema)();
   const _buttonSchema$parent$ = buttonSchema.parent.toJSON(),
     name = _buttonSchema$parent$.name;
@@ -408,15 +419,15 @@ function ManualActionStatusProvider({
   value,
   children
 }) {
-  const _useRecord2 = (0, _client().useRecord)(),
-    status = _useRecord2.status;
+  const _useFlowContext2 = (0, _FlowContext.useFlowContext)(),
+    userJob = _useFlowContext2.userJob;
   const button = (0, _react2().useField)();
   (0, _react().useEffect)(() => {
-    if (status) {
+    if (userJob.status) {
       button.disabled = true;
-      button.visible = status === value;
+      button.visible = userJob.status === value;
     }
-  }, [status, value]);
+  }, [userJob.status, value, button]);
   return _react().default.createElement(ManualActionStatusContext.Provider, {
     value: value
   }, children);
@@ -432,8 +443,10 @@ function useSubmit() {
   const nextStatus = (0, _react().useContext)(ManualActionStatusContext);
   const _useTableBlockContext = (0, _client().useTableBlockContext)(),
     service = _useTableBlockContext.service;
-  const _useRecord3 = (0, _client().useRecord)(),
-    id = _useRecord3.id;
+  const _useFlowContext3 = (0, _FlowContext.useFlowContext)(),
+    userJob = _useFlowContext3.userJob;
+  const _useContext = (0, _react().useContext)(_client().FormBlockContext),
+    updateAssociationValues = _useContext.updateAssociationValues;
   return {
     run() {
       return _asyncToGenerator(function* () {
@@ -441,13 +454,14 @@ function useSubmit() {
         const _buttonSchema$parent$2 = buttonSchema.parent.parent.toJSON(),
           name = _buttonSchema$parent$2.name;
         yield api.resource('users_jobs').submit({
-          filterByTk: id,
+          filterByTk: userJob.id,
           values: {
             status: nextStatus,
             result: {
               [name]: values
             }
-          }
+          },
+          updateAssociationValues
         });
         setVisible(false);
         service.refresh();
@@ -455,33 +469,19 @@ function useSubmit() {
     }
   };
 }
-function useFlowRecordFromBlock(opts) {
-  var _execution$jobs;
-  const _useFieldSchema = (0, _react2().useFieldSchema)(),
-    dataSource = _useFieldSchema['x-context-datasource'];
-  const _useFlowContext = (0, _FlowContext.useFlowContext)(),
-    execution = _useFlowContext.execution;
-  const result = (0, _client2().parse)(dataSource)({
-    $context: execution === null || execution === void 0 ? void 0 : execution.context,
-    $jobsMapByNodeId: ((_execution$jobs = execution === null || execution === void 0 ? void 0 : execution.jobs) !== null && _execution$jobs !== void 0 ? _execution$jobs : []).reduce((map, job) => Object.assign(map, {
-      [job.nodeId]: job.result
-    }), {})
-  });
-  return (0, _client().useRequest)(() => {
-    return Promise.resolve({
-      data: result
-    });
-  }, opts);
-}
 function FlowContextProvider(props) {
+  var _node$config;
   const api = (0, _client().useAPIClient)();
-  const _useRecord4 = (0, _client().useRecord)(),
-    id = _useRecord4.id,
-    node = _useRecord4.node;
+  const _useRecord = (0, _client().useRecord)(),
+    id = _useRecord.id;
   const _useState = (0, _react().useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     flowContext = _useState2[0],
     setFlowContext = _useState2[1];
+  const _useState3 = (0, _react().useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    node = _useState4[0],
+    setNode = _useState4[1];
   (0, _react().useEffect)(() => {
     var _api$resource$get, _api$resource;
     if (!id) {
@@ -489,50 +489,90 @@ function FlowContextProvider(props) {
     }
     (_api$resource$get = (_api$resource = api.resource('users_jobs')).get) === null || _api$resource$get === void 0 ? void 0 : _api$resource$get.call(_api$resource, {
       filterByTk: id,
-      appends: ['workflow', 'workflow.nodes', 'execution', 'execution.jobs']
+      appends: ['node', 'workflow', 'workflow.nodes', 'execution', 'execution.jobs']
     }).then(({
       data
     }) => {
       var _data$data;
       const _ref = (_data$data = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data !== void 0 ? _data$data : {},
+        node = _ref.node,
         _ref$workflow = _ref.workflow,
         _ref$workflow2 = _ref$workflow === void 0 ? {} : _ref$workflow,
         _ref$workflow2$nodes = _ref$workflow2.nodes,
         nodes = _ref$workflow2$nodes === void 0 ? [] : _ref$workflow2$nodes,
         workflow = _objectWithoutProperties(_ref$workflow2, _excluded),
-        execution = _ref.execution;
+        execution = _ref.execution,
+        userJob = _objectWithoutProperties(_ref, _excluded2);
       (0, _utils.linkNodes)(nodes);
+      setNode(node);
       setFlowContext({
+        userJob,
         workflow,
         nodes,
         execution
       });
+      return;
     });
   }, [id]);
-  if (!flowContext) {
-    return null;
-  }
-  const upstreams = (0, _.useAvailableUpstreams)(flowContext.nodes.find(item => item.id === node.id));
+  const upstreams = (0, _.useAvailableUpstreams)(flowContext === null || flowContext === void 0 ? void 0 : flowContext.nodes.find(item => item.id === node.id));
   const nodeComponents = upstreams.reduce((components, {
     type
   }) => Object.assign(components, _.instructions.get(type).components), {});
-  return _react().default.createElement(_FlowContext.FlowContext.Provider, {
+  return node && flowContext ? _react().default.createElement(_FlowContext.FlowContext.Provider, {
     value: flowContext
-  }, _react().default.createElement(_client().SchemaComponentOptions, {
-    components: _objectSpread({}, nodeComponents)
-  }, props.children));
+  }, _react().default.createElement(_client().SchemaComponent, {
+    components: _objectSpread(_objectSpread({
+      FormBlockProvider: _FormBlockProvider.FormBlockProvider,
+      DetailsBlockProvider: _DetailsBlockProvider.DetailsBlockProvider,
+      ActionBarProvider,
+      ManualActionStatusProvider
+    }, Array.from(_SchemaConfig.manualFormTypes.getValues()).reduce((result, item) => Object.assign(result, item.block.components), {})), nodeComponents),
+    scope: _objectSpread({
+      useSubmit,
+      useFormBlockProps,
+      useDetailsBlockProps
+    }, Array.from(_SchemaConfig.manualFormTypes.getValues()).reduce((result, item) => Object.assign(result, item.block.scope), {})),
+    schema: {
+      type: 'void',
+      name: 'tabs',
+      'x-component': 'Tabs',
+      properties: (_node$config = node.config) === null || _node$config === void 0 ? void 0 : _node$config.schema
+    }
+  })) : _react().default.createElement(_antd().Spin, null);
+}
+function useFormBlockProps() {
+  var _user$data2;
+  const _useFlowContext4 = (0, _FlowContext.useFlowContext)(),
+    userJob = _useFlowContext4.userJob;
+  const record = (0, _client().useRecord)();
+  const _useCurrentUserContex2 = (0, _client().useCurrentUserContext)(),
+    user = _useCurrentUserContex2.data;
+  const _useFormBlockContext = (0, _client().useFormBlockContext)(),
+    form = _useFormBlockContext.form;
+  const pattern = userJob.status ? record ? 'readPretty' : 'disabled' : (user === null || user === void 0 ? void 0 : (_user$data2 = user.data) === null || _user$data2 === void 0 ? void 0 : _user$data2.id) !== userJob.userId ? 'disabled' : 'editable';
+  (0, _react().useEffect)(() => {
+    form === null || form === void 0 ? void 0 : form.setPattern(pattern);
+  }, [pattern, form]);
+  return {
+    form
+  };
 }
-WorkflowTodo.Drawer = function () {
-  var _node$config, _node$title;
+function useDetailsBlockProps() {
+  const _useFormBlockContext2 = (0, _client().useFormBlockContext)(),
+    form = _useFormBlockContext2.form;
+  return {
+    form
+  };
+}
+function Drawer() {
+  var _node$title;
   const ctx = (0, _react().useContext)(_client().SchemaComponentContext);
-  const _useRecord5 = (0, _client().useRecord)(),
-    id = _useRecord5.id,
-    node = _useRecord5.node,
-    workflow = _useRecord5.workflow,
-    status = _useRecord5.status,
-    updatedAt = _useRecord5.updatedAt;
-  const _ref2 = (_node$config = node.config) !== null && _node$config !== void 0 ? _node$config : {},
-    schema = _ref2.schema;
+  const _useRecord2 = (0, _client().useRecord)(),
+    id = _useRecord2.id,
+    node = _useRecord2.node,
+    workflow = _useRecord2.workflow,
+    status = _useRecord2.status,
+    updatedAt = _useRecord2.updatedAt;
   const statusOption = _constants.JobStatusOptionsMap[status];
   const footerSchema = status ? {
     date: {
@@ -557,15 +597,14 @@ WorkflowTodo.Drawer = function () {
   } : null;
   return _react().default.createElement(_client().SchemaComponentContext.Provider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
+      reset() {},
       designable: false
     })
   }, _react().default.createElement(_client().SchemaComponent, {
-    components: _objectSpread({
+    components: {
       Tag: _antd().Tag,
-      ActionBarProvider,
-      ManualActionStatusProvider,
       FlowContextProvider
-    }, _customForm.default.block.components),
+    },
     schema: {
       type: 'void',
       name: `drawer-${id}-${status}`,
@@ -577,9 +616,7 @@ WorkflowTodo.Drawer = function () {
       properties: {
         tabs: {
           type: 'void',
-          'x-decorator': 'FlowContextProvider',
-          'x-component': 'Tabs',
-          properties: schema
+          'x-component': 'FlowContextProvider'
         },
         footer: {
           type: 'void',
@@ -587,19 +624,15 @@ WorkflowTodo.Drawer = function () {
           properties: footerSchema
         }
       }
-    },
-    scope: _objectSpread({
-      useSubmit,
-      useFlowRecordFromBlock
-    }, _customForm.default.block.scope)
+    }
   }));
-};
-WorkflowTodo.Decorator = function ({
+}
+function Decorator({
   children
 }) {
   const _useCollectionManager = (0, _client().useCollectionManager)(),
     collections = _useCollectionManager.collections,
-    cm = _objectWithoutProperties(_useCollectionManager, _excluded2);
+    cm = _objectWithoutProperties(_useCollectionManager, _excluded3);
   const blockProps = {
     collection: 'users_jobs',
     resource: 'users_jobs',
@@ -608,7 +641,7 @@ WorkflowTodo.Decorator = function ({
       pageSize: 20,
       sort: ['-createdAt'],
       appends: ['user', 'node', 'workflow'],
-      except: ['workflow.config']
+      except: ['node.config', 'workflow.config']
     },
     rowKey: 'id',
     showIndex: true,
@@ -617,4 +650,6 @@ WorkflowTodo.Decorator = function ({
   return _react().default.createElement(_client().CollectionManagerProvider, _objectSpread(_objectSpread({}, cm), {}, {
     collections: [...collections, nodeCollection, workflowCollection, todoCollection]
   }), _react().default.createElement(_client().TableBlockProvider, _objectSpread({}, blockProps), children));
-};
+}
+WorkflowTodo.Drawer = Drawer;
+WorkflowTodo.Decorator = Decorator;

package/lib/client/nodes/manual/WorkflowTodoBlockInitializer.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function WorkflowTodoBlockInitializer({ insert, ...props }: {
     [x: string]: any;
     insert: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/client/nodes/manual/forms/create.d.ts

@@ -0,0 +1,3 @@
+import { ManualFormType } from '../SchemaConfig';
+declare const _default: ManualFormType;
+export default _default;