@alicloud/appflow-chat 0.0.4-alpha.1 → 0.0.4-alpha.2

package/dist/types/index.d.ts

@@ -1,73 +1,5 @@
-import { A2UIViewerProps } from '@a2ui/react';
-import { ComponentRegistry } from '@a2ui/react';
 import { default as default_2 } from 'react';
-import { OnActionCallback } from '@a2ui/react';
 import { Provider } from 'react';
-import { ServerToClientMessage } from '@a2ui/react';
-
-/** A2UI 协议消息（v0.8 格式，透传给 @a2ui/react 处理） */
-export declare type A2UIMessage = ServerToClientMessage;
-
-/**
- * A2UIStaticViewer - A2UI 静态 JSON 渲染组件
- *
- * 用于直接从静态的组件定义和数据渲染 UI，无需流式消息。
- * 适用于已有完整 A2UI 组件树的场景。
- *
- * @example
- * ```tsx
- * const components = [
- *   { id: 'root', component: { Card: { child: 'text' } } },
- *   { id: 'text', component: { Text: { text: { path: '/message' } } } },
- * ];
- *
- * <A2UIStaticViewer
- *   root="root"
- *   components={components}
- *   data={{ message: 'Hello World!' }}
- *   onAction={(action) => console.log('Action:', action)}
- * />
- * ```
- */
-export declare const A2UIStaticViewer: default_2.FC<A2UIStaticViewerProps>;
-
-/** A2UIViewer 的 Props，用于静态 JSON 渲染场景 */
-export declare type A2UIStaticViewerProps = A2UIViewerProps;
-
-/**
- * A2UISurface - A2UI 声明式 UI 渲染组件（流式消息场景）
- *
- * 接收 Agent 发送的 A2UI 协议消息数组，增量处理并渲染对应的 Surface。
- * 内部封装了 A2UIProvider，可直接作为 BubbleContent 的 children 使用。
- *
- * @example
- * ```tsx
- * // 作为 BubbleContent 的 children 使用
- * <BubbleContent content={content} status={status}>
- *   <A2UISurface
- *     messages={a2uiMessages}
- *     surfaceId="main"
- *     onAction={(msg) => console.log('用户操作:', msg)}
- *   />
- * </BubbleContent>
- * ```
- */
-export declare const A2UISurface: default_2.FC<A2UISurfaceProps>;
-
-export declare interface A2UISurfaceProps {
-    /** A2UI JSON 消息数组（来自 Agent 的响应） */
-    messages: A2UIMessage[];
-    /** 渲染的 Surface ID（默认 'main'） */
-    surfaceId?: string;
-    /** 用户在 A2UI 组件上的交互回调 */
-    onAction?: OnActionCallback;
-    /** 自定义组件注册表（可选，默认使用内置组件） */
-    registry?: ComponentRegistry;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: default_2.CSSProperties;
-}
 
 /**
  * AssociationPropertyMetadata 类型定义
@@ -119,6 +51,24 @@ export declare interface BubbleContentProps {
     waitingMessage?: string;
 }
 
+/** 附件信息（上传完成后携带下载URL） */
+export declare interface ChatAttachment {
+    /** 文件唯一标识 */
+    uid: string;
+    /** 文件名 */
+    name: string;
+    /** 上传状态 */
+    status: 'uploading' | 'done' | 'error';
+    /** 文件类型：image 或 file */
+    type: 'image' | 'file';
+    /** 上传后的下载URL */
+    url?: string;
+    /** 本地预览URL（图片） */
+    thumbUrl?: string;
+    /** 原始文件对象 */
+    originFile?: File;
+}
+
 export declare interface ChatConfig {
     welcome: string;
     questions: string[];
@@ -142,6 +92,79 @@ export declare interface ChatMessage {
     webSearch?: boolean;
 }
 
+/**
+ * ChatSender - 聊天输入框组件
+ *
+ * 集成了文本输入、文件/图片上传、语音输入、联网搜索、模型选择等功能。
+ * 根据模型能力自动控制功能按钮的显隐。
+ *
+ * @example
+ * ```tsx
+ * <ChatSender
+ *   loading={isLoading}
+ *   models={config.models}
+ *   capabilities={chatService.getModelCapabilities(modelId)}
+ *   onSubmit={({ text, images, files, modelId, webSearch }) => {
+ *     chatService.chat({ text, images, files, modelId, webSearch });
+ *   }}
+ *   onCancel={() => chatService.cancel()}
+ *   onClear={() => chatService.clear()}
+ *   onUpload={(file) => chatService.upload(file)}
+ * />
+ * ```
+ */
+export declare const ChatSender: default_2.FC<ChatSenderProps>;
+
+export declare interface ChatSenderProps {
+    /** 是否处于加载状态（AI正在回复） */
+    loading?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 输入框占位文本 */
+    placeholder?: string;
+    /** 提交方式：'enter' 回车发送 | 'shiftEnter' Shift+回车发送 */
+    submitType?: 'enter' | 'shiftEnter';
+    /** 可用模型列表 */
+    models?: ModelInfo[];
+    /** 当前选中的模型ID */
+    modelId?: string;
+    /** 默认选中的模型ID（非受控） */
+    defaultModelId?: string;
+    /** 模型切换回调 */
+    onModelChange?: (modelId: string) => void;
+    /**
+     * 模型能力配置，控制功能按钮的显隐
+     * 如果不传，所有功能按钮都显示
+     */
+    capabilities?: ModelCapabilities;
+    /** 提交消息回调 */
+    onSubmit?: (data: ChatSenderSubmitData) => void;
+    /** 取消当前请求 */
+    onCancel?: () => void;
+    /** 清除会话回调 */
+    onClear?: () => void;
+    /** 文件上传方法，返回下载URL */
+    onUpload?: (file: File) => Promise<string>;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: default_2.CSSProperties;
+}
+
+/** 提交时的消息数据 */
+export declare interface ChatSenderSubmitData {
+    /** 文本内容 */
+    text: string;
+    /** 图片URL列表 */
+    images: string[];
+    /** 文件URL列表 */
+    files: string[];
+    /** 选中的模型ID */
+    modelId?: string;
+    /** 是否启用联网搜索 */
+    webSearch: boolean;
+}
+
 export declare class ChatService {
     private config;
     private setupConfig;
@@ -598,18 +621,14 @@ export declare interface MessageBubbleProps {
     onReferenceClick?: (item: DocReferenceItem) => void;
     /** 点击网页搜索结果回调（不传则使用默认实现） */
     onWebSearchClick?: (items: DocReferenceItem[]) => void;
-    /** 事件类型（用于特殊消息如 humanVerify、historyCard、a2ui） */
-    eventType?: 'humanVerify' | 'historyCard' | 'a2ui';
+    /** 事件类型（用于特殊消息如 humanVerify、historyCard） */
+    eventType?: 'humanVerify' | 'historyCard';
     /** HumanVerify 相关数据 */
     humanVerifyData?: HumanVerifyData;
     /** HistoryCard 相关数据（历史对话中的审核卡片） */
     historyCardData?: HistoryCardData;
     /** HumanVerify 提交回调 */
     onHumanVerifySubmit?: (data: HumanVerifySubmitData) => void;
-    /** A2UI 消息数组（Agent 生成的声明式 UI 描述） */
-    a2uiMessages?: A2UIMessage[];
-    /** A2UI 用户交互回调 */
-    onA2UIAction?: (action: any) => void;
 }
 
 export declare interface ModelCapabilities {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/appflow-chat",
-  "version": "0.0.4-alpha.1",
+  "version": "0.0.4-alpha.2",
   "description": "Appflow-Chat AI聊天机器人组件库，提供聊天服务和UI组件",
   "type": "module",
   "main": "./dist/appflow-chat.cjs.js",
@@ -40,6 +40,7 @@
     "@fortawesome/react-fontawesome": "^0.2.0"
   },
   "devDependencies": {
+    "@ant-design/x": "^1.6.1",
     "@eslint/js": "^9.13.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash-es": "^4.17.12",
@@ -58,8 +59,6 @@
     "vite-plugin-dts": "^4.3.0"
   },
   "peerDependencies": {
-    "@a2ui/react": "^0.8.0",
-    "@a2ui/web_core": "^0.8.0",
     "antd": "^5.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"