@nocobase/plugin-workflow 0.8.0-alpha.8 → 0.8.1-alpha.3

package/lib/client/AddButton.js

@@ -61,6 +61,8 @@ var _nodes = require("./nodes");
 
 var _style = require("./style");
 
+var _locale = require("./locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -140,10 +142,13 @@ function AddButton({
 
   const groups = [{
     value: 'control',
-    name: '{{t("Control")}}'
+    name: `{{t("Control", { ns: "${_locale.NAMESPACE}" })}}`
   }, {
     value: 'collection',
-    name: '{{t("Collection operations")}}'
+    name: `{{t("Collection operations", { ns: "${_locale.NAMESPACE}" })}}`
+  }, {
+    value: 'extended',
+    name: `{{t("Extended types", { ns: "${_locale.NAMESPACE}" })}}`
   }];
   const instructionList = Array.from(_nodes.instructions.getValues());
   return _react().default.createElement("div", {
@@ -152,17 +157,20 @@ function AddButton({
     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)))))),
+    }, groups.map(group => {
+      const groupInstructions = instructionList.filter(item => item.group === group.value);
+      return groupInstructions.length ? _react().default.createElement(_antd().Menu.ItemGroup, {
+        key: group.value,
+        title: compile(group.name)
+      }, groupInstructions.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)))) : null;
+    })),
     disabled: workflow.executed
   }, _react().default.createElement(_antd().Button, {
     shape: "circle",

package/lib/client/ExecutionCanvas.js

@@ -35,16 +35,6 @@ function _css() {
   return data;
 }
 
-function _reactI18next() {
-  const data = require("react-i18next");
-
-  _reactI18next = function _reactI18next() {
-    return data;
-  };
-
-  return data;
-}
-
 function _reactRouterDom() {
   const data = require("react-router-dom");
 
@@ -85,6 +75,8 @@ var _Branch = require("./Branch");
 
 var _constants = require("./constants");
 
+var _locale = require("./locale");
+
 const _excluded = ["nodes", "revisions"],
       _excluded2 = ["jobs", "workflow"];
 
@@ -137,14 +129,10 @@ function makeNodes(nodes, jobs = []) {
 function ExecutionCanvas() {
   var _data$data2;
 
-  const _useTranslation = (0, _reactI18next().useTranslation)(),
-        t = _useTranslation.t;
-
   const compile = (0, _client().useCompile)();
 
   const _useResourceActionCon = (0, _client().useResourceActionContext)(),
         data = _useResourceActionCon.data,
-        refresh = _useResourceActionCon.refresh,
         loading = _useResourceActionCon.loading;
 
   const _useDocumentTitle = (0, _client().useDocumentTitle)(),
@@ -156,14 +144,14 @@ function ExecutionCanvas() {
     const _ref = (_data$data = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data !== void 0 ? _data$data : {},
           workflow = _ref.workflow;
 
-    setTitle(`${(workflow === null || workflow === void 0 ? void 0 : workflow.title) ? `${workflow.title} - ` : ''}${t('Execution history')}`);
+    setTitle === null || setTitle === void 0 ? void 0 : setTitle(`${(workflow === null || workflow === void 0 ? void 0 : workflow.title) ? `${workflow.title} - ` : ''}${(0, _locale.lang)('Execution history')}`);
   }, [data === null || data === void 0 ? void 0 : data.data]);
 
   if (!(data === null || data === void 0 ? void 0 : data.data)) {
     if (loading) {
-      return _react().default.createElement("div", null, t('Loading'));
+      return _react().default.createElement("div", null, (0, _locale.lang)('Loading'));
     } else {
-      return _react().default.createElement("div", null, t('Load failed'));
+      return _react().default.createElement("div", null, (0, _locale.lang)('Load failed'));
     }
   }
 
@@ -190,17 +178,15 @@ function ExecutionCanvas() {
     }
   }, _react().default.createElement("div", {
     className: "workflow-toolbar"
-  }, _react().default.createElement("header", null, _react().default.createElement("span", null, _react().default.createElement(_reactRouterDom().Link, {
+  }, _react().default.createElement("header", null, _react().default.createElement(_antd().Breadcrumb, null, _react().default.createElement(_antd().Breadcrumb.Item, null, _react().default.createElement(_reactRouterDom().Link, {
     to: `/admin/settings/workflow/workflows`
-  }, t('Workflow'))), _react().default.createElement("span", null, _react().default.createElement(_reactRouterDom().Link, {
+  }, (0, _locale.lang)('Workflow'))), _react().default.createElement(_antd().Breadcrumb.Item, null, _react().default.createElement(_reactRouterDom().Link, {
     to: `/admin/settings/workflow/workflows/${workflow.id}`
-  }, workflow.title)), _react().default.createElement("strong", null, `#${execution.id}`)), _react().default.createElement("aside", null, _react().default.createElement(_antd().Tag, {
+  }, workflow.title)), _react().default.createElement(_antd().Breadcrumb.Item, null, _react().default.createElement("strong", null, `#${execution.id}`)))), _react().default.createElement("aside", null, _react().default.createElement(_antd().Tag, {
     color: statusOption.color
   }, compile(statusOption.label)), _react().default.createElement("time", null, (0, _client2().str2moment)(execution.updatedAt).format('YYYY-MM-DD HH:mm:ss')))), _react().default.createElement("div", {
     className: "workflow-canvas"
-  }, _react().default.createElement(_triggers.TriggerConfig, {
-    workflow: workflow
-  }), _react().default.createElement("div", {
+  }, _react().default.createElement(_triggers.TriggerConfig, null), _react().default.createElement("div", {
     className: _style.branchBlockClass
   }, _react().default.createElement(_Branch.Branch, {
     entry: entry
@@ -210,5 +196,5 @@ function ExecutionCanvas() {
     className: (0, _css().cx)(_style.nodeMetaClass)
   }, _react().default.createElement(_antd().Tag, {
     color: "#333"
-  }, t('End'))))));
+  }, (0, _locale.lang)('End'))))));
 }

package/lib/client/ExecutionResourceProvider.d.ts

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

package/lib/client/ExecutionResourceProvider.js

@@ -25,7 +25,7 @@ function _client() {
   return data;
 }
 
-const _excluded = ["request"];
+const _excluded = ["request", "filter"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -43,6 +43,8 @@ const ExecutionResourceProvider = _ref => {
   var _request$params;
 
   let request = _ref.request,
+      _ref$filter = _ref.filter,
+      filter = _ref$filter === void 0 ? {} : _ref$filter,
       others = _objectWithoutProperties(_ref, _excluded);
 
   const workflow = (0, _client().useRecord)();
@@ -54,8 +56,7 @@ const ExecutionResourceProvider = _ref => {
           key: workflow.key
         })
       })
-    }),
-    workflow
+    })
   });
 
   return _react().default.createElement(_client().ResourceActionProvider, _objectSpread({}, props));

package/lib/client/FlowContext.js

@@ -20,7 +20,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const FlowContext = _react().default.createContext(null);
+const FlowContext = _react().default.createContext({});
 
 exports.FlowContext = FlowContext;
 

package/lib/client/WorkflowCanvas.js

@@ -55,20 +55,20 @@ function _css() {
   return data;
 }
 
-function _reactI18next() {
-  const data = require("react-i18next");
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
 
-  _reactI18next = function _reactI18next() {
+  _classnames = function _classnames() {
     return data;
   };
 
   return data;
 }
 
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
+function _reactI18next() {
+  const data = require("react-i18next");
 
-  _classnames = function _classnames() {
+  _reactI18next = function _reactI18next() {
     return data;
   };
 
@@ -93,7 +93,14 @@ var _triggers = require("./triggers");
 
 var _Branch = require("./Branch");
 
-const _excluded = ["nodes", "revisions"];
+var _executions = require("./schemas/executions");
+
+var _ExecutionLink = require("./ExecutionLink");
+
+var _locale = require("./locale");
+
+const _excluded = ["request", "filter"],
+      _excluded2 = ["nodes", "revisions"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -105,16 +112,54 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-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 _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 _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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 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; }
+
+function ExecutionResourceProvider(_ref) {
+  var _request$params;
+
+  let request = _ref.request,
+      _ref$filter = _ref.filter,
+      filter = _ref$filter === void 0 ? {} : _ref$filter,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const _useFlowContext = (0, _FlowContext.useFlowContext)(),
+        workflow = _useFlowContext.workflow;
+
+  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
+        })
+      })
+    })
+  });
+
+  return _react().default.createElement(_client().ResourceActionProvider, _objectSpread({}, props));
+}
+
 function makeNodes(nodes) {
   const nodesMap = new Map();
   nodes.forEach(item => nodesMap.set(item.id, item));
@@ -144,11 +189,11 @@ function makeNodes(nodes) {
 function WorkflowCanvas() {
   var _data$data2;
 
+  const history = (0, _reactRouterDom().useHistory)();
+
   const _useTranslation = (0, _reactI18next().useTranslation)(),
         t = _useTranslation.t;
 
-  const history = (0, _reactRouterDom().useHistory)();
-
   const _useResourceActionCon = (0, _client().useResourceActionContext)(),
         data = _useResourceActionCon.data,
         refresh = _useResourceActionCon.refresh,
@@ -161,25 +206,30 @@ function WorkflowCanvas() {
   const _useDocumentTitle = (0, _client().useDocumentTitle)(),
         setTitle = _useDocumentTitle.setTitle;
 
+  const _useState = (0, _react().useState)(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        visible = _useState2[0],
+        setVisible = _useState2[1];
+
   (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;
+    const _ref2 = (_data$data = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data !== void 0 ? _data$data : {},
+          title = _ref2.title;
 
-    setTitle(`${t('Workflow')}${title ? `: ${title}` : ''}`);
+    setTitle === null || setTitle === void 0 ? void 0 : setTitle(`${(0, _locale.lang)('Workflow')}${title ? `: ${title}` : ''}`);
   }, [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'));
+    return _react().default.createElement("div", null, (0, _locale.lang)('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);
+  const _ref3 = (_data$data2 = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data2 !== void 0 ? _data$data2 : {},
+        _ref3$nodes = _ref3.nodes,
+        nodes = _ref3$nodes === void 0 ? [] : _ref3$nodes,
+        _ref3$revisions = _ref3.revisions,
+        revisions = _ref3$revisions === void 0 ? [] : _ref3$revisions,
+        workflow = _objectWithoutProperties(_ref3, _excluded2);
 
   makeNodes(nodes);
   const entry = nodes.find(item => !item.upstream);
@@ -218,7 +268,10 @@ function WorkflowCanvas() {
   function _onRevision() {
     _onRevision = _asyncToGenerator(function* () {
       const _yield$resource$revis = yield resource.revision({
-        filterByTk: workflow[targetKey]
+        filterByTk: workflow[targetKey],
+        filter: {
+          key: workflow.key
+        }
       }),
             revision = _yield$resource$revis.data.data;
 
@@ -229,6 +282,30 @@ function WorkflowCanvas() {
     return _onRevision.apply(this, arguments);
   }
 
+  function onMenuCommand(_x2) {
+    return _onMenuCommand.apply(this, arguments);
+  }
+
+  function _onMenuCommand() {
+    _onMenuCommand = _asyncToGenerator(function* ({
+      key
+    }) {
+      switch (key) {
+        case 'history':
+          setVisible(true);
+          return;
+
+        case 'revision':
+          return onRevision();
+
+        default:
+          break;
+      }
+    });
+    return _onMenuCommand.apply(this, arguments);
+  }
+
+  const revisionable = workflow.executed && !revisions.find(item => !item.executed && new Date(item.createdAt) > new Date(workflow.createdAt));
   return _react().default.createElement(_FlowContext.FlowContext.Provider, {
     value: {
       workflow,
@@ -238,18 +315,18 @@ function WorkflowCanvas() {
     }
   }, _react().default.createElement("div", {
     className: "workflow-toolbar"
-  }, _react().default.createElement("header", null, _react().default.createElement("span", null, _react().default.createElement(_reactRouterDom().Link, {
+  }, _react().default.createElement("header", null, _react().default.createElement(_antd().Breadcrumb, null, _react().default.createElement(_antd().Breadcrumb.Item, null, _react().default.createElement(_reactRouterDom().Link, {
     to: `/admin/settings/workflow/workflows`
-  }, t('Workflow'))), _react().default.createElement("strong", null, workflow.title)), _react().default.createElement("aside", null, _react().default.createElement("div", {
+  }, (0, _locale.lang)('Workflow'))), _react().default.createElement(_antd().Breadcrumb.Item, 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, {
+  }, _react().default.createElement(_antd().Dropdown, {
     trigger: ['click'],
     overlay: _react().default.createElement(_antd().Menu, {
       onClick: onSwitchVersion,
-      defaultSelectedKeys: [workflow.id],
+      defaultSelectedKeys: [`${workflow.id}`],
       className: (0, _css().cx)(_style.workflowVersionDropdownClass)
     }, revisions.sort((a, b) => b.id - a.id).map((item, index) => _react().default.createElement(_antd().Menu.Item, {
-      key: item.id,
+      key: `${item.id}`,
       icon: item.current ? _react().default.createElement(_icons().RightOutlined, null) : null,
       className: (0, _classnames().default)({
         executed: item.executed,
@@ -258,19 +335,39 @@ function WorkflowCanvas() {
       })
     }, _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, {
+    type: "text"
+  }, _react().default.createElement("label", null, (0, _locale.lang)('Version')), _react().default.createElement("span", null, (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", {
+    checkedChildren: (0, _locale.lang)('On'),
+    unCheckedChildren: (0, _locale.lang)('Off')
+  }), _react().default.createElement(_antd().Dropdown, {
+    overlay: _react().default.createElement(_antd().Menu, {
+      onClick: onMenuCommand
+    }, _react().default.createElement(_antd().Menu.Item, {
+      key: "history",
+      disabled: !workflow.allExecuted
+    }, (0, _locale.lang)('Execution history')), _react().default.createElement(_antd().Menu.Item, {
+      key: "revision",
+      disabled: !revisionable
+    }, (0, _locale.lang)('Copy to new version')))
+  }, _react().default.createElement(_antd().Button, {
+    type: "text",
+    icon: _react().default.createElement(_icons().EllipsisOutlined, null)
+  })), _react().default.createElement(_client().ActionContext.Provider, {
+    value: {
+      visible,
+      setVisible
+    }
+  }, _react().default.createElement(_client().SchemaComponent, {
+    schema: _executions.executionSchema,
+    components: {
+      ExecutionResourceProvider,
+      ExecutionLink: _ExecutionLink.ExecutionLink
+    }
+  })))), _react().default.createElement("div", {
     className: "workflow-canvas"
-  }, _react().default.createElement(_triggers.TriggerConfig, {
-    workflow: workflow
-  }), _react().default.createElement("div", {
+  }, _react().default.createElement(_triggers.TriggerConfig, null), _react().default.createElement("div", {
     className: _style.branchBlockClass
   }, _react().default.createElement(_Branch.Branch, {
     entry: entry
@@ -280,5 +377,5 @@ function WorkflowCanvas() {
     className: (0, _css().cx)(_style.nodeMetaClass)
   }, _react().default.createElement(_antd().Tag, {
     color: "#333"
-  }, t('End'))))));
+  }, (0, _locale.lang)('End'))))));
 }

package/lib/client/WorkflowProvider.d.ts

@@ -1 +1,4 @@
+import React from 'react';
+export declare const WorkflowContext: React.Context<{}>;
+export declare function useWorkflowContext(): {};
 export declare const WorkflowProvider: (props: any) => JSX.Element;

package/lib/client/WorkflowProvider.js

@@ -3,36 +3,63 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WorkflowProvider = void 0;
+exports.WorkflowProvider = exports.WorkflowContext = void 0;
+exports.useWorkflowContext = useWorkflowContext;
 
-function _client() {
-  const data = require("@nocobase/client");
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
 
-  _client = function _client() {
+  _react = function _react() {
     return data;
   };
 
   return data;
 }
 
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
+function _antd() {
+  const data = require("antd");
 
-  _react = function _react() {
+  _antd = function _antd() {
     return data;
   };
 
   return data;
 }
 
-var _WorkflowPage = require("./WorkflowPage");
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
 
-var _WorkflowShortcut = require("./WorkflowShortcut");
+  return data;
+}
+
+var _WorkflowPage = require("./WorkflowPage");
 
 var _ExecutionPage = require("./ExecutionPage");
 
+var _triggers = require("./triggers");
+
+var _nodes = require("./nodes");
+
+var _locale = require("./locale");
+
+var _workflows = require("./schemas/workflows");
+
+var _WorkflowLink = require("./WorkflowLink");
+
+var _ExecutionResourceProvider = require("./ExecutionResourceProvider");
+
+var _ExecutionLink = require("./ExecutionLink");
+
+var _OpenDrawer = _interopRequireDefault(require("./components/OpenDrawer"));
+
 const _excluded = ["routes", "components"];
 
+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; }
@@ -47,6 +74,30 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 WorkflowContext = _react().default.createContext({});
+
+exports.WorkflowContext = WorkflowContext;
+
+function useWorkflowContext() {
+  return (0, _react().useContext)(WorkflowContext);
+}
+
+function WorkflowPane() {
+  return _react().default.createElement(_antd().Card, {
+    bordered: false
+  }, _react().default.createElement(_client().SchemaComponent, {
+    schema: _workflows.workflowSchema,
+    components: {
+      WorkflowLink: _WorkflowLink.WorkflowLink,
+      ExecutionResourceProvider: _ExecutionResourceProvider.ExecutionResourceProvider,
+      ExecutionLink: _ExecutionLink.ExecutionLink,
+      OpenDrawer: _OpenDrawer.default
+    }
+  }));
+}
+
+;
+
 const WorkflowProvider = props => {
   const ctx = (0, _react().useContext)(_client().PluginManagerContext);
 
@@ -68,20 +119,19 @@ const WorkflowProvider = props => {
     settings: {
       workflow: {
         icon: 'PartitionOutlined',
-        title: '{{t("Workflow")}}',
+        // title: `{{t("Workflow", { ns: "${NAMESPACE}" })}}`,
+        title: (0, _locale.lang)('Workflow'),
         tabs: {
           workflows: {
-            title: '{{t("Workflow")}}',
-            component: _WorkflowShortcut.WorkflowPane
+            title: (0, _locale.lang)('Workflow'),
+            component: WorkflowPane
           }
         }
       }
     }
   }, _react().default.createElement(_client().PluginManagerContext.Provider, {
     value: {
-      components: _objectSpread(_objectSpread({}, ctx === null || ctx === void 0 ? void 0 : ctx.components), {}, {
-        WorkflowShortcut: _WorkflowShortcut.WorkflowShortcut
-      })
+      components: _objectSpread({}, ctx === null || ctx === void 0 ? void 0 : ctx.components)
     }
   }, _react().default.createElement(_client().RouteSwitchContext.Provider, {
     value: _objectSpread(_objectSpread({
@@ -92,7 +142,12 @@ const WorkflowProvider = props => {
     }, others), {}, {
       routes
     })
-  }, props.children)));
+  }, _react().default.createElement(WorkflowContext.Provider, {
+    value: {
+      triggers: _triggers.triggers,
+      instructions: _nodes.instructions
+    }
+  }, props.children))));
 };
 
 exports.WorkflowProvider = WorkflowProvider;

package/lib/client/WorkflowShortcut.d.ts

@@ -1,2 +1 @@
-export declare const WorkflowPane: () => JSX.Element;
 export declare const WorkflowShortcut: () => JSX.Element;