@blueking/bkflow-canvas-editor 1.1.0-beta.1 → 1.1.0-beta.2

package/dist/index.d.ts

@@ -2,13 +2,78 @@ import * as vue from 'vue';
 import { ComputedRef, Ref } from 'vue';
 import { AxiosInstance, AxiosRequestConfig } from 'axios';
 import * as _blueking_flow_canvas from '@blueking/flow-canvas';
-import { CanvasUiEvent, QuickAddConfig, FlowModel, FlowNodeModel, NodeActionsConfig, ConnectionValidator, CanvasPlugin, CommandEnvelope, CanvasSchema } from '@blueking/flow-canvas';
+import { CanvasUiEvent, QuickAddConfig, CanvasSchema, FlowModel, FlowNodeModel, NodeActionsConfig, ConnectionValidator, CanvasPlugin, CanvasToolbarItem, CommandEnvelope } from '@blueking/flow-canvas';
 export { InsertDirection, QuickAddConfig, QuickAddInsertDirectionResolver, QuickAddPortResolver } from '@blueking/flow-canvas';
 
+/**
+ * Flow API 配置接口
+ */
+interface FlowApiConfig {
+    /** API 基础路径 */
+    baseURL?: string;
+    /** 自定义 axios 实例（可选，如果提供则优先使用） */
+    axiosInstance?: AxiosInstance;
+    /** axios 配置（可选，用于创建新的 axios 实例） */
+    axiosConfig?: AxiosRequestConfig;
+    /** CSRF cookie 名称（可选，用于创建新的 axios 实例时设置 xsrfCookieName） */
+    xsrfCookieName?: string;
+    /** 作用域数据（必需，由外部传入） */
+    scopeData: {
+        scope_type: string;
+        scope_value: number;
+    };
+    /**
+     * 用户查询 API 地址（可选）
+     * @deprecated 请改用 FlowEdit/FlowView 顶层组件的 `memberSelectorConfig.fetchUserApi`。
+     * 该字段仅保留向后兼容，未来版本会移除。
+     */
+    fetchUserApi?: string;
+    /** 是否启用第三方插件（可选，默认为 true） */
+    enableThirdPlugin?: boolean;
+}
+
+type __VLS_Slots$5 = {
+    header?: () => any;
+    extend?: () => any;
+};
+type __VLS_Props$6 = {
+    flowId: string;
+    taskId: string | number;
+    apiConfig: FlowApiConfig;
+    bkflowSaasUrl?: string;
+    defaultZoom?: number;
+    onBack?: () => void;
+};
+declare const __VLS_base$5: vue.DefineComponent<__VLS_Props$6, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    back: () => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$6> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {
+    defaultZoom: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$6: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$7: typeof __VLS_export$6;
+
+type __VLS_WithSlots$5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare namespace __mock_vue {
+  export {
+    _default$7 as default,
+  };
+}
+
 type NodeExecutionStatus = 'CREATED' | 'RUNNING' | 'FINISHED' | 'FAILED' | 'SUSPENDED' | 'REVOKED';
 type ExecutionNodeAction = 'retry' | 'skip' | 'resume' | 'approve' | 'forceFail' | 'gatewaySkip';
 interface NodeExecutionState {
     status: NodeExecutionStatus;
+    version?: string;
+    start_time?: string;
+    finish_time?: string;
+    elapsed_time?: number;
     /** 旧版任务引擎的 task 状态，优先用于识别 REVOKED */
     taskState?: string;
     /** 兼容旧版 snake_case 字段 */
@@ -52,6 +117,8 @@ type PortOrientation = 'Top' | 'Right' | 'Bottom' | 'Left';
 
 type GatewayType = 'ExclusiveGateway' | 'ParallelGateway' | 'ConditionalParallelGateway' | 'ConvergeGateway';
 
+type NodeType = StartEvent | EndEvent | Activity | Gateway;
+
 interface PluginInputDataItem {
   value:
     | string
@@ -507,6 +574,19 @@ interface DndNodeItem {
     disabledTip?: string;
     tipsImage?: string;
 }
+interface UniformApiPluginOutputItem {
+    key: string;
+    name?: string;
+    type?: string;
+    description?: string;
+    schema?: Record<string, any>;
+    form_type?: string;
+    options?: Array<{
+        label?: string;
+        value?: unknown;
+        text?: string;
+    }>;
+}
 interface UniformApiPluginDetail {
     alias: string;
     bk_tenant_id: string;
@@ -521,7 +601,7 @@ interface UniformApiPluginDetail {
     url: string;
     methods: string[];
     inputs: Record<string, any>;
-    outputs: string[];
+    outputs?: Array<UniformApiPluginOutputItem | string>;
     scope_id: string;
     sign: string;
     updated_at: string;
@@ -622,29 +702,6 @@ interface FlowEditExpose {
     openGlobalVariables: () => void;
 }
 
-/**
- * Flow API 配置接口
- */
-interface FlowApiConfig {
-    /** API 基础路径 */
-    baseURL?: string;
-    /** 自定义 axios 实例（可选，如果提供则优先使用） */
-    axiosInstance?: AxiosInstance;
-    /** axios 配置（可选，用于创建新的 axios 实例） */
-    axiosConfig?: AxiosRequestConfig;
-    /** CSRF cookie 名称（可选，用于创建新的 axios 实例时设置 xsrfCookieName） */
-    xsrfCookieName?: string;
-    /** 作用域数据（必需，由外部传入） */
-    scopeData: {
-        scope_type: string;
-        scope_value: number;
-    };
-    /** 用户查询 API 地址（可选） */
-    fetchUserApi?: string;
-    /** 是否启用第三方插件（可选，默认为 true） */
-    enableThirdPlugin?: boolean;
-}
-
 interface DrawPipelineParams {
     pipeline_tree: PipelineTree;
     canvas_width: number;
@@ -653,11 +710,73 @@ interface DrawPipelineParams {
     gateway_size?: [number, number];
     start?: [number, number];
 }
+interface CreateMockDebugTaskParams {
+    template_id: number;
+    name: string;
+    pipeline_tree: PipelineTree;
+    mock_data: {
+        nodes: string[];
+        outputs: Record<string, Record<string, unknown>>;
+        mock_data_ids?: Record<string, number | string>;
+    };
+    creator?: string;
+}
+interface StopMockDebugTaskParams {
+    task_id: number | string;
+}
+interface FetchTaskStateParams {
+    task_id: number | string;
+}
+interface FetchTaskNodeDetailParams {
+    task_id: number | string;
+    node_id: string;
+}
+interface FetchTaskNodeSnapshotParams {
+    task_id: number | string;
+    node_id: string;
+}
+interface FetchTaskNodeLogParams {
+    task_id: number | string;
+    node_id: string;
+    version: string;
+}
+interface OperateTaskNodeParams {
+    task_id: number | string;
+    node_id: string;
+    action: ExecutionNodeAction;
+    data?: Record<string, unknown>;
+    /** 自定义 operation，优先级高于 action 默认映射 */
+    operation?: string;
+}
+interface GetFlowTaskDetailParams {
+    task_id: number | string;
+}
+interface FlowTaskDetail {
+    id: number | string;
+    template_id: number;
+    pipeline_tree: PipelineTree;
+    [key: string]: unknown;
+}
+interface TaskStateResult {
+    state?: string;
+    status?: string;
+    node_states?: TaskExecutionStates;
+    states?: Record<string, unknown>;
+    children?: Record<string, unknown> | unknown[];
+    nodes?: Record<string, unknown> | unknown[];
+    activities?: Record<string, unknown>;
+    gateways?: Record<string, unknown>;
+    [key: string]: unknown;
+}
 
 interface FlowViewApiConfig {
     fetchFlowDetail: (id: string) => Promise<FlowTemplate>;
     fetchSpaceFlowConfig: (id: string) => Promise<SpaceFlowConfig>;
     fetchSystemVariables: (id: string) => Promise<Variable[]>;
+    /**
+     * 用户查询 API 地址
+     * @deprecated 请改用 memberSelectorConfig.fetchUserApi（顶层组件 prop）
+     */
     fetchUserApi?: string;
     /** 作用域数据（必需，由外部传入） */
     scopeData: {
@@ -694,12 +813,30 @@ interface FlowViewApiConfig {
         };
     }>;
     executeFlowTask?: (params: {
-        task_id: number;
-        action: string;
+        task_id: number | string;
         resource_type: string;
-        resource_id: number;
+        resource_id: number | string;
         permission_type: string;
     }) => Promise<any>;
+    revokeFlowTask?: (params: {
+        task_id: number | string;
+        resource_type: string;
+        resource_id: number | string;
+        permission_type: string;
+    }) => Promise<any>;
+    createMockDebugTask?: (params: CreateMockDebugTaskParams) => Promise<{
+        data: {
+            id: number | string;
+            template_id: number;
+        };
+    }>;
+    stopMockDebugTask?: (params: StopMockDebugTaskParams) => Promise<void>;
+    fetchTaskState?: (params: FetchTaskStateParams) => Promise<TaskStateResult>;
+    fetchTaskNodeDetail?: (params: FetchTaskNodeDetailParams) => Promise<unknown>;
+    fetchTaskNodeSnapshot?: (params: FetchTaskNodeSnapshotParams) => Promise<unknown>;
+    fetchTaskNodeLog?: (params: FetchTaskNodeLogParams) => Promise<unknown>;
+    operateTaskNode?: (params: OperateTaskNodeParams) => Promise<unknown>;
+    getFlowTaskDetail?: (params: GetFlowTaskDetailParams) => Promise<FlowTaskDetail>;
     fetchControlConfig?: () => Promise<Record<string, any>>;
     checkSpaceConfig?: (scopeValue: number, params: {
         name: string;
@@ -749,14 +886,122 @@ interface FlowEditApiConfig extends FlowViewApiConfig {
         };
     }>;
     executeFlowTask?: (params: {
-        task_id: number;
-        action: string;
+        task_id: number | string;
         resource_type: string;
-        resource_id: number;
+        resource_id: number | string;
         permission_type: string;
     }) => Promise<any>;
+    revokeFlowTask?: (params: {
+        task_id: number | string;
+        resource_type: string;
+        resource_id: number | string;
+        permission_type: string;
+    }) => Promise<any>;
+    createMockDebugTask?: (params: CreateMockDebugTaskParams) => Promise<{
+        data: {
+            id: number | string;
+            template_id: number;
+        };
+    }>;
+    stopMockDebugTask?: (params: StopMockDebugTaskParams) => Promise<void>;
+    fetchTaskState?: (params: FetchTaskStateParams) => Promise<TaskStateResult>;
+    fetchTaskNodeDetail?: (params: FetchTaskNodeDetailParams) => Promise<unknown>;
+    fetchTaskNodeSnapshot?: (params: FetchTaskNodeSnapshotParams) => Promise<unknown>;
+    fetchTaskNodeLog?: (params: FetchTaskNodeLogParams) => Promise<unknown>;
+    getFlowTaskDetail?: (params: GetFlowTaskDetailParams) => Promise<FlowTaskDetail>;
 }
 
+/**
+ * 插件分组选择面板配置
+ */
+interface SelectPanelConfig {
+    agentApplyUrl?: string;
+    agentResourceUrl?: string;
+    agentButtonText?: string;
+    knowledgebaseResourceUrl?: string;
+}
+/**
+ * 人员选择器配置
+ * 采用判别联合（discriminated union）：
+ *  - mode 缺省或为 'legacy'：使用组件内置的 UserSelector，依赖 fetchUserApi
+ *  - mode 为 'tenant'：使用多租户人员选择器 @blueking/bk-user-selector，
+ *    tenantId 与 apiBaseUrl 在类型上即为必填
+ *    接入方需自行安装 npm 包 @blueking/bk-user-selector
+ */
+type MemberSelectorConfig = {
+    mode?: 'legacy';
+    /** 用户查询 API 地址 */
+    fetchUserApi?: string;
+} | {
+    mode: 'tenant';
+    /** 租户 ID */
+    tenantId: string;
+    /** bk-user 服务的 API 基础地址 */
+    apiBaseUrl: string;
+    /** 当前登录用户 ID，开启后可在下拉中快捷选择"我" */
+    currentUserId?: string;
+    /** 是否启用跨租户搜索，默认 false */
+    enableMultiTenantMode?: boolean;
+    /** 是否展示头像，默认 false */
+    hasAvatar?: boolean;
+    /** 头像 CDN 基础地址 */
+    avatarBaseUrl?: string;
+    /** 最近选择的用户 ID 列表 */
+    recentUserIds?: string[];
+};
+/**
+ * 在顶层组件中提供 FlowApiConfig
+ * @param config FlowApiConfig 配置对象或已处理的 API 配置对象
+ * @returns 返回处理后的 API 配置对象
+ */
+declare function provideFlowApiConfig(config: FlowApiConfig | FlowEditApiConfig | FlowViewApiConfig): FlowEditApiConfig | FlowViewApiConfig;
+/**
+ * 在子组件中注入 FlowApiConfig（通用版本）
+ * @returns FlowEditApiConfig
+ * @throws 如果 apiConfig 未提供则抛出错误
+ */
+declare function useFlowApiConfig(): FlowEditApiConfig;
+/**
+ * 在子组件中注入 FlowEditApiConfig（类型化版本）
+ * @returns FlowEditApiConfig
+ */
+declare function useFlowEditApiConfig(): FlowEditApiConfig;
+/**
+ * 在子组件中注入 FlowViewApiConfig（类型化版本）
+ * 注意：实际上返回的是 FlowEditApiConfig，但类型上兼容 FlowViewApiConfig
+ * @returns FlowViewApiConfig
+ */
+declare function useFlowViewApiConfig(): FlowViewApiConfig;
+/**
+ * 在顶层组件中提供 SelectPanelConfig
+ * @param config SelectPanelConfig 配置对象
+ */
+declare function provideSelectPanelConfig(config: SelectPanelConfig): void;
+/**
+ * 在子组件中注入 SelectPanelConfig
+ * @returns SelectPanelConfig 或 null（如果未提供配置）
+ */
+declare function useSelectPanelConfig(): SelectPanelConfig | null;
+/**
+ * 在顶层组件中提供 MemberSelectorConfig
+ *
+ * 注意：当 `config` 为 undefined 时，**不会调用 provide**，从而不会遮蔽
+ * 父级（如外层 FlowView/FlowEdit）已经 provide 的配置。
+ * 例如 `FlowView` 内部渲染 `FlowCreateTask` 时，如果调用方仅在 `FlowView`
+ * 上传入 `memberSelectorConfig`，则 `FlowCreateTask` 不会因为自己未收到 prop
+ * 而把 tenant 配置覆盖回 legacy。
+ *
+ * 若调用方主动传入 `{ mode: 'legacy' }`，则视为显式覆盖，按正常 provide。
+ *
+ * @param config MemberSelectorConfig 配置对象；为 undefined 时跳过 provide
+ */
+declare function provideMemberSelectorConfig(config?: MemberSelectorConfig): void;
+/**
+ * 在子组件中注入 MemberSelectorConfig
+ * @returns MemberSelectorConfig，未提供时返回 { mode: 'legacy' }
+ */
+declare function useMemberSelectorConfig(): MemberSelectorConfig;
+
 type __VLS_Props$5 = {
     flowId: string;
     show: boolean;
@@ -768,10 +1013,12 @@ type __VLS_Props$5 = {
         variablesValue: Record<string, any>;
     }) => Promise<void> | void;
     useCustomConfirm?: boolean;
-    onExecuteSuccess?: (taskId: number, templateId: number) => void;
+    mockData?: CreateMockDebugTaskParams['mock_data'];
+    onExecuteSuccess?: (taskId: number | string, templateId: number) => void;
     bkflowSaasUrl?: string;
     enableVersion?: boolean;
     flowVersion?: string;
+    memberSelectorConfig?: MemberSelectorConfig;
 };
 declare var __VLS_72: {
     formData: {
@@ -795,8 +1042,8 @@ declare const __VLS_base$4: vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, v
 }>, {
     editable: boolean;
     showFlowEntry: boolean;
-    enableVersion: boolean;
     useCustomConfirm: boolean;
+    enableVersion: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$5: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
 declare const _default$6: typeof __VLS_export$5;
@@ -833,8 +1080,8 @@ declare const __VLS_base$3: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, v
     approve: (nodeId: string) => any;
     forceFail: (nodeId: string) => any;
     gatewaySkip: (nodeId: string) => any;
-    back: () => any;
     "ui-event": (event: CanvasUiEvent) => any;
+    back: () => any;
     "node-click": (event: {
         type: "node.click";
         nodeId: string;
@@ -852,8 +1099,8 @@ declare const __VLS_base$3: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, v
     onApprove?: ((nodeId: string) => any) | undefined;
     onForceFail?: ((nodeId: string) => any) | undefined;
     onGatewaySkip?: ((nodeId: string) => any) | undefined;
-    onBack?: (() => any) | undefined;
     "onUi-event"?: ((event: CanvasUiEvent) => any) | undefined;
+    onBack?: (() => any) | undefined;
     "onNode-click"?: ((event: {
         type: "node.click";
         nodeId: string;
@@ -892,6 +1139,7 @@ type __VLS_Props$3 = {
     apiConfig: FlowApiConfig;
     onExecuteSuccess?: (taskId: number, templateId: number) => void;
     bkflowSaasUrl?: string;
+    memberSelectorConfig?: MemberSelectorConfig;
 };
 declare const __VLS_export$3: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     close: (...args: any[]) => void;
@@ -917,49 +1165,6 @@ declare namespace __create_task_vue {
   };
 }
 
-/**
- * 插件分组选择面板配置
- */
-interface SelectPanelConfig {
-    agentApplyUrl?: string;
-    agentResourceUrl?: string;
-    agentButtonText?: string;
-    knowledgebaseResourceUrl?: string;
-}
-/**
- * 在顶层组件中提供 FlowApiConfig
- * @param config FlowApiConfig 配置对象或已处理的 API 配置对象
- * @returns 返回处理后的 API 配置对象
- */
-declare function provideFlowApiConfig(config: FlowApiConfig | FlowEditApiConfig | FlowViewApiConfig): FlowEditApiConfig | FlowViewApiConfig;
-/**
- * 在子组件中注入 FlowApiConfig（通用版本）
- * @returns FlowEditApiConfig
- * @throws 如果 apiConfig 未提供则抛出错误
- */
-declare function useFlowApiConfig(): FlowEditApiConfig;
-/**
- * 在子组件中注入 FlowEditApiConfig（类型化版本）
- * @returns FlowEditApiConfig
- */
-declare function useFlowEditApiConfig(): FlowEditApiConfig;
-/**
- * 在子组件中注入 FlowViewApiConfig（类型化版本）
- * 注意：实际上返回的是 FlowEditApiConfig，但类型上兼容 FlowViewApiConfig
- * @returns FlowViewApiConfig
- */
-declare function useFlowViewApiConfig(): FlowViewApiConfig;
-/**
- * 在顶层组件中提供 SelectPanelConfig
- * @param config SelectPanelConfig 配置对象
- */
-declare function provideSelectPanelConfig(config: SelectPanelConfig): void;
-/**
- * 在子组件中注入 SelectPanelConfig
- * @returns SelectPanelConfig 或 null（如果未提供配置）
- */
-declare function useSelectPanelConfig(): SelectPanelConfig | null;
-
 type __VLS_Slots$2 = {
     header?: () => any;
     inputParams?: (props: {
@@ -997,11 +1202,16 @@ type __VLS_Props$2 = {
     }) => Promise<void> | void;
     useCustomDebugConfirm?: boolean;
     selectPanelConfig?: SelectPanelConfig;
+    memberSelectorConfig?: MemberSelectorConfig;
     onSave?: (flowData: FlowTemplate) => void;
     onSaveSuccess?: () => void;
     onBack?: () => void;
     onExitEdit?: () => void;
     onBeforeLeave?: (isEdited: boolean) => Promise<boolean>;
+    onMockDebugCreated?: (params: {
+        taskId: number | string;
+        templateId: number | string;
+    }) => void;
     enableVersion?: boolean;
     flowVersion?: string;
     defaultZoom?: number;
@@ -1016,22 +1226,30 @@ declare const __VLS_base$2: vue.DefineComponent<__VLS_Props$2, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     back: () => any;
     save: (flowData: FlowTemplate) => any;
+    mockDebugCreated: (params: {
+        taskId: number | string;
+        templateId: number | string;
+    }) => any;
     saveSuccess: () => any;
     exitEdit: () => any;
     debugBeforeClose: () => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
     onBack?: (() => any) | undefined;
     onSave?: ((flowData: FlowTemplate) => any) | undefined;
+    onMockDebugCreated?: ((params: {
+        taskId: number | string;
+        templateId: number | string;
+    }) => any) | undefined;
     onSaveSuccess?: (() => any) | undefined;
     onExitEdit?: (() => any) | undefined;
     onDebugBeforeClose?: (() => any) | undefined;
 }>, {
     quickAdd: QuickAddConfig;
     defaultZoom: number;
+    enableVersion: boolean;
     permissions: {
         canSave?: boolean;
     };
-    enableVersion: boolean;
     enableDebug: boolean;
     useCustomDebugConfirm: boolean;
     enableThirdPlugin: boolean;
@@ -1064,6 +1282,12 @@ type __VLS_Slots$1 = {
         }[];
         updateInputParams: (data: Record<string, any>) => void;
     }) => any;
+    debugCustomFormContent?: (props: {
+        formData: {
+            name: string;
+        };
+        variablesValue: Record<string, any>;
+    }) => any;
 };
 type __VLS_Props$1 = {
     flowId: string;
@@ -1080,21 +1304,36 @@ type __VLS_Props$1 = {
     defaultZoom?: number;
     bkflowSaasUrl?: string;
     onExecuteSuccess?: (taskId: number, templateId: number) => void;
+    memberSelectorConfig?: MemberSelectorConfig;
+    enableDebug?: boolean;
+    onMockDebugCreated?: (params: {
+        taskId: number | string;
+        templateId: number | string;
+    }) => void;
 };
 declare const __VLS_base$1: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    back: () => any;
     edit: () => any;
+    back: () => any;
+    mockDebugCreated: (params: {
+        taskId: number | string;
+        templateId: number | string;
+    }) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
-    onBack?: (() => any) | undefined;
     onEdit?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
+    onMockDebugCreated?: ((params: {
+        taskId: number | string;
+        templateId: number | string;
+    }) => any) | undefined;
 }>, {
     thumbnail: boolean;
     defaultZoom: number;
+    enableVersion: boolean;
     permissions: {
         canEdit?: boolean;
     };
-    enableVersion: boolean;
     showHeaderActions: boolean;
+    enableDebug: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
 declare const _default$2: typeof __VLS_export$1;
@@ -1111,6 +1350,52 @@ declare namespace __view_vue {
   };
 }
 
+type SimulateDebugStage = 'edit' | 'mock-config' | 'mock-running';
+type MockFormControl = 'bk-input' | 'bk-input-number' | 'bk-textarea' | 'json-editor' | 'bk-select' | 'bk-checkbox-group' | 'bk-radio-group' | 'bk-switcher' | 'bk-date-picker' | 'bk-date-range-picker' | 'data-table';
+interface MockOutputField extends PluginOutputItem {
+    form_type?: string;
+    options?: Array<{
+        label: string;
+        value: unknown;
+        text?: string;
+    }>;
+    schema?: Record<string, unknown>;
+    default?: unknown;
+}
+interface NodeMockConfig {
+    nodeId: string;
+    outputs: Record<string, unknown>;
+    fieldSnapshots: Record<string, MockOutputField>;
+}
+interface SimulateDebugState {
+    stage: SimulateDebugStage;
+    selectedNodeIds: Set<string>;
+    mockConfigs: Record<string, NodeMockConfig>;
+    activeConfigNodeId?: string;
+    activeRunningNodeId?: string;
+    taskId?: number | string;
+    taskStatus?: 'RUNNING' | 'FINISHED' | 'FAILED';
+    taskStartedAt?: number;
+    nodeStates?: TaskExecutionStates;
+    resultDrawerOpen: boolean;
+}
+interface SimulateDebugCanvasContext {
+    stage: Ref<SimulateDebugStage>;
+    isMockSelected: (nodeId: string) => boolean;
+    toggleMockSelected: (nodeId: string) => void;
+    hasMockConfig: (nodeId: string) => boolean;
+    isAllMockNodesSelected?: () => boolean;
+}
+
+interface OutputNormalizeOptions {
+    includeSystem?: boolean;
+}
+declare function mergeOutputs(...groups: Array<Array<PluginOutputItem | MockOutputField>>): MockOutputField[];
+declare function normalizePluginOutputItems(outputs: unknown, options?: OutputNormalizeOptions): MockOutputField[];
+declare function resolveMockFormControl(field: MockOutputField): MockFormControl;
+
+declare function isMockableNode(node: NodeType | Activity | undefined | null): node is Activity;
+
 declare const random4: () => string;
 declare const generateId: (group?: number) => string;
 
@@ -1127,6 +1412,12 @@ declare const getVariableDefaultConfig: () => Variable;
 
 declare const getUniformApiPluginFormValue: (config: UniformApiPluginInputsItem$1) => PluginInputDataItem["value"];
 
+type BkflowBusinessCanvasMode = 'edit' | 'view' | 'mock-config' | 'execute';
+interface BkflowSchemaOptions {
+    getBusinessMode?: () => BkflowBusinessCanvasMode;
+}
+declare function createBkflowSchema(options?: BkflowSchemaOptions): CanvasSchema;
+
 declare class BkFlowNodeAccessor {
     private node;
     constructor(node: FlowNodeModel);
@@ -1170,13 +1461,15 @@ declare class BkFlowModelAccessor {
 
 type __VLS_Props = {
     pipelineTree: PipelineTree;
-    mode?: 'edit' | 'view';
+    mode?: BkflowBusinessCanvasMode;
     thumbnail?: boolean;
     defaultZoom?: number;
     nodeActions?: NodeActionsConfig;
     quickAdd?: QuickAddConfig;
     connectionValidator?: ConnectionValidator;
     additionalPlugins?: CanvasPlugin[];
+    toolbarItems?: CanvasToolbarItem[];
+    simulateDebugContext?: SimulateDebugCanvasContext;
 };
 declare var __VLS_8: {};
 declare var __VLS_22: {
@@ -1271,7 +1564,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
     }) => any) | undefined;
     "onFormat-position"?: (() => any) | undefined;
 }>, {
-    mode: "edit" | "view";
+    mode: BkflowBusinessCanvasMode;
     thumbnail: boolean;
     nodeActions: NodeActionsConfig;
     quickAdd: QuickAddConfig;
@@ -1303,8 +1596,6 @@ declare function importFromPipelineTree(tree: PipelineTree): FlowModel;
 
 declare function exportToPipelineTree(flowModel: FlowModel): PipelineTree;
 
-declare function createBkflowSchema(): CanvasSchema;
-
 /**
  * 创建 bkflow 业务插件实例。
  * 每次调用返回独立实例，避免多个画布共享模块级可变状态。
@@ -1346,7 +1637,8 @@ declare const _default: {
     FlowCreateTask: () => Promise<typeof __create_task_vue>;
     FlowExecute: () => Promise<typeof __execute_vue>;
     FlowDebug: () => Promise<typeof __debug_vue>;
+    FlowMockDebug: () => Promise<typeof __mock_vue>;
 };
 
-export { _default$1 as BkFlowCanvas, BkFlowModelAccessor, BkFlowNodeAccessor, _default$4 as FlowCreateTask, _default$6 as FlowDebug, _default$3 as FlowEdit, _default$5 as FlowExecute, _default$2 as FlowView, bkflowConnectionValidator, createBkflowPlugin, createBkflowSchema, createExecutionStatusPlugin, _default as default, exportToPipelineTree, generateId, getUniformApiPluginFormValue, getVariableDefaultConfig, importFromPipelineTree, provideFlowApiConfig, provideSelectPanelConfig, random4, resolveExecutionActions, useFlowApiConfig, useFlowEditApiConfig, useFlowViewApiConfig, useSelectPanelConfig, validatePipelineTree };
-export type { Activity, DndNodeItem, ExecutionNodeAction, FlowApiConfig, FlowEditExpose, FlowTemplate, Gateway, GatewayCondition, NodeExecutionState, NodeExecutionStatus, NotifyConfig, PipelineTree, PluginDetailCommon, PluginInputDataItem, SelectPanelConfig, SpaceFlowConfig, TaskExecutionStates, TemplateConfigs, TriggerCron, TriggerItem, UniformApiPluginInputsItem, UpdateFlowParams, Variable, VariableReference };
+export { _default$1 as BkFlowCanvas, BkFlowModelAccessor, BkFlowNodeAccessor, _default$4 as FlowCreateTask, _default$6 as FlowDebug, _default$3 as FlowEdit, _default$5 as FlowExecute, _default$7 as FlowMockDebug, _default$2 as FlowView, bkflowConnectionValidator, createBkflowPlugin, createBkflowSchema, createExecutionStatusPlugin, _default as default, exportToPipelineTree, generateId, getUniformApiPluginFormValue, getVariableDefaultConfig, importFromPipelineTree, isMockableNode, mergeOutputs, normalizePluginOutputItems, provideFlowApiConfig, provideMemberSelectorConfig, provideSelectPanelConfig, random4, resolveExecutionActions, resolveMockFormControl, useFlowApiConfig, useFlowEditApiConfig, useFlowViewApiConfig, useMemberSelectorConfig, useSelectPanelConfig, validatePipelineTree };
+export type { Activity, DndNodeItem, ExecutionNodeAction, FlowApiConfig, FlowEditExpose, FlowTemplate, Gateway, GatewayCondition, MemberSelectorConfig, MockOutputField, NodeExecutionState, NodeExecutionStatus, NodeMockConfig, NotifyConfig, PipelineTree, PluginDetailCommon, PluginInputDataItem, SelectPanelConfig, SimulateDebugCanvasContext, SimulateDebugStage, SimulateDebugState, SpaceFlowConfig, TaskExecutionStates, TemplateConfigs, TriggerCron, TriggerItem, UniformApiPluginInputsItem, UpdateFlowParams, Variable, VariableReference };