cowell-ai-chat v2.0.22-beta118

高济机器人聊天组件

安装

npm set registry http://npmrepo.cowelltech.com/

npm install cowell-ai-chat --save-dev

在页面中使用

引入

import AiChat from 'cowell-ai-chat';

import 'cowell-ai-chat/lib/main.css';

使用

render() {
        const id = getUrlParam('id');
        const env = getEnv().toLocaleUpperCase();
        return (
            <div >
                <AiChat
                    robotId={id}
                    env={env}
                />
            </div>
        )
    }

页面效果

参数

/**反馈 */
export enum ACTION_TYPE {
    /**有帮助 */
    HELP = 1,
    /**没帮助 */
    UN_HELP = 2,
    /**重新询问 */
    REASK = 3,
    /**复制 */
    COPY = 4,
    /**复制 */
    AUDIO_PLAY = 5,
}

自定义样式表

在样式中使用

:global {
    .ai_chat_page_wrapper {
        ...
    }
}

全局css变量

变量修改方式

document.documentElement.style.setProperty('--ai-font-size-small', '14px')

页面结构

├── README.md
├── global.d.ts
├── lib // 打包文件
│   ├── index.js
│   └── main.css
├── package-lock.json
├── package.json
├── src
│   ├── app.tsx
│   ├── components
│   │   ├── ai-chat
│   │   ├── enums.ts
│   │   ├── index.ts
│   │   └── message-item
│   ├── entry.js    // 打包模式入口文件
│   ├── index.ejs   // 开发模式页面模版
│   ├── index.less  // 公共样式表
│   ├── index.tsx   // 开发模式页面入口
│   ├── types       // 组件类型声明
│   │   ├── ai-chat.d.ts
│   │   └── message-item.d.ts
│   └── utils       // 公共方法
│       ├── index.ts
│       └── request.ts
├── tsconfig.json
├── webpack.config.development.js
├── webpack.config.js
└── webpack.config.production.js

开发模式

npm install

npm run start

打包上传

npm run build

// 修改版本号

npm publish

版本隔离