Seatable AI UI component

The seatable AI UI component.

查看demo

1. 下载源码并进入文件夹

git clone [email protected]:seatable-extends/sea-ai-ui-component.git
cd sea-ai-ui-component

2. 安装依赖

npm install

3. 添加配置项

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

4. 启动

npm start

5. 在浏览器地址栏中输入：127.0.0.1:9002，即可访问该组件库的 demo 内容

注意：自定义API 的demo,目前不支持修改参数同步更新视图

使用

1. 安装 sea-ai-ui-component

  npm install sea-ai-ui-component

2. 使用

  <!-- app.jsx -->
  import React from 'react';
  import SeatableAI from 'sea-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 'sea-ai-ui-component';

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

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

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

3. 具体应用请参照相关 demo

开发

依据业务逻辑新编写组件