@nocobase/flow-engine
Version:
A standalone flow engine for NocoBase, managing workflows, models, and actions.
255 lines (253 loc) • 10.6 kB
JavaScript
/**
* This file is part of the NocoBase (R) project.
* Copyright (c) 2020-2024 NocoBase Co., Ltd.
* Authors: NocoBase Team.
*
* This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
* For more information, please refer to: https://www.nocobase.com/agreement.
*/
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var FlowModelRenderer_exports = {};
__export(FlowModelRenderer_exports, {
FlowModelRenderer: () => FlowModelRenderer,
MemoFlowModelRenderer: () => MemoFlowModelRenderer
});
module.exports = __toCommonJS(FlowModelRenderer_exports);
var import_reactive_react = require("@formily/reactive-react");
var import_antd = require("antd");
var import_lodash = __toESM(require("lodash"));
var import_react = __toESM(require("react"));
var import_react_error_boundary = require("react-error-boundary");
var import_hooks = require("../hooks");
var import_utils = require("../utils");
var import_FlowErrorFallback = require("./FlowErrorFallback");
var import_FlowsContextMenu = require("./settings/wrappers/contextual/FlowsContextMenu");
var import_FlowsFloatContextMenu = require("./settings/wrappers/contextual/FlowsFloatContextMenu");
const FlowModelRendererWithAutoFlows = (0, import_reactive_react.observer)(
({
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
inputArgs,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems,
fallback
}) => {
const { loading: pending, error: autoFlowsError } = (0, import_hooks.useApplyAutoFlows)(model, inputArgs, { throwOnError: false });
(0, import_utils.setAutoFlowError)(model, autoFlowsError || null);
if (pending) {
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fallback);
}
return /* @__PURE__ */ import_react.default.createElement(import_hooks.FlowModelProvider, { model }, /* @__PURE__ */ import_react.default.createElement(
FlowModelRendererCore,
{
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems
}
));
}
);
const FlowModelRendererWithoutAutoFlows = (0, import_reactive_react.observer)(
({
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems
}) => {
(0, import_utils.setAutoFlowError)(model, null);
return /* @__PURE__ */ import_react.default.createElement(import_hooks.FlowModelProvider, { model }, /* @__PURE__ */ import_react.default.createElement(
FlowModelRendererCore,
{
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems
}
));
}
);
const FlowModelRendererCore = (0, import_reactive_react.observer)(
({
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems
}) => {
const wrapWithErrorBoundary = /* @__PURE__ */ __name((children) => {
if (showErrorFallback) {
return /* @__PURE__ */ import_react.default.createElement(import_react_error_boundary.ErrorBoundary, { FallbackComponent: import_FlowErrorFallback.FlowErrorFallback }, children);
}
return children;
}, "wrapWithErrorBoundary");
const ContentOrError = /* @__PURE__ */ __name(() => {
const autoError = (0, import_utils.getAutoFlowError)(model);
if (autoError) {
throw autoError;
}
const rendered = model.render();
if (typeof rendered === "function") {
return import_react.default.createElement(rendered);
}
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, rendered);
}, "ContentOrError");
if (!showFlowSettings) {
return wrapWithErrorBoundary(/* @__PURE__ */ import_react.default.createElement(ContentOrError, null));
}
switch (flowSettingsVariant) {
case "dropdown":
return /* @__PURE__ */ import_react.default.createElement(
import_FlowsFloatContextMenu.FlowsFloatContextMenu,
{
showTitle,
model,
showDeleteButton: !hideRemoveInSettings,
showBackground: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.showBackground : void 0,
showBorder: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.showBorder : void 0,
showDragHandle: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.showDragHandle : void 0,
settingsMenuLevel,
extraToolbarItems,
toolbarStyle: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.style : void 0,
toolbarPosition: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.toolbarPosition : void 0
},
wrapWithErrorBoundary(/* @__PURE__ */ import_react.default.createElement(ContentOrError, null))
);
case "contextMenu":
return /* @__PURE__ */ import_react.default.createElement(import_FlowsContextMenu.FlowsContextMenu, { model, showDeleteButton: !hideRemoveInSettings }, wrapWithErrorBoundary(/* @__PURE__ */ import_react.default.createElement(ContentOrError, null)));
case "modal":
console.warn("FlowModelRenderer: modal variant is not implemented yet");
return wrapWithErrorBoundary(/* @__PURE__ */ import_react.default.createElement(ContentOrError, null));
case "drawer":
console.warn("FlowModelRenderer: drawer variant is not implemented yet");
return wrapWithErrorBoundary(/* @__PURE__ */ import_react.default.createElement(ContentOrError, null));
default:
console.warn(
`FlowModelRenderer: Unknown flowSettingsVariant '${flowSettingsVariant}', falling back to dropdown`
);
return /* @__PURE__ */ import_react.default.createElement(
import_FlowsFloatContextMenu.FlowsFloatContextMenu,
{
showTitle,
model,
showDeleteButton: !hideRemoveInSettings,
showBackground: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.showBackground : void 0,
showBorder: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.showBorder : void 0,
showDragHandle: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.showDragHandle : void 0,
settingsMenuLevel,
extraToolbarItems,
toolbarStyle: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.style : void 0,
toolbarPosition: import_lodash.default.isObject(showFlowSettings) ? showFlowSettings.toolbarPosition : void 0
},
wrapWithErrorBoundary(/* @__PURE__ */ import_react.default.createElement(ContentOrError, null))
);
}
},
{
displayName: "FlowModelRendererCore"
}
);
const FlowModelRenderer = (0, import_reactive_react.observer)(
({
model,
fallback = /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton.Button, { size: "small" }),
showFlowSettings = false,
flowSettingsVariant = "dropdown",
hideRemoveInSettings = false,
showTitle = false,
skipApplyAutoFlows = false,
inputArgs,
showErrorFallback = true,
settingsMenuLevel,
extraToolbarItems
}) => {
if (!model || typeof model.render !== "function") {
console.warn("FlowModelRenderer: Invalid model or render method not found.", model);
return null;
}
const content = skipApplyAutoFlows ? /* @__PURE__ */ import_react.default.createElement(
FlowModelRendererWithoutAutoFlows,
{
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems
}
) : /* @__PURE__ */ import_react.default.createElement(
FlowModelRendererWithAutoFlows,
{
model,
showFlowSettings,
flowSettingsVariant,
hideRemoveInSettings,
showTitle,
inputArgs,
showErrorFallback,
settingsMenuLevel,
extraToolbarItems,
fallback
}
);
if (showErrorFallback) {
return /* @__PURE__ */ import_react.default.createElement(import_hooks.FlowModelProvider, { model }, /* @__PURE__ */ import_react.default.createElement(import_react_error_boundary.ErrorBoundary, { FallbackComponent: import_FlowErrorFallback.FlowErrorFallback }, content));
}
return content;
}
);
const MemoFlowModelRenderer = import_react.default.memo(FlowModelRenderer);
MemoFlowModelRenderer.displayName = "MemoFlowModelRenderer";
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
FlowModelRenderer,
MemoFlowModelRenderer
});