@nocobase/plugin-workflow 0.7.1-alpha.5 → 0.7.2-alpha.1

package/client.d.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+export * from './lib/client';
+export { default } from './lib/client';
+

package/client.js

@@ -0,0 +1,30 @@
+"use strict";
+
+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; }
+
+var _index = _interopRequireWildcard(require("./lib/client"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});

package/lib/client/ExecutionResourceProvider.d.ts

@@ -0,0 +1,4 @@
+export declare const ExecutionResourceProvider: ({ request, ...others }: {
+    [x: string]: any;
+    request: any;
+}) => JSX.Element;

package/lib/client/ExecutionResourceProvider.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExecutionResourceProvider = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+const _excluded = ["request"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const ExecutionResourceProvider = _ref => {
+  var _request$params;
+
+  let request = _ref.request,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const workflow = (0, _client().useRecord)();
+
+  const props = _objectSpread(_objectSpread({}, others), {}, {
+    request: _objectSpread(_objectSpread({}, request), {}, {
+      params: _objectSpread(_objectSpread({}, request === null || request === void 0 ? void 0 : request.params), {}, {
+        filter: _objectSpread(_objectSpread({}, request === null || request === void 0 ? void 0 : (_request$params = request.params) === null || _request$params === void 0 ? void 0 : _request$params.filter), {}, {
+          key: workflow.key
+        })
+      })
+    }),
+    workflow
+  });
+
+  return _react().default.createElement(_client().ResourceActionProvider, _objectSpread({}, props));
+};
+
+exports.ExecutionResourceProvider = ExecutionResourceProvider;

package/lib/client/WorkflowCanvas.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare function useFlowContext(): any;
+export declare function WorkflowCanvas(): JSX.Element;
+export declare function Branch({ from, entry, branchIndex, controller }: {
+    from?: any;
+    entry?: any;
+    branchIndex?: any;
+    controller?: any;
+}): JSX.Element;
+interface AddButtonProps {
+    upstream: any;
+    branchIndex?: number;
+}
+export declare function AddButton({ upstream, branchIndex }: AddButtonProps): JSX.Element;
+export {};

package/lib/client/WorkflowCanvas.js

@@ -0,0 +1,393 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddButton = AddButton;
+exports.Branch = Branch;
+exports.WorkflowCanvas = WorkflowCanvas;
+exports.useFlowContext = useFlowContext;
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    return data;
+  };
+
+  return data;
+}
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _nodes = require("./nodes");
+
+var _style = require("./style");
+
+var _triggers = require("./triggers");
+
+const _excluded = ["nodes", "revisions"];
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function makeNodes(nodes) {
+  const nodesMap = new Map();
+  nodes.forEach(item => nodesMap.set(item.id, item));
+
+  var _iterator = _createForOfIteratorHelper(nodesMap.values()),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      let node = _step.value;
+
+      if (node.upstreamId) {
+        node.upstream = nodesMap.get(node.upstreamId);
+      }
+
+      if (node.downstreamId) {
+        node.downstream = nodesMap.get(node.downstreamId);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+
+const FlowContext = _react().default.createContext(null);
+
+function useFlowContext() {
+  return (0, _react().useContext)(FlowContext);
+}
+
+function WorkflowCanvas() {
+  var _data$data2;
+
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  const history = (0, _reactRouterDom().useHistory)();
+
+  const _useResourceActionCon = (0, _client().useResourceActionContext)(),
+        data = _useResourceActionCon.data,
+        refresh = _useResourceActionCon.refresh,
+        loading = _useResourceActionCon.loading;
+
+  const _useResourceContext = (0, _client().useResourceContext)(),
+        resource = _useResourceContext.resource,
+        targetKey = _useResourceContext.targetKey;
+
+  const _useDocumentTitle = (0, _client().useDocumentTitle)(),
+        setTitle = _useDocumentTitle.setTitle;
+
+  (0, _react().useEffect)(() => {
+    var _data$data;
+
+    const _ref = (_data$data = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data !== void 0 ? _data$data : {},
+          title = _ref.title;
+
+    setTitle(`${title ? `${title} - ` : ''}${t('Workflow')}`);
+  }, [data === null || data === void 0 ? void 0 : data.data]);
+
+  if (!(data === null || data === void 0 ? void 0 : data.data) && !loading) {
+    return _react().default.createElement("div", null, t('Load failed'));
+  }
+
+  const _ref2 = (_data$data2 = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data2 !== void 0 ? _data$data2 : {},
+        _ref2$nodes = _ref2.nodes,
+        nodes = _ref2$nodes === void 0 ? [] : _ref2$nodes,
+        _ref2$revisions = _ref2.revisions,
+        revisions = _ref2$revisions === void 0 ? [] : _ref2$revisions,
+        workflow = _objectWithoutProperties(_ref2, _excluded);
+
+  makeNodes(nodes);
+  const entry = nodes.find(item => !item.upstream);
+
+  function onSwitchVersion({
+    key
+  }) {
+    if (key != workflow.id) {
+      history.push(key);
+    }
+  }
+
+  function onToggle(_x) {
+    return _onToggle.apply(this, arguments);
+  }
+
+  function _onToggle() {
+    _onToggle = _asyncToGenerator(function* (value) {
+      yield resource.update({
+        filterByTk: workflow[targetKey],
+        values: {
+          enabled: value,
+          // NOTE: keep `key` field to adapter for backend
+          key: workflow.key
+        }
+      });
+      refresh();
+    });
+    return _onToggle.apply(this, arguments);
+  }
+
+  function onRevision() {
+    return _onRevision.apply(this, arguments);
+  }
+
+  function _onRevision() {
+    _onRevision = _asyncToGenerator(function* () {
+      const _yield$resource$revis = yield resource.revision({
+        filterByTk: workflow[targetKey]
+      }),
+            revision = _yield$resource$revis.data.data;
+
+      _antd().message.success(t('Operation succeeded'));
+
+      history.push(`${revision.id}`);
+    });
+    return _onRevision.apply(this, arguments);
+  }
+
+  return _react().default.createElement(FlowContext.Provider, {
+    value: {
+      workflow,
+      nodes,
+      onNodeAdded: refresh,
+      onNodeRemoved: refresh
+    }
+  }, _react().default.createElement("div", {
+    className: "workflow-toolbar"
+  }, _react().default.createElement("header", null, _react().default.createElement("strong", null, workflow.title)), _react().default.createElement("aside", null, _react().default.createElement("div", {
+    className: "workflow-versions"
+  }, _react().default.createElement("label", null, t('Version')), _react().default.createElement(_antd().Dropdown, {
+    trigger: ['click'],
+    overlay: _react().default.createElement(_antd().Menu, {
+      onClick: onSwitchVersion,
+      defaultSelectedKeys: [workflow.id],
+      className: (0, _css().cx)(_style.workflowVersionDropdownClass)
+    }, revisions.sort((a, b) => b.id - a.id).map(item => _react().default.createElement(_antd().Menu.Item, {
+      key: item.id,
+      icon: item.current ? _react().default.createElement(_icons().RightOutlined, null) : null,
+      className: item.executed ? 'executed' : 'unexecuted'
+    }, _react().default.createElement("strong", null, `#${item.id}`), _react().default.createElement("time", null, new Date(item.createdAt).toLocaleString()))))
+  }, _react().default.createElement(_antd().Button, {
+    type: "link"
+  }, (workflow === null || workflow === void 0 ? void 0 : workflow.id) ? `#${workflow.id}` : null, _react().default.createElement(_icons().DownOutlined, null)))), _react().default.createElement(_antd().Switch, {
+    checked: workflow.enabled,
+    onChange: onToggle,
+    checkedChildren: t('On'),
+    unCheckedChildren: t('Off')
+  }), workflow.executed && !revisions.find(item => !item.executed && new Date(item.createdAt) > new Date(workflow.createdAt)) ? _react().default.createElement(_antd().Button, {
+    onClick: onRevision
+  }, t('Copy to new version')) : null)), _react().default.createElement("div", {
+    className: "workflow-canvas"
+  }, _react().default.createElement(_triggers.TriggerConfig, null), _react().default.createElement("div", {
+    className: _style.branchBlockClass
+  }, _react().default.createElement(Branch, {
+    entry: entry
+  })), _react().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeCardClass)
+  }, _react().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeMetaClass)
+  }, _react().default.createElement(_antd().Tag, {
+    color: "#333"
+  }, t('End'))))));
+}
+
+function Branch({
+  from = null,
+  entry = null,
+  branchIndex = null,
+  controller = null
+}) {
+  const list = [];
+
+  for (let node = entry; node; node = node.downstream) {
+    list.push(node);
+  }
+
+  return _react().default.createElement("div", {
+    className: (0, _css().cx)(_style.branchClass)
+  }, _react().default.createElement("div", {
+    className: "workflow-branch-lines"
+  }), controller, _react().default.createElement(AddButton, {
+    upstream: from,
+    branchIndex: branchIndex
+  }), _react().default.createElement("div", {
+    className: "workflow-node-list"
+  }, list.map(item => _react().default.createElement(_nodes.Node, {
+    data: item,
+    key: item.id
+  }))));
+}
+
+;
+
+function AddButton({
+  upstream,
+  branchIndex = null
+}) {
+  const compile = (0, _client().useCompile)();
+  const api = (0, _client().useAPIClient)();
+
+  const _useFlowContext = useFlowContext(),
+        workflow = _useFlowContext.workflow,
+        onNodeAdded = _useFlowContext.onNodeAdded;
+
+  const resource = api.resource('workflows.nodes', workflow.id);
+
+  function onCreate(_x2) {
+    return _onCreate.apply(this, arguments);
+  }
+
+  function _onCreate() {
+    _onCreate = _asyncToGenerator(function* ({
+      keyPath
+    }) {
+      var _upstream$id;
+
+      const type = keyPath.pop();
+      const config = {};
+
+      const _keyPath = _slicedToArray(keyPath, 1),
+            optionKey = _keyPath[0];
+
+      if (optionKey) {
+        const _instructions$get$opt = _nodes.instructions.get(type).options.find(item => item.key === optionKey),
+              value = _instructions$get$opt.value;
+
+        Object.assign(config, value);
+      }
+
+      const _yield$resource$creat = yield resource.create({
+        values: {
+          type,
+          upstreamId: (_upstream$id = upstream === null || upstream === void 0 ? void 0 : upstream.id) !== null && _upstream$id !== void 0 ? _upstream$id : null,
+          branchIndex,
+          config
+        }
+      }),
+            node = _yield$resource$creat.data.data;
+
+      onNodeAdded(node);
+    });
+    return _onCreate.apply(this, arguments);
+  }
+
+  const groups = [{
+    value: 'control',
+    name: '{{t("Control")}}'
+  }, {
+    value: 'collection',
+    name: '{{t("Collection operations")}}'
+  }];
+  const instructionList = Array.from(_nodes.instructions.getValues());
+  return _react().default.createElement("div", {
+    className: (0, _css().cx)(_style.addButtonClass)
+  }, _react().default.createElement(_antd().Dropdown, {
+    trigger: ['click'],
+    overlay: _react().default.createElement(_antd().Menu, {
+      onClick: ev => onCreate(ev)
+    }, groups.map(group => _react().default.createElement(_antd().Menu.ItemGroup, {
+      key: group.value,
+      title: compile(group.name)
+    }, instructionList.filter(item => item.group === group.value).map(item => item.options ? _react().default.createElement(_antd().Menu.SubMenu, {
+      key: item.type,
+      title: compile(item.title)
+    }, item.options.map(option => _react().default.createElement(_antd().Menu.Item, {
+      key: option.key
+    }, compile(option.label)))) : _react().default.createElement(_antd().Menu.Item, {
+      key: item.type
+    }, compile(item.title)))))),
+    disabled: workflow.executed
+  }, _react().default.createElement(_antd().Button, {
+    shape: "circle",
+    icon: _react().default.createElement(_icons().PlusOutlined, null)
+  })));
+}
+
+;

package/lib/client/WorkflowLink.d.ts

@@ -0,0 +1 @@
+export declare const WorkflowLink: () => JSX.Element;

package/lib/client/WorkflowLink.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkflowLink = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const WorkflowLink = () => {
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  const _useRecord = (0, _client().useRecord)(),
+        id = _useRecord.id;
+
+  const _useActionContext = (0, _client().useActionContext)(),
+        setVisible = _useActionContext.setVisible;
+
+  return _react().default.createElement(_reactRouterDom().Link, {
+    to: `/admin/plugins/workflows/${id}`,
+    onClick: () => setVisible(false)
+  }, t('View'));
+};
+
+exports.WorkflowLink = WorkflowLink;

package/lib/client/WorkflowPage.d.ts

@@ -0,0 +1 @@
+export declare const WorkflowPage: () => JSX.Element;

package/lib/client/WorkflowPage.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkflowPage = void 0;
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _style = require("./style");
+
+var _WorkflowCanvas = require("./WorkflowCanvas");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const WorkflowPage = () => {
+  const _useRouteMatch = (0, _reactRouterDom().useRouteMatch)(),
+        params = _useRouteMatch.params;
+
+  return _react().default.createElement("div", {
+    className: (0, _css().cx)(_style.workflowPageClass)
+  }, _react().default.createElement(_client().SchemaComponent, {
+    schema: {
+      type: 'void',
+      properties: {
+        [`provider_${params.id}`]: {
+          type: 'void',
+          'x-decorator': 'ResourceActionProvider',
+          'x-decorator-props': {
+            collection: {
+              name: 'workflows',
+              fields: []
+            },
+            resourceName: 'workflows',
+            request: {
+              resource: 'workflows',
+              action: 'get',
+              params: {
+                filter: params,
+                appends: ['nodes', 'revisions.id', 'revisions.createdAt', 'revisions.current', 'revisions.executed']
+              }
+            }
+          },
+          'x-component': 'WorkflowCanvas'
+        }
+      }
+    },
+    components: {
+      WorkflowCanvas: _WorkflowCanvas.WorkflowCanvas
+    }
+  }));
+};
+
+exports.WorkflowPage = WorkflowPage;

package/lib/client/WorkflowProvider.d.ts

@@ -0,0 +1 @@
+export declare const WorkflowProvider: (props: any) => JSX.Element;