@digitalsee-ai/rcs 1.1.8 → 2.0.0-beta2

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

@@ -0,0 +1,83 @@
+import { Edge, Node, Position } from '@xyflow/react';
+export type LayoutDirection = 'vertical' | 'horizontal';
+export interface NodeHandlePositions {
+    sources: Position[];
+    targets: Position[];
+}
+interface ActionKeyHandleLayout {
+    source: Position;
+    target: Position;
+}
+/**
+ * NodePackage 节点端口 position 的过渡手工映射。
+ *
+ * 字段说明：
+ * - source：source handle 在节点边框上的位置
+ * - target：target handle 在节点边框上的位置
+ *
+ * 优先级：`DipPortSchema.position` > `ACTION_KEY_HANDLE_LAYOUT` > 缺省 Left/Right。
+ * 后续 `DipPortSchema.position` 全量铺开后即可删除本表。
+ */
+export declare const ACTION_KEY_HANDLE_LAYOUT: Record<string, ActionKeyHandleLayout>;
+/**
+ * 给定一个 ReactFlow 节点，返回它所有 source / target handle 的 `Position`。
+ *
+ * 数据源优先级：
+ * 1. NodePackage 节点 → `DipPortSchema.position` > `ACTION_KEY_HANDLE_LAYOUT` > 缺省 Left/Right
+ * 2. 经典节点 → `nodeTypeRegistry` 中的 legacy handles
+ * 3. 兜底：返回空数组
+ *
+ * 该函数只读、不发起网络请求；schema 缺失时按 schema 字段的 `position` → 映射表 → Left/Right 降级。
+ */
+export declare function getNodeHandlePositions(node: Node): NodeHandlePositions;
+/**
+ * 节点是否参与垂直布局（子节点在父节点下方 / 上方）。
+ *
+ * 判定：节点的 source 或 target handle 中任一处于 Top/Bottom 即视为垂直。
+ */
+export declare function isVerticalLayoutNode(node: Node): boolean;
+/**
+ * 节点是否参与水平布局（子节点在父节点右侧 / 左侧）。
+ *
+ * 判定：节点的 source 或 target handle 中任一处于 Left/Right 即视为水平。
+ */
+export declare function isHorizontalLayoutNode(node: Node): boolean;
+/**
+ * 按边的 target handle 位置判定布局方向。
+ *
+ * 规则（与用户约定一致）：
+ * - target handle 在 Bottom/Top → 'vertical'
+ * - target handle 在 Left/Right → 'horizontal'
+ * - 缺省 → null（调用方自行决定 fallback）
+ */
+export declare function getEdgeLayoutDirection(edge: Pick<Edge, 'source' | 'target' | 'sourceHandle' | 'targetHandle'>, sourceNode?: Node | null, targetNode?: Node | null): LayoutDirection | null;
+/**
+ * 取边 source handle 在节点边框上的 `Position`（供连线风格 / 区间重叠判定使用）。
+ * 无 sourceHandle 时取第一个 source handle；找不到匹配时返回 undefined，调用方按水平处理。
+ */
+export declare function getEdgeSourcePosition(edge: Pick<Edge, 'sourceHandle'>, sourceNode: Node): Position | undefined;
+/**
+ * 节点是否拥有 Top 输入 handle，用于区分主流程节点与垂直子节点。
+ *
+ * 旧版用 `node.type === AI_SUB_NODE` 过滤；现在改为：节点的 target 中存在
+ * Top 入桩（典型 AI 子节点升级后通过 Bottom 入桩连接到父节点 ai_* 桩，但若
+ * 仍保留 Top 形态即可识别为"子节点"）。
+ */
+export declare function hasTopInputHandle(node: Node): boolean;
+/**
+ * 节点是否拥有 Top source handle。
+ *
+ * 旧版 `calculateNodePosition` 用 `n.type !== AI_SUB_NODE` 过滤主流程节点；
+ * 现在等价语义改为：节点 source 不在 Top（说明它不向上输出，不会作为垂直子节点）。
+ */
+export declare function hasTopSourceHandle(node: Node): boolean;
+/**
+ * 节点是否属于某个父节点的垂直子布局（向上发送 → 自己即 child）。
+ */
+export declare function isVerticalLayoutChild(node: Node): boolean;
+/**
+ * 画布整体方向：按节点 source handle 的方向统计，少数服从多数。
+ * 缺省（无法判定或平票）走水平。
+ */
+export declare function inferCanvasDirection(nodes: Node[]): LayoutDirection;
+export {};

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

@@ -0,0 +1,28 @@
+import { DipNodeSchema } from '../api/dip';
+import { PortConnectionEdge, PortConnectionValidationCode } from './portConnectionValidator';
+import { Node } from '@xyflow/react';
+export type NodePackageConnectionCode = PortConnectionValidationCode | 'NOT_APPLICABLE' | 'SCHEMA_NOT_READY';
+export interface NodePackageConnectionResult {
+    applicable: boolean;
+    valid: boolean;
+    code: NodePackageConnectionCode;
+    reason: string;
+    missingSchemaNodeIds?: string[];
+}
+export interface ValidateNodePackageConnectionInput {
+    sourceNode?: Node | null;
+    targetNode?: Node | null;
+    sourceHandle?: string | null;
+    targetHandle?: string | null;
+    edges?: readonly PortConnectionEdge[];
+}
+/** 同步解析已预加载的 NodePackage Schema。 */
+export declare function resolveNodePackageSchema(node?: Node | null): DipNodeSchema | null;
+export declare function isNodePackageConnectionNode(node?: Node | null): boolean;
+/**
+ * 校验两个 NodePackage 节点之间的端口连接。
+ *
+ * 混合 legacy/nodepackage 连接保留前端当前精确 handle 名称，并按后端虚拟端口契约
+ * 将 legacy 端口能力类型统一映射为 main。
+ */
+export declare function validateNodePackageConnection({ sourceNode, targetNode, sourceHandle, targetHandle, edges, }: ValidateNodePackageConnectionInput): NodePackageConnectionResult;

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

@@ -0,0 +1,29 @@
+import { PortConnectionValidationCode } from './portConnectionValidator';
+import { Edge, Node } from '@xyflow/react';
+export type NodePackageGraphIssueCode = PortConnectionValidationCode | 'REQUIRED_INPUT_MISSING' | 'SCHEMA_NOT_READY';
+export interface NodePackageGraphIssue {
+    code: NodePackageGraphIssueCode;
+    reason: string;
+    blocking: boolean;
+    nodeId?: string;
+    portName?: string;
+    edgeId?: string;
+    sourceNodeId?: string;
+    targetNodeId?: string;
+}
+export interface NodePackageGraphValidationResult {
+    valid: boolean;
+    issues: NodePackageGraphIssue[];
+    blockingIssues: NodePackageGraphIssue[];
+    missingSchemaNodeIds: string[];
+}
+interface ValidateNodePackageGraphInput {
+    nodes: readonly Node[];
+    edges: readonly Edge[];
+}
+/**
+ * 保存前检查当前已知的 NodePackage 端口约束。
+ * Schema 尚未加载属于非阻塞 warning，最终交给 ACM 后端兜底；已知非法端口则阻止保存。
+ */
+export declare function validateNodePackageGraph({ nodes, edges, }: ValidateNodePackageGraphInput): NodePackageGraphValidationResult;
+export {};

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

@@ -0,0 +1,15 @@
+import { DipNodeSchema, DipPortSchema } from '../api/dip';
+export declare function clearNodePackageSchemaCache(): void;
+export declare function setNodePackageSchemaCache(nodeKey: string, nodeVersion: number | undefined | null, schema: DipNodeSchema): void;
+/**
+ * 同步读取已预加载的 NodePackage Schema，不触发网络请求。
+ *
+ * 手动拖线发生在 ReactFlow 的同步校验阶段，无法等待异步 Schema 请求；
+ * 因此画布加载/选择器转换阶段会先预热缓存，再由这里读取。
+ */
+export declare function peekNodePackageSchema(nodeKey: string, nodeVersion?: number): DipNodeSchema | null;
+export declare function peekNodePackageSchemaByType(dynamicType: string): DipNodeSchema | null;
+export declare function peekNodePackageSchemaHandleInfo(dynamicType: string, handleName: string): DipPortSchema | null;
+export declare function peekSchemaHandleInfoByProtocol(dynamicType: string, protocol: string, isInput: boolean, preferredName?: string): DipPortSchema | null;
+export declare function getNodePackageSchema(nodeKey: string, nodeVersion?: number): Promise<DipNodeSchema | null>;
+export declare function getNodePackageSchemaByCache(nodeKey: string, nodeVersion?: number): DipNodeSchema | null;

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

@@ -0,0 +1,13 @@
+import { Node } from '@xyflow/react';
+/** 删除命中该列表的 Trigger 节点时，级联清空整张画布（删除所有其他节点） */
+export declare const TRIGGER_CASCADE_CLEAR_KEYS: readonly string[];
+/**
+ * 判断本次待删除节点中是否包含需要级联清空的 Trigger 节点。
+ * 若命中，返回画布上所有其他节点的 id，供调用方一并删除；否则返回空数组。
+ */
+export declare const onNodeRemoveHook: (nodes: Node[], nodeIds: string[]) => string[];
+/**
+ * 判断本次手动删除的节点中是否包含 trigger 节点。
+ * 命中表示用户主动删除了画布触发节点，画布据此不再展示 NodePlaceholder。
+ */
+export declare const isManualTriggerDeletion: (nodes: Node[], nodeIds: string[]) => boolean;

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

@@ -0,0 +1,13 @@
+import { Node } from '@xyflow/react';
+type TriggerCandidate = Pick<Node, 'type'> & Partial<Pick<Node, 'data'>>;
+/**
+ * 判断节点是否为 Trigger 节点。
+ *
+ * - 经典节点：type 固定为 StartEventNode
+ * - NodePackage 节点：判断与 nodeSchema 同级的 is_trigger 属性
+ *   （is_trigger 为 true / 1 / '1' 视为触发节点，'0' / 0 / false 不视为）
+ *
+ * 一个画布最多只有一个 trigger 节点，因此画布级推导只需记录该节点信息即可。
+ */
+export declare const isTriggerNode: (node?: TriggerCandidate | null) => boolean;
+export {};

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

@@ -1,11 +1,9 @@
-import { EngineMode } from '../enums/workflow';
 import { EdgeConfig, EdgeRulesConfig, NodeSelectorConnectableConfig } from '../types/engine';
 import { Edge, IsValidConnection, Node } from '@xyflow/react';
 interface ValidateWorkflowConnectionInput {
     edge: EdgeConfig;
     nodes: Node[];
     edges: Edge[];
-    engineMode?: EngineMode;
     connectable?: Pick<NodeSelectorConnectableConfig, 'enabled' | 'debug'>;
     validators?: EdgeRulesConfig['validators'];
     nativeIsValidConnection?: IsValidConnection;
@@ -16,5 +14,5 @@ interface ValidateWorkflowConnectionInput {
  * 手动拖线与程序化新增都传入各自的节点/边快照，从而复用 NodePackage、MCP、
  * 宿主 edgeRules 和 ReactFlow native validator。边中插入可由调用方先从快照移除旧边。
  */
-export declare function validateWorkflowConnection({ edge, nodes, edges, engineMode, connectable, validators, nativeIsValidConnection, }: ValidateWorkflowConnectionInput): boolean;
+export declare function validateWorkflowConnection({ edge, nodes, edges, connectable, validators, nativeIsValidConnection, }: ValidateWorkflowConnectionInput): boolean;
 export {};

package/dist/components/digitalsee/workflow/workflow.story-fixtures.d.ts

@@ -0,0 +1,50 @@
+import { WorkflowHttpClient } from './index';
+export declare const DEMO_WORKFLOW_ID = "local-ai-flow-preview";
+export declare const DEMO_CONFIG_NODE_ID = "send-notice";
+export declare const DEMO_NODE_CATALOG_WORKFLOW_ID = "local-ai-flow-node-catalog";
+export declare const DEMO_CLASSIC_FIELDS_WORKFLOW_ID = "local-ai-flow-classic-fields";
+export declare const DEMO_CLASSIC_FIELDS_NODE_ID = "classic-fields-catalog";
+export declare const DEMO_CONTROL_NODES_WORKFLOW_ID = "local-ai-flow-control-nodes";
+export declare const DEMO_CONDITION_NODE_ID = "control-condition";
+export declare const DEMO_SWITCH_NODE_ID = "control-switch";
+export declare const DEMO_LOOP_NODE_ID = "control-loop";
+export declare const DEMO_MCP_TOOL_NODE_ID = "control-mcp-tool";
+export declare const DEMO_CREDENTIAL_WORKFLOW_ID = "local-ai-flow-credential";
+export declare const DEMO_CREDENTIAL_NODE_ID = "credential-database-query";
+type MockFlowNode = {
+    id: string;
+    n_id: string;
+    node_type: string;
+    action_name: string;
+    connector_name: string;
+    connector_id: string;
+    action_id: string;
+    description: string;
+    protocol: string;
+    status: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    properties: Record<string, unknown>;
+    account_id?: string | null;
+    account_schema_id?: string | number;
+    deployment_type?: string;
+    output?: unknown;
+    branches?: Array<{
+        id: string;
+        label: string;
+    }>;
+    note?: string;
+    name?: string;
+};
+export declare const RUNTIME_NODE_CATALOG: MockFlowNode[];
+/**
+ * 为 AI FLOW 源码验收页提供稳定的本地请求响应。
+ *
+ * @param url RCS 组件请求地址。
+ * @param options 请求方法与请求体。
+ * @returns 与线上接口形状一致的模拟数据。
+ */
+export declare const mockAiFlowHttpClient: WorkflowHttpClient;
+export {};

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

@@ -4,7 +4,7 @@ export { type SelectValueMode, SelectWithExpression, type SelectWithExpressionPr
 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-CBoDAvhq.mjs

@@ -0,0 +1,285 @@
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { D as T, V as L, e as x, i as P, t as l, f as R, d as O } from "./index-zEq02rJh.mjs";
+import { useEventEmitter as B, useReactive as W, useSize as A } from "ahooks";
+import { FormattedMessage as I } from "react-intl";
+import { CloseCircleFilled as H, CheckCircleFilled as K } from "@ant-design/icons";
+import { Button as M } from "antd";
+import * as z from "monaco-editor";
+import { useRef as k, useEffect as N } from "react";
+import { createPortal as q } from "react-dom";
+import J from "react-monaco-editor";
+const G = "_modalContainer_8inkd_5", Q = "_editorContainer_8inkd_16", U = "_sider_8inkd_25", X = "_main_8inkd_34", Y = "_header_8inkd_40", Z = "_editor_8inkd_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__ */ v("div", { className: oe.siderContainer, children: [
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(te, { open: e.open, nodeId: e.nodeId, onInsert: e.onInsert }) }),
+    /* @__PURE__ */ t("div", { style: { textAlign: "center" } })
+  ] });
+}
+function se({ language: e = "javascript" }) {
+  return /* @__PURE__ */ v("h2", { id: "workflow-online-ide-title", className: "workflow-online-ide-title", children: [
+    /* @__PURE__ */ t(I, { 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(H, {}), children: /* @__PURE__ */ t(I, { id: "app.common.word.cancel" }) }),
+    /* @__PURE__ */ t(M, { type: "primary", size: "small", onClick: e.onFinish, icon: /* @__PURE__ */ t(K, {}), children: /* @__PURE__ */ t(I, { 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 V(e, i) {
+  const o = x(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 fe(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 pe(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 Ie(e) {
+  const { open: i, nodeId: o, initialValue: c, language: s = "javascript", showVariableSidebar: a = !0 } = e, d = k(null), u = k([]), g = W({
+    code: "",
+    range: new z.Range(1, 1, 1, 1)
+  }), b = (n, r) => {
+    n.onDidChangeCursorPosition((f) => {
+      const m = f.position, { lineNumber: p = 0, column: C = 0 } = m;
+      g.range = new r.Range(p, C, p, C);
+    }), d.current = n, n.focus(), g.code = n.getValue();
+    const j = r.languages.registerHoverProvider(s, {
+      provideHover: (f, m) => new Promise((p) => {
+        const h = x(f.getValue()).find(
+          (F) => P(F, m.lineNumber, m.column)
+        );
+        if (!h) {
+          p(null);
+          return;
+        }
+        p({
+          range: new r.Range(
+            h.startLine,
+            h.startColumn,
+            h.endLine,
+            h.endColumn
+          ),
+          contents: [{ value: ue(h) }]
+        });
+      })
+    }), _ = n.getModel();
+    if (_) {
+      let f = !1;
+      const m = r.editor.onDidChangeMarkers((p) => {
+        f || !p.some((C) => C.toString() === _.uri.toString()) || (f = !0, window.setTimeout(() => {
+          try {
+            V(r, _);
+          } finally {
+            f = !1;
+          }
+        }, 0));
+      });
+      V(r, _), n.onDidDispose(() => m.dispose());
+    }
+    n.onDidDispose(() => j.dispose());
+  }, E = (n) => {
+    u.current.forEach((r) => {
+      r.dispose();
+    }), u.current = [fe(n, s)], s === "javascript" && u.current.push(pe(n));
+  };
+  N(
+    () => () => {
+      u.current.forEach((n) => {
+        n.dispose();
+      }), u.current = [];
+    },
+    []
+  ), N(() => {
+    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 S = (n) => {
+    const r = [
+      {
+        range: g.range,
+        text: n,
+        forceMoveMarkers: !0
+      }
+    ];
+    d.current && g.range && d.current.executeEdits("my-source", r);
+  }, $ = () => {
+    var n;
+    (n = e.onFinish) == null || n.call(e, g.code);
+  }, D = k(null), y = A(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, children: /* @__PURE__ */ t(
+            re,
+            {
+              onCancel: e.onCancel,
+              onFinish: $,
+              editor: d.current,
+              nodeId: o,
+              open: i,
+              onInsert: S
+            }
+          ) }) : 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: $ })
+            ] }),
+            /* @__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: E,
+                editorDidMount: b
+              },
+              o
+            ) })
+          ] })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
+export {
+  Ie as default
+};
+//# sourceMappingURL=index-CBoDAvhq.mjs.map