@nocobase/flow-engine 2.2.0-alpha.1 → 2.2.0-alpha.3

package/lib/components/variables/VariableHybridInput.js

@@ -42,6 +42,7 @@ __export(VariableHybridInput_exports, {
 module.exports = __toCommonJS(VariableHybridInput_exports);
 var import_css = require("@emotion/css");
 var import_antd = require("antd");
+var import_context = require("antd/es/form/context");
 var import_react = __toESM(require("react"));
 var import_FlowContextProvider = require("../../FlowContextProvider");
 var import_FlowContextSelector = require("../FlowContextSelector");
@@ -83,14 +84,28 @@ function normalizeVariableKey(value) {
   return value.replace(/^\{\{\s*/, "").replace(/\s*\}\}$/, "").trim();
 }
 __name(normalizeVariableKey, "normalizeVariableKey");
-function renderHTML(value, labelMap, regExp) {
+function renderHTML(value, regExp, resolveLabel) {
   const re = new RegExp(regExp.source, regExp.flags.includes("g") ? regExp.flags : `${regExp.flags}g`);
   return escapeHtml(value || "").replace(re, (matched) => {
-    const label = labelMap.get(normalizeVariableKey(matched)) || matched;
+    const label = resolveLabel(matched) || matched;
     return createTagHTML(matched, label);
   });
 }
 __name(renderHTML, "renderHTML");
+function resolveTitlesByPath(roots, path, ctxT) {
+  if (!roots || !path || !path.length) return void 0;
+  const titles = [];
+  let nodes = roots;
+  for (const segment of path) {
+    if (!nodes) return void 0;
+    const matched = nodes.find((node) => node.name === segment);
+    if (!matched) return void 0;
+    titles.push(reactNodeToPlainText(matched.title || matched.name));
+    nodes = Array.isArray(matched.children) ? matched.children : void 0;
+  }
+  return titles.map(ctxT).join("/");
+}
+__name(resolveTitlesByPath, "resolveTitlesByPath");
 function buildLabelMap(nodes, ctxT, converters) {
   const map = /* @__PURE__ */ new Map();
   function walk(items = [], parentTitles = []) {
@@ -112,6 +127,34 @@ function buildLabelMap(nodes, ctxT, converters) {
   return map;
 }
 __name(buildLabelMap, "buildLabelMap");
+function collectReferencePaths(value, regExp, parseValueToPath) {
+  const re = new RegExp(regExp.source, regExp.flags.includes("g") ? regExp.flags : `${regExp.flags}g`);
+  const paths = [];
+  for (const matched of value.match(re) ?? []) {
+    const path = parseValueToPath(matched);
+    if (path && path.length) {
+      paths.push(path);
+    }
+  }
+  return paths;
+}
+__name(collectReferencePaths, "collectReferencePaths");
+async function preloadReferencePath(path, roots) {
+  let nodes = roots;
+  let didLoad = false;
+  for (const segment of path) {
+    if (!nodes) break;
+    const matched = nodes.find((node) => node.name === segment);
+    if (!matched) break;
+    if (typeof matched.children === "function") {
+      matched.children = await (0, import_utils.loadMetaTreeChildren)(matched);
+      didLoad = true;
+    }
+    nodes = Array.isArray(matched.children) ? matched.children : void 0;
+  }
+  return didLoad;
+}
+__name(preloadReferencePath, "preloadReferencePath");
 function pasteHTML(container, html, indexes) {
   var _a;
   const selection = (_a = window.getSelection) == null ? void 0 : _a.call(window);
@@ -213,21 +256,64 @@ function getCurrentRange(element) {
 }
 __name(getCurrentRange, "getCurrentRange");
 const VariableHybridInputComponent = /* @__PURE__ */ __name((props) => {
+  var _a;
   const { addonBefore, className, converters, disabled, metaTree, onChange, placeholder, style } = props;
   const { token } = import_antd.theme.useToken();
   const ctx = (0, import_FlowContextProvider.useFlowContext)();
   const { resolvedMetaTree } = (0, import_useResolvedMetaTree.useResolvedMetaTree)(metaTree);
+  const formItemStatus = (_a = (0, import_react.useContext)(import_context.FormItemInputContext)) == null ? void 0 : _a.status;
+  const effectiveStatus = props.status ?? formItemStatus;
   const inputRef = (0, import_react.useRef)(null);
   const [isComposing, setIsComposing] = (0, import_react.useState)(false);
   const [changed, setChanged] = (0, import_react.useState)(false);
   const [range, setRange] = (0, import_react.useState)([-1, 0, -1, 0]);
   const value = typeof props.value === "string" ? props.value : props.value == null ? "" : String(props.value);
   const variableRegExp = (converters == null ? void 0 : converters.variableRegExp) ?? DEFAULT_VARIABLE_REGEXP;
+  const parseValueToPath = (converters == null ? void 0 : converters.parseValueToPath) ?? import_utils.parseValueToPath;
+  const [loadedFlag, setLoadedFlag] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (!value || !Array.isArray(resolvedMetaTree) || !resolvedMetaTree.length) {
+      return;
+    }
+    const paths = collectReferencePaths(value, variableRegExp, parseValueToPath);
+    if (!paths.length) {
+      return;
+    }
+    let cancelled = false;
+    const run = /* @__PURE__ */ __name(async () => {
+      let didLoad = false;
+      for (const path of paths) {
+        const loaded = await preloadReferencePath(path, resolvedMetaTree);
+        if (cancelled) return;
+        didLoad = didLoad || loaded;
+      }
+      if (didLoad && !cancelled) {
+        setLoadedFlag((prev) => prev + 1);
+      }
+    }, "run");
+    run();
+    return () => {
+      cancelled = true;
+    };
+  }, [value, resolvedMetaTree, variableRegExp, parseValueToPath]);
   const labelMap = (0, import_react.useMemo)(
     () => buildLabelMap(resolvedMetaTree, ctx.t, converters),
-    [resolvedMetaTree, ctx, converters]
+    // `loadedFlag` is read so the map recomputes after a lazy level resolves.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [resolvedMetaTree, ctx, converters, loadedFlag]
+  );
+  const resolveLabel = (0, import_react.useCallback)(
+    (matched) => {
+      const mapped = labelMap.get(normalizeVariableKey(matched));
+      if (mapped) return mapped;
+      const path = parseValueToPath(matched);
+      return resolveTitlesByPath(resolvedMetaTree, path, ctx.t);
+    },
+    // `loadedFlag` is read so a resolved lazy level re-creates this callback and re-renders the tags. `ctx` carries the translation fn.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [labelMap, parseValueToPath, resolvedMetaTree, ctx, loadedFlag]
   );
-  const [html, setHtml] = (0, import_react.useState)(() => renderHTML(value, labelMap, variableRegExp));
+  const [html, setHtml] = (0, import_react.useState)(() => renderHTML(value, variableRegExp, resolveLabel));
   const emitChange = (0, import_react.useCallback)(
     (target) => {
       onChange == null ? void 0 : onChange(getDomValue(target).trim());
@@ -235,20 +321,20 @@ const VariableHybridInputComponent = /* @__PURE__ */ __name((props) => {
     [onChange]
   );
   (0, import_react.useEffect)(() => {
-    setHtml(renderHTML(value, labelMap, variableRegExp));
+    setHtml(renderHTML(value, variableRegExp, resolveLabel));
     if (!changed) {
       setRange([-1, 0, -1, 0]);
     }
-  }, [value, labelMap]);
+  }, [value, resolveLabel]);
   (0, import_react.useEffect)(() => {
-    var _a;
+    var _a2;
     const element = inputRef.current;
     if (!element) return;
     if (document.activeElement !== element) return;
     const nextRange = new Range();
     if (changed) {
       if (range.join() === "-1,0,-1,0") return;
-      const selection = (_a = window.getSelection) == null ? void 0 : _a.call(window);
+      const selection = (_a2 = window.getSelection) == null ? void 0 : _a2.call(window);
       if (!selection) return;
       try {
         const children = Array.from(element.childNodes);
@@ -457,6 +543,34 @@ const VariableHybridInputComponent = /* @__PURE__ */ __name((props) => {
           border-color: ${token.colorBorder};
         }
       }
+
+      &.is-error {
+        border-color: ${token.colorError};
+
+        &:hover {
+          border-color: ${token.colorErrorBorderHover};
+        }
+
+        &:focus,
+        &:focus-visible {
+          border-color: ${token.colorError};
+          box-shadow: 0 0 0 ${token.controlOutlineWidth}px ${token.colorErrorOutline};
+        }
+      }
+
+      &.is-warning {
+        border-color: ${token.colorWarning};
+
+        &:hover {
+          border-color: ${token.colorWarningBorderHover};
+        }
+
+        &:focus,
+        &:focus-visible {
+          border-color: ${token.colorWarning};
+          box-shadow: 0 0 0 ${token.controlOutlineWidth}px ${token.colorWarningOutline};
+        }
+      }
     `;
   }, [token, addonBefore]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { className: (0, import_css.cx)("nb-variable-hybrid-input", wrapperClassName, className), style }, addonBefore != null && /* @__PURE__ */ import_react.default.createElement("span", { className: addonClassName }, addonBefore), /* @__PURE__ */ import_react.default.createElement(
@@ -466,7 +580,9 @@ const VariableHybridInputComponent = /* @__PURE__ */ __name((props) => {
       role: "textbox",
       "aria-label": "textbox",
       className: (0, import_css.cx)(editorClassName, {
-        "is-disabled": disabled
+        "is-disabled": disabled,
+        "is-error": effectiveStatus === "error",
+        "is-warning": effectiveStatus === "warning"
       }),
       contentEditable: !disabled,
       "data-placeholder": placeholder,
@@ -483,10 +599,10 @@ const VariableHybridInputComponent = /* @__PURE__ */ __name((props) => {
     {
       metaTree,
       disabled,
-      parseValueToPath: (converters == null ? void 0 : converters.parseValueToPath) ?? import_utils.parseValueToPath,
+      parseValueToPath,
       formatPathToValue: (item) => {
-        var _a;
-        return ((_a = converters == null ? void 0 : converters.formatPathToValue) == null ? void 0 : _a.call(converters, item)) || (0, import_utils.formatPathToValue)(item);
+        var _a2;
+        return ((_a2 = converters == null ? void 0 : converters.formatPathToValue) == null ? void 0 : _a2.call(converters, item)) || (0, import_utils.formatPathToValue)(item);
       },
       onChange: handleSelectorChange
     }

package/lib/components/variables/VariableInput.js

@@ -188,7 +188,7 @@ const VariableInputComponent = /* @__PURE__ */ __name(({
       }
     }, "restoreFromValue");
     restoreFromValue();
-  }, [resolvedMetaTree, innerValue, resolvePathFromValue, currentMetaTreeNode]);
+  }, [resolvedMetaTree, innerValue, resolvePathFromValue, currentMetaTreeNode, value]);
   const ValueComponent = (0, import_react.useMemo)(() => {
     const Component = renderInputComponent == null ? void 0 : renderInputComponent(resolvedMetaTreeNode);
     const CustomComponent = resolvedMetaTreeNode == null ? void 0 : resolvedMetaTreeNode.render;
@@ -325,6 +325,7 @@ const VariableInputComponent = /* @__PURE__ */ __name(({
     {
       metaTree: resolvedMetaTree,
       value: innerValue,
+      active: (0, import_utils.isVariableValue)(innerValue),
       onChange: handleVariableSelect,
       parseValueToPath: resolvePathFromValue,
       formatPathToValue: resolveValueFromPath,

package/lib/components/variables/types.d.ts

@@ -13,12 +13,30 @@ export interface FlowContextSelectorProps extends Omit<CascaderProps<ContextSele
     value?: string;
     onChange?: (value: string, metaTreeNode?: MetaTreeNode) => void;
     children?: CascaderProps<ContextSelectorItem>['children'];
+    /**
+     * Controls whether the default `x` trigger button is rendered as active
+     * (`type="primary"`). When omitted, the selector falls back to its parsed
+     * `value` path (`true` iff a valid variable path is currently selected).
+     *
+     * Use this when callers intentionally feed synthetic paths such as
+     * `['constant']` / `['null']` into the cascader to keep menu state aligned,
+     * but only want real variable references to show the blue active button.
+     */
+    active?: boolean;
     metaTree?: MetaTreeNode[] | (() => MetaTreeNode[] | Promise<MetaTreeNode[]>);
     parseValueToPath?: (value: string) => string[] | undefined;
     formatPathToValue?: (item: MetaTreeNode) => string;
     open?: boolean;
     onlyLeafSelectable?: boolean;
     ignoreFieldNames?: string[];
+    /**
+     * Footer rendered at the bottom of the dropdown. Defaults to a muted
+     * "Double click to choose entire object" hint when non-leaf selection is
+     * allowed (`onlyLeafSelectable` is false) — since double-clicking a non-leaf
+     * node selects the whole object. Pass an explicit node to override, or `null`
+     * to hide it.
+     */
+    dropdownFooter?: React.ReactNode;
 }
 export interface ContextSelectorItem {
     label: React.ReactNode;

package/lib/flowContext.d.ts

@@ -7,7 +7,7 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 import { ISchema } from '@formily/json-schema';
-import { APIClient, RequestOptions } from '@nocobase/sdk';
+import type { APIClient, RequestOptions } from '@nocobase/sdk';
 import type { Router } from '@remix-run/router';
 import { MessageInstance } from 'antd/es/message/interface';
 import type { HookAPI } from 'antd/es/modal/useModal';

package/lib/flowContext.js

@@ -75,6 +75,7 @@ var import_utils = require("./utils");
 var import_exceptions = require("./utils/exceptions");
 var import_params_resolvers = require("./utils/params-resolvers");
 var import_serverContextParams = require("./utils/serverContextParams");
+var import_dirtyAwareApiClient = require("./utils/dirtyAwareApiClient");
 var import_variablesParams = require("./utils/variablesParams");
 var import_registry = require("./runjs-context/registry");
 var import_createEphemeralContext = require("./utils/createEphemeralContext");
@@ -1899,15 +1900,16 @@ const _FlowContext = class _FlowContext {
     const options = this._props[key];
     if (!options) return void 0;
     if ("value" in options) {
-      return options.value;
+      return key === "api" ? (0, import_dirtyAwareApiClient.getDirtyAwareApiClient)(options.value, currentContext) : options.value;
     }
     if (options.get) {
       if (options.cache === false) {
-        return options.get(currentContext);
+        const value = options.get(currentContext);
+        return key === "api" ? (0, import_dirtyAwareApiClient.getDirtyAwareApiClient)(value, currentContext) : value;
       }
       const cacheKey = options.observable ? "_observableCache" : "_cache";
       if (key in this[cacheKey]) {
-        return this[cacheKey][key];
+        return key === "api" ? (0, import_dirtyAwareApiClient.getDirtyAwareApiClient)(this[cacheKey][key], currentContext) : this[cacheKey][key];
       }
       if (this._pending[key]) return this._pending[key];
       const result = options.get(this.createProxy());
@@ -1917,7 +1919,7 @@ const _FlowContext = class _FlowContext {
           (v) => {
             this[cacheKey][key] = v;
             delete this._pending[key];
-            return v;
+            return key === "api" ? (0, import_dirtyAwareApiClient.getDirtyAwareApiClient)(v, currentContext) : v;
           },
           (err) => {
             delete this._pending[key];
@@ -1927,7 +1929,7 @@ const _FlowContext = class _FlowContext {
         return this._pending[key];
       }
       this[cacheKey][key] = result;
-      return result;
+      return key === "api" ? (0, import_dirtyAwareApiClient.getDirtyAwareApiClient)(result, currentContext) : result;
     }
     return void 0;
   }
@@ -2251,7 +2253,7 @@ const _BaseFlowEngineContext = class _BaseFlowEngineContext extends FlowContext
     this.defineMethod("getModel", (modelName, searchInPreviousEngines) => {
       return this.engine.getModel(modelName, searchInPreviousEngines);
     });
-    this.defineMethod("request", (options) => {
+    this.defineMethod("request", function(options) {
       const app = this.app;
       if (typeof (options == null ? void 0 : options.url) === "string" && shouldBypassApiClient(options.url, app)) {
         return import_axios.default.request(options);
@@ -2294,6 +2296,36 @@ const _BaseFlowModelContext = class _BaseFlowModelContext extends BaseFlowEngine
 };
 __name(_BaseFlowModelContext, "BaseFlowModelContext");
 let BaseFlowModelContext = _BaseFlowModelContext;
+const OPEN_VIEW_INHERITED_INPUT_ARG_KEYS = [
+  "dataSourceKey",
+  "collectionName",
+  "associationName",
+  "filterByTk",
+  "sourceId",
+  "tabUid"
+];
+function pickDefinedKeys(source, keys) {
+  const res = {};
+  for (const key of keys) {
+    if (typeof (source == null ? void 0 : source[key]) !== "undefined") {
+      res[key] = source[key];
+    }
+  }
+  return res;
+}
+__name(pickDefinedKeys, "pickDefinedKeys");
+function pickDefinedOpenViewInputArgs(source) {
+  return pickDefinedKeys(source, OPEN_VIEW_INHERITED_INPUT_ARG_KEYS);
+}
+__name(pickDefinedOpenViewInputArgs, "pickDefinedOpenViewInputArgs");
+function applyDefinedDefaults(target, defaults) {
+  for (const [key, value] of Object.entries(defaults)) {
+    if (typeof target[key] === "undefined") {
+      target[key] = value;
+    }
+  }
+}
+__name(applyDefinedDefaults, "applyDefinedDefaults");
 const _FlowEngineContext = class _FlowEngineContext extends BaseFlowEngineContext {
   // public dataSourceManager: DataSourceManager;
   constructor(engine) {
@@ -2525,8 +2557,16 @@ const _FlowEngineContext = class _FlowEngineContext extends BaseFlowEngineContex
     });
     this.defineProperty("role", {
       get: /* @__PURE__ */ __name(() => {
-        var _a, _b;
-        return (_b = (_a = this.api) == null ? void 0 : _a.auth) == null ? void 0 : _b.role;
+        var _a, _b, _c;
+        const currentRole = (_b = (_a = this.api) == null ? void 0 : _a.auth) == null ? void 0 : _b.role;
+        if (currentRole !== "__union__") {
+          return currentRole;
+        }
+        const roles = (_c = this.user) == null ? void 0 : _c.roles;
+        if (!Array.isArray(roles)) {
+          return [];
+        }
+        return roles.map((role) => role == null ? void 0 : role.name).filter((name) => !!name);
       }, "get"),
       cache: false,
       // 注意：使用惰性 meta 工厂，避免在 i18n 尚未注入时提前求值导致无法翻译
@@ -2680,7 +2720,17 @@ const _FlowEngineContext = class _FlowEngineContext extends BaseFlowEngineContex
         doc = {};
       }
       const deprecatedCtx = createRunJSDeprecationProxy(runCtx, { doc });
-      const globals = { ctx: deprecatedCtx, ...(options == null ? void 0 : options.globals) || {} };
+      const browserGlobals = {};
+      if (typeof window !== "undefined") {
+        browserGlobals.window = window;
+        if (typeof navigator !== "undefined") {
+          browserGlobals.navigator = navigator;
+        }
+      }
+      if (typeof document !== "undefined") {
+        browserGlobals.document = document;
+      }
+      const globals = { ctx: deprecatedCtx, ...browserGlobals, ...(options == null ? void 0 : options.globals) || {} };
       const { timeoutMs } = options || {};
       return new import_JSRunner.JSRunner({ globals, timeoutMs });
     });
@@ -2791,23 +2841,19 @@ const _FlowModelContext = class _FlowModelContext extends BaseFlowModelContext {
       }
     });
     this.defineMethod("openView", async function(uid, options) {
-      var _a, _b, _c, _d, _e;
-      const opts = { ...options };
+      var _a, _b, _c, _d;
+      const inheritedInputArgs = {
+        ...typeof ((_a = this.model) == null ? void 0 : _a["getInputArgs"]) === "function" ? pickDefinedOpenViewInputArgs(this.model["getInputArgs"]()) : {},
+        ...pickDefinedOpenViewInputArgs(this.inputArgs)
+      };
+      const opts = { ...options || {} };
+      applyDefinedDefaults(opts, inheritedInputArgs);
       if (opts.defineProperties || opts.defineMethods) {
         opts.navigation = false;
       }
       let model2 = null;
       model2 = await this.engine.loadModel({ uid });
       if (!model2) {
-        const pickDefined = /* @__PURE__ */ __name((src, keys) => {
-          const res = {};
-          for (const k of keys) {
-            if (typeof (src == null ? void 0 : src[k]) !== "undefined") {
-              res[k] = src[k];
-            }
-          }
-          return res;
-        }, "pickDefined");
         model2 = this.engine.createModel({
           uid,
           // 注意： 新建的 model 应该使用 ${parentModel.uid}-xxx 形式的 uid
@@ -2819,7 +2865,7 @@ const _FlowModelContext = class _FlowModelContext extends BaseFlowModelContext {
             popupSettings: {
               openView: {
                 // 仅在创建时持久化一份默认配置；运行时以本次 opts 为准，避免多个 opener 互相覆盖。
-                ...pickDefined(opts, ["dataSourceKey", "collectionName", "associationName", "mode", "size"])
+                ...pickDefinedKeys(opts, ["dataSourceKey", "collectionName", "associationName", "mode", "size"])
               }
             }
           }
@@ -2827,12 +2873,10 @@ const _FlowModelContext = class _FlowModelContext extends BaseFlowModelContext {
         await model2.save();
       }
       model2.setParent(this.model);
-      const viewUid = (opts == null ? void 0 : opts.routeViewUid) ?? (opts == null ? void 0 : opts.viewUid) ?? (((_b = (_a = model2.stepParams) == null ? void 0 : _a.popupSettings) == null ? void 0 : _b.openView) ? model2.uid : this.model.uid);
+      const viewUid = (opts == null ? void 0 : opts.routeViewUid) ?? (opts == null ? void 0 : opts.viewUid) ?? (((_c = (_b = model2.stepParams) == null ? void 0 : _b.popupSettings) == null ? void 0 : _c.openView) ? model2.uid : this.model.uid);
       const parentView = this.view;
       const pendingType = (opts == null ? void 0 : opts.isMobileLayout) ? "embed" : (opts == null ? void 0 : opts.mode) || "drawer";
       const pendingInputArgs = { ...opts, viewUid, navigation: opts.navigation };
-      pendingInputArgs.filterByTk = pendingInputArgs.filterByTk || ((_c = this.inputArgs) == null ? void 0 : _c.filterByTk);
-      pendingInputArgs.sourceId = pendingInputArgs.sourceId || ((_d = this.inputArgs) == null ? void 0 : _d.sourceId);
       const pendingView = {
         type: pendingType,
         inputArgs: pendingInputArgs,
@@ -2841,7 +2885,7 @@ const _FlowModelContext = class _FlowModelContext extends BaseFlowModelContext {
         engineCtx: this.engine.context
       };
       model2.context.defineProperty("view", { value: pendingView });
-      const popupFlow = (_e = model2.getFlow) == null ? void 0 : _e.call(model2, "popupSettings");
+      const popupFlow = (_d = model2.getFlow) == null ? void 0 : _d.call(model2, "popupSettings");
       const on = popupFlow == null ? void 0 : popupFlow.on;
       let openEventName = "click";
       if (typeof on === "string" && on) {
@@ -2849,17 +2893,10 @@ const _FlowModelContext = class _FlowModelContext extends BaseFlowModelContext {
       } else if (on && typeof on === "object" && typeof on.eventName === "string" && on.eventName) {
         openEventName = on.eventName;
       }
-      await model2.dispatchEvent(
-        openEventName,
-        {
-          // navigation: false, // TODO: 路由模式有bug，不支持多层同样viewId的弹窗，因此这里默认先用false
-          // ...this.model?.['getInputArgs']?.(), // 避免部分关系字段信息丢失, 仿照 ClickableCollectionField 做法
-          ...opts
-        },
-        {
-          debounce: true
-        }
-      );
+      await model2.dispatchEvent(openEventName, {
+        // navigation: false, // TODO: 路由模式有bug，不支持多层同样viewId的弹窗，因此这里默认先用false
+        ...opts
+      });
     });
     this.defineMethod("getEvents", function() {
       return this.model.getEvents();
@@ -3475,6 +3512,20 @@ const _FlowRunJSContext = class _FlowRunJSContext extends FlowContext {
     ReactDOMShim.__nbRunjsInternalShim = true;
     this.defineProperty("ReactDOM", { value: ReactDOMShim });
     (0, import_runjsLibs.setupRunJSLibs)(this);
+    this.defineMethod("openView", async function(uid, options) {
+      const delegateOpenView = delegate.openView;
+      if (typeof delegateOpenView !== "function") {
+        throw new Error("ctx.openView is not available in current context.");
+      }
+      const routeState = (0, import_utils.createOpenViewRouteState)(options);
+      if (!routeState) {
+        return delegateOpenView(uid, options);
+      }
+      return delegateOpenView(uid, {
+        ...options || {},
+        [import_utils.RUNJS_OPEN_VIEW_ROUTE_STATE]: routeState
+      });
+    });
     this.defineMethod(
       "render",
       function(vnode, container) {

package/lib/flowI18n.js

@@ -81,7 +81,7 @@ const _FlowI18n = class _FlowI18n {
    * @private
    */
   isTemplate(str) {
-    return /\{\{\s*t\s*\(\s*["'`].*?["'`]\s*(?:,\s*.*?)?\s*\)\s*\}\}/g.test(str);
+    return /\{\{\s*t\s*\(\s*(["'`])(?:\\.|(?!\1).)*?\1\s*(?:,\s*.*?)?\s*\)\s*\}\}/.test(str);
   }
   /**
    * 编译模板字符串
@@ -89,8 +89,8 @@ const _FlowI18n = class _FlowI18n {
    */
   compileTemplate(template) {
     return template.replace(
-      /\{\{\s*t\s*\(\s*["'`](.*?)["'`]\s*(?:,\s*((?:[^{}]|\{[^}]*\})*?))?\s*\)\s*\}\}/g,
-      (match, key, optionsStr) => {
+      /\{\{\s*t\s*\(\s*(["'`])((?:\\.|(?!\1).)*?)\1\s*(?:,\s*((?:[^{}]|\{[^}]*\})*?))?\s*\)\s*\}\}/g,
+      (match, _quote, key, optionsStr) => {
         try {
           let templateOptions = {};
           if (optionsStr) {

package/lib/flowSettings.d.ts

@@ -9,7 +9,7 @@
 import React from 'react';
 import { FlowEngine } from '.';
 import type { FlowModel } from './models';
-import { StepSettingsDialogProps, ToolbarItemConfig } from './types';
+import { DynamicFlowSource, DynamicFlowSourceProvider, StepSettingsDialogProps, ToolbarItemConfig } from './types';
 /**
  * 打开流程设置的参数接口
  */
@@ -93,6 +93,7 @@ export declare class FlowSettings {
     enabled: boolean;
     private engine;
     toolbarItems: ToolbarItemConfig[];
+    private dynamicFlowSourceProviders;
     constructor(engine: FlowEngine);
     on(event: 'beforeOpen', callback: (...args: any[]) => void): void;
     off(event: 'beforeOpen', callback: (...args: any[]) => void): void;
@@ -206,6 +207,9 @@ export declare class FlowSettings {
      * @returns {ToolbarItemConfig[]} 所有项目配置
      */
     getToolbarItems(): ToolbarItemConfig[];
+    registerDynamicFlowSourceProvider(provider: DynamicFlowSourceProvider): () => void;
+    hasDynamicFlowSourceProvider(model: FlowModel): boolean;
+    getDynamicFlowSources(model: FlowModel): Promise<DynamicFlowSource[]>;
     /**
      * 清空所有工具栏项目
      * @example

package/lib/flowSettings.js

@@ -78,6 +78,7 @@ const _FlowSettings = class _FlowSettings {
     __privateAdd(this, _forceEnabled, false);
     // 强制启用状态，主要用于设计模式下的强制启用
     __publicField(this, "toolbarItems", []);
+    __publicField(this, "dynamicFlowSourceProviders", []);
     __privateAdd(this, _emitter, new import_emitter.Emitter());
     this.engine = engine;
     this.enabled = false;
@@ -369,6 +370,75 @@ const _FlowSettings = class _FlowSettings {
   getToolbarItems() {
     return [...this.toolbarItems];
   }
+  registerDynamicFlowSourceProvider(provider) {
+    const existingIndex = this.dynamicFlowSourceProviders.findIndex((item) => item.key === provider.key);
+    if (existingIndex !== -1) {
+      console.warn(
+        `FlowSettings: Dynamic flow source provider with key '${provider.key}' already exists and will be replaced.`
+      );
+      this.dynamicFlowSourceProviders[existingIndex] = provider;
+    } else {
+      this.dynamicFlowSourceProviders.push(provider);
+    }
+    this.dynamicFlowSourceProviders.sort((a, b) => (a.sort || 0) - (b.sort || 0));
+    return () => {
+      const index = this.dynamicFlowSourceProviders.indexOf(provider);
+      if (index !== -1) {
+        this.dynamicFlowSourceProviders.splice(index, 1);
+      }
+    };
+  }
+  hasDynamicFlowSourceProvider(model) {
+    return this.dynamicFlowSourceProviders.some((provider) => {
+      try {
+        return provider.visible ? provider.visible(model) : true;
+      } catch (error) {
+        console.warn(`FlowSettings: Dynamic flow source provider '${provider.key}' visibility check failed.`, error);
+        return false;
+      }
+    });
+  }
+  async getDynamicFlowSources(model) {
+    const t = (0, import_utils.getT)(model);
+    const selfSource = {
+      key: "self",
+      label: t("Current block"),
+      model,
+      sort: -1e3
+    };
+    const sources = [];
+    const seenKeys = /* @__PURE__ */ new Set(["self"]);
+    const seenModelUids = /* @__PURE__ */ new Set([model.uid]);
+    for (const provider of this.dynamicFlowSourceProviders) {
+      try {
+        if (provider.visible && !provider.visible(model)) {
+          continue;
+        }
+        const providerSources = await provider.getSources(model);
+        for (const source of providerSources || []) {
+          if (!(source == null ? void 0 : source.key) || !source.model) {
+            continue;
+          }
+          const key = String(source.key);
+          const uid = source.model.uid;
+          if (seenKeys.has(key) || seenModelUids.has(uid)) {
+            continue;
+          }
+          seenKeys.add(key);
+          seenModelUids.add(uid);
+          sources.push({
+            ...source,
+            key,
+            label: source.label || key,
+            sort: source.sort || 0
+          });
+        }
+      } catch (error) {
+        console.warn(`FlowSettings: Dynamic flow source provider '${provider.key}' failed.`, error);
+      }
+    }
+    return [selfSource, ...sources.sort((a, b) => (a.sort || 0) - (b.sort || 0))];
+  }
   /**
    * 清空所有工具栏项目
    * @example

package/lib/locale/en-US.json

@@ -56,6 +56,7 @@
   "Replace current block with template?": "Replace current block with template?",
   "Replaced with template block": "Replaced with template block",
   "Render failed": "Render failed",
+  "Response record": "Response record",
   "Step configuration": "Step configuration",
   "Step parameter configuration": "Step parameter configuration",
   "Step with key {{stepKey}} not found": "Step with key {{stepKey}} not found",

package/lib/locale/index.d.ts

@@ -65,6 +65,7 @@ export declare const locales: {
         "Replace current block with template?": string;
         "Replaced with template block": string;
         "Render failed": string;
+        "Response record": string;
         "Step configuration": string;
         "Step parameter configuration": string;
         "Step with key {{stepKey}} not found": string;
@@ -150,6 +151,7 @@ export declare const locales: {
         "Other blocks": string;
         "Previous step": string;
         "Render failed": string;
+        "Response record": string;
         "Step configuration": string;
         "Step parameter configuration": string;
         "Step with key {{stepKey}} not found": string;