Seatable-ai-ui-component NPM

Seatable AI UI component

The seatable AI UI component.

查看demo

下载源码并进入文件夹

git clone git@gitlab.seafile.top:seatable-extends/seatable-ai-ui-component.git
cd sea-chart

安装依赖
```
npm install
```
添加配置项

切换目录：cd example
复制一份：'setting.local.dist.js', 并重命名为 'setting.local.js'
修改 pluginConfig, 该配置想同插件开发的配置项一样，请参照插件开发文档即可
修改 appConfig, 该配置项同其他应用的配置项一样，请参照其他应用的配置项进行配置即可

启动
```
npm start
```
在浏览器地址栏中输入：127.0.0.1:9000，即可访问该组件库的 demo 内容
注意：自定义API 的demo,目前不支持修改参数同步更新视图

使用

安装 seatable-ai-ui-component
```
  npm install seatable-ai-ui-component
```

使用

  <!-- app.jsx -->
  import React from 'react';
  import SeatableAI from 'seatable-ai-ui-component';
  import Layout from 'xxx';

  const APP = () => {
      return (
          <SeatableAI isDevelopment={isDevelopment}> // 加载 assistants
              <Layout />
          </SeatableAI>
      );
  }

  export default APP;

  <!-- layout.jsx -->
  import React from 'react';
  import { Chat, Assistants, useAssistants } from 'seatable-ai-ui-component';

  const Layout = () => {
    const { usingAssistant } = useAssistants();

    if (usingAssistant) {
      return (<Chat usingAssistant={usingAssistant} />);
    }

    return (
      <Assistants readonly /> // readonly: 只读下不展示添加按钮
    );
  };