@easyv/biz-components 1.0.30 → 2.1.0

package/dist/lib/easyv-biz-components/src/utils/easyv-gui-helper/easyv-gui-helper.d.ts

@@ -0,0 +1,73 @@
+import { EasyvGUIConfigItem, EasyvGUIConfigItemOld, EasyvGUIConfigList, EasyvGUIConfigListOld, EasyvGUIValue, GUIConfigShadow, GUIShadowStyleNormalConfig } from './types';
+
+/** 升级 EasyvGUIConfigList，采用新的配置，但是会取旧的值 */
+export declare const updateGUIConfigList: (newConfig: EasyvGUIConfigList, oldConfig?: EasyvGUIConfigList) => EasyvGUIConfigList;
+/** 判断 GUI 的配置，他的值是否为 EasyvGUIConfigList
+ */
+export declare function judgeValueIsGUIConfigList(config: EasyvGUIConfigItem | EasyvGUIConfigItemOld): boolean;
+/** 传入新老的 GUI 配置，会根据新的配置，对原配置进行增删。
+ * - 如果在同一层能找到同名 name ，那么会采用旧值，否则用新值。
+ */
+export declare function getUpdatedGUIConfig(params: {
+    oldConfig?: EasyvGUIConfigList;
+    newConfig?: EasyvGUIConfigList;
+}): EasyvGUIConfigList;
+/** 传入新老的 GUI 配置，会根据新的配置，对原配置进行增删。
+ * - 如果在同一层能找到同名 name ，那么会采用旧值，否则用新值。
+ */
+export declare function getUpdatedGUIConfigOld(params: {
+    oldConfig?: EasyvGUIConfigListOld;
+    newConfig?: EasyvGUIConfigListOld;
+}): EasyvGUIConfigListOld;
+/** 传入一个 EasyvGUIConfigList ，会以 name 为 path 向下取值, 同一层级返回一个对象。
+ * - 如果传入了 defaultConfig 会把 defaultConfig 变成一个默认值，
+ * - 也就是优先取 configList 上的值，没有的话就用 defaultConfig 上的值。
+ */
+export declare function getEasyvGUIConfigValue(configList: EasyvGUIConfigList, defaultConfig?: EasyvGUIConfigList): Record<string, any>;
+/** 传入一个 EasyvGUIConfigList ，会以 name 为 path 向下取值, 同一层级返回一个对象。
+ * - 如果传入了 defaultConfig 会把 defaultConfig 变成一个默认值，
+ * - 也就是优先取 configList 上的值，没有的话就用 defaultConfig 上的值。
+ */
+export declare function getEasyvGUIConfigValueOld(configList: EasyvGUIConfigListOld, defaultConfig?: EasyvGUIConfigListOld): Record<string, any>;
+export declare function getEasyvGUIConfigValueCompatibleOld(configList: (EasyvGUIConfigItem | EasyvGUIConfigItemOld)[]): Record<string, any>;
+/** 把 value 的值放到 configList 中
+ * 为什么要这样做，因为 gui 组件的渲染是用 config 渲染的。
+ */
+export declare function getNewEasyvGUIConfigFromValue(value: Record<string, any> | undefined, configList: EasyvGUIConfigList): (EasyvGUIConfigItem | {
+    value: any;
+    name: string;
+    displayName?: string;
+    type?: string;
+    tip?: string;
+    rule?: [string, string, EasyvGUIValue][];
+    config?: Record<string, unknown>;
+})[];
+/** 把 value 的值放到 configList 中
+ * 为什么要这样做，因为 gui 组件的渲染是用 config 渲染的。
+ */
+export declare function getNewEasyvGUIConfigFromValueOld(value: Record<string, any> | undefined, configList: EasyvGUIConfigListOld): (EasyvGUIConfigItemOld | {
+    _value: any;
+    _name: string;
+    _displayName?: string;
+    _type?: string;
+    _tip?: string;
+    _rule?: [string, string, EasyvGUIValue][];
+    _config?: Record<string, unknown>;
+})[];
+/**
+ * 把 gui 配置里的圆角转换成  dom 的 style
+ * - 圆角格式：左上,右上,右下,左下（例如：10,20,30,19）或者只输入一个值,此时四个角圆角相同（例如：10）
+ *  */
+export declare function getRadiusStyleFromGuiString(radius?: string): string | undefined;
+/**
+ * 把 gui 的模糊配置转换成 dom 的 style。
+ * - 返回值 应用于 backdropFilter。
+ */
+export declare function getBackgroundBlurStyleFromGuiConfig(blur?: string): string | undefined;
+export declare function getShadowStyleFromGuiConfig(shadow?: GUIConfigShadow, isInner?: boolean): string;
+export declare function getShadowFromGuiConfig(shadow: GUIShadowStyleNormalConfig | undefined): string | undefined;
+export declare function updateConfigWithNewValue(params: {
+    config: EasyvGUIConfigList | EasyvGUIConfigListOld;
+    path: string[];
+    value: EasyvGUIValue;
+}): EasyvGUIConfigList | EasyvGUIConfigListOld;

package/dist/lib/easyv-biz-components/src/utils/easyv-gui-helper/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './easyv-gui-helper';
+export * from './types';
+export * from './component-dimension';
+export * from './common';

package/dist/lib/easyv-biz-components/src/utils/easyv-gui-helper/test/test-data.d.ts

@@ -0,0 +1,5 @@
+import { EasyvGUIConfigList } from '../types';
+
+export declare const digitalOriginConfig: EasyvGUIConfigList;
+export declare const simpleTestConfig: EasyvGUIConfigList;
+export declare const nestedTestConfig: EasyvGUIConfigList;

package/dist/lib/easyv-biz-components/src/utils/easyv-gui-helper/types.d.ts

@@ -0,0 +1,93 @@
+import { ChartHorizontalPositionEnum, ChartVerticalPositionEnum } from './constants';
+
+export type BaseType = string | boolean | number | undefined | null;
+export type ObjectValueType = Record<string, BaseType | ArrayValueType>;
+export type ArrayValueType = Array<BaseType | ObjectValueType>;
+export type EasyvGUIValue = BaseType | ArrayValueType | ObjectValueType;
+export interface EasyvGUIConfigItem {
+    /** 配置对象的 id，同一层不能重复，作为在运行时获取 value 的索引 */
+    name: string;
+    /** 配置标题 */
+    displayName?: string;
+    /** 控件类型，默认为"number"。一个没有 type 属性并且 value 为数组，会被解析为分组 */
+    type?: string;
+    /** 控件值，根据 type 不同类型有变化 */
+    value?: EasyvGUIValue | EasyvGUIConfigList;
+    /** 配置的额外提示信息 */
+    tip?: string;
+    /** 控件展示规则 符合规则时才会显示.
+     * @example
+     *  [['name', '$eq', 'value']]
+     */
+    rule?: [string, string, EasyvGUIValue][];
+    config?: Record<string, unknown>;
+}
+export interface EasyvGUIConfigItemOld {
+    /** 配置对象的 id，同一层不能重复，作为在运行时获取 value 的索引 */
+    _name: string;
+    /** 配置标题 */
+    _displayName?: string;
+    /** 控件类型，默认为"number"。一个没有 type 属性并且 value 为数组，会被解析为分组 */
+    _type?: string;
+    /** 控件值，根据 type 不同类型有变化 */
+    _value?: EasyvGUIValue | EasyvGUIConfigListOld;
+    /** 配置的额外提示信息 */
+    _tip?: string;
+    /** 控件展示规则 符合规则时才会显示.
+     * @example
+     *  [['name', '$eq', 'value']]
+     */
+    _rule?: [string, string, EasyvGUIValue][];
+    _config?: Record<string, unknown>;
+}
+export type EasyvGUIConfigList = EasyvGUIConfigItem[];
+export type EasyvGUIConfigListOld = EasyvGUIConfigItemOld[];
+export interface GUIConfigShadow {
+    blur: number;
+    color: string;
+    hShadow: number;
+    vShadow: number;
+}
+/** 配置 gui 的 shadow 的常用配置 */
+export interface GUIShadowStyleNormalConfig {
+    show?: boolean;
+    inShadow?: GUIConfigShadow;
+    outShadow?: GUIConfigShadow;
+}
+export interface GUIImageSize {
+    width?: number;
+    height?: number;
+}
+export type GUIPosition = [number, number];
+export interface GUIPositionConstraints {
+    verticalValue: ChartVerticalPositionEnum;
+    horizontalValue: ChartHorizontalPositionEnum;
+}
+export interface GUIPositionConstraintsExtra extends GUIPositionConstraints {
+    /** 如果 verticalValue 为 Center，那么 verticalCenterDistance 为组件中心距离 canvas 中心的距离 */
+    verticalCenterDistance?: number;
+    /** 如果 horizontalValue 为 Center，那么 horizontalCenterDistance 为组件中心距离 canvas 中心的距离 */
+    horizontalCenterDistance?: number;
+    /** 如果 verticalValue 为 Scale，那么 verticalScale 为组件高度和 canvas 高度的比例 */
+    verticalScale?: number;
+    /** 如果 horizontalValue 为 Scale，那么 horizontalScale 为组件宽度和 canvas 宽度的比例 */
+    horizontalScale?: number;
+    /** 如果 horizontalValue 为 Right 或者 LeftAndRight，那么 rightDistance 为组件右边缘距离 canvas 右边缘的距离 */
+    rightDistance?: number;
+    /** 如果 verticalValue 为 Bottom 或者 BottomAndTop，那么 bottomDistance 为组件下边缘距离 canvas 下边缘的距离 */
+    bottomDistance?: number;
+}
+export interface ComponentDimension {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    lock?: boolean;
+}
+export interface Dimension {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+}
+export type DimensionDirection = "vertical" | "horizontal" | "all";

package/dist/lib/easyv-biz-components/src/utils/{fetchKnowledge/fetchKnowledge.d.ts → fetch-knowledge/fetch-knowledge.d.ts}

@@ -7,4 +7,6 @@ export declare function fetchKnowledge(input: string, knowledge: {
     requestHeader?: string | null;
     requestBody?: string | null;
     requestHandler: string;
+    /** 流式处理中，返回每次处理的结果 */
+    onOneChunkRes?: (chunk: string) => void;
 }): Promise<string>;

package/dist/lib/easyv-biz-components/src/utils/fetch-knowledge/index.d.ts

@@ -0,0 +1 @@
+export * from './fetch-knowledge';

package/dist/lib/easyv-biz-components/src/utils/fun-ASR/fun-ASR-manager.d.ts

@@ -29,7 +29,7 @@ export interface WebSocketConnectMethodConfig {
      * online 模式：采用流式处理方式，在语音数据输入的过程中，系统会逐块对语音进行实时识别。只要有新的语音数据块到达，就立即对其进行处理并输出部分识别结果，而无需等待整个语音输入结束。
      * offline 模式：需要等待完整的语音数据全部输入后，才开始进行识别处理。在处理过程中，系统会对整个语音数据进行全面的分析和处理，以得出最终的识别结果。
      */
-    mode?: '2pass' | 'online' | 'offline';
+    mode?: "2pass" | "online" | "offline";
     /** 是否是文件上传模式，当前模式暂不支持 */
     isFileMode?: boolean;
     /** 热词设置，key 是热词，value 是权重 */
@@ -40,7 +40,7 @@ export interface RecorderConfig {
      * 输出类型：mp3,wav，wav输出文件尺寸超大不推荐使用，但mp3编码支持会导致js文件超大，如果不需支持mp3可以使js文件大幅减小
      * pcm 文件无法直接播放，转成wav文件来播放，已提供转换函数 Recorder.pcm2wav
      */
-    type?: 'mp3' | 'wav' | 'pcm';
+    type?: "mp3" | "wav" | "pcm";
     /**
      * 比特率 wav:16或8位，MP3：8kbps 1k/s，8kbps 2k/s 录音文件很小
      */
@@ -67,7 +67,7 @@ export interface RecorderConfig {
     onProcess?: (...arg: any[]) => void;
 }
 export interface ErrorInfo {
-    type: 'webSocketError' | 'startRecord';
+    type: "webSocketError" | "startRecord";
     msg: string;
     isUserNotAllowed?: boolean;
 }
@@ -96,7 +96,7 @@ export declare class FunASRManager {
     sampleBuf: Int16Array<ArrayBuffer>;
     isRec: boolean;
     Recorder: RecorderFn;
-    status: 'live' | 'stop';
+    status: "live" | "stop";
     timer: number;
     propsOnError: undefined | ((errorInfo: ErrorInfo) => void);
     socketConfig: WebSocketConnectMethodConfig;

package/dist/lib/easyv-biz-components/src/utils/index.d.ts

@@ -4,4 +4,7 @@ export * from './vosk-browser-manager';
 export * from './wait-something';
 export * from './ai-agent-message-manager';
 export * from './common';
-export * from './fetchKnowledge';
+export * from './fetch-knowledge';
+export * from './show-modal';
+export * from './easyv-gui-helper';
+export * from './voice-record-manager';

package/dist/lib/easyv-biz-components/src/utils/show-modal/index.d.ts

@@ -0,0 +1 @@
+export * from './show-modal';

package/dist/lib/easyv-biz-components/src/utils/show-modal/show-modal.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+
+export interface ShowModalParams {
+    children: (params: {
+        onOk: () => void;
+        onCancel: () => void;
+        visible: boolean;
+    }) => ReactElement;
+}
+export interface ShowModalReturn {
+    destroy: () => void;
+}
+export declare const showModalContainerClass = "easyv-biz-show-modal-container";
+/** children 是一个 render function，接收 onOk, onCancel 参数 */
+export declare const showModal: (params: ShowModalParams) => ShowModalReturn;

package/dist/lib/easyv-biz-components/src/utils/voice-record-manager/index.d.ts

@@ -0,0 +1 @@
+export * from './voice-record-manager';

package/dist/lib/easyv-biz-components/src/utils/voice-record-manager/voice-record-manager.d.ts

@@ -0,0 +1,114 @@
+export type VoiceStartOptions = {
+    /** 是否使用帧分析，默认 true, 启用后会触发 onFrame 回调 和 音量分析 */
+    useFrameAnalysis?: boolean;
+    onFrame?: (frame: Float32Array, info: {
+        sampleRate: number;
+        timestamp: number;
+        frameSize: number;
+    }) => void;
+    frameSize?: 256 | 512 | 1024 | 2048 | 4096 | 8192 | 16384;
+    channel?: number;
+    hardwareNoiseSuppression?: boolean;
+    noiseReduction?: {
+        enabled?: boolean;
+        mode?: "gate" | "expander";
+        thresholdOffsetDb?: number;
+        minGain?: number;
+        attackMs?: number;
+        releaseMs?: number;
+    };
+};
+export declare class VoiceRecordManager {
+    private mediaRecorder;
+    private audioChunks;
+    private stream;
+    private isRecording;
+    private startTime;
+    private stopTime;
+    private audioContext;
+    private sourceNode;
+    private workletNode;
+    private onFrameCb;
+    private lastWaveform;
+    private lastVolume;
+    private smoothRms;
+    private noiseFloorRms;
+    private lastLevelValue;
+    private readonly meterMinDb;
+    private readonly meterRangeDb;
+    private readonly attackMs;
+    private readonly releaseMs;
+    private readonly levelSmoothFactor;
+    private readonly hysteresisDelta;
+    private readonly epsilon;
+    private nrEnabled;
+    private nrMode;
+    private nrMinGain;
+    private nrAttackMs;
+    private nrReleaseMs;
+    private nrThresholdOffsetDb;
+    private nrGain;
+    /**
+     * 开始录制声音
+     * @throws 没有权限会抛出错误
+     */
+    start(options?: VoiceStartOptions): Promise<void>;
+    /**
+     * 停止录音，并返回音频数据（可指定采样率）
+     * @param sampleRate 采样率（可选），默认为 16k 采样率
+     * @returns Promise<Blob> 返回音频 Blob 数据
+     */
+    stop(sampleRate?: number): Promise<Blob | void>;
+    /**
+     * 释放所有资源
+     */
+    destroy(): void;
+    /** 获取录音状态 */
+    getRecordingStatus(): boolean;
+    /** 获取录音时长（毫秒） */
+    getDuration(): number;
+    /** 获取当前采样率（若启用帧管线） */
+    getSampleRate(): number | null;
+    /**
+     * 音频重采样（webm -> wav，采样率转换）
+     * @param blob 原始音频 Blob
+     * @param targetSampleRate 目标采样率
+     * @returns Promise<Blob> 返回重采样后的音频 Blob
+     */
+    private resampleAudio;
+    /** PCM数据编码为WAV格式 */
+    private encodeWAV;
+    /** 建立帧管线（AudioWorklet） */
+    private setupFramePipeline;
+    /** 关闭帧管线 */
+    private tearDownFramePipeline;
+    /**
+     * 获取当前录制的音量与波形
+     * - volume.rms: 均方根幅度 [0~1]，反映音频能量强度，范围 0–1（越大越响）
+     * - volume.peak: 峰值幅度，当前帧的最大绝对值，范围 0–1（越大越可能出现“爆音”）。
+     * - volume.db: dBFS（相对满刻度），范围 -∞~0（越大越响）
+     * - volume.level: 标准化音量值，范围 0–100（以 -60dB 为底噪阈值）
+     * - waveform: 最近一帧的 Float32 波形
+     */
+    getCurrentVolumeAndWaveform(): {
+        volume: {
+            rms: number;
+            peak: number;
+            db: number;
+            level: number;
+        };
+        waveform: Float32Array | null;
+    };
+    /** 辅助：构建硬件抑噪音频约束 */
+    private buildAudioConstraints;
+    /** 辅助：配置软件噪声抑制参数 */
+    private configureNoiseReduction;
+    /** 辅助：初始化 AudioWorklet 图与连接 */
+    private initAudioWorkletGraph;
+    /** 辅助：处理工作线程消息（拆分分析与抑噪） */
+    private handleWorkletMessage;
+    /** 辅助：分析帧并更新音量/噪声地板 */
+    private analyzeFrame;
+    /** 辅助：应用软件噪声抑制 */
+    private processFrameWithNoiseReduction;
+}

package/dist/lib/easyv-biz-components/src/utils/vosk-browser-manager/audio-manager/audio-manager.d.ts

@@ -1,7 +1,7 @@
 import { SampleRate } from './types';
 
 export declare const defaultSampleRate = 48000;
-export interface AudiManagerConfig {
+export interface AudioManagerConfig {
     /** 一个转换成 string  js 文件。其内容要符合 AudioWorkletProcessor 的要求。
      * - 需使用 registerProcessor 注册，第一个参数为 “audio-worklet-processor”，如： registerProcessor('audio-worklet-processor', audioToFloat32Processor);
      * - 参考：https://developer.mozilla.org/en-US/docs/Web/API/AudioWorkletProcessor
@@ -21,8 +21,8 @@ export declare class AudioManager {
     audioContext?: AudioContext;
     mediaSource?: MediaStreamAudioSourceNode;
     mediaStream?: MediaStream;
-    config: AudiManagerConfig;
-    constructor(config: AudiManagerConfig);
+    config: AudioManagerConfig;
+    constructor(config: AudioManagerConfig);
     init(): Promise<void>;
     start(): Promise<void>;
     stop(): Promise<void>;

package/dist/lib/easyv-biz-components/src/utils/vosk-browser-manager/vosk-browser-manager.d.ts

@@ -1,7 +1,7 @@
-import { AudiManagerConfig, AudioManager } from './audio-manager/audio-manager';
+import { AudioManager, AudioManagerConfig } from './audio-manager/audio-manager';
 import { SampleRate } from './audio-manager/types';
-import type * as Vosk from 'vosk-browser';
-interface VoskBrowserManagerConfig extends AudiManagerConfig {
+import type * as Vosk from "vosk-browser";
+interface VoskBrowserManagerConfig extends AudioManagerConfig {
     vosk: typeof Vosk;
     modelUrl: string;
     /** 加载模型等初始化配置完成后，自动开始监听 */
@@ -22,10 +22,10 @@ export declare class VoskBrowserManager {
     model?: Vosk.Model;
     autoStart: boolean;
     startResolve?: (value?: unknown) => void;
-    status?: 'initializing' | 'initialized';
+    status?: "initializing" | "initialized";
     recognizer?: Vosk.KaldiRecognizer;
     constructor(config: VoskBrowserManagerConfig);
-    setConfig(config: Partial<Pick<VoskBrowserManagerConfig, 'onResult' | 'onPartialResult'>>): void;
+    setConfig(config: Partial<Pick<VoskBrowserManagerConfig, "onResult" | "onPartialResult">>): void;
     init(vosk: typeof Vosk): Promise<void>;
     /** 设置热词会重启识别器
      * - 唤醒词识别阈值非常大，容易误唤醒，慎用！！！

package/dist/lib/easyv-biz-components/src/utils/wait-something/index.d.ts

@@ -6,4 +6,4 @@ export declare function wait(time: number): Promise<unknown>;
  * @param maxWaitTime 最大等待时间，单位是毫秒, 默认是 3 秒
  * @returns 'success' | 'timeout'
  */
-export declare function waitSomeThingBeTrue(waitFn: () => boolean, everyWaitTime: number, maxWaitTime?: number): Promise<'success' | 'timeout'>;
+export declare function waitSomeThingBeTrue(waitFn: () => boolean, everyWaitTime: number, maxWaitTime?: number): Promise<"success" | "timeout">;

package/dist/lib/easyv-biz-components/src/utils/xun-fei-voice/XF-stream-voice-manager.d.ts

@@ -1,7 +1,7 @@
 import { RecorderManager } from './recorder-manager';
 import { OnMessageInfo, RecordFrameInfo } from './types';
 
-type errorType = 'socketConnect' | 'message' | 'record' | 'recordPermission';
+type errorType = "socketConnect" | "message" | "record" | "recordPermission";
 export interface XFStreamVoiceManagerConfig {
     onError: (errInfo: {
         type: errorType;
@@ -40,7 +40,7 @@ export interface XFStreamVoiceManagerConfig {
      * - denied: 已拒绝
      * - granted: 已授权
      */
-    onGetMicrophonePermission?: (status: 'denied' | 'granted') => void;
+    onGetMicrophonePermission?: (status: "denied" | "granted") => void;
     /**
      * 讯飞语音的 appid
      */
@@ -65,12 +65,13 @@ export declare class XFStreamVoiceManager {
     resultTextTemp: string;
     continueRecord: boolean;
     startTimeStamp: number;
-    recordStatus: 'start' | 'stop';
+    recordStatus: "start" | "stop";
     readyToSend: boolean;
-    microphonePermissionStatus: 'denied' | 'granted' | 'prompt';
+    microphonePermissionStatus: "denied" | "granted" | "prompt" | "unknown";
     private inStopping;
     private stopResolve;
     constructor(config: XFStreamVoiceManagerConfig);
+    private checkBrowserCompatibility;
     renderResult(resultData: string): void;
     setConfig(newConfig: Partial<XFStreamVoiceManagerConfig>): void;
     sendMessage(message: string): void;

package/dist/lib/easyv-biz-components/src/utils/xun-fei-voice/recorder-manager/RecorderManager-draft.d.ts

@@ -20,14 +20,14 @@ export interface startConfig {
     toSampleRate?: number;
     fromSampleRate?: number;
     frameSize?: number;
-    arrayBufferType?: 'short16' | 'float32';
+    arrayBufferType?: "short16" | "float32";
 }
 export declare class RecorderManager {
     config: RecorderManagerConfig;
     audioContext: AudioContext | null;
     audioSource: MediaStreamAudioSourceNode | undefined;
     workletNode: AudioWorkletNode | undefined;
-    status: 'beforeInit' | 'initialized' | 'start' | 'stop';
+    status: "beforeInit" | "initialized" | "start" | "stop";
     audioChunks: any[];
     constructor(config: RecorderManagerConfig);
     setConfig: (newConfig: Partial<RecorderManagerConfig>) => void;

package/dist/lib/easyv-biz-components/src/utils/xun-fei-voice/types.d.ts

@@ -23,7 +23,7 @@ declare class RecorderManagerClass {
     start({ sampleRate, frameSize, arrayBufferType, }: {
         sampleRate?: number;
         frameSize?: number;
-        arrayBufferType?: 'short16' | 'float32';
+        arrayBufferType?: "short16" | "float32";
     }): Promise<void>;
     stop(): void;
 }
@@ -32,6 +32,7 @@ export interface OnMessageInfo {
     /** 优化后的结果。最终结果 */
     message: string;
     isLatest?: boolean;
+    temIsLatest?: boolean;
     /** 临时结果
      * 区别： 如用户再说 “一二三四五”， 临时结果为 “一、二、三、四、五”，最终结果会优化成阿拉伯数字 “12345
      */

package/dist/lib/hooks/use-ai-agent-message/constants.es.js

@@ -4,7 +4,20 @@ const aiAnswerContentTypeList = [
   AiAgentMessageType.DASHBOARD,
   AiAgentMessageType.EXECUTION_STEP
 ];
+var AiAgentKnowledgeEnum = /* @__PURE__ */ ((AiAgentKnowledgeEnum2) => {
+  AiAgentKnowledgeEnum2["easyMind"] = "easy_mind";
+  AiAgentKnowledgeEnum2["requestStandard"] = "request_standard";
+  AiAgentKnowledgeEnum2["thirdAgent"] = "third_party_agent";
+  return AiAgentKnowledgeEnum2;
+})(AiAgentKnowledgeEnum || {});
+const frontEndDirectShowKnowledgeResList = [
+  "third_party_agent",
+  "request_standard"
+  /* requestStandard */
+];
 export {
-  aiAnswerContentTypeList
+  AiAgentKnowledgeEnum,
+  aiAnswerContentTypeList,
+  frontEndDirectShowKnowledgeResList
 };
 //# sourceMappingURL=constants.es.js.map

package/dist/lib/hooks/use-ai-agent-message/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../../../../src/hooks/use-ai-agent-message/constants.ts"],"sourcesContent":["import { AiAgentMessageType } from '@/utils/ai-agent-message-manager';\n\n/** ai 回答的消息类型的合集 */\nexport const aiAnswerContentTypeList = [\n  AiAgentMessageType.TEXT,\n  AiAgentMessageType.DASHBOARD,\n  AiAgentMessageType.EXECUTION_STEP,\n];\n"],"names":[],"mappings":";AAGO,MAAM,0BAA0B;AAAA,EACrC,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AACrB;"}
+{"version":3,"file":"constants.es.js","sources":["../../../../src/hooks/use-ai-agent-message/constants.ts"],"sourcesContent":["import { AiAgentMessageType } from \"@/utils/ai-agent-message-manager\";\n\n/** ai 回答的消息类型的合集 */\nexport const aiAnswerContentTypeList = [\n  AiAgentMessageType.TEXT,\n  AiAgentMessageType.DASHBOARD,\n  AiAgentMessageType.EXECUTION_STEP,\n];\n\nexport enum AiAgentKnowledgeEnum {\n  /** easyMind */\n  easyMind = \"easy_mind\",\n  /** 自定义知识库时，请求配置为字段配置 */\n  requestStandard = \"request_standard\",\n  /** 第三发智能体的知识库 */\n  thirdAgent = \"third_party_agent\",\n}\n\n/** 前端直接展示知识库的响应类型 */\nexport const frontEndDirectShowKnowledgeResList = [\n  AiAgentKnowledgeEnum.thirdAgent,\n  AiAgentKnowledgeEnum.requestStandard,\n];\n"],"names":["AiAgentKnowledgeEnum"],"mappings":";AAGO,MAAM,0BAA0B;AAAA,EACrC,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AACrB;AAEY,IAAA,yCAAAA,0BAAL;AAELA,wBAAA,UAAW,IAAA;AAEXA,wBAAA,iBAAkB,IAAA;AAElBA,wBAAA,YAAa,IAAA;AANHA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAUL,MAAM,qCAAqC;AAAA,EAChD;AAAA,EACA;AAAA;AACF;"}

package/dist/lib/hooks/use-ai-agent-message/use-ai-agent-message.es.js

@@ -2,17 +2,16 @@ import { useState, useRef } from "react";
 import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
 import useThrottleFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useThrottleFn/index.es.js";
 import useUnmount from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useUnmount/index.es.js";
-import { message } from "antd";
 import { AiAgentMessageManager } from "../../utils/ai-agent-message-manager/ai-agent-message-manager.es.js";
 import { useInitialized } from "../use-initialized.es.js";
 import { useWatchValue } from "../use-watch-value/use-watch-value.es.js";
-import { aiAnswerContentTypeList } from "./constants.es.js";
-import { generateUserMsgItem } from "./utils.es.js";
+import { frontEndDirectShowKnowledgeResList, aiAnswerContentTypeList } from "./constants.es.js";
+import { generateAiMsgPayload, generateUserMsgItem } from "./utils.es.js";
 import { RoomType } from "../use-socket-events/constant.es.js";
-import { fetchKnowledge } from "../../utils/fetchKnowledge/fetchKnowledge.es.js";
+import { fetchKnowledge } from "../../utils/fetch-knowledge/fetch-knowledge.es.js";
 import v4 from "../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/v4.es.js";
 import { wait } from "../../utils/wait-something/index.es.js";
-import { generateAiChatMessageFromSocketMessage } from "../../components/ai-message-render/utils.es.js";
+import { generateAiChatMessageFromSocketMessage } from "../../components/ai-components/ai-message-render/utils.es.js";
 import isNil from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isNil.es.js";
 import { AiAgentMessageType } from "../../utils/ai-agent-message-manager/constants.es.js";
 const useAiAgentMessage = (props) => {
@@ -34,7 +33,7 @@ const useAiAgentMessage = (props) => {
   const setMessageStatus = (status) => {
     messageStatusRef.current = status;
   };
-  const lastQuestionRef = useRef("");
+  const knowledgeMsgRenderFlagRef = useRef(true);
   const onStopChat = useMemoizedFn((id) => {
     var _a;
     (_a = aiAgentManagerConfig.onStopChat) == null ? void 0 : _a.call(aiAgentManagerConfig, id);
@@ -50,10 +49,6 @@ const useAiAgentMessage = (props) => {
     }
     if (payload.type === AiAgentMessageType.CONVERSION_START) {
       setMessageStatus("start");
-      socketMsgListRef.current = [];
-      setIsAnswer(true);
-      setChatLoading(true);
-      setCurrOneChatId(v4());
     }
     if (aiAnswerContentTypeList.includes(payload.type)) {
       if (!currOneChatIdRef.current) {
@@ -74,8 +69,10 @@ const useAiAgentMessage = (props) => {
       setChatLoading(false);
       setStepHintAnimation(false);
       setMessageStatus("error");
-      if (messageStatusRef.current !== "start") {
-        message.error(payload.content || "智能体消息出现错误！");
+      if (messageStatusRef.current === "end") {
+        console.error(
+          payload.content ? `智能体消息错误：${payload.content}` : "智能体消息出现错误！"
+        );
       } else {
         if (!currOneChatIdRef.current) {
           setCurrOneChatId(v4());
@@ -94,7 +91,7 @@ const useAiAgentMessage = (props) => {
       setStepHintAnimation(false);
       await wait(150);
       renderMessageList();
-      socketMsgListRef.current = [];
+      socketMsgListRef.current.splice(0);
       await wait(0);
       setCurrOneChatId("");
     }
@@ -156,23 +153,43 @@ const useAiAgentMessage = (props) => {
     trailing: false
   });
   const [socketManager, setSocketManager] = useState();
-  const onSendMsgToAi = useMemoizedFn((params) => {
+  const stopKnowledgeMsg = useMemoizedFn(() => {
+    knowledgeMsgRenderFlagRef.current = false;
+  });
+  const onSendMsgToAi = useMemoizedFn(() => {
     setMessageStatus("init");
-    lastQuestionRef.current = params.question;
+    setCurrOneChatId(v4());
+    socketMsgListRef.current = [];
+    setIsAnswer(true);
+    setChatLoading(true);
+    renderMessageList();
   });
   const onAiAgentToolCall = useMemoizedFn(async (data) => {
     var _a;
-    let result = "";
+    let result;
     try {
       const toolInfo = data.toolInfo;
       if (!toolInfo) {
         return;
       }
+      knowledgeMsgRenderFlagRef.current = true;
       result = await fetchKnowledge(toolInfo.query, {
         baseURL: toolInfo.baseURL,
         requestHandler: toolInfo.requestHandler,
         requestBody: toolInfo.requestBody,
-        requestHeader: toolInfo.requestHeader
+        requestHeader: toolInfo.requestHeader,
+        onOneChunkRes: (chunkRes) => {
+          if (frontEndDirectShowKnowledgeResList.includes(toolInfo.toolType)) {
+            if (!knowledgeMsgRenderFlagRef.current) {
+              return;
+            }
+            if (chatLoading) {
+              setChatLoading(false);
+            }
+            socketMsgListRef.current.push(generateAiMsgPayload(chunkRes));
+            renderMessageListThrottled();
+          }
+        }
       });
     } catch (error) {
       result = error.message;
@@ -234,7 +251,9 @@ const useAiAgentMessage = (props) => {
     setMessageList,
     currOneChatId: currOneChatIdRef.current,
     stepHintContent: stepHintContentRef.current,
-    stepHintAnimation
+    stepHintAnimation,
+    renderMessageList,
+    stopKnowledgeMsg
   };
 };
 export {