@nocobase/flow-engine 2.0.0-beta.9 → 2.1.0-beta.1

package/lib/BlockScopedFlowEngine.js

@@ -37,7 +37,6 @@ function createBlockScopedEngine(parent) {
     local.setModelRepository(parent.modelRepository);
   }
   local.context.addDelegate(parent.context);
-  const originalUnlink = local.unlinkFromStack.bind(local);
   local.unlinkFromStack = function() {
     const prev = local._previousEngine;
     const next = local._nextEngine;

package/lib/FlowDefinition.d.ts

@@ -419,6 +419,8 @@ export declare class FlowStep {
         scene?: import("./types").ActionScene | import("./types").ActionScene[];
         paramsRequired?: boolean;
         hideInSettings?: boolean | ((ctx: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>) => boolean | Promise<boolean>);
+        disabledInSettings?: boolean | ((ctx: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>) => boolean | Promise<boolean>);
+        disabledReasonInSettings?: string | ((ctx: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>) => string | Promise<string>);
         defineProperties?: Record<string, import("./flowContext").PropertyOptions> | ((ctx: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>) => Record<string, import("./flowContext").PropertyOptions> | Promise<Record<string, import("./flowContext").PropertyOptions>>);
         defineMethods?: Record<string, (this: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>, ...args: any[]) => any> | ((ctx: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>) => Record<string, (this: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>, ...args: any[]) => any> | Promise<Record<string, (this: import("./flowContext").FlowRuntimeContext<import(".").FlowModel<import("./types").DefaultStructure>, any>, ...args: any[]) => any>>);
     };

package/lib/JSRunner.d.ts

@@ -11,6 +11,12 @@ export interface JSRunnerOptions {
     timeoutMs?: number;
     globals?: Record<string, any>;
     version?: string;
+    /**
+     * Enable RunJS template compatibility preprocessing for `{{ ... }}`.
+     * When enabled via `ctx.runjs(code, vars, { preprocessTemplates: true })` (default),
+     * the code will be rewritten to call `ctx.resolveJsonTemplate(...)` at runtime.
+     */
+    preprocessTemplates?: boolean;
 }
 export declare class JSRunner {
     private globals;

package/lib/JSRunner.js

@@ -31,10 +31,12 @@ __export(JSRunner_exports, {
 });
 module.exports = __toCommonJS(JSRunner_exports);
 var import_ses = require("ses");
+var import_exceptions = require("./utils/exceptions");
 const _JSRunner = class _JSRunner {
   globals;
   timeoutMs;
   constructor(options = {}) {
+    var _a, _b;
     const bindWindowFn = /* @__PURE__ */ __name((key) => {
       if (typeof window !== "undefined" && typeof window[key] === "function") {
         return window[key].bind(window);
@@ -42,13 +44,34 @@ const _JSRunner = class _JSRunner {
       const fn = globalThis[key];
       return typeof fn === "function" ? fn.bind(globalThis) : fn;
     }, "bindWindowFn");
+    const providedGlobals = options.globals || {};
+    const liftedGlobals = {};
+    if (!Object.prototype.hasOwnProperty.call(providedGlobals, "Blob")) {
+      try {
+        const blobCtor = (_a = providedGlobals.window) == null ? void 0 : _a.Blob;
+        if (typeof blobCtor !== "undefined") {
+          liftedGlobals.Blob = blobCtor;
+        }
+      } catch {
+      }
+    }
+    if (!Object.prototype.hasOwnProperty.call(providedGlobals, "URL")) {
+      try {
+        const urlCtor = (_b = providedGlobals.window) == null ? void 0 : _b.URL;
+        if (typeof urlCtor !== "undefined") {
+          liftedGlobals.URL = urlCtor;
+        }
+      } catch {
+      }
+    }
     this.globals = {
       console,
       setTimeout: bindWindowFn("setTimeout"),
       clearTimeout: bindWindowFn("clearTimeout"),
       setInterval: bindWindowFn("setInterval"),
       clearInterval: bindWindowFn("clearInterval"),
-      ...options.globals || {}
+      ...liftedGlobals,
+      ...providedGlobals
     };
     this.timeoutMs = options.timeoutMs ?? 5e3;
   }
@@ -62,7 +85,8 @@ const _JSRunner = class _JSRunner {
    * 异步运行代码，带错误处理和超时机制
    */
   async run(code) {
-    if (location == null ? void 0 : location.search.includes("skipRunJs=true")) {
+    const search = typeof location !== "undefined" ? location.search : void 0;
+    if (typeof search === "string" && search.includes("skipRunJs=true")) {
       return { success: true, value: null };
     }
     const wrapped = `(async () => {
@@ -81,6 +105,12 @@ const _JSRunner = class _JSRunner {
       const result = await Promise.race([task, timeoutPromise]);
       return { success: true, value: result };
     } catch (err) {
+      if (err instanceof import_exceptions.FlowExitException) {
+        throw err;
+      }
+      if (err instanceof import_exceptions.FlowExitAllException) {
+        throw err;
+      }
       console.error(err);
       return {
         success: false,

package/lib/ViewScopedFlowEngine.js

@@ -31,8 +31,10 @@ __export(ViewScopedFlowEngine_exports, {
 });
 module.exports = __toCommonJS(ViewScopedFlowEngine_exports);
 var import_flowEngine = require("./flowEngine");
+var import_viewEvents = require("./views/viewEvents");
 function createViewScopedEngine(parent) {
   const local = new import_flowEngine.FlowEngine();
+  Object.defineProperty(local, import_viewEvents.ENGINE_SCOPE_KEY, { value: import_viewEvents.VIEW_ENGINE_SCOPE, configurable: true });
   if (parent.modelRepository) {
     local.setModelRepository(parent.modelRepository);
   }
@@ -48,6 +50,7 @@ function createViewScopedEngine(parent) {
     "_applyFlowCache",
     "executor",
     "context",
+    import_viewEvents.ENGINE_SCOPE_KEY,
     "previousEngine",
     "nextEngine",
     // 调度器与事件总线局部化

package/lib/acl/Acl.js

@@ -7,9 +7,11 @@
  * 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) => {
@@ -24,13 +26,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 Acl_exports = {};
 __export(Acl_exports, {
   ACL: () => ACL
 });
 module.exports = __toCommonJS(Acl_exports);
-var import_lodash = require("lodash");
+var import_lodash = __toESM(require("lodash"));
 const _ACL = class _ACL {
   constructor(flowEngine) {
     this.flowEngine = flowEngine;
@@ -43,10 +53,10 @@ const _ACL = class _ACL {
   // 记录上一次用于鉴权的 token，用于识别登录态变更
   lastToken = null;
   setData(data) {
-    this.data = data;
+    this.data = import_lodash.default.cloneDeep(data);
   }
   setMeta(data) {
-    this.meta = data;
+    this.meta = import_lodash.default.cloneDeep(data);
   }
   async load() {
     var _a, _b, _c, _d;

package/lib/components/FlowContextSelector.js

@@ -57,6 +57,35 @@ const cascaderPopupAutoHeightClassName = import_css.css`
     max-height: 50vh;
   }
 `;
+const normalizePath = /* @__PURE__ */ __name((path) => {
+  if (!Array.isArray(path)) {
+    return void 0;
+  }
+  return path.map((segment) => String(segment));
+}, "normalizePath");
+const getSelectedPathInfo = /* @__PURE__ */ __name((path, options) => {
+  var _a;
+  if (!Array.isArray(path) || path.length === 0) {
+    return { text: "", meta: void 0 };
+  }
+  const labels = [];
+  let currentOptions = options;
+  let selectedMeta;
+  for (const segment of path) {
+    const matchedOption = currentOptions.find((item) => String(item.value) === String(segment));
+    if (!matchedOption) {
+      break;
+    }
+    const label = typeof ((_a = matchedOption.meta) == null ? void 0 : _a.title) === "string" ? matchedOption.meta.title : typeof matchedOption.label === "string" ? matchedOption.label : String(matchedOption.value);
+    labels.push(label);
+    selectedMeta = matchedOption.meta;
+    currentOptions = Array.isArray(matchedOption.children) ? matchedOption.children : [];
+  }
+  return {
+    text: labels.join(" / "),
+    meta: selectedMeta
+  };
+}, "getSelectedPathInfo");
 const FlowContextSelectorComponent = /* @__PURE__ */ __name(({
   value,
   onChange,
@@ -70,6 +99,7 @@ const FlowContextSelectorComponent = /* @__PURE__ */ __name(({
   ignoreFieldNames,
   ...cascaderProps
 }) => {
+  const { token } = import_antd.theme.useToken();
   const lastSelectedRef = (0, import_react.useRef)(null);
   const { resolvedMetaTree, loading } = (0, import_useResolvedMetaTree.useResolvedMetaTree)(metaTree);
   const flowCtx = (0, import_FlowContextProvider.useFlowContext)();
@@ -102,16 +132,28 @@ const FlowContextSelectorComponent = /* @__PURE__ */ __name(({
     [flowCtx]
   );
   const [updateFlag, setUpdateFlag] = (0, import_react.useState)(0);
+  const [searchText, setSearchText] = (0, import_react.useState)("");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react.useState)(false);
+  const inlineFocusByPointerRef = (0, import_react.useRef)(false);
   const triggerUpdate = (0, import_react.useCallback)(() => setUpdateFlag((prev) => prev + 1), []);
+  const isSearchEnabled = showSearch || children === null;
   const options = (0, import_react.useMemo)(() => {
     if (!resolvedMetaTree) return [];
+    const refreshSeq = updateFlag;
     const base = (0, import_utils.buildContextSelectorItems)(resolvedMetaTree);
-    return translateOptions(base).filter((item) => {
+    const filtered = translateOptions(base).filter((item) => {
       var _a;
       if (!ignoreFieldNames || ignoreFieldNames.length === 0) return true;
       return !ignoreFieldNames.includes(((_a = item.meta) == null ? void 0 : _a.name) || "");
     });
+    return refreshSeq >= 0 ? filtered : [];
   }, [resolvedMetaTree, updateFlag, translateOptions, ignoreFieldNames]);
+  const displayOptions = (0, import_react.useMemo)(() => {
+    if (!isSearchEnabled || !searchText.trim()) {
+      return options;
+    }
+    return (0, import_utils.filterLoadedContextSelectorItems)(options, searchText);
+  }, [isSearchEnabled, options, searchText]);
   const [tempSelectedPath, setTempSelectedPath] = (0, import_react.useState)([]);
   const handleLoadData = (0, import_react.useCallback)(
     async (selectedOptions) => {
@@ -147,18 +189,27 @@ const FlowContextSelectorComponent = /* @__PURE__ */ __name(({
         triggerUpdate();
       }
     },
-    [triggerUpdate]
+    [triggerUpdate, translateOptions]
   );
   const currentPath = (0, import_react.useMemo)(() => {
-    return customParseValueToPath(value);
+    return normalizePath(customParseValueToPath(value));
   }, [value, customParseValueToPath]);
   const effectivePath = (0, import_react.useMemo)(() => {
     if (!currentPath || currentPath.length === 0) return currentPath;
+    if (options.length === 0) {
+      return currentPath;
+    }
     const topValues = new Set(options.map((o) => String(o.value)));
     const needTrim = !topValues.has(String(currentPath[0]));
     const fixed = needTrim ? currentPath.slice(1) : currentPath;
     return fixed;
   }, [currentPath, options]);
+  const cascaderValue = (0, import_react.useMemo)(() => {
+    if (tempSelectedPath.length > 0) {
+      return tempSelectedPath;
+    }
+    return Array.isArray(effectivePath) ? effectivePath : void 0;
+  }, [effectivePath, tempSelectedPath]);
   const pathToPreload = (0, import_react.useMemo)(() => {
     const finalPath = effectivePath && effectivePath.length > 0 ? effectivePath : tempSelectedPath;
     return Array.isArray(finalPath) ? finalPath : [];
@@ -212,22 +263,116 @@ const FlowContextSelectorComponent = /* @__PURE__ */ __name(({
   const mergedPopupClassName = (0, import_react.useMemo)(() => {
     return (0, import_css.cx)(cascaderPopupAutoHeightClassName, cascaderProps.popupClassName);
   }, [cascaderProps.popupClassName]);
+  const cascaderSearchInputClassName = (0, import_react.useMemo)(() => {
+    return import_css.css`
+      padding: 8px;
+      border-bottom: 1px solid ${token.colorSplit};
+    `;
+  }, [token.colorSplit]);
+  const {
+    onDropdownVisibleChange: cascaderOnDropdownVisibleChange,
+    dropdownRender: cascaderDropdownRender,
+    ...restCascaderProps
+  } = cascaderProps;
+  const selectedPathInfo = (0, import_react.useMemo)(() => getSelectedPathInfo(effectivePath, options), [effectivePath, options]);
+  const mergedOpen = open !== void 0 ? open : children === null ? dropdownOpen : void 0;
+  const isDropdownVisible = !!mergedOpen;
+  const handleDropdownVisibleChange = (0, import_react.useCallback)(
+    (visible) => {
+      if (open === void 0) {
+        setDropdownOpen(visible);
+      }
+      if (!visible) {
+        setSearchText("");
+      }
+      cascaderOnDropdownVisibleChange == null ? void 0 : cascaderOnDropdownVisibleChange(visible);
+    },
+    [cascaderOnDropdownVisibleChange, open]
+  );
+  const renderDropdown = (0, import_react.useCallback)(
+    (menu) => {
+      const cascaderMenuNode = cascaderDropdownRender ? cascaderDropdownRender(menu) : menu;
+      const cascaderMenu = import_react.default.isValidElement(cascaderMenuNode) ? cascaderMenuNode : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, cascaderMenuNode);
+      if (!isSearchEnabled || children === null) {
+        return cascaderMenu;
+      }
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: cascaderSearchInputClassName }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Input,
+        {
+          allowClear: true,
+          size: "small",
+          value: searchText,
+          placeholder: flowCtx.t("Search"),
+          onChange: (e) => setSearchText(e.target.value),
+          onKeyDown: (e) => e.stopPropagation()
+        }
+      )), cascaderMenu);
+    },
+    [cascaderDropdownRender, cascaderSearchInputClassName, children, flowCtx, isSearchEnabled, searchText]
+  );
+  const inlinePlaceholder = typeof restCascaderProps.placeholder === "string" ? restCascaderProps.placeholder : flowCtx.t("Search");
+  const hasSelectedPath = Array.isArray(effectivePath) && effectivePath.length > 0;
+  const handleInlineInputFocus = (0, import_react.useCallback)(() => {
+    if (open === void 0 && !inlineFocusByPointerRef.current) {
+      setDropdownOpen(true);
+    }
+  }, [open]);
+  const markInlineFocusByPointer = (0, import_react.useCallback)(() => {
+    inlineFocusByPointerRef.current = true;
+  }, []);
+  const resetInlineFocusByPointer = (0, import_react.useCallback)(() => {
+    inlineFocusByPointerRef.current = false;
+  }, []);
+  const handleInlineInputChange = (0, import_react.useCallback)(
+    (event) => {
+      const nextValue = event.target.value;
+      if (!isDropdownVisible && nextValue === "" && hasSelectedPath) {
+        setTempSelectedPath([]);
+        onChange == null ? void 0 : onChange("", void 0);
+        return;
+      }
+      if (open === void 0 && !isDropdownVisible) {
+        setDropdownOpen(true);
+      }
+      setSearchText(nextValue);
+    },
+    [hasSelectedPath, isDropdownVisible, onChange, open]
+  );
+  const inlinePathText = Array.isArray(effectivePath) ? effectivePath.join(" / ") : "";
+  const inlineInputValue = isDropdownVisible ? searchText : selectedPathInfo.text || inlinePathText;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Cascader,
     {
-      ...cascaderProps,
-      options,
-      value: tempSelectedPath && tempSelectedPath.length > 0 ? tempSelectedPath : effectivePath,
+      ...restCascaderProps,
+      options: displayOptions,
+      value: cascaderValue,
       onChange: handleChange,
       loadData: handleLoadData,
       loading,
       changeOnSelect: !onlyLeafSelectable,
       expandTrigger: "click",
-      open,
-      showSearch: children === null,
-      popupClassName: mergedPopupClassName
+      open: mergedOpen,
+      showSearch: false,
+      popupClassName: mergedPopupClassName,
+      dropdownRender: renderDropdown,
+      onDropdownVisibleChange: handleDropdownVisibleChange
     },
-    children === null ? null : children || defaultChildren
+    children === null ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input,
+      {
+        allowClear: true,
+        value: inlineInputValue,
+        placeholder: inlinePlaceholder,
+        onMouseDown: markInlineFocusByPointer,
+        onMouseUp: resetInlineFocusByPointer,
+        onMouseLeave: resetInlineFocusByPointer,
+        onFocus: handleInlineInputFocus,
+        onBlur: resetInlineFocusByPointer,
+        onChange: handleInlineInputChange,
+        onKeyDown: (e) => e.stopPropagation(),
+        disabled: restCascaderProps.disabled
+      }
+    ) : children || defaultChildren
   );
 }, "FlowContextSelectorComponent");
 const FlowContextSelector = import_react.default.memo(FlowContextSelectorComponent);

package/lib/components/settings/wrappers/component/SwitchWithTitle.js

@@ -73,7 +73,8 @@ const SwitchWithTitle = (0, import_reactive.observer)(
       setChecked(val);
       onChange == null ? void 0 : onChange({ [itemKey]: val });
     }, "handleChange");
-    const handleWrapperClick = /* @__PURE__ */ __name(() => {
+    const handleWrapperClick = /* @__PURE__ */ __name((e) => {
+      e.stopPropagation();
       if (disabled) return;
       handleChange(!checked);
     }, "handleWrapperClick");

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

@@ -135,10 +135,19 @@ const componentMap = {
 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);
+  const disabled = !!(itemProps == null ? void 0 : itemProps.disabled);
+  const disabledReason = itemProps == null ? void 0 : itemProps.disabledReason;
+  const disabledIconColor = itemProps == null ? void 0 : itemProps.disabledIconColor;
+  const content = (() => {
+    if (!Component) {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title);
+    }
+    return /* @__PURE__ */ import_react.default.createElement(Component, { title, ...itemProps });
+  })();
+  if (!disabled) {
+    return content;
   }
-  return /* @__PURE__ */ import_react.default.createElement(Component, { title, ...itemProps });
+  return /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 } }, content, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: disabledReason, placement: "right", destroyTooltipOnHide: true }, /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { style: { color: disabledIconColor } })));
 }, "MenuLabelItem");
 const DefaultSettingsIcon = /* @__PURE__ */ __name(({
   model,
@@ -150,9 +159,16 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
 }) => {
   const { message } = import_antd.App.useApp();
   const t = (0, import_react.useMemo)(() => (0, import_utils.getT)(model), [model]);
+  const { token } = import_antd.theme.useToken();
+  const disabledIconColor = (token == null ? void 0 : token.colorTextTertiary) || (token == null ? void 0 : token.colorTextDescription) || (token == null ? void 0 : token.colorTextSecondary);
   const [visible, setVisible] = (0, import_react.useState)(false);
   const [refreshTick, setRefreshTick] = (0, import_react.useState)(0);
   const [extraMenuItems, setExtraMenuItems] = (0, import_react.useState)([]);
+  const [configurableFlowsAndSteps, setConfigurableFlowsAndSteps] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const closeDropdown = (0, import_react.useCallback)(() => {
+    setVisible(false);
+  }, []);
   const handleOpenChange = (0, import_react.useCallback)((nextOpen, info) => {
     if (info.source === "trigger" || nextOpen) {
       (0, import_react.startTransition)(() => {
@@ -200,7 +216,7 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
     return () => {
       mounted = false;
     };
-  }, [model, menuLevels, t, refreshTick, visible, message]);
+  }, [model, menuLevels, t, refreshTick, visible]);
   const copyUidToClipboard = (0, import_react.useCallback)(
     async (uid) => {
       var _a;
@@ -249,6 +265,7 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
     [model, copyUidToClipboard]
   );
   const handleDelete = (0, import_react.useCallback)(() => {
+    closeDropdown();
     import_antd.Modal.confirm({
       title: t("Confirm delete"),
       icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null),
@@ -269,7 +286,7 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
         }
       }
     });
-  }, [model]);
+  }, [closeDropdown, model, t]);
   const handleStepConfiguration = (0, import_react.useCallback)(
     (key) => {
       const keyParts = key.split(":");
@@ -294,6 +311,7 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
         [flowKey, stepKey] = keyParts;
       }
       try {
+        closeDropdown();
         targetModel.openFlowSettings({
           flowKey,
           stepKey
@@ -302,23 +320,51 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
         console.log(t("Configuration popup cancelled or error"), ":", error);
       }
     },
-    [model]
+    [closeDropdown, model, t]
+  );
+  const isStepMenuItemDisabled = (0, import_react.useCallback)(
+    (key) => {
+      const cleanKey = key.includes("-") && /^(.+)-\d+$/.test(key) ? key.replace(/-\d+$/, "") : key;
+      const keys = cleanKey.split(":");
+      let modelKey;
+      let flowKey;
+      let stepKey;
+      if (keys.length === 3) {
+        [modelKey, flowKey, stepKey] = keys;
+      } else if (keys.length === 2) {
+        [flowKey, stepKey] = keys;
+      } else {
+        return false;
+      }
+      return configurableFlowsAndSteps.some(({ flow, steps, modelKey: flowModelKey }) => {
+        const sameModel = (flowModelKey || void 0) === modelKey;
+        if (!sameModel || flow.key !== flowKey) return false;
+        return steps.some((stepInfo) => stepInfo.stepKey === stepKey && !!stepInfo.disabled);
+      });
+    },
+    [configurableFlowsAndSteps]
   );
   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:")) {
+        closeDropdown();
         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) {
+        closeDropdown();
         extra.onClick();
         return;
       }
+      if (isStepMenuItemDisabled(cleanKey)) {
+        return;
+      }
       switch (cleanKey) {
         case "copy-uid":
+          closeDropdown();
           handleCopyUid();
           break;
         case "delete":
@@ -329,7 +375,15 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
           break;
       }
     },
-    [handleCopyUid, handleDelete, handleStepConfiguration, handleCopyPopupUid, extraMenuItems]
+    [
+      closeDropdown,
+      handleCopyUid,
+      handleDelete,
+      handleStepConfiguration,
+      handleCopyPopupUid,
+      extraMenuItems,
+      isStepMenuItemDisabled
+    ]
   );
   const getModelConfigurableFlowsAndSteps = (0, import_react.useCallback)(
     async (targetModel, modelKey) => {
@@ -347,6 +401,7 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                 if (await (0, import_utils.shouldHideStepInSettings)(targetModel, flow, actionStep)) {
                   return null;
                 }
+                const disabledState = await (0, import_utils.resolveStepDisabledInSettings)(targetModel, flow, actionStep);
                 let uiMode = await (0, import_utils.resolveUiMode)(actionStep.uiMode, targetModel.context);
                 const hasStepUiSchema = actionStep.uiSchema != null;
                 let hasActionUiSchema = false;
@@ -384,7 +439,9 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                   title: t(stepTitle) || stepKey,
                   modelKey,
                   // 添加模型标识
-                  uiMode
+                  uiMode,
+                  disabled: disabledState.disabled,
+                  disabledReason: disabledState.reason
                 };
               })
             ).then((steps) => steps.filter(Boolean));
@@ -415,8 +472,6 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
     }
     return result;
   }, [model, menuLevels, getModelConfigurableFlowsAndSteps]);
-  const [configurableFlowsAndSteps, setConfigurableFlowsAndSteps] = (0, import_react.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
   (0, import_react.useEffect)(() => {
     const triggerRebuild = /* @__PURE__ */ __name(() => {
       setRefreshTick((v) => v + 1);
@@ -509,11 +564,15 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                 }
               }, "onChange"),
               ...(uiMode == null ? void 0 : uiMode.props) || {},
-              itemKey: uiMode == null ? void 0 : uiMode.key
+              itemKey: uiMode == null ? void 0 : uiMode.key,
+              disabled: !!stepInfo.disabled,
+              disabledReason: stepInfo.disabledReason,
+              disabledIconColor
             };
             items.push({
               key: uniqueKey,
-              label: /* @__PURE__ */ import_react.default.createElement(MenuLabelItem, { title: t(stepInfo.title), uiMode, itemProps })
+              label: /* @__PURE__ */ import_react.default.createElement(MenuLabelItem, { title: stepInfo.title, uiMode, itemProps }),
+              disabled: !!stepInfo.disabled
             });
           });
           if (flow.options.divider === "bottom") {
@@ -547,7 +606,8 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                 const uniqueKey = generateUniqueKey(`${flow.key}:${stepInfo.stepKey}`);
                 items.push({
                   key: uniqueKey,
-                  label: t(stepInfo.title)
+                  label: stepInfo.disabled ? /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 } }, stepInfo.title, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: stepInfo.disabledReason, placement: "right", destroyTooltipOnHide: true }, /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { style: { color: disabledIconColor } }))) : stepInfo.title,
+                  disabled: !!stepInfo.disabled
                 });
               });
             });
@@ -559,7 +619,8 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
                 const uniqueKey = generateUniqueKey(`${modelKey}:${flow.key}:${stepInfo.stepKey}`);
                 subMenuChildren.push({
                   key: uniqueKey,
-                  label: t(stepInfo.title)
+                  label: stepInfo.disabled ? /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 } }, stepInfo.title, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: stepInfo.disabledReason, placement: "right", destroyTooltipOnHide: true }, /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { style: { color: disabledIconColor } }))) : stepInfo.title,
+                  disabled: !!stepInfo.disabled
                 });
               });
             });
@@ -573,7 +634,7 @@ const DefaultSettingsIcon = /* @__PURE__ */ __name(({
       }
     }
     return items;
-  }, [configurableFlowsAndSteps, flattenSubMenus, t]);
+  }, [configurableFlowsAndSteps, disabledIconColor, flattenSubMenus, t]);
   const finalMenuItems = (0, import_react.useMemo)(() => {
     const items = [...menuItems];
     const commonExtras = extraMenuItems.filter((it) => it.group === "common-actions").sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0));