import React from 'react'; /** * 任务状态枚举 * @enum {string} */ export declare enum TASK_STATUS { /** 任务正在运行中 */ RUNNING = "running", /** 任务已成功完成 */ SUCCESS = "success", /** 任务执行出错 */ ERROR = "error", /** 任务已暂停 */ PAUSE = "pause", /** 任务已停止 */ STOPPED = "stopped", /** 任务已取消 */ CANCELLED = "cancelled" } /** * 任务运行状态枚举 * @enum {string} */ export declare enum TASK_RUNNING_STATUS { /** 正在运行中 */ RUNNING = "running", /** 已完成 */ COMPLETE = "complete", /** 已暂停 */ PAUSE = "pause" } /** * 主题样式变体 */ export type TaskRunningVariant = 'simple' | 'default'; /** * 任务操作按钮渲染函数 */ export type TaskRunningActionsRender = (props: { status?: TASK_STATUS; runningStatus?: TASK_RUNNING_STATUS; }) => React.ReactNode; /** * TaskRunning组件的属性接口 * @interface TaskRunningProps */ export interface TaskRunningProps { /** 任务状态 */ taskStatus: TASK_STATUS; /** 任务运行状态 */ taskRunningStatus: TASK_RUNNING_STATUS; /** 创建新任务的回调函数 */ onCreateNewTask?: () => void; /** 暂停任务的回调函数 */ onPause?: () => void; /** 继续任务的回调函数 */ onResume?: () => void; /** 停止任务的回调函数 */ onStop?: () => void; /** 重新执行任务的回调函数 */ onReplay?: () => void; /** 查看任务结果的回调函数 */ onViewResult?: () => void; className?: string; style?: React.CSSProperties; /** 自定义图标 */ icon?: React.ReactNode; /** 图标提示文案 */ iconTooltip?: string; /** 标题文案 */ title?: string; /** 描述文案 */ description?: string; /** 自定义操作按钮 */ actionsRender?: TaskRunningActionsRender | false; /** 主题样式变体 */ variant?: TaskRunningVariant; /** 国际化配置 */ locale?: { agentRunBar?: { play?: string; pause?: string; stop?: string; createNewTask?: string; replayTask?: string; newTask?: string; submitTask?: string; }; }; } /** * TaskRunning 组件 - 任务运行状态组件 * * 该组件显示AI任务运行的状态信息,包括运行时间、状态指示、操作按钮等。 * 支持多种任务状态:运行中、暂停、完成、重播等,提供完整的任务管理功能。 * * @component * @description 任务运行状态组件,显示AI任务运行信息和操作按钮 * @param {TaskRunningProps} props - 组件属性 * @param {string} [props.className] - 自定义CSS类名 * @param {React.CSSProperties} [props.style] - 自定义样式 * @param {TASK_RUNNING_STATUS} [props.taskRunningStatus] - 任务运行状态 * @param {TASK_STATUS} [props.taskStatus] - 任务状态 * @param {() => void} [props.onPause] - 暂停任务回调 * @param {() => void} [props.onResume] - 继续任务回调 * @param {() => void} [props.onStop] - 停止任务回调 * @param {() => void} [props.onCreateNewTask] - 创建新任务回调 * @param {() => void} [props.onViewResult] - 查看结果回调 * @param {() => void} [props.onReplay] - 重播任务回调 * @param {string} [props.title] - 标题文案 * @param {string} [props.description] - 描述文案 * @param {React.ReactNode} [props.icon] - 自定义图标 * @param {string} [props.iconTooltip] - 图标提示文案 * @param {TaskRunningActionsRender | false} [props.actionsRender] - 自定义操作按钮 * @param {TaskRunningVariant} [props.variant] - 样式变体 * * @example * ```tsx * {}} * onPause={() => {}} * onResume={() => {}} * onStop={() => {}} * onReplay={() => {}} * onViewResult={() => {}} * icon="https://example.com/icon.png" * iconTooltip="AI助手图标" * /> * ``` * * @returns {React.ReactElement} 渲染的任务运行状态组件 * * @remarks * - 支持多种任务状态显示 * - 提供任务操作按钮(暂停、继续、停止、重播、查看结果等) * - 支持自定义标题和描述文案 * - 支持自定义图标和图标提示 * - 提供机器人状态动画 */ export declare const TaskRunning: React.FC;