@digitalsee-ai/rcs 2.0.4-beta6 → 2.0.4-rc3

package/dist/components/digitalsee/workflow/Canvas/hooks/useWorkflowCanvasState.d.ts

@@ -8,15 +8,10 @@ import { useWorkflow } from '../../hooks/useWorkflow';
 import { useAppDispatch } from '../../store';
 import { CanvasAPI, EdgeConfig as EngineEdgeConfig } from '../../types/engine';
 import { FlowDraftPayload } from '../../types/flowVersion';
+import { TriggerNodeInfo } from '../../utils/triggerNode';
 import { Connection, Edge, EdgeChange, Node, NodeChange, useEdgesState, useNodesState, useReactFlow, useStoreApi } from '@xyflow/react';
 import { default as React } from 'react';
-/** 当前画布 trigger 节点信息；一个画布最多一个 trigger，记录它即可推导画布级状态。 */
-export interface TriggerNodeInfo {
-    /** trigger 节点 id */
-    id: string;
-    /** 是否为 MCP Server 触发画布（trigger 节点的 action_key 指向 MCP Server） */
-    isMcpServer: boolean;
-}
+export type { TriggerNodeInfo } from '../../utils/triggerNode';
 export interface WorkflowCanvasStateResult {
     nodes: Node[];
     edges: Edge[];

package/dist/components/digitalsee/workflow/NodesConfig/NodePackageConfig/fields/plugin/variableHighlight.d.ts

@@ -0,0 +1,26 @@
+import { ViewPlugin } from '@codemirror/view';
+/** {{变量}} 高亮的 class 名，便于调试定位与外部样式覆盖 */
+export declare const VARIABLE_HIGHLIGHT_CLASS = "workflow-code-variable";
+/**
+ * 匹配带路径的节点变量 {{N节点ID.字段}}、全局变量 {{global.x}} 以及内置变量
+ * {{sys_tenant_id}} / {{response}}，不把任意 {{...}} 当作变量。
+ */
+export declare const buildVariableRegExp: () => RegExp;
+/**
+ * 变量在编辑器中的展示文本：隐藏 {{global. 与 {{N节点ID. 前缀，只保留字段路径。
+ * 例如 {{global.userName}} -> {{userName}}，{{ N1.profile.name }} -> {{profile.name}}。
+ */
+export declare const buildVariableDisplayText: (raw: string) => string;
+/**
+ * 给 CodeMirror 加 {{变量}} 高亮，并把变量块声明成原子区间。
+ *
+ * 结构与 JavascriptTagEditorField 的 placeholdersPlugin 保持一致：
+ * - 展示：用 replace 装饰把变量渲染成 {{字段路径}}，隐藏 global. / N节点ID. 前缀，
+ *   不改变文档内容，复制、悬停提示与提交时仍是完整变量；
+ * - 原子区间：光标无法停在块中间（点击/方向键都落到块边界），选区端点也不会切进块内，
+ *   因此鼠标框选、双击与 Backspace/Delete 都是整块选中、整块删除。
+ *
+ * 做成工厂函数（同 placeholdersPlugin）是为了让每个编辑器实例持有独立的
+ * MatchDecorator 与正则实例，避免正则 lastIndex 在多实例间共享。
+ */
+export declare const variableHighlightPlugin: () => ViewPlugin<any, undefined>;

package/dist/components/digitalsee/workflow/NodesConfig/components/FormFieldRenderer/fields/JavascriptTagEditorField/plugin/placeholders.d.ts

@@ -1,3 +1,4 @@
 import { ViewPlugin } from '@codemirror/view';
 import { PlaceholderThemesType } from '../interface';
+export declare const buildPlaceholderRegExp: () => RegExp;
 export declare const placeholdersPlugin: (themes: PlaceholderThemesType, mode?: string) => ViewPlugin<any, undefined>;

package/dist/components/digitalsee/workflow/NodesConfig/components/FormFieldRenderer/fields/TextField/index.d.ts

@@ -15,6 +15,7 @@ interface TextFieldProps extends IFieldSuperProps {
     lang?: CodeEditorLanguage;
     onFocus?: () => void;
     onBlur?: () => void;
+    required?: boolean;
 }
 export declare const TextField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/digitalsee/workflow/utils/triggerNode.d.ts

@@ -1,5 +1,12 @@
 import { Node } from '@xyflow/react';
-type TriggerCandidate = Pick<Node, 'type'> & Partial<Pick<Node, 'data'>>;
+type TriggerCandidate = Pick<Node, 'type' | 'id'> & Partial<Pick<Node, 'data'>>;
+/** 当前画布 trigger 节点信息；一个画布最多一个 trigger，记录它即可推导画布级状态。 */
+export interface TriggerNodeInfo {
+    /** trigger 节点 id */
+    id: string;
+    /** 是否为 MCP Server 触发画布（trigger 节点的 action_key 指向 MCP Server） */
+    isMcpServer: boolean;
+}
 /**
  * 判断节点是否为 Trigger 节点。
  *
@@ -10,4 +17,11 @@ type TriggerCandidate = Pick<Node, 'type'> & Partial<Pick<Node, 'data'>>;
  * 一个画布最多只有一个 trigger 节点，因此画布级推导只需记录该节点信息即可。
  */
 export declare const isTriggerNode: (node?: TriggerCandidate | null) => boolean;
+/**
+ * 从节点列表解析画布级 trigger 信息。
+ *
+ * 一个画布最多只有一个 trigger，因此找到第一个即可；`null` 表示当前画布没有 trigger。
+ * 抽成纯函数便于覆盖“新增/删除 trigger 后画布状态”的回归用例。
+ */
+export declare const findTriggerNodeInfo: (nodes: readonly TriggerCandidate[]) => TriggerNodeInfo | null;
 export {};

package/dist/components/dynamic-form/components/ValueModeWrapper/index.d.ts

@@ -56,6 +56,8 @@ export interface ValueModeWrapperProps {
     onFocus?: () => void;
     /** 失去焦点时的回调 */
     onBlur?: () => void;
+    /** 用户通过输入控件改值时的回调（外部程序化写值不会触发） */
+    onUserEdit?: (value: string) => void;
     /** 自定义渲染普通模式的组件 */
     renderNormalMode?: (props: {
         value?: string;
@@ -84,6 +86,8 @@ export interface ValueModeWrapperProps {
      * 代码编辑器语言（json / javascript）
      */
     lang?: CodeEditorLanguage;
+    /** 是否必填 */
+    required?: boolean;
 }
 export declare const ValueModeWrapper: React.FC<ValueModeWrapperProps>;
 export default ValueModeWrapper;

package/dist/components/dynamic-form/types/field-component.d.ts

@@ -66,6 +66,8 @@ export interface FieldComponentProps<T extends FieldDef = FieldDef, K = unknown>
     onChange?: (value: unknown) => void;
     /** 字段 ID（由 Form.Item 注入） */
     id?: string;
+    /** 是否必填 */
+    required?: boolean;
 }
 /**
  * 字段组件元数据

package/dist/index-Bk0YRxdv.mjs

@@ -0,0 +1,167 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { D as N, V as $, f as S, a as D, v as F, R as M, g as V, j as R, b as W, s as B } from "./index-C5Zcv_fc.mjs";
+import { useEventEmitter as G, useSize as L } from "ahooks";
+import { FormattedMessage as f } from "react-intl";
+import { CloseCircleFilled as A, CheckCircleFilled as P } from "@ant-design/icons";
+import { Button as k } from "antd";
+import { useRef as y, useMemo as T, useCallback as g, useEffect as z } from "react";
+import { createPortal as H } from "react-dom";
+const K = "_ideWrapper_sfar6_1", O = {
+  ideWrapper: K
+}, U = (n) => {
+  const { nodeId: i, onInsert: o, open: d } = n, a = G();
+  return a.useSubscription((c) => {
+    c.type === "insert" && o(c.expression);
+  }), /* @__PURE__ */ e(N.Provider, { value: { event$: a }, children: /* @__PURE__ */ e("div", { className: O.ideWrapper, children: /* @__PURE__ */ e($, { nodeId: i, onInsert: o, open: d }) }) });
+}, q = "_siderContainer_fhkbn_1", J = {
+  siderContainer: q
+};
+function Q(n) {
+  return /* @__PURE__ */ e("div", { className: J.siderContainer, children: /* @__PURE__ */ e(U, { open: n.open, nodeId: n.nodeId, onInsert: n.onInsert }) });
+}
+const X = {
+  javascript: "link.flow.code_editor_language_javascript",
+  json: "link.flow.code_editor_language_json"
+};
+function Y({ language: n = "javascript" }) {
+  return /* @__PURE__ */ l("h2", { id: "workflow-online-ide-title", className: "workflow-online-ide-title", children: [
+    /* @__PURE__ */ e(f, { id: "link.flow.code_editor" }),
+    " (",
+    /* @__PURE__ */ e(f, { id: X[n] }),
+    ")"
+  ] });
+}
+function Z(n) {
+  return /* @__PURE__ */ l("div", { className: "workflow-online-ide-toolbar", children: [
+    /* @__PURE__ */ e(k, { size: "small", onClick: n.onCancel, icon: /* @__PURE__ */ e(A, {}), children: /* @__PURE__ */ e(f, { id: "app.common.word.cancel" }) }),
+    /* @__PURE__ */ e(k, { type: "primary", size: "small", onClick: n.onFinish, icon: /* @__PURE__ */ e(P, {}), children: /* @__PURE__ */ e(f, { id: "app.common.word.finish" }) })
+  ] });
+}
+const ee = [{ trigger: "log", content: "console.log('$1');$2", desc: "输出日志" }, { trigger: "imp", content: "import $1 from '$2';$3" }, { trigger: "loop", content: `for (let $1=0; i< $2.length;i++) {
+
+}`, desc: "循环操作" }], ne = {
+  snippets: ee
+}, oe = "_modalContainer_1ajlo_5", ie = "_editorContainer_1ajlo_16", te = "_sider_1ajlo_25", re = "_main_1ajlo_34", ae = "_header_1ajlo_40", se = "_editor_1ajlo_16", s = {
+  modalContainer: oe,
+  editorContainer: ie,
+  sider: te,
+  main: re,
+  header: ae,
+  editor: se
+}, le = (n) => n === "javascript" ? [R()] : [W()], de = (n) => {
+  const i = n.matchBefore(/[\w$]*/);
+  return !i || i.from === i.to && !n.explicit ? null : {
+    from: i.from,
+    options: ne.snippets.map(
+      (o) => B(o.content, {
+        label: o.trigger,
+        detail: o.desc
+      })
+    )
+  };
+};
+function _e(n) {
+  var j;
+  const {
+    initialValue: i = "",
+    language: o = "javascript",
+    nodeId: d,
+    onCancel: a,
+    onChange: c,
+    onFinish: v,
+    open: m,
+    showVariableSidebar: E = !0
+  } = n, p = y(null), _ = y(null), u = L(_), x = T(
+    () => [
+      ...le(o),
+      ...o === "javascript" ? [D({ override: [de] })] : [],
+      F(),
+      S
+    ],
+    [o]
+  ), I = g((r) => {
+    var b;
+    const t = (b = p.current) == null ? void 0 : b.view;
+    if (!t)
+      return;
+    const h = t.state.selection.main;
+    t.dispatch({
+      changes: {
+        from: h.from,
+        to: h.to,
+        insert: r
+      },
+      selection: {
+        anchor: h.from + r.length
+      }
+    }), t.focus();
+  }, []), w = g(
+    () => {
+      var r, t;
+      return ((t = (r = p.current) == null ? void 0 : r.view) == null ? void 0 : t.state.doc.toString()) ?? i;
+    },
+    [i]
+  ), C = g(() => {
+    v(w());
+  }, [w, v]);
+  return z(() => {
+    if (!m)
+      return;
+    const r = (t) => {
+      t.key === "Escape" && (t.preventDefault(), a());
+    };
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [a, m]), H(
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: s.modalContainer,
+        ref: _,
+        style: { display: m ? "flex" : "none" },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "workflow-online-ide-title",
+        children: /* @__PURE__ */ l("div", { className: s.editorContainer, id: "javascript-code-editor", children: [
+          E ? /* @__PURE__ */ e("div", { className: s.sider, style: { maxWidth: "20%", padding: 0 }, children: /* @__PURE__ */ e(
+            Q,
+            {
+              onCancel: a,
+              onFinish: C,
+              editor: (j = p.current) == null ? void 0 : j.view,
+              nodeId: d ?? "",
+              open: !!m,
+              onInsert: I
+            }
+          ) }) : null,
+          /* @__PURE__ */ l("div", { className: s.main, children: [
+            /* @__PURE__ */ l("div", { className: s.header, children: [
+              /* @__PURE__ */ e(Y, { language: o }),
+              /* @__PURE__ */ e(Z, { onCancel: a, onFinish: C })
+            ] }),
+            /* @__PURE__ */ e("div", { className: s.editor, children: /* @__PURE__ */ e(
+              M,
+              {
+                ref: p,
+                value: i,
+                height: `${Math.max(((u == null ? void 0 : u.height) ?? 0) - 40, 0)}px`,
+                theme: V,
+                extensions: x,
+                onChange: c,
+                basicSetup: {
+                  lineNumbers: !0,
+                  foldGutter: !1
+                }
+              },
+              d
+            ) })
+          ] })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
+export {
+  _e as default
+};
+//# sourceMappingURL=index-Bk0YRxdv.mjs.map