@nocobase/flow-engine 2.0.0-alpha.2

package/lib/components/dnd/index.js

@@ -0,0 +1,164 @@
+/**
+ * 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 dnd_exports = {};
+__export(dnd_exports, {
+  DndProvider: () => DndProvider,
+  DragHandler: () => DragHandler,
+  Droppable: () => Droppable,
+  EMPTY_COLUMN_UID: () => EMPTY_COLUMN_UID
+});
+module.exports = __toCommonJS(dnd_exports);
+var import_icons = require("@ant-design/icons");
+var import_core = require("@dnd-kit/core");
+var import_react = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_provider = require("../../provider");
+__reExport(dnd_exports, require("./getMousePositionOnElement"), module.exports);
+__reExport(dnd_exports, require("./moveBlock"), module.exports);
+const EMPTY_COLUMN_UID = "EMPTY_COLUMN";
+const DragHandler = /* @__PURE__ */ __name(({
+  model,
+  children = /* @__PURE__ */ import_react.default.createElement(import_icons.DragOutlined, null)
+}) => {
+  const { attributes, listeners, setNodeRef, isDragging } = (0, import_core.useDraggable)({ id: model.uid });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      ref: setNodeRef,
+      ...listeners,
+      ...attributes,
+      style: {
+        cursor: "grab"
+      }
+    },
+    children
+  );
+}, "DragHandler");
+const Droppable = /* @__PURE__ */ __name(({ model, children }) => {
+  const { setNodeRef, isOver, active } = (0, import_core.useDroppable)({ id: model.uid });
+  const isActiveDroppable = (active == null ? void 0 : active.id) === model.uid;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: setNodeRef,
+      style: {
+        position: "relative",
+        opacity: isActiveDroppable ? 0.3 : 1,
+        outline: isActiveDroppable ? "2px solid var(--colorBorderSettingsHover)" : "none",
+        borderRadius: isActiveDroppable ? model.context.themeToken.borderRadiusLG : "none"
+      }
+    },
+    children,
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: isOver ? "var(--colorBgSettingsHover)" : "transparent",
+          pointerEvents: "none"
+        }
+      }
+    )
+  );
+}, "Droppable");
+const DndProvider = /* @__PURE__ */ __name(({
+  persist = true,
+  children,
+  onDragEnd,
+  ...restProps
+}) => {
+  const [activeId, setActiveId] = (0, import_react.useState)(null);
+  const flowEngine = (0, import_provider.useFlowEngine)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_core.DndContext,
+    {
+      onDragStart: (event) => {
+        var _a;
+        setActiveId(event.active.id);
+        (_a = restProps.onDragStart) == null ? void 0 : _a.call(restProps, event);
+      },
+      onDragEnd: (event) => {
+        setActiveId(null);
+        if (!onDragEnd) {
+          if (event.over) {
+            flowEngine.moveModel(event.active.id, event.over.id, { persist });
+          }
+        } else {
+          onDragEnd(event);
+        }
+      },
+      ...restProps
+    },
+    children,
+    (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ import_react.default.createElement(import_core.DragOverlay, { dropAnimation: null, zIndex: 2e3 }, activeId && /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            whiteSpace: "nowrap",
+            background: "#fff",
+            border: "1px solid #1890ff",
+            borderRadius: 4,
+            padding: "4px 12px",
+            color: "#1890ff",
+            // fontSize: 18,
+            boxShadow: "0 2px 8px rgba(0,0,0,0.15)"
+          }
+        },
+        flowEngine.translate("Dragging")
+      )),
+      document.body
+    )
+  );
+}, "DndProvider");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DndProvider,
+  DragHandler,
+  Droppable,
+  EMPTY_COLUMN_UID,
+  ...require("./getMousePositionOnElement"),
+  ...require("./moveBlock")
+});

package/lib/components/dnd/moveBlock.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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.
+ */
+import { ElementPosition } from './getMousePositionOnElement';
+type MoveDirection = 'insert-row-above' | 'insert-row-below' | 'insert-same-column-above' | 'insert-same-column-below' | 'insert-column-left' | 'insert-column-right';
+interface GridLayoutData {
+    rows: Record<string, string[][]>;
+    sizes: Record<string, number[]>;
+}
+export declare const findModelUidPosition: (uid: string, rows: Record<string, string[][]>) => {
+    rowId: string;
+    columnIndex: number;
+    itemIndex: number;
+};
+export declare const moveBlock: ({ sourceUid, targetUid, direction, layoutData, }: {
+    sourceUid: string;
+    targetUid: string;
+    direction: MoveDirection;
+    layoutData: GridLayoutData;
+}) => GridLayoutData;
+/**
+ * 将鼠标在元素上的位置转换为区块移动方向
+ *
+ * @param position 鼠标在元素上的位置
+ * @returns 对应的移动方向
+ */
+export declare const positionToDirection: (position: ElementPosition) => MoveDirection;
+export {};

package/lib/components/dnd/moveBlock.js

@@ -0,0 +1,302 @@
+/**
+ * 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 moveBlock_exports = {};
+__export(moveBlock_exports, {
+  findModelUidPosition: () => findModelUidPosition,
+  moveBlock: () => moveBlock,
+  positionToDirection: () => positionToDirection
+});
+module.exports = __toCommonJS(moveBlock_exports);
+var import_shared = require("@formily/shared");
+var import_lodash = __toESM(require("lodash"));
+var import_getMousePositionOnElement = require("./getMousePositionOnElement");
+const findModelUidPosition = /* @__PURE__ */ __name((uid2, rows) => {
+  let result = null;
+  for (const [rowId, columns] of Object.entries(rows)) {
+    for (let columnIndex = 0; columnIndex < columns.length; columnIndex++) {
+      const column = columns[columnIndex];
+      for (let itemIndex = 0; itemIndex < column.length; itemIndex++) {
+        if (column[itemIndex] === uid2) {
+          result = { rowId, columnIndex, itemIndex };
+        }
+      }
+    }
+  }
+  return result;
+}, "findModelUidPosition");
+const moveBlock = /* @__PURE__ */ __name(({
+  sourceUid,
+  targetUid,
+  direction,
+  layoutData
+}) => {
+  var _a;
+  const { rows, sizes } = layoutData;
+  const newSizes = import_lodash.default.cloneDeep(sizes);
+  let newRows = import_lodash.default.cloneDeep(rows);
+  let sourcePosition = null;
+  let targetPosition = null;
+  for (const [rowId, columns] of Object.entries(newRows)) {
+    for (let columnIndex = 0; columnIndex < columns.length; columnIndex++) {
+      const column = columns[columnIndex];
+      for (let itemIndex = 0; itemIndex < column.length; itemIndex++) {
+        if (column[itemIndex] === sourceUid) {
+          sourcePosition = { rowId, columnIndex, itemIndex };
+        }
+        if (column[itemIndex] === targetUid) {
+          targetPosition = { rowId, columnIndex, itemIndex };
+        }
+      }
+    }
+  }
+  if (!sourcePosition || !targetPosition) {
+    return layoutData;
+  }
+  const removeOldSourceUid = /* @__PURE__ */ __name(() => {
+    var _a2, _b;
+    newRows[sourcePosition.rowId][sourcePosition.columnIndex].splice(sourcePosition.itemIndex, 1);
+    if (newRows[sourcePosition.rowId][sourcePosition.columnIndex].length === 0) {
+      (_a2 = newRows[sourcePosition.rowId]) == null ? void 0 : _a2.splice(sourcePosition.columnIndex, 1);
+      (_b = newSizes[sourcePosition.rowId]) == null ? void 0 : _b.splice(sourcePosition.columnIndex, 1);
+    }
+    if (newRows[sourcePosition.rowId].length === 0) {
+      delete newRows[sourcePosition.rowId];
+      delete newSizes[sourcePosition.rowId];
+    }
+    for (const [rowId, columns] of Object.entries(newRows)) {
+      for (let columnIndex = 0; columnIndex < columns.length; columnIndex++) {
+        const column = columns[columnIndex];
+        for (let itemIndex = 0; itemIndex < column.length; itemIndex++) {
+          if (column[itemIndex] === sourceUid) {
+            sourcePosition = { rowId, columnIndex, itemIndex };
+          }
+          if (column[itemIndex] === targetUid) {
+            targetPosition = { rowId, columnIndex, itemIndex };
+          }
+        }
+      }
+    }
+  }, "removeOldSourceUid");
+  switch (direction) {
+    case "insert-row-above": {
+      if (targetPosition.itemIndex > 0) {
+        return layoutData;
+      }
+      removeOldSourceUid();
+      const newRowId = (0, import_shared.uid)();
+      newRows = insertKey({
+        obj: newRows,
+        newKey: newRowId,
+        newValue: [[sourceUid]],
+        referenceKey: targetPosition.rowId,
+        position: "before"
+      });
+      newSizes[newRowId] = [24];
+      break;
+    }
+    case "insert-row-below": {
+      const nextRowKey = getNextKey(newRows, targetPosition.rowId);
+      if (nextRowKey === sourcePosition.rowId && newRows[nextRowKey].length === 1) {
+        return layoutData;
+      }
+      removeOldSourceUid();
+      const newRowId = (0, import_shared.uid)();
+      newRows = insertKey({
+        obj: newRows,
+        newKey: newRowId,
+        newValue: [[sourceUid]],
+        referenceKey: targetPosition.rowId,
+        position: "after"
+      });
+      newSizes[newRowId] = [24];
+      break;
+    }
+    case "insert-same-column-above": {
+      removeOldSourceUid();
+      const column = newRows[targetPosition.rowId][targetPosition.columnIndex];
+      if (column[targetPosition.itemIndex - 1] === sourceUid) {
+        return layoutData;
+      }
+      column.splice(targetPosition.itemIndex, 0, sourceUid);
+      break;
+    }
+    case "insert-same-column-below": {
+      removeOldSourceUid();
+      const column = newRows[targetPosition.rowId][targetPosition.columnIndex];
+      if (column[targetPosition.itemIndex + 1] === sourceUid) {
+        return layoutData;
+      }
+      column.splice(targetPosition.itemIndex + 1, 0, sourceUid);
+      break;
+    }
+    case "insert-column-left": {
+      removeOldSourceUid();
+      newRows[targetPosition.rowId].splice(targetPosition.columnIndex, 0, [sourceUid]);
+      const currentSizes = newSizes[targetPosition.rowId] || [];
+      const columnCount = newRows[targetPosition.rowId].length || 0;
+      const newColumnWidth = Math.floor(24 / columnCount);
+      const remainingWidth = 24 - newColumnWidth;
+      const totalOldWidth = currentSizes.reduce((sum, size) => sum + size, 0);
+      const adjustedSizes = currentSizes.map((size) => Math.floor(size / totalOldWidth * remainingWidth));
+      adjustedSizes.splice(targetPosition.columnIndex, 0, newColumnWidth);
+      const totalNewWidth = adjustedSizes.reduce((sum, size) => sum + size, 0);
+      if (totalNewWidth < 24) {
+        adjustedSizes[adjustedSizes.length - 1] += 24 - totalNewWidth;
+      }
+      newSizes[targetPosition.rowId] = adjustedSizes;
+      break;
+    }
+    case "insert-column-right": {
+      removeOldSourceUid();
+      newRows[targetPosition.rowId].splice(targetPosition.columnIndex + 1, 0, [sourceUid]);
+      const currentSizes = newSizes[targetPosition.rowId] || [];
+      const columnCount = ((_a = newRows[targetPosition.rowId]) == null ? void 0 : _a.length) || 0;
+      const newColumnWidth = Math.floor(24 / columnCount);
+      const remainingWidth = 24 - newColumnWidth;
+      const totalOldWidth = currentSizes.reduce((sum, size) => sum + size, 0);
+      const adjustedSizes = currentSizes.map((size) => Math.floor(size / totalOldWidth * remainingWidth));
+      adjustedSizes.splice(targetPosition.columnIndex + 1, 0, newColumnWidth);
+      const totalNewWidth = adjustedSizes.reduce((sum, size) => sum + size, 0);
+      if (totalNewWidth < 24) {
+        adjustedSizes[adjustedSizes.length - 1] += 24 - totalNewWidth;
+      }
+      newSizes[targetPosition.rowId] = adjustedSizes;
+      break;
+    }
+  }
+  return recalculateAllRowSizesWithProportion({ rows: newRows, sizes: newSizes });
+}, "moveBlock");
+const positionToDirection = /* @__PURE__ */ __name((position) => {
+  switch (position) {
+    case import_getMousePositionOnElement.ElementPosition.TOP:
+      return "insert-same-column-above";
+    case import_getMousePositionOnElement.ElementPosition.BOTTOM:
+      return "insert-same-column-below";
+    case import_getMousePositionOnElement.ElementPosition.LEFT:
+      return "insert-column-left";
+    case import_getMousePositionOnElement.ElementPosition.RIGHT:
+      return "insert-column-right";
+    case import_getMousePositionOnElement.ElementPosition.TOP_EDGE:
+      return "insert-row-above";
+    case import_getMousePositionOnElement.ElementPosition.BOTTOM_EDGE:
+      return "insert-row-below";
+    case import_getMousePositionOnElement.ElementPosition.LEFT_EDGE:
+      return "insert-column-left";
+    case import_getMousePositionOnElement.ElementPosition.RIGHT_EDGE:
+      return "insert-column-right";
+    default:
+      throw new Error(`Unsupported position: ${position}`);
+  }
+}, "positionToDirection");
+function insertKey({
+  obj,
+  newKey,
+  newValue,
+  referenceKey,
+  position
+}) {
+  const result = {};
+  for (const [key, value] of Object.entries(obj)) {
+    if (position === "before" && key === referenceKey) {
+      result[newKey] = newValue;
+    }
+    result[key] = value;
+    if (position === "after" && key === referenceKey) {
+      result[newKey] = newValue;
+    }
+  }
+  return result;
+}
+__name(insertKey, "insertKey");
+function getNextKey(obj, currentKey) {
+  const keys = Object.keys(obj);
+  const index = keys.indexOf(currentKey);
+  return index >= 0 && index < keys.length - 1 ? keys[index + 1] : null;
+}
+__name(getNextKey, "getNextKey");
+function recalculateAllRowSizesWithProportion(layoutData) {
+  const { rows, sizes } = layoutData;
+  const newSizes = import_lodash.default.cloneDeep(sizes);
+  for (const [rowId, columns] of Object.entries(rows)) {
+    const columnCount = columns.length;
+    const currentSizes = sizes[rowId] || [];
+    if (columnCount === 0) {
+      continue;
+    }
+    if (currentSizes.length !== columnCount || currentSizes.every((size) => size === 0)) {
+      const baseWidth = Math.floor(24 / columnCount);
+      const remainder = 24 % columnCount;
+      const newRowSizes = new Array(columnCount).fill(baseWidth);
+      for (let i = 0; i < remainder; i++) {
+        newRowSizes[i] += 1;
+      }
+      newSizes[rowId] = newRowSizes;
+      continue;
+    }
+    const currentTotal = currentSizes.reduce((sum, size) => sum + size, 0);
+    if (currentTotal === 0) {
+      const baseWidth = Math.floor(24 / columnCount);
+      const remainder = 24 % columnCount;
+      const newRowSizes = new Array(columnCount).fill(baseWidth);
+      for (let i = 0; i < remainder; i++) {
+        newRowSizes[i] += 1;
+      }
+      newSizes[rowId] = newRowSizes;
+    } else {
+      const newRowSizes = currentSizes.map((size) => Math.floor(size / currentTotal * 24));
+      const actualTotal = newRowSizes.reduce((sum, size) => sum + size, 0);
+      const diff = 24 - actualTotal;
+      for (let i = newRowSizes.length - 1; i >= 0 && diff > 0; i--) {
+        const add = Math.min(diff, 1);
+        newRowSizes[i] += add;
+      }
+      newSizes[rowId] = newRowSizes;
+    }
+  }
+  return {
+    rows,
+    sizes: newSizes
+  };
+}
+__name(recalculateAllRowSizesWithProportion, "recalculateAllRowSizesWithProportion");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findModelUidPosition,
+  moveBlock,
+  positionToDirection
+});

package/lib/components/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+export * from './common/FlowSettingsButton';
+export * from './dnd';
+export * from './FieldModelRenderer';
+export * from './FlowContextSelector';
+export * from './FlowErrorFallback';
+export * from './FlowModelRenderer';
+export * from './FormItem';
+export * from './settings';
+export * from './subModel';
+export * from './variables';

package/lib/components/index.js

@@ -0,0 +1,48 @@
+/**
+ * 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 __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./common/FlowSettingsButton"), module.exports);
+__reExport(components_exports, require("./dnd"), module.exports);
+__reExport(components_exports, require("./FieldModelRenderer"), module.exports);
+__reExport(components_exports, require("./FlowContextSelector"), module.exports);
+__reExport(components_exports, require("./FlowErrorFallback"), module.exports);
+__reExport(components_exports, require("./FlowModelRenderer"), module.exports);
+__reExport(components_exports, require("./FormItem"), module.exports);
+__reExport(components_exports, require("./settings"), module.exports);
+__reExport(components_exports, require("./subModel"), module.exports);
+__reExport(components_exports, require("./variables"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./common/FlowSettingsButton"),
+  ...require("./dnd"),
+  ...require("./FieldModelRenderer"),
+  ...require("./FlowContextSelector"),
+  ...require("./FlowErrorFallback"),
+  ...require("./FlowModelRenderer"),
+  ...require("./FormItem"),
+  ...require("./settings"),
+  ...require("./subModel"),
+  ...require("./variables")
+});

package/lib/components/settings/independents/dropdown/FlowsDropdownButton.d.ts

@@ -0,0 +1,46 @@
+/**
+ * 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.
+ */
+import React from 'react';
+import { FlowModel } from '../../../../models';
+interface ModelProvidedProps {
+    model: FlowModel;
+    text?: string;
+    icon?: React.ReactNode;
+    size?: 'small' | 'middle' | 'large';
+    type?: 'default' | 'primary' | 'dashed' | 'link' | 'text';
+    disabled?: boolean;
+    showDropdownIcon?: boolean;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+    className?: string;
+}
+interface ModelByIdProps {
+    uid: string;
+    modelClassName: string;
+    text?: string;
+    icon?: React.ReactNode;
+    size?: 'small' | 'middle' | 'large';
+    type?: 'default' | 'primary' | 'dashed' | 'link' | 'text';
+    disabled?: boolean;
+    showDropdownIcon?: boolean;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+    className?: string;
+}
+type FlowsDropdownButtonProps = ModelProvidedProps | ModelByIdProps;
+/**
+ * 可自定义的下拉菜单触发按钮组件
+ * 支持两种使用方式：
+ * 1. 直接提供model: <FlowsDropdownButton model={myModel} />
+ * 2. 通过uid和modelClassName获取model: <FlowsDropdownButton uid="model1" modelClassName="MyModel" />
+ *
+ * 菜单结构：按flow分组显示steps
+ */
+export declare const FlowsDropdownButton: React.FC<FlowsDropdownButtonProps>;
+export {};