@digitalsee-ai/rcs 1.1.8 → 2.0.0-beta10

package/dist/components/dynamic-form/context/VariableSelectorContext.d.ts

@@ -11,40 +11,34 @@ export interface VariableInfo {
     /** 图标 URL 或 React 节点 */
     icon?: string | React.ReactNode;
 }
-export type ValueMode = 'normal' | 'expression' | 'code' | 'fixValue';
+export type ValueMode = 'normal' | 'expression' | 'code' | 'formValue';
 interface RegisteredField {
     id: string;
     insertVariable: (variable: string, formatted: boolean) => void;
     focus: () => void;
 }
-export interface VariableSelectorContextValue {
-    /** 当前激活的字段 ID */
+/** 会随焦点/可见性变化的状态；仅真正需要订阅的组件应使用 */
+export interface VariableSelectorStateValue {
     activeFieldId: string | null;
-    /** 变量选择器是否可见 */
     selectorVisible: boolean;
-    /** 可用变量列表 */
     availableVariables: VariableInfo[];
-    /** 注册字段 */
+}
+/** 稳定操作接口；VariableInput 只消费这份，避免焦点切换拖垮整树 Slate 重渲染 */
+export interface VariableSelectorActionsValue {
     registerField: (field: RegisteredField) => void;
-    /** 注销字段 */
     unregisterField: (id: string) => void;
-    /** 激活字段（获得焦点时调用） */
     activateField: (id: string) => void;
-    /** 取消激活 */
     deactivateField: () => void;
-    /** 显示/隐藏变量选择器 */
     setSelectorVisible: (visible: boolean) => void;
-    /** 插入变量到当前激活的字段 */
     insertVariableToActiveField: (variable: string, wrapWithBraces?: boolean) => void;
-    /** 设置可用变量列表 */
     setAvailableVariables: (variables: VariableInfo[]) => void;
-    /** 验证变量是否有效 */
     validateVariable: (variable: string) => boolean;
-    /** 格式化变量为 {{variable}} 格式 */
     formatVariable: (variable: string) => string;
-    /** 从格式化字符串中提取变量 */
     extractVariable: (formatted: string) => string | null;
+    /** 读取当前激活字段（不触发订阅，供桥接插入使用） */
+    getActiveFieldId: () => string | null;
 }
+export type VariableSelectorContextValue = VariableSelectorStateValue & VariableSelectorActionsValue;
 export interface VariableSelectorProviderProps {
     children: React.ReactNode;
     /** 初始可用变量列表 */
@@ -57,11 +51,18 @@ export interface VariableSelectorProviderProps {
     onValidateVariable?: (variable: string) => boolean;
 }
 export declare const VariableSelectorProvider: React.FC<VariableSelectorProviderProps>;
+/** 完整读写（状态 + 操作）。焦点切换时会重渲染，仅桥接/面板使用 */
 export declare const useVariableSelector: () => VariableSelectorContextValue;
+/**
+ * 注册字段：只订阅稳定 Actions，不因 activeFieldId 变化而重渲染。
+ * 这是创建账号弹窗内多个 Slate 与节点配置表单并存时避免假死的关键路径。
+ */
 export declare const useRegisterVariableField: (id: string, insertVariable: (variable: string, formatted: boolean) => void, focus: () => void) => {
     activate: () => void;
     deactivate: () => void;
-    isActive: boolean;
 };
+/** 仅订阅稳定操作，不因焦点切换重渲染 */
+export declare const useVariableSelectorActionsOptional: () => VariableSelectorActionsValue | null;
+/** 可选订阅：同时拿状态与操作；无 Provider 时返回 null */
 export declare const useVariableSelectorOptional: () => VariableSelectorContextValue | null;
 export {};

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

@@ -1,10 +1,7 @@
 export * from './AntdProvider';
 export { AI_FILL_VALUE, AIFieldWrapper, type AIFieldWrapperProps, } from './components/AIFieldWrapper';
-export { type SelectValueMode, SelectWithExpression, type SelectWithExpressionProps, } from './components/SelectWithExpression';
 export { useValueModePolicyOptional, type ValueMode, ValueModeFieldScope, ValueModePolicyScope, ValueModeSwitch, type ValueModeSwitchProps, ValueModeWrapper, type ValueModeWrapperProps, withInheritedValueModePolicy, } from './components/ValueModeWrapper';
-export { VariableInput, type VariableInputProps, } from './components/VariableInput';
-export { VariableTextarea, type VariableTextareaProps, } from './components/VariableTextarea';
-export { useRegisterVariableField, useVariableSelector, useVariableSelectorOptional, type VariableInfo, type VariableSelectorContextValue, VariableSelectorProvider, type VariableSelectorProviderProps, } from './context/VariableSelectorContext';
+export { useRegisterVariableField, useVariableSelector, useVariableSelectorActionsOptional, useVariableSelectorOptional, type VariableInfo, type VariableSelectorActionsValue, type VariableSelectorContextValue, VariableSelectorProvider, type VariableSelectorProviderProps, type VariableSelectorStateValue, } from './context/VariableSelectorContext';
 export * from './DynamicForm';
 export * from './DynamicFormContext';
 export * from './FieldRenderer';

package/dist/index-B5ujKdXE.mjs

@@ -0,0 +1,282 @@
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { D as T, V as L, e as V, i as P, t as l, f as R, d as O } from "./index-BLqed5HY.mjs";
+import { useEventEmitter as B, useReactive as W, useSize as H } from "ahooks";
+import { FormattedMessage as $ } from "react-intl";
+import { CloseCircleFilled as A, CheckCircleFilled as K } from "@ant-design/icons";
+import { Button as M } from "antd";
+import * as z from "monaco-editor";
+import { useRef as I, useEffect as j } from "react";
+import { createPortal as q } from "react-dom";
+import J from "react-monaco-editor";
+const G = "_modalContainer_1ajlo_5", Q = "_editorContainer_1ajlo_16", U = "_sider_1ajlo_25", X = "_main_1ajlo_34", Y = "_header_1ajlo_40", Z = "_editor_1ajlo_16", w = {
+  modalContainer: G,
+  editorContainer: Q,
+  sider: U,
+  main: X,
+  header: Y,
+  editor: Z
+}, ee = "_ideWrapper_sfar6_1", ne = {
+  ideWrapper: ee
+}, te = (e) => {
+  const { nodeId: i, onInsert: o, open: c } = e, s = B();
+  return s.useSubscription((a) => {
+    a.type === "insert" && o(a.expression);
+  }), /* @__PURE__ */ t(T.Provider, { value: { event$: s }, children: /* @__PURE__ */ t("div", { className: ne.ideWrapper, children: /* @__PURE__ */ t(L, { nodeId: i, onInsert: o, open: c }) }) });
+}, ie = "_siderContainer_fhkbn_1", oe = {
+  siderContainer: ie
+};
+function re(e) {
+  return /* @__PURE__ */ t("div", { className: oe.siderContainer, children: /* @__PURE__ */ t(te, { open: e.open, nodeId: e.nodeId, onInsert: e.onInsert }) });
+}
+function se({ language: e = "javascript" }) {
+  return /* @__PURE__ */ v("h2", { id: "workflow-online-ide-title", className: "workflow-online-ide-title", children: [
+    /* @__PURE__ */ t($, { id: "link.flow.code_editor" }),
+    " (Javascript)"
+  ] });
+}
+function ae(e) {
+  return /* @__PURE__ */ v("div", { className: "workflow-online-ide-toolbar", children: [
+    /* @__PURE__ */ t(M, { size: "small", onClick: e.onCancel, icon: /* @__PURE__ */ t(A, {}), children: /* @__PURE__ */ t($, { id: "app.common.word.cancel" }) }),
+    /* @__PURE__ */ t(M, { type: "primary", size: "small", onClick: e.onFinish, icon: /* @__PURE__ */ t(K, {}), children: /* @__PURE__ */ t($, { id: "app.common.word.finish" }) })
+  ] });
+}
+const le = [{ 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: "循环操作" }], de = {
+  snippets: le
+}, ce = {
+  selectOnLineNumbers: !0,
+  automaticLayout: !0,
+  padding: {
+    top: 10
+  }
+};
+function ue(e) {
+  if (e.type === "global")
+    return [
+      `**${l("link.flow.variable_type_global")}**`,
+      `${l("link.flow.variable_path")}：\`${e.value}\``,
+      `${l("link.flow.variable_name")}：\`${e.path}\``
+    ].filter(Boolean).join(`
+
+`);
+  if (e.type === "builtin") {
+    const i = R.getBuiltinVariableTips(e.firstPart);
+    return [
+      `**${l("link.flow.variable_type_builtin")}**`,
+      `${l("link.flow.variable_path")}：\`${e.value}\``,
+      i
+    ].filter(Boolean).join(`
+
+`);
+  }
+  return e.type === "node" ? [
+    `**${l("link.flow.variable_type_node")}**`,
+    `${l("link.flow.variable_path")}：\`${e.value}\``,
+    e.path ? `${l("link.flow.variable_field")}：\`${e.path}\`` : ""
+  ].filter(Boolean).join(`
+
+`) : [
+    `**${l("link.flow.variable_type_platform")}**`,
+    `${l("link.flow.variable_path")}：\`${e.value}\``
+  ].join(`
+
+`);
+}
+const ge = (e) => ({
+  code: e.code,
+  severity: e.severity,
+  message: e.message,
+  source: e.source,
+  startLineNumber: e.startLineNumber,
+  startColumn: e.startColumn,
+  endLineNumber: e.endLineNumber,
+  endColumn: e.endColumn,
+  modelVersionId: e.modelVersionId,
+  relatedInformation: e.relatedInformation,
+  tags: e.tags
+});
+function N(e, i) {
+  const o = V(i.getValue());
+  if (!o.length)
+    return;
+  const c = e.editor.getModelMarkers({ resource: i.uri }), s = /* @__PURE__ */ new Map();
+  c.forEach((a) => {
+    const d = s.get(a.owner) ?? [];
+    d.push(a), s.set(a.owner, d);
+  }), s.forEach((a, d) => {
+    const u = a.filter(
+      (g) => !o.some((b) => O(b, g))
+    );
+    u.length !== a.length && e.editor.setModelMarkers(i, d, u.map(ge));
+  });
+}
+function pe(e, i) {
+  const o = [].map((c) => ({
+    insertText: c,
+    kind: e.languages.CompletionItemKind.Function,
+    // 对应提示图标的不同
+    label: c
+  }));
+  return e.languages.registerCompletionItemProvider(i, {
+    provideCompletionItems() {
+      return {
+        suggestions: o
+      };
+    },
+    quickSuggestions: !0,
+    // 默认提示关闭
+    triggerCharacters: ["{", ".", "=", ":"]
+    // 触发提示的字符 可以定义多个
+  });
+}
+function fe(e) {
+  return e.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+    noSemanticValidation: !0,
+    noSyntaxValidation: !1
+  }), e.languages.typescript.javascriptDefaults.setCompilerOptions({
+    target: e.languages.typescript.ScriptTarget.ES2015,
+    allowNonTsExtensions: !0
+  }), e.languages.registerCompletionItemProvider("javascript", {
+    provideCompletionItems: () => ({
+      suggestions: de.snippets.map((o) => ({
+        label: o.trigger,
+        kind: e.languages.CompletionItemKind.Method,
+        detail: o.desc ?? "",
+        insertText: o.content,
+        insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet
+      }))
+    })
+  });
+}
+function $e(e) {
+  const { open: i, nodeId: o, initialValue: c, language: s = "javascript", showVariableSidebar: a = !0 } = e, d = I(null), u = I([]), g = W({
+    code: "",
+    range: new z.Range(1, 1, 1, 1)
+  }), b = (n, r) => {
+    n.onDidChangeCursorPosition((p) => {
+      const m = p.position, { lineNumber: f = 0, column: C = 0 } = m;
+      g.range = new r.Range(f, C, f, C);
+    }), d.current = n, n.focus(), g.code = n.getValue();
+    const S = r.languages.registerHoverProvider(s, {
+      provideHover: (p, m) => new Promise((f) => {
+        const h = V(p.getValue()).find(
+          (F) => P(F, m.lineNumber, m.column)
+        );
+        if (!h) {
+          f(null);
+          return;
+        }
+        f({
+          range: new r.Range(
+            h.startLine,
+            h.startColumn,
+            h.endLine,
+            h.endColumn
+          ),
+          contents: [{ value: ue(h) }]
+        });
+      })
+    }), _ = n.getModel();
+    if (_) {
+      let p = !1;
+      const m = r.editor.onDidChangeMarkers((f) => {
+        p || !f.some((C) => C.toString() === _.uri.toString()) || (p = !0, window.setTimeout(() => {
+          try {
+            N(r, _);
+          } finally {
+            p = !1;
+          }
+        }, 0));
+      });
+      N(r, _), n.onDidDispose(() => m.dispose());
+    }
+    n.onDidDispose(() => S.dispose());
+  }, x = (n) => {
+    u.current.forEach((r) => {
+      r.dispose();
+    }), u.current = [pe(n, s)], s === "javascript" && u.current.push(fe(n));
+  };
+  j(
+    () => () => {
+      u.current.forEach((n) => {
+        n.dispose();
+      }), u.current = [];
+    },
+    []
+  ), j(() => {
+    if (!i)
+      return;
+    const n = (r) => {
+      r.key === "Escape" && (r.preventDefault(), e.onCancel());
+    };
+    return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+  }, [i, e.onCancel]);
+  const E = (n) => {
+    const r = [
+      {
+        range: g.range,
+        text: n,
+        forceMoveMarkers: !0
+      }
+    ];
+    d.current && g.range && d.current.executeEdits("my-source", r);
+  }, k = () => {
+    var n;
+    (n = e.onFinish) == null || n.call(e, g.code);
+  }, D = I(null), y = H(D);
+  return q(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: w.modalContainer,
+        ref: D,
+        style: { display: i ? "flex" : "none" },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "workflow-online-ide-title",
+        children: /* @__PURE__ */ v("div", { className: w.editorContainer, id: "javascript-code-editor", children: [
+          a ? /* @__PURE__ */ t("div", { className: w.sider, style: { maxWidth: "20%", padding: 0 }, children: /* @__PURE__ */ t(
+            re,
+            {
+              onCancel: e.onCancel,
+              onFinish: k,
+              editor: d.current,
+              nodeId: o,
+              open: i,
+              onInsert: E
+            }
+          ) }) : null,
+          /* @__PURE__ */ v("div", { className: w.main, children: [
+            /* @__PURE__ */ v("div", { className: w.header, children: [
+              /* @__PURE__ */ t(se, { language: s }),
+              /* @__PURE__ */ t(ae, { onCancel: e.onCancel, onFinish: k })
+            ] }),
+            /* @__PURE__ */ t("div", { className: w.editor, children: /* @__PURE__ */ t(
+              J,
+              {
+                width: "100%",
+                height: ((y == null ? void 0 : y.height) ?? 0) - 40,
+                language: s,
+                theme: "vs-dark",
+                value: c,
+                options: ce,
+                onChange: (n) => {
+                  g.code = n;
+                },
+                editorWillMount: x,
+                editorDidMount: b
+              },
+              o
+            ) })
+          ] })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
+export {
+  $e as default
+};
+//# sourceMappingURL=index-B5ujKdXE.mjs.map