UNPKG

@fle-ui/plus-im-record

Version:
42 lines (41 loc) 1.39 kB
import React, { UIEventHandler } from 'react'; import { RecordSession } from './ChatMessageList'; import { apiCreate, Env } from './api'; import { IMMessage } from './@types'; import './styles/index.less'; /** * @name 客服记录组件 * @description 代码由小鲤客服平台搬运简来. */ export interface IMRecordProps { /** * 数据对应的环境 */ env: Env; token?: string; h5?: boolean; msgs: IMMessage[]; myAccount?: string; loadingStarus?: 'loading' | 'nomore'; onScrollTop?: UIEventHandler<HTMLDivElement>; onScrollBottom?: UIEventHandler<HTMLDivElement>; style?: React.CSSProperties; isSessionEnd?: boolean; recordSession?: RecordSession; /**是否显示搜索输入框 默认为false*/ showSearchInput?: boolean; /**搜索事件,对外抛出搜索关键字*/ onSearch?: (keyword: string) => void; /**搜索模式 * internal: 内部搜索 只对输入到组件内部的msgs进行搜索 * external: 外部搜索 只对外抛出搜索关键字,在外部搜索,从而改变输入到组件的msgs * 默认为internal */ searchMode?: 'internal' | 'external'; } export interface ImContextProps { api: ReturnType<typeof apiCreate>; } export declare const ImContext: React.Context<ImContextProps>; declare const IMRecord: React.FC<IMRecordProps>; export default IMRecord;