Chat Widget

一个可定制的聊天组件库，用于网页应用程序。

安装

npm install @code-cloud/widget
# 或
yarn add @code-cloud/widget

功能特点

• 浮动聊天图标
• 可自定义的聊天窗口
• 响应式设计
• 易于集成到任何React应用

使用方法

基本用法

import React from 'react';
import { ChatLauncher } from '@code-cloud/widget';
import '@code-cloud/widget/dist/styles.css'; // 导入样式

function App() {
  return (
    <div className="App">
      <h1>我的应用</h1>
      <ChatLauncher />
    </div>
  );
}

export default App;

组件

ChatLauncher

主要组件，包含浮动图标和聊天窗口。

import { ChatLauncher } from '@code-cloud/widget';

<ChatLauncher />

FloatIcon

单独使用浮动图标。

import { FloatIcon } from '@code-cloud/widget';

<FloatIcon onClick={handleClick} position="right" />

ChatWindow

单独使用聊天窗口。

import { ChatWindow } from '@code-cloud/widget';

<ChatWindow visible={true} onClose={handleClose} />

许可证

ISC

本地调试

yarn link package.json 中name设置测试name

ex: @code-cloud/widgetTest 使用项目内执行 yarn link @code-cloud/widgetTest

改动后每次执行 yarn build