@fle-ui/plus-im-record
Version:
42 lines (41 loc) • 1.39 kB
TypeScript
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;