chatKit lib

？为什么？

反应组件库，允许您创建与第三方服务交互的对话框界面，该第三方服务提供与聊天交互的能力。

？安装

对于安装库，您需要输入下一个命令：

 npm i sova - chatkit

快速启动

要快速启动并对库组件进行更改，请在App.jsx文件中输入下一个命令：

 import React from "react"
import { CkComponents } from "sova-chatkit"
 
function App ( ) {
 return (
 < div className = "App" >
   < CkComponents . ChatIt ckStore = { true } / >
 < / div >
 )
}
 
export default App

？目录

该库由以下组件组成：

？ CkComponents - 小部件的 UI 组件（react-components）；
？ ckAPIMethods - 影响 UI 行为或与 UI 交互的方法；
ckStore - 内容管理。

下面给出该库的详细描述。

库说明

CK组件

 import { CkComponents } from "sova-chatkit"

Widget 使用下一个 React 组件：

成分
徽章	小部件展开按钮
信息	带有相关信息的短信气泡
对话	显示一组文本消息
标头	小部件标题
速度	评价消息的组成部分
发件人	消息输入和发送组件

每个组件都接受来自ckStore的 props，其值true或false表示组件是否应该保留来自基础ckStore信息。

ckAPI方法

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods存储方法列表：

API方法
接收消息API	添加短信到商店
发送消息API	向模块发送消息调用请求
样式API	编辑小部件主题或单个组件
ui管理API	更改 STORE 中组件的设置
设置API	更改小部件中的图片
模块API	对话模块的连接
语言API	设置语言包

所有方法都会影响ckStore存储的信息，并且可以更改小部件的行为和显示。

ck商店

 import { ckStore } from "sova-chatkit"

ckStore将内容信息存储在全局键中：

钥匙
信息	用户消息历史记录和传入答复
模块	对话模块信息
设置	对话框设置及其状态
语言	设置语言包
风格	对话框和各个组件的样式设置
客户端配置	顶级小部件设置
管理	小部件设置

与 Storeon 一起实施。你可以在react dev tools中看到所有的内容信息。