@nocobase/flow-engine 2.0.0-alpha.9 → 2.0.0-beta.2

package/lib/components/settings/wrappers/contextual/DefaultSettingsIcon.js

@@ -46,6 +46,52 @@ var import_react = __toESM(require("react"));
 var import_models = require("../../../../models");
 var import_utils = require("../../../../utils");
 var import_hooks = require("../../../../hooks");
+var import_SwitchWithTitle = require("../component/SwitchWithTitle");
+var import_SelectWithTitle = require("../component/SelectWithTitle");
+const walkSubModels = /* @__PURE__ */ __name((rootModel, options, cb) => {
+  const maxDepth = options.maxDepth;
+  const arrayLimit = typeof options.arrayLimit === "number" ? options.arrayLimit : Number.POSITIVE_INFINITY;
+  const mode = options.mode ?? "stack";
+  const visited = /* @__PURE__ */ new Set();
+  const stackIds = /* @__PURE__ */ new Set();
+  const walk = /* @__PURE__ */ __name((model, depth, modelKey) => {
+    if (!model || depth > maxDepth) return;
+    const run = /* @__PURE__ */ __name(() => {
+      cb(model, { depth, modelKey });
+      if (depth >= maxDepth) return;
+      Object.entries(model.subModels || {}).forEach(([subKey, subModelValue]) => {
+        if (Array.isArray(subModelValue)) {
+          const limit = Number.isFinite(arrayLimit) ? Math.min(subModelValue.length, arrayLimit) : subModelValue.length;
+          for (let index = 0; index < limit; index++) {
+            const subModel = subModelValue[index];
+            if (subModel instanceof import_models.FlowModel) {
+              walk(subModel, depth + 1, `${subKey}[${index}]`);
+            }
+          }
+          return;
+        }
+        if (subModelValue instanceof import_models.FlowModel) {
+          walk(subModelValue, depth + 1, subKey);
+        }
+      });
+    }, "run");
+    if (mode === "visited") {
+      if (visited.has(model)) return;
+      visited.add(model);
+      run();
+      return;
+    }
+    const modelId = model.uid || `temp-${Date.now()}`;
+    if (stackIds.has(modelId)) return;
+    stackIds.add(modelId);
+    try {
+      run();
+    } finally {
+      stackIds.delete(modelId);
+    }
+  }, "walk");
+  walk(rootModel, 1);
+}, "walkSubModels");
 const findSubModelByKey = /* @__PURE__ */ __name((model, subModelKey) => {
   var _a;
   if (!model || !subModelKey || typeof subModelKey !== "string") {
@@ -82,6 +128,18 @@ const findSubModelByKey = /* @__PURE__ */ __name((model, subModelKey) => {
     return subModel instanceof import_models.FlowModel ? subModel : null;
   }
 }, "findSubModelByKey");
+const componentMap = {
+  switch: import_SwitchWithTitle.SwitchWithTitle,
+  select: import_SelectWithTitle.SelectWithTitle
+};
+const MenuLabelItem = /* @__PURE__ */ __name(({ title, uiMode, itemProps }) => {
+  const type = (uiMode == null ? void 0 : uiMode.type) || uiMode;
+  const Component = type ? componentMap[type] : null;
+  if (!Component) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(Component, { title, ...itemProps });
+}, "MenuLabelItem");
 const DefaultSettingsIcon = /* @__PURE__ */ __name(({
   model,
   showDeleteButton = true,
@@ -91,8 +149,10 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
   flattenSubMenus = true
 }) => {
   const { message } = import_antd.App.useApp();
-  const t = (0, import_utils.getT)(model);
+  const t = (0, import_react.useMemo)(() => (0, import_utils.getT)(model), [model]);
   const [visible, setVisible] = (0, import_react.useState)(false);
+  const [refreshTick, setRefreshTick] = (0, import_react.useState)(0);
+  const [extraMenuItems, setExtraMenuItems] = (0, import_react.useState)([]);
   const handleOpenChange = (0, import_react.useCallback)((nextOpen, info) => {
     if (info.source === "trigger" || nextOpen) {
       (0, import_react.startTransition)(() => {
@@ -101,14 +161,66 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
     }
   }, []);
   const dropdownMaxHeight = (0, import_hooks.useNiceDropdownMaxHeight)([visible]);
+  (0, import_react.useEffect)(() => {
+    let mounted = true;
+    const loadExtras = /* @__PURE__ */ __name(async () => {
+      var _a;
+      const allExtras = [];
+      const modelsToProcess = [];
+      walkSubModels(model, { maxDepth: menuLevels, arrayLimit: 50, mode: "stack" }, (targetModel, { modelKey }) => {
+        modelsToProcess.push({ model: targetModel, modelKey });
+      });
+      for (const { model: targetModel, modelKey } of modelsToProcess) {
+        const Cls = targetModel.constructor;
+        const extras = await ((_a = Cls.getExtraMenuItems) == null ? void 0 : _a.call(Cls, targetModel, t));
+        if (extras == null ? void 0 : extras.length) {
+          allExtras.push(
+            ...extras.map((item) => ({
+              ...item,
+              key: modelKey ? `${modelKey}:${item.key}` : item.key
+            }))
+          );
+        }
+      }
+      if (mounted) {
+        const seen = /* @__PURE__ */ new Set();
+        const dedupedExtras = allExtras.filter((item) => {
+          if (seen.has(`${item.key}`)) {
+            return false;
+          }
+          seen.add(`${item.key}`);
+          return true;
+        });
+        setExtraMenuItems(dedupedExtras);
+      }
+    }, "loadExtras");
+    if (visible) {
+      loadExtras();
+    }
+    return () => {
+      mounted = false;
+    };
+  }, [model, menuLevels, t, refreshTick, visible, message]);
   const copyUidToClipboard = (0, import_react.useCallback)(
     async (uid) => {
+      var _a;
       try {
         await navigator.clipboard.writeText(uid);
         message.success(t("UID copied to clipboard"));
       } catch (error) {
         console.error(t("Copy failed"), ":", error);
-        message.error(t("Copy failed, please copy [{{uid}}] manually.", { uid }));
+        const isHttps = typeof window !== "undefined" && ((_a = window.location) == null ? void 0 : _a.protocol) === "https:";
+        if (!isHttps) {
+          message.error(
+            t(
+              "Copy failed under HTTP. Clipboard API is unavailable on non-HTTPS pages. Please copy [{{uid}}] manually.",
+              { uid }
+            )
+          );
+          return;
+        } else {
+          message.error(t("Copy failed, please copy [{{uid}}] manually.", { uid }));
+        }
       }
     },
     [message, t]
@@ -194,11 +306,17 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
   );
   const handleMenuClick = (0, import_react.useCallback)(
     ({ key }) => {
+      const originalKey = key;
       const cleanKey = key.includes("-") && /^(.+)-\d+$/.test(key) ? key.replace(/-\d+$/, "") : key;
       if (cleanKey.startsWith("copy-pop-uid:")) {
         handleCopyPopupUid(cleanKey);
         return;
       }
+      const extra = extraMenuItems.find((it) => (it == null ? void 0 : it.key) === originalKey || (it == null ? void 0 : it.key) === cleanKey);
+      if (extra == null ? void 0 : extra.onClick) {
+        extra.onClick();
+        return;
+      }
       switch (cleanKey) {
         case "copy-uid":
           handleCopyUid();
@@ -211,41 +329,47 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
           break;
       }
     },
-    [handleCopyUid, handleDelete, handleStepConfiguration, handleCopyPopupUid]
+    [handleCopyUid, handleDelete, handleStepConfiguration, handleCopyPopupUid, extraMenuItems]
   );
   const getModelConfigurableFlowsAndSteps = (0, import_react.useCallback)(
     async (targetModel, modelKey) => {
       try {
-        const flows = targetModel.getFlows();
+        const flowsMap = new Map(targetModel.constructor.globalFlowRegistry.getFlows());
+        const flows = flowsMap;
         const flowsArray = Array.from(flows.values());
         const flowsWithSteps = await Promise.all(
           flowsArray.map(async (flow) => {
             const configurableSteps = await Promise.all(
               Object.entries(flow.steps).map(async ([stepKey, stepDefinition]) => {
-                var _a, _b;
+                var _a;
                 const actionStep = stepDefinition;
-                if (actionStep.hideInSettings) {
+                let step = actionStep;
+                if (await (0, import_utils.shouldHideStepInSettings)(targetModel, flow, actionStep)) {
                   return null;
                 }
+                let uiMode = await (0, import_utils.resolveUiMode)(actionStep.uiMode, targetModel.context);
                 const hasStepUiSchema = actionStep.uiSchema != null;
                 let hasActionUiSchema = false;
                 let stepTitle = actionStep.title;
                 if (actionStep.use) {
                   try {
-                    const action = (_b = (_a = targetModel.flowEngine) == null ? void 0 : _a.getAction) == null ? void 0 : _b.call(_a, actionStep.use);
+                    const action = (_a = targetModel.getAction) == null ? void 0 : _a.call(targetModel, actionStep.use);
+                    step = { ...action || {}, ...actionStep };
+                    uiMode = await (0, import_utils.resolveUiMode)((action == null ? void 0 : action.uiMode) || uiMode, targetModel.context);
                     hasActionUiSchema = action && action.uiSchema != null;
-                    stepTitle = stepTitle || action.title;
+                    stepTitle = stepTitle || (action == null ? void 0 : action.title);
                   } catch (error) {
                     console.warn(t("Failed to get action {{action}}", { action: actionStep.use }), ":", error);
                   }
                 }
-                if (!hasStepUiSchema && !hasActionUiSchema) {
+                const selectOrSwitchMode = ["select", "switch"].includes((uiMode == null ? void 0 : uiMode.type) || uiMode);
+                if (!selectOrSwitchMode && !hasStepUiSchema && !hasActionUiSchema) {
                   return null;
                 }
                 let mergedUiSchema = {};
                 try {
                   const resolvedSchema = await (0, import_utils.resolveStepUiSchema)(targetModel, flow, actionStep);
-                  if (!resolvedSchema) {
+                  if (!resolvedSchema && !selectOrSwitchMode) {
                     return null;
                   }
                   mergedUiSchema = resolvedSchema;
@@ -255,11 +379,12 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                 }
                 return {
                   stepKey,
-                  step: actionStep,
+                  step,
                   uiSchema: mergedUiSchema,
                   title: t(stepTitle) || stepKey,
-                  modelKey
+                  modelKey,
                   // 添加模型标识
+                  uiMode
                 };
               })
             ).then((steps) => steps.filter(Boolean));
@@ -280,61 +405,41 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
   );
   const getConfigurableFlowsAndSteps = (0, import_react.useCallback)(async () => {
     const result = [];
-    const processedModels = /* @__PURE__ */ new Set();
-    const processModel = /* @__PURE__ */ __name(async (targetModel, depth, modelKey) => {
-      if (depth > menuLevels) {
-        return;
-      }
-      const modelId = targetModel.uid || `temp-${Date.now()}`;
-      if (processedModels.has(modelId)) {
-        return;
-      }
-      processedModels.add(modelId);
-      try {
-        const modelFlows = await getModelConfigurableFlowsAndSteps(targetModel, modelKey);
-        result.push(...modelFlows);
-        if (depth < menuLevels && targetModel.subModels) {
-          await Promise.all(
-            Object.entries(targetModel.subModels).map(async ([subKey, subModelValue]) => {
-              if (Array.isArray(subModelValue)) {
-                await Promise.all(
-                  subModelValue.map(async (subModel, index) => {
-                    if (subModel instanceof import_models.FlowModel && index < 50) {
-                      await processModel(subModel, depth + 1, `${subKey}[${index}]`);
-                    }
-                  })
-                );
-              } else if (subModelValue instanceof import_models.FlowModel) {
-                await processModel(subModelValue, depth + 1, subKey);
-              }
-            })
-          );
-        }
-      } finally {
-        processedModels.delete(modelId);
-      }
-    }, "processModel");
-    await processModel(model, 1);
+    const modelsToProcess = [];
+    walkSubModels(model, { maxDepth: menuLevels, arrayLimit: 50, mode: "stack" }, (targetModel, { modelKey }) => {
+      modelsToProcess.push({ model: targetModel, modelKey });
+    });
+    for (const { model: targetModel, modelKey } of modelsToProcess) {
+      const modelFlows = await getModelConfigurableFlowsAndSteps(targetModel, modelKey);
+      result.push(...modelFlows);
+    }
     return result;
   }, [model, menuLevels, getModelConfigurableFlowsAndSteps]);
   const [configurableFlowsAndSteps, setConfigurableFlowsAndSteps] = (0, import_react.useState)([]);
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
-  const [refreshTick, setRefreshTick] = (0, import_react.useState)(0);
   (0, import_react.useEffect)(() => {
-    const triggerRebuild = /* @__PURE__ */ __name(() => setRefreshTick((v) => v + 1), "triggerRebuild");
-    if (model == null ? void 0 : model.emitter) {
-      model.emitter.on("onSubModelAdded", triggerRebuild);
-      model.emitter.on("onSubModelRemoved", triggerRebuild);
-      model.emitter.on("onSubModelReplaced", triggerRebuild);
-    }
-    return () => {
-      if (model == null ? void 0 : model.emitter) {
-        model.emitter.off("onSubModelAdded", triggerRebuild);
-        model.emitter.off("onSubModelRemoved", triggerRebuild);
-        model.emitter.off("onSubModelReplaced", triggerRebuild);
+    const triggerRebuild = /* @__PURE__ */ __name(() => {
+      setRefreshTick((v) => v + 1);
+    }, "triggerRebuild");
+    const cleanups = [];
+    walkSubModels(model, { maxDepth: menuLevels, mode: "visited" }, (targetModel, { depth }) => {
+      const eventNames = ["onStepParamsChanged"];
+      if (depth === 1) {
+        eventNames.push("onSubModelAdded", "onSubModelRemoved", "onSubModelReplaced");
       }
+      eventNames.forEach((eventName) => {
+        var _a;
+        (_a = targetModel.emitter) == null ? void 0 : _a.on(eventName, triggerRebuild);
+        cleanups.push(() => {
+          var _a2;
+          return (_a2 = targetModel.emitter) == null ? void 0 : _a2.off(eventName, triggerRebuild);
+        });
+      });
+    });
+    return () => {
+      cleanups.forEach((dispose) => dispose());
     };
-  }, [model]);
+  }, [model, menuLevels, refreshTick]);
   (0, import_react.useEffect)(() => {
     const loadConfigurableFlowsAndSteps = /* @__PURE__ */ __name(async () => {
       setIsLoading(true);
@@ -362,26 +467,60 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
       if (flattenSubMenus) {
         configurableFlowsAndSteps.forEach(({ flow, steps, modelKey }) => {
           const groupKey = generateUniqueKey(`flow-group-${modelKey ? `${modelKey}-` : ""}${flow.key}`);
-          items.push({
-            key: groupKey,
-            label: t(flow.title) || flow.key,
-            type: "group"
-          });
+          if (flow.options.divider === "top") {
+            items.push({
+              type: "divider"
+            });
+          }
+          if (flow.options.enableTitle) {
+            items.push({
+              key: groupKey,
+              label: t(flow.title) || flow.key,
+              type: "group"
+            });
+          }
           steps.forEach((stepInfo) => {
             const baseMenuKey = modelKey ? `${modelKey}:${flow.key}:${stepInfo.stepKey}` : `${flow.key}:${stepInfo.stepKey}`;
             const uniqueKey = generateUniqueKey(baseMenuKey);
+            const uiMode = stepInfo.uiMode;
+            const subModel = stepInfo.modelKey ? findSubModelByKey(model, stepInfo.modelKey) : null;
+            const targetModel = subModel || model;
+            const stepParams = targetModel.getStepParams(flow.key, stepInfo.stepKey) || {};
+            const itemProps = {
+              getDefaultValue: /* @__PURE__ */ __name(async () => {
+                var _a;
+                let defaultParams = await (0, import_utils.resolveDefaultParams)(stepInfo.step.defaultParams, targetModel.context);
+                if (stepInfo.step.use) {
+                  const action = (_a = targetModel.getAction) == null ? void 0 : _a.call(targetModel, stepInfo.step.use);
+                  defaultParams = await (0, import_utils.resolveDefaultParams)(action.defaultParams, targetModel.context);
+                }
+                return { ...defaultParams, ...stepParams };
+              }, "getDefaultValue"),
+              onChange: /* @__PURE__ */ __name(async (val) => {
+                var _a;
+                targetModel.setStepParams(flow.key, stepInfo.stepKey, val);
+                if (typeof stepInfo.step.beforeParamsSave === "function") {
+                  await stepInfo.step.beforeParamsSave(targetModel.context, val, stepParams);
+                }
+                await targetModel.saveStepParams();
+                (_a = message == null ? void 0 : message.success) == null ? void 0 : _a.call(message, t("Configuration saved"));
+                if (typeof stepInfo.step.afterParamsSave === "function") {
+                  await stepInfo.step.afterParamsSave(targetModel.context, val, stepParams);
+                }
+              }, "onChange"),
+              ...(uiMode == null ? void 0 : uiMode.props) || {},
+              itemKey: uiMode == null ? void 0 : uiMode.key
+            };
             items.push({
               key: uniqueKey,
-              label: t(stepInfo.title)
+              label: /* @__PURE__ */ import_react.default.createElement(MenuLabelItem, { title: t(stepInfo.title), uiMode, itemProps })
             });
-            if (flow.key === "popupSettings") {
-              const copyKey = generateUniqueKey(`copy-pop-uid:${baseMenuKey}`);
-              items.push({
-                key: copyKey,
-                label: t("Copy popup UID")
-              });
-            }
           });
+          if (flow.options.divider === "bottom") {
+            items.push({
+              type: "divider"
+            });
+          }
         });
       } else {
         const modelGroups = /* @__PURE__ */ new Map();
@@ -410,13 +549,6 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                   key: uniqueKey,
                   label: t(stepInfo.title)
                 });
-                if (flow.key === "popupSettings") {
-                  const copyKey = generateUniqueKey(`copy-pop-uid:${flow.key}:${stepInfo.stepKey}`);
-                  items.push({
-                    key: copyKey,
-                    label: t("Copy popup UID")
-                  });
-                }
               });
             });
           } else {
@@ -429,13 +561,6 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                   key: uniqueKey,
                   label: t(stepInfo.title)
                 });
-                if (flow.key === "popupSettings") {
-                  const copyKey = generateUniqueKey(`copy-pop-uid:${modelKey}:${flow.key}:${stepInfo.stepKey}`);
-                  subMenuChildren.push({
-                    key: copyKey,
-                    label: t("Copy popup UID")
-                  });
-                }
               });
             });
             items.push({
@@ -451,12 +576,14 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
   }, [configurableFlowsAndSteps, flattenSubMenus, t]);
   const finalMenuItems = (0, import_react.useMemo)(() => {
     const items = [...menuItems];
-    if (showCopyUidButton || showDeleteButton) {
+    const commonExtras = extraMenuItems.filter((it) => it.group === "common-actions").sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0));
+    if (showCopyUidButton || showDeleteButton || commonExtras.length > 0) {
       items.push({
-        key: "common-actions",
-        label: t("Common actions"),
-        type: "group"
+        type: "divider"
       });
+      if (commonExtras.length > 0) {
+        items.push(...commonExtras);
+      }
       if (showCopyUidButton && model.uid) {
         items.push({
           key: "copy-uid",
@@ -471,8 +598,9 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
       }
     }
     return items;
-  }, [menuItems, showCopyUidButton, showDeleteButton, model.uid, model.destroy, t]);
-  if (isLoading || configurableFlowsAndSteps.length === 0 && !showDeleteButton && !showCopyUidButton) {
+  }, [menuItems, showCopyUidButton, showDeleteButton, model.uid, model.destroy, t, extraMenuItems]);
+  const hasExtras = extraMenuItems.some((it) => it.group === "common-actions");
+  if (isLoading || configurableFlowsAndSteps.length === 0 && !showDeleteButton && !showCopyUidButton && !hasExtras) {
     return null;
   }
   if (!model || !model.uid) {

package/lib/components/settings/wrappers/contextual/FlowsContextMenu.js

@@ -41,33 +41,33 @@ __export(FlowsContextMenu_exports, {
 });
 module.exports = __toCommonJS(FlowsContextMenu_exports);
 var import_icons = require("@ant-design/icons");
-var import_react = require("@formily/react");
 var import_antd = require("antd");
-var import_react2 = __toESM(require("react"));
+var import_react = __toESM(require("react"));
 var import_flowContext = require("../../../../flowContext");
 var import_hooks = require("../../../../hooks");
 var import_utils = require("../../../../utils");
 var import_StepSettingsDialog = require("./StepSettingsDialog");
+var import_reactive = require("../../../../reactive");
 const isModelByIdProps = /* @__PURE__ */ __name((props) => {
   return "uid" in props && "modelClassName" in props && Boolean(props.uid) && Boolean(props.modelClassName);
 }, "isModelByIdProps");
 const FlowsContextMenu = /* @__PURE__ */ __name((props) => {
   if (isModelByIdProps(props)) {
-    return /* @__PURE__ */ import_react2.default.createElement(FlowsContextMenuWithModelById, { ...props });
+    return /* @__PURE__ */ import_react.default.createElement(FlowsContextMenuWithModelById, { ...props });
   } else {
-    return /* @__PURE__ */ import_react2.default.createElement(FlowsContextMenuWithModel, { ...props });
+    return /* @__PURE__ */ import_react.default.createElement(FlowsContextMenuWithModel, { ...props });
   }
 }, "FlowsContextMenu");
-const FlowsContextMenuWithModel = (0, import_react.observer)(
+const FlowsContextMenuWithModel = (0, import_reactive.observer)(
   ({ model, children, enabled = true, position = "right", showDeleteButton = true }) => {
     const t = (0, import_utils.getT)(model);
-    const handleMenuClick = (0, import_react2.useCallback)(
+    const handleMenuClick = (0, import_react.useCallback)(
       ({ key }) => {
         var _a;
         if (key === "delete") {
           import_antd.Modal.confirm({
             title: t("Confirm delete"),
-            icon: /* @__PURE__ */ import_react2.default.createElement(import_icons.ExclamationCircleOutlined, null),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null),
             content: t("Are you sure you want to delete this item? This action cannot be undone."),
             okText: t("Confirm Delete"),
             okType: "danger",
@@ -111,58 +111,75 @@ const FlowsContextMenuWithModel = (0, import_react.observer)(
       [model]
     );
     if (!model) {
-      return /* @__PURE__ */ import_react2.default.createElement(import_antd.Alert, { message: "\u63D0\u4F9B\u7684\u6A21\u578B\u65E0\u6548", type: "error" });
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Alert, { message: "\u63D0\u4F9B\u7684\u6A21\u578B\u65E0\u6548", type: "error" });
     }
     if (!enabled || !children) {
-      return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, children);
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
     }
-    const getConfigurableFlowsAndSteps = (0, import_react2.useCallback)(() => {
+    const getConfigurableFlowsAndSteps = (0, import_react.useCallback)(async () => {
       try {
         const flows = model.getFlows();
         const flowsArray = Array.from(flows.values());
-        return flowsArray.map((flow) => {
-          const configurableSteps = Object.entries(flow.steps).map(([stepKey, stepDefinition]) => {
-            var _a, _b;
-            const actionStep = stepDefinition;
-            if (actionStep.hideInSettings) {
-              return null;
-            }
-            const stepUiSchema = actionStep.uiSchema || {};
-            let actionUiSchema = {};
-            if (actionStep.use) {
-              const action = (_b = (_a = model.flowEngine) == null ? void 0 : _a.getAction) == null ? void 0 : _b.call(_a, actionStep.use);
-              if (action && action.uiSchema) {
-                actionUiSchema = action.uiSchema;
-              }
-            }
-            const mergedUiSchema = { ...actionUiSchema };
-            Object.entries(stepUiSchema).forEach(([fieldKey, schema]) => {
-              if (mergedUiSchema[fieldKey]) {
-                mergedUiSchema[fieldKey] = { ...mergedUiSchema[fieldKey], ...schema };
-              } else {
-                mergedUiSchema[fieldKey] = schema;
-              }
-            });
-            if (Object.keys(mergedUiSchema).length === 0) {
-              return null;
-            }
-            return {
-              stepKey,
-              step: actionStep,
-              uiSchema: mergedUiSchema,
-              title: actionStep.title || stepKey
-            };
-          }).filter(Boolean);
-          return configurableSteps.length > 0 ? { flow, steps: configurableSteps } : null;
-        }).filter(Boolean);
+        const result = await Promise.all(
+          flowsArray.map(async (flow) => {
+            const configurableSteps = await Promise.all(
+              Object.entries(flow.steps).map(async ([stepKey, stepDefinition]) => {
+                var _a;
+                const actionStep = stepDefinition;
+                if (await (0, import_utils.shouldHideStepInSettings)(model, flow, actionStep)) {
+                  return null;
+                }
+                const stepUiSchema = actionStep.uiSchema || {};
+                let actionUiSchema = {};
+                if (actionStep.use) {
+                  const action = (_a = model.getAction) == null ? void 0 : _a.call(model, actionStep.use);
+                  if (action && action.uiSchema) {
+                    actionUiSchema = action.uiSchema;
+                  }
+                }
+                const mergedUiSchema = { ...actionUiSchema };
+                Object.entries(stepUiSchema).forEach(([fieldKey, schema]) => {
+                  if (mergedUiSchema[fieldKey]) {
+                    mergedUiSchema[fieldKey] = { ...mergedUiSchema[fieldKey], ...schema };
+                  } else {
+                    mergedUiSchema[fieldKey] = schema;
+                  }
+                });
+                if (Object.keys(mergedUiSchema).length === 0) {
+                  return null;
+                }
+                return {
+                  stepKey,
+                  step: actionStep,
+                  uiSchema: mergedUiSchema,
+                  title: actionStep.title || stepKey
+                };
+              })
+            ).then((steps) => steps.filter(Boolean));
+            return configurableSteps.length > 0 ? { flow, steps: configurableSteps } : null;
+          })
+        );
+        return result.filter(Boolean);
       } catch (error) {
         console.warn("[FlowsContextMenu] \u83B7\u53D6\u53EF\u914D\u7F6Eflows\u5931\u8D25:", error);
         return [];
       }
     }, [model]);
-    const configurableFlowsAndSteps = getConfigurableFlowsAndSteps();
+    const [configurableFlowsAndSteps, setConfigurableFlowsAndSteps] = (0, import_react.useState)([]);
+    (0, import_react.useEffect)(() => {
+      let mounted = true;
+      (async () => {
+        const flows = await getConfigurableFlowsAndSteps();
+        if (mounted) {
+          setConfigurableFlowsAndSteps(flows);
+        }
+      })();
+      return () => {
+        mounted = false;
+      };
+    }, [getConfigurableFlowsAndSteps]);
     if (configurableFlowsAndSteps.length === 0 && !showDeleteButton) {
-      return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, children);
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
     }
     const menuItems = [];
     if (configurableFlowsAndSteps.length > 0) {
@@ -175,7 +192,7 @@ const FlowsContextMenuWithModel = (0, import_react.observer)(
         steps.forEach((stepInfo) => {
           menuItems.push({
             key: `${flow.key}:${stepInfo.stepKey}`,
-            icon: /* @__PURE__ */ import_react2.default.createElement(import_icons.SettingOutlined, null),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
             label: stepInfo.title
           });
         });
@@ -189,11 +206,11 @@ const FlowsContextMenuWithModel = (0, import_react.observer)(
       }
       menuItems.push({
         key: "delete",
-        icon: /* @__PURE__ */ import_react2.default.createElement(import_icons.DeleteOutlined, null),
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null),
         label: "\u5220\u9664"
       });
     }
-    return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {
@@ -203,17 +220,17 @@ const FlowsContextMenuWithModel = (0, import_react.observer)(
         trigger: ["contextMenu"],
         placement: position === "left" ? "bottomLeft" : "bottomRight"
       },
-      /* @__PURE__ */ import_react2.default.createElement("div", { style: { display: "inline-block", width: "100%" } }, children)
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "inline-block", width: "100%" } }, children)
     ));
   }
 );
-const FlowsContextMenuWithModelById = (0, import_react.observer)(
+const FlowsContextMenuWithModelById = (0, import_reactive.observer)(
   ({ uid, modelClassName, children, enabled = true, position = "right", showDeleteButton = true }) => {
     const model = (0, import_hooks.useFlowModelById)(uid, modelClassName);
     if (!model) {
-      return /* @__PURE__ */ import_react2.default.createElement(import_antd.Alert, { message: `\u672A\u627E\u5230ID\u4E3A ${uid} \u7684\u6A21\u578B`, type: "error" });
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Alert, { message: `\u672A\u627E\u5230ID\u4E3A ${uid} \u7684\u6A21\u578B`, type: "error" });
     }
-    return /* @__PURE__ */ import_react2.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       FlowsContextMenuWithModel,
       {
         model,