@glodon-aiot/chat-app-sdk 0.0.0-snapshot-20251022100242

package/README.md

@@ -0,0 +1,580 @@
+# @glodon-aiot/chat-app-sdk
+
+Glodon AIoT Chat App SDK - 基于 `@coze-studio/chat-app-sdk` 的轻量级品牌包装包。
+
+[![npm version](https://img.shields.io/npm/v/@glodon-aiot/chat-app-sdk.svg)](https://www.npmjs.com/package/@glodon-aiot/chat-app-sdk)
+[![npm downloads](https://img.shields.io/npm/dm/@glodon-aiot/chat-app-sdk.svg)](https://www.npmjs.com/package/@glodon-aiot/chat-app-sdk)
+[![License](https://img.shields.io/npm/l/@glodon-aiot/chat-app-sdk.svg)](https://github.com/glodon-aiot/chat-app-sdk/blob/main/LICENSE)
+
+## 📦 特性
+
+- ✅ **100% API 兼容**：完全继承 `@coze-studio/chat-app-sdk` 的所有功能
+- ✅ **极简维护**：轻量级包装层，无业务逻辑重复实现
+- ✅ **品牌定制**：统一到 `@glodon-aiot` 命名空间
+- ✅ **样式扩展**：支持自定义品牌样式覆盖
+- ✅ **类型安全**：完整的 TypeScript 类型定义
+- ✅ **多模式支持**：支持浮窗模式和嵌入模式
+- ✅ **CDN 支持**：支持通过 CDN 直接引入使用
+- ✅ **React 友好**：完美支持 React 项目集成
+
+## 📥 安装
+
+### NPM 安装
+
+```bash
+# 使用 pnpm（推荐）
+pnpm add @glodon-aiot/chat-app-sdk
+
+# 使用 npm
+npm install @glodon-aiot/chat-app-sdk
+
+# 使用 yarn
+yarn add @glodon-aiot/chat-app-sdk
+```
+
+### CDN 引入
+
+```html
+<!-- 最新版本 -->
+<script src="https://unpkg.com/@glodon-aiot/chat-app-sdk/libs/cn/index.js"></script>
+
+<!-- 指定版本 -->
+<script src="https://unpkg.com/@glodon-aiot/chat-app-sdk@0.0.1/libs/cn/index.js"></script>
+```
+
+### 环境要求
+
+- Node.js >= 18
+- React >= 18.2.0
+- ReactDOM >= 18.2.0
+
+## 🚀 快速开始
+
+### 基本使用
+
+```typescript
+import { WebChatClient, RenderMode, Layout, Language, AuthType, ChatType } from '@glodon-aiot/chat-app-sdk';
+
+// 创建聊天客户端实例
+const client = new WebChatClient({
+  // 渲染模式配置
+  mode: 'float', // 'float' | 'inlay'
+
+  // 尺寸配置（仅 float 模式生效）
+  size: {
+    width: 400,
+    height: 600,
+    maxWidth: 800,
+    maxHeight: 800,
+  },
+
+  // 容器配置
+  getContainer: () => document.getElementById('chat-container'),
+
+  // Bot 配置
+  config: {
+    type: ChatType.APP,
+     appInfo: {
+         appId: 'your-app-id',
+         workflowId: 'your-workflow-id',
+      },
+    // 可选：自定义 API 地址
+    apiUrl: 'https://your-api-domain.com/api',
+  },
+
+  // 认证配置
+  auth: {
+    type: AuthType.TOKEN,
+    token: 'your-token',
+    onRefreshToken: async () => {
+      // 实现 token 刷新逻辑
+      return 'new-token';
+    },
+  },
+
+  // UI 配置
+  ui: {
+    base: {
+      layout: Layout.PC,
+      lang: Language.ZH_CN,
+    },
+    chatBot: {
+      title: '智能助手',
+      uploadable: true,
+    },
+  },
+});
+
+// 显示聊天窗口
+client.showChatBot();
+
+// 隐藏聊天窗口
+client.hideChatBot();
+
+// 销毁实例
+client.destroy();
+```
+
+## 🎯 渲染模式
+
+SDK 支持两种渲染模式：**浮窗助手模式**（默认）和**嵌入模式**。
+
+### 浮窗助手模式（Float）
+
+显示悬浮按钮，点击后弹出聊天窗口。这是默认模式。
+
+```typescript
+const client = new WebChatClient({
+  mode: 'float', // 默认值
+  size: { width: 400, height: 600 },
+  // ... 其他配置
+});
+```
+
+### 嵌入模式（Inlay）
+
+全屏展示聊天页面，自动打开，无关闭按钮。适合专门的聊天页面。
+
+```typescript
+const client = new WebChatClient({
+  mode: 'inlay',
+  getContainer: () => document.getElementById('chat-container'),
+  // ... 其他配置
+});
+```
+
+**嵌入模式会自动：**
+- ✅ 隐藏悬浮助手按钮
+- ✅ 隐藏关闭按钮
+- ✅ 全屏填满容器（100% 宽高）
+- ✅ 自动显示聊天窗口
+
+### 自定义容器渲染
+
+使用 `getContainer` 可以将整个实例（包括按钮和聊天窗口）渲染到指定容器：
+
+```typescript
+const client = new WebChatClient({
+  mode: 'float',
+  getContainer: () => document.getElementById('sidebar')!,
+   // ... 其他配置
+});
+```
+
+### React 中使用
+
+```typescript
+import { useEffect, useRef } from 'react';
+import { WebChatClient } from '@glodon-aiot/chat-app-sdk';
+
+function ChatPage() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const clientRef = useRef<WebChatClient | null>(null);
+
+  useEffect(() => {
+    if (containerRef.current && !clientRef.current) {
+      clientRef.current = new WebChatClient({
+        mode: 'inlay',
+        getContainer: () => containerRef.current,
+        config: {
+           appInfo: {
+               appId: 'your-app-id',
+               workflowId: 'your-workflow-id',
+           },
+        },
+        auth: {
+          type: AuthType.TOKEN,
+          onRefreshToken: async () => 'your-token',
+        },
+      });
+    }
+
+    return () => {
+      clientRef.current?.destroy();
+      clientRef.current = null;
+    };
+  }, []);
+
+  return (
+    <div
+      ref={containerRef}
+      style={{ width: '100%', height: '100vh' }}
+    />
+  );
+}
+```
+
+### CDN 使用
+
+通过 CDN 引入时，SDK 会自动在 `window` 对象上暴露：
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Glodon AIoT Chat SDK</title>
+</head>
+<body>
+  <div id="chat-container" style="width: 100%; height: 100vh;"></div>
+
+  <!-- 引入 SDK -->
+  <script src="https://unpkg.com/@glodon-aiot/chat-app-sdk/libs/cn/index.js"></script>
+
+  <script>
+    // 使用全局变量
+    const client = new window.GlodonAIoT.WebChatClient({
+      mode: 'inlay',
+      getContainer: () => document.getElementById('chat-container'),
+      config: {
+         appInfo: {
+               appId: 'your-app-id',
+               workflowId: 'your-workflow-id',
+           },
+      },
+      auth: {
+        type: 'token',
+        token: 'your-token',
+        onRefreshToken: function() {
+          return 'your-token';
+        },
+      },
+    });
+  </script>
+</body>
+</html>
+```
+
+## 📖 API 文档
+
+### WebChatClient
+
+#### 构造函数
+
+```typescript
+new WebChatClient(options: CozeChatOptions)
+```
+
+**参数说明：**
+
+| 参数                 | 类型                          | 默认值     | 说明                                                                       |
+| -------------------- | ----------------------------- | ---------- | -------------------------------------------------------------------------- |
+| options.mode         | `'float' \| 'inlay'`          | `'float'`  | 渲染模式：`'float'` 浮窗助手，`'inlay'` 嵌入模式                          |
+| options.size         | `SizeProps`                   | `undefined` | 尺寸配置（仅 float 模式生效）                                             |
+| options.getContainer | `() => HTMLElement \| null`   | `undefined` | 容器元素获取方法，返回要渲染的 DOM 元素，默认为 `document.body`           |
+| options.config       | `object`                      | -          | Bot 配置信息                                                               |
+| options.config.type  | `ChatType`                    | -          | 聊天类型：`ChatType.APP` 或 `ChatType.BOT`                                |
+| options.config.appId | `string`                      | -          | 应用 ID（type 为 APP 时必需）                                             |
+| options.config.workflowId | `string`                 | -          | 工作流 ID（type 为 APP 时必需）                                           |
+| options.config.botId | `string`                      | -          | Bot ID（type 为 BOT 时必需）                                              |
+| options.config.apiUrl| `string`                      | -          | 自定义 API 地址（可选）                                                   |
+| options.auth         | `AuthProps`                   | -          | 认证配置                                                                   |
+| options.auth.type    | `'token' \| 'oauth'`          | -          | 认证类型                                                                   |
+| options.auth.token   | `string`                      | -          | 访问令牌（token 认证时必需）                                              |
+| options.auth.onRefreshToken | `() => Promise<string>` | -          | 令牌刷新回调（可选）                                                      |
+| options.ui           | `UiProps`                     | -          | UI 配置                                                                    |
+| options.userInfo     | `OpenUserInfo`                | -          | 用户信息（可选）                                                           |
+| ~~options.el~~       | ~~`HTMLElement`~~             | -          | ~~挂载容器（已废弃，请使用 `getContainer`）~~                             |
+
+#### 实例方法
+
+| 方法            | 参数类型 | 返回值 | 说明               |
+| --------------- | -------- | ------ | ------------------ |
+| `showChatBot()` | -        | `void` | 显示聊天窗口       |
+| `hideChatBot()` | -        | `void` | 隐藏聊天窗口       |
+| `getToken()`    | -        | `string \| null` | 获取当前令牌       |
+| `destroy()`     | -        | `void` | 销毁实例，清理资源 |
+
+### 类型定义
+
+```typescript
+import type {
+  CozeChatOptions,
+  RenderMode,     // 'float' | 'inlay'
+  SizeProps,      // 尺寸配置
+  AuthProps,      // 认证配置
+  UiProps,        // UI 配置
+  OpenUserInfo,   // 用户信息
+} from '@glodon-aiot/chat-app-sdk';
+
+import {
+  ChatType,       // 聊天类型枚举
+  AuthType,       // 认证类型枚举
+  Layout,         // 布局枚举
+  Language,       // 语言枚举
+} from '@glodon-aiot/chat-app-sdk';
+```
+
+### 常用类型说明
+
+```typescript
+// 渲染模式
+type RenderMode = 'float' | 'inlay';
+
+// 尺寸配置
+interface SizeProps {
+  width?: number | string;
+  height?: number | string;
+  maxWidth?: number | string;
+  maxHeight?: number | string;
+  minWidth?: number | string;
+  minHeight?: number | string;
+}
+
+// 认证配置
+interface AuthProps {
+  type: 'token' | 'oauth';
+  token?: string;
+  onRefreshToken?: () => Promise<string>;
+}
+
+// UI 配置
+interface UiProps {
+  base?: {
+    layout?: Layout;
+    lang?: Language;
+    zIndex?: number;
+  };
+  chatBot?: {
+    title?: string;
+    width?: number | string;
+    uploadable?: boolean;
+  };
+  header?: {
+    isShow?: boolean;
+    isNeedClose?: boolean;
+  };
+  asstBtn?: {
+    isNeed?: boolean;
+  };
+}
+```
+
+完整的类型定义请参考 `@coze-studio/chat-app-sdk` [官方文档](https://github.com/coze-dev/coze-chat-sdk)。
+
+## ⚠️ 注意事项
+
+### 容器要求
+
+使用 `getContainer` 时，容器元素需要满足以下要求：
+
+#### 嵌入模式（inlay）
+
+```css
+.chat-container {
+  width: 100%;
+  height: 100vh;      /* 或其他明确的高度 */
+  position: relative; /* 可选但推荐 */
+}
+```
+
+#### 浮窗模式（float + getContainer）
+
+```css
+.sidebar {
+  position: relative; /* 必需：为 absolute 定位提供参照 */
+  width: 300px;
+  height: 100vh;
+  overflow: hidden;   /* 可选：防止内容溢出 */
+}
+```
+
+### 容器时序
+
+在 React 等框架中使用时，确保在容器元素挂载后再调用 `getContainer`：
+
+```typescript
+// ✅ 正确：使用 ref 确保元素已挂载
+const containerRef = useRef<HTMLDivElement>(null);
+
+useEffect(() => {
+  if (containerRef.current) {
+    const client = new WebChatClient({
+      getContainer: () => containerRef.current,
+      // ...
+    });
+  }
+}, []);
+
+// ❌ 错误：元素可能尚未挂载
+const client = new WebChatClient({
+  getContainer: () => document.getElementById('container'), // 可能为 null
+  // ...
+});
+```
+
+### 模式覆盖
+
+`mode` 参数会自动配置相关 UI 参数，但用户手动配置的优先级更高：
+
+```typescript
+// inlay 模式默认隐藏关闭按钮，但可以手动覆盖
+const client = new WebChatClient({
+  mode: 'inlay',
+  ui: {
+    header: {
+      isNeedClose: true,  // 覆盖默认配置，显示关闭按钮
+    },
+  },
+  // ...
+});
+```
+
+## 🎨 样式定制
+
+### CSS 变量覆盖
+
+如果需要自定义品牌样式，可以在项目中覆盖 CSS 变量：
+
+```css
+:root {
+  --glodon-primary-color: #1890ff;
+  --glodon-text-color: #333333;
+  --glodon-border-color: #d9d9d9;
+  --glodon-background-color: #ffffff;
+}
+```
+
+### Less 文件导入
+
+```less
+@import '@glodon-aiot/chat-app-sdk/src/style.less';
+
+// 自定义样式
+.your-custom-class {
+  // 覆盖默认样式
+  .chat-widget {
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+}
+```
+
+### 主题定制
+
+```typescript
+const client = new WebChatClient({
+  // ... 其他配置
+  ui: {
+    base: {
+      layout: Layout.PC,
+      lang: Language.ZH_CN,
+      // 自定义主题
+      theme: 'dark', // 或 'light'
+    },
+  },
+});
+```
+
+## 🔧 开发指南
+
+### 本地开发
+
+```bash
+# 安装依赖
+pnpm install
+
+# 启动开发服务器
+pnpm dev
+
+# 运行 lint
+pnpm lint
+
+# 运行测试
+pnpm test
+
+# 构建包
+pnpm build
+```
+
+### 项目结构
+
+```
+frontend/packages/glodon/chat-app-sdk/
+├── src/                    # 源码目录
+│   ├── index.ts           # 主入口文件
+│   └── style.less         # 样式文件
+├── dev/                   # 开发示例
+│   └── page/
+│       └── Client.tsx     # 测试页面
+├── libs/                  # 构建产物
+│   └── cn/
+│       └── index.js       # UMD 格式输出
+├── rspack-config/         # 构建配置
+├── package.json           # 包配置
+└── README.md             # 文档
+```
+
+### 构建配置
+
+- **开发环境**：使用 `rspack serve` 启动开发服务器
+- **生产构建**：使用 `rspack build` 生成 UMD 格式文件
+- **类型定义**：使用 `tsc` 生成 TypeScript 声明文件
+
+## 🐛 常见问题
+
+### Q: 如何获取 appId 和 workflowId？
+
+A: 这些参数需要从 Coze 平台获取：
+1. 登录 [Coze 平台](https://www.coze.cn/)
+2. 创建或选择你的应用
+3. 在应用设置中找到 `appId` 和 `workflowId`
+
+### Q: 支持哪些浏览器？
+
+A: 支持所有现代浏览器：
+- Chrome >= 88
+- Firefox >= 85
+- Safari >= 14
+- Edge >= 88
+
+### Q: 如何自定义样式？
+
+A: 可以通过以下方式自定义样式：
+1. 覆盖 CSS 变量
+2. 导入 Less 文件并覆盖样式
+3. 使用 `ui` 配置项调整 UI 参数
+
+### Q: 支持移动端吗？
+
+A: 是的，SDK 会自动检测设备类型并适配移动端布局。
+
+### Q: 如何调试问题？
+
+A: 可以：
+1. 打开浏览器开发者工具查看控制台日志
+2. 检查网络请求是否正常
+3. 确认配置参数是否正确
+
+## 📄 许可证
+
+Apache-2.0
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+### 贡献指南
+
+1. Fork 本仓库
+2. 创建特性分支：`git checkout -b feature/amazing-feature`
+3. 提交更改：`git commit -m 'Add amazing feature'`
+4. 推送分支：`git push origin feature/amazing-feature`
+5. 提交 Pull Request
+
+## 📞 联系我们
+
+如有问题或建议，请联系 Glodon AIoT 团队：
+
+- 🐛 问题反馈：[GitHub Issues](https://github.com/glodon-aiot/chat-app-sdk/issues)
+- 📖 文档：[项目文档](https://github.com/glodon-aiot/chat-app-sdk)
+
+## 🔗 相关链接
+
+- [Coze 官方文档](https://www.coze.cn/docs/)
+- [原版 SDK](https://github.com/coze-dev/coze-chat-sdk)
+- [React 官方文档](https://react.dev/)
+
+---
+
+**注意**：本包是 `@coze-studio/chat-app-sdk` 的轻量级包装，核心功能和 API 完全继承自原包。

package/libs/cn/015a74541b0fef7e7aeeb852c3c5dc67.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66658 1.33325C5.03477 1.33325 5.33325 1.63173 5.33325 1.99992H10.6666C10.6666 1.63173 10.9651 1.33325 11.3333 1.33325C11.7014 1.33325 11.9999 1.63173 11.9999 1.99992C12.276 1.99992 12.8131 1.99992 13.3333 1.99992C14.0697 1.99992 14.6666 2.59687 14.6666 3.33325V13.3333C14.6666 14.0696 14.0696 14.6666 13.3333 14.6666H2.66659C1.93021 14.6666 1.33325 14.0696 1.33325 13.3333L1.33325 3.33325C1.33325 2.59687 1.93018 1.99992 2.66656 1.99992C3.18676 1.99992 3.72379 1.99992 3.99992 1.99992C3.99992 1.63173 4.2984 1.33325 4.66658 1.33325ZM10.6666 3.33325H5.33325C5.33325 3.70144 5.03477 3.99992 4.66658 3.99992C4.2984 3.99992 3.99992 3.70144 3.99992 3.33325H2.66659V13.3333H13.3333V3.33325H11.9999C11.9999 3.70144 11.7014 3.99992 11.3333 3.99992C10.9651 3.99992 10.6666 3.70144 10.6666 3.33325ZM5.99992 9.99992C5.99992 9.63173 5.70144 9.33325 5.33325 9.33325H4.66658C4.2984 9.33325 3.99992 9.63173 3.99992 9.99992V10.6666C3.99992 11.0348 4.2984 11.3333 4.66658 11.3333H5.33325C5.70144 11.3333 5.99992 11.0348 5.99992 10.6666V9.99992ZM6.99992 6.66658C6.99992 6.2984 7.2984 5.99992 7.66658 5.99992H8.33325C8.70144 5.99992 8.99992 6.2984 8.99992 6.66658V7.33325C8.99992 7.70144 8.70144 7.99992 8.33325 7.99992H7.66658C7.29839 7.99992 6.99992 7.70144 6.99992 7.33325V6.66658ZM8.99992 9.99992C8.99992 9.63173 8.70144 9.33325 8.33325 9.33325H7.66658C7.29839 9.33325 6.99992 9.63173 6.99992 9.99992V10.6666C6.99992 11.0348 7.2984 11.3333 7.66658 11.3333H8.33325C8.70144 11.3333 8.99992 11.0348 8.99992 10.6666V9.99992ZM9.99992 9.99992C9.99992 9.63173 10.2984 9.33325 10.6666 9.33325H11.3333C11.7014 9.33325 11.9999 9.63173 11.9999 9.99992V10.6666C11.9999 11.0348 11.7014 11.3333 11.3333 11.3333H10.6666C10.2984 11.3333 9.99992 11.0348 9.99992 10.6666V9.99992ZM11.9999 6.66658C11.9999 6.2984 11.7014 5.99992 11.3333 5.99992H10.6666C10.2984 5.99992 9.99992 6.2984 9.99992 6.66658V7.33325C9.99992 7.70144 10.2984 7.99992 10.6666 7.99992H11.3333C11.7014 7.99992 11.9999 7.70144 11.9999 7.33325V6.66658Z" fill="#1D1C23"/>
+</svg>

package/libs/cn/020c061be9dc499d2a438b43978f3898.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none">
+    <rect width="72" height="72" rx="8" fill="#0B0C17"/>
+    <path d="M30.4692 29.8908V27.6469C29.7117 27.5432 28.9435 27.4777 28.1564 27.4777C18.6958 27.4777 11 35.2985 11 44.9127C11 50.8118 13.901 56.0311 18.3251 59.1867C15.4698 56.0721 13.7184 51.8982 13.7184 47.3149C13.7184 37.8399 21.1966 30.1119 30.4692 29.8908Z" fill="#00FAF0"/>
+    <path d="M30.8749 55.2777C35.0949 55.2777 38.5385 51.8654 38.6943 47.6152L38.7104 9.65493H45.5332C45.3909 8.87422 45.313 8.07166 45.313 7.25H35.992L35.9759 45.2103C35.8201 49.4605 32.3765 52.8727 28.1565 52.8727C26.8457 52.8727 25.6101 52.5397 24.5222 51.9583C25.9458 53.9646 28.2586 55.2777 30.8722 55.2777H30.8749Z" fill="#00FAF0"/>
+    <path d="M58.2816 22.5368C55.4907 21.928 53.0302 20.4048 51.2197 18.2919C53.2531 19.6405 55.6787 20.4266 58.2816 20.4266V22.5368Z" fill="#00FAF0"/>
+    <path d="M51.2197 18.2947C49.2374 15.9798 48.0313 12.958 48.0313 9.65494L45.5332 9.65493C46.1913 13.2637 48.2972 16.3593 51.2197 18.2947Z" fill="#FF0050"/>
+    <path d="M28.1565 36.9499C23.8372 36.9499 20.321 40.5232 20.321 44.9127C20.321 47.97 22.0267 50.6261 24.5221 51.961C23.5927 50.6534 23.0394 49.051 23.0394 47.3176C23.0394 42.9281 26.5556 39.3549 30.8749 39.3549C31.6807 39.3549 32.4543 39.4913 33.1877 39.7234V30.0545C32.4302 29.9508 31.6619 29.8853 30.8749 29.8853C30.7379 29.8853 30.6063 29.8935 30.4693 29.8962V37.3212C29.7386 37.0891 28.965 36.9527 28.1565 36.9527V36.9499Z" fill="#FF0050"/>
+    <path d="M58.2816 22.5368L58.2843 22.5368C59.16 22.7251 60.0679 22.8288 61 22.8288V32.3012C56.1649 32.3012 51.6871 30.7315 48.0313 28.0645V47.3149C48.0313 56.9292 40.3355 64.75 30.8748 64.75C25.9243 64.75 21.4599 62.6071 18.3251 59.1867C21.1107 61.1767 24.5006 62.3478 28.1565 62.3478C37.6171 62.3478 45.3129 54.527 45.3129 44.9127V25.6623C48.9687 28.3266 53.4492 29.899 58.2816 29.899L58.2816 22.5368Z" fill="#FF0050"/>
+    <path d="M45.3129 44.9127V25.6623C48.9687 28.3293 53.4466 29.899 58.2816 29.899L58.2816 22.5368C55.4907 21.9307 53.0302 20.4048 51.2197 18.2919C48.2999 16.3565 46.1913 13.261 45.5332 9.65222H38.7104L38.6943 47.6125C38.6164 49.739 37.7165 51.6525 36.309 53.0393C34.9015 54.4233 32.9862 55.2777 30.8749 55.2777C28.2613 55.2777 25.9485 53.9647 24.5249 51.9583C22.0321 50.6234 20.3237 47.9674 20.3237 44.91C20.3237 40.5205 23.8399 36.9472 28.1592 36.9472C28.9651 36.9472 29.7387 37.0837 30.472 37.3158V29.8908C21.1994 30.1119 13.7212 37.8399 13.7212 47.3149C13.7212 51.8982 15.4725 56.0721 18.3279 59.1867C21.1135 61.174 24.5034 62.3478 28.1592 62.3478C37.6198 62.3478 45.3157 54.527 45.3157 44.9127L45.3129 44.9127Z" fill="white"/>
+</svg>

package/libs/cn/023bf19b6721ce7cf64d8d1b69dbc91d.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M9.61957 21.5947C9.14947 20.0617 8.44028 18.9188 7.49198 18.1661C6.06952 17.037 3.8094 17.7388 2.97454 16.5742C2.13968 15.4096 3.55945 13.268 4.05767 12.0043C4.55588 10.7407 2.14805 10.2938 2.42916 9.93508C2.61658 9.69593 3.83333 9.00578 6.07945 7.86468C6.71764 4.2251 9.07497 2.4053 13.1515 2.4053C19.2661 2.4053 21.5957 7.58931 21.5957 10.8865C21.5957 14.1837 18.7749 17.7358 14.7566 18.5017C14.3973 19.025 14.9156 20.056 16.3113 21.5947" stroke="#1D1C23" stroke-width="1.91894" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M9.84162 7.44356L8.92255 7.16803C8.91897 7.17997 8.91563 7.19198 8.91252 7.20405L9.84162 7.44356ZM10.1214 10.0046L10.7941 9.32053L10.7941 9.32049L10.1214 10.0046ZM12.6776 10.9691L13.6228 11.1338C13.6678 10.8753 13.6051 10.6097 13.4491 10.3987C13.2931 10.1877 13.0576 10.0498 12.7972 10.0171L12.6776 10.9691ZM17.7573 10.9691L16.8037 10.8625L16.8037 10.8626L17.7573 10.9691ZM11.4936 6.24422L11.6763 7.18614L11.6763 7.18613L11.4936 6.24422ZM10.8745 15.2781C10.7379 15.7901 11.0422 16.3159 11.5542 16.4525C12.0662 16.5891 12.592 16.2848 12.7286 15.7728L10.8745 15.2781ZM8.91252 7.20405C8.58144 8.48839 8.55871 9.81365 9.44868 10.6888L10.7941 9.32049C10.6842 9.21244 10.475 8.83031 10.7707 7.68306L8.91252 7.20405ZM9.44865 10.6887C10.1738 11.4018 11.2819 11.7607 12.5579 11.9211L12.7972 10.0171C11.6649 9.87479 11.0689 9.59071 10.7941 9.32053L9.44865 10.6887ZM11.7323 10.8044C11.593 11.6042 11.5688 12.4909 12.1435 13.0941C12.7209 13.7003 13.5566 13.6477 14.0066 13.6013L13.8098 11.6925C13.6068 11.7134 13.495 11.7091 13.4396 11.6998C13.3962 11.6925 13.4609 11.695 13.5329 11.7705C13.6032 11.8443 13.5871 11.8902 13.5749 11.7898C13.5616 11.6814 13.5629 11.4776 13.6228 11.1338L11.7323 10.8044ZM14.9648 13.4319C15.8282 13.5516 16.6837 13.4388 17.379 13.0499C18.0961 12.6487 18.6116 11.9634 18.7108 11.0756L16.8037 10.8626C16.7797 11.078 16.6713 11.247 16.4421 11.3752C16.1911 11.5156 15.778 11.6073 15.2286 11.5311L14.9648 13.4319ZM18.7108 11.0757C18.825 10.0536 18.608 9.13563 18.2996 8.46171C18.1461 8.12641 17.9581 7.82526 17.751 7.59083C17.6483 7.47461 17.5227 7.35408 17.3745 7.25544C17.2426 7.16754 17 7.03458 16.6839 7.03458V8.95353C16.4594 8.95353 16.3247 8.86183 16.3108 8.85259C16.2808 8.8326 16.2835 8.82813 16.313 8.86154C16.3703 8.92635 16.4624 9.05866 16.5547 9.26027C16.7377 9.66014 16.8745 10.2296 16.8037 10.8625L18.7108 11.0757ZM16.6839 7.03458C16.6106 7.03458 16.5116 7.0323 16.4066 7.02326C16.2984 7.01394 16.2041 6.99911 16.134 6.98065C16.0512 6.95888 16.0672 6.94906 16.1218 6.99251C16.1555 7.0194 16.2107 7.07243 16.2571 7.15888C16.306 7.25009 16.3297 7.35007 16.3297 7.44356H14.4107C14.4107 7.92098 14.6534 8.27622 14.9263 8.49356C15.17 8.68766 15.4458 8.78384 15.6457 8.83644C16.0526 8.94349 16.4829 8.95353 16.6839 8.95353V7.03458ZM16.3297 7.44356C16.3297 6.92802 16.0388 6.56858 15.7901 6.36453C15.5452 6.16367 15.2544 6.03458 14.9967 5.94817C14.4729 5.77249 13.8385 5.69218 13.2637 5.69218V7.61113C13.6881 7.61113 14.107 7.67377 14.3866 7.76753C14.5306 7.81584 14.5791 7.85309 14.573 7.84815C14.5631 7.84002 14.4107 7.70608 14.4107 7.44356H16.3297ZM13.2637 5.69218C13.1215 5.69218 13.1469 5.6685 13.2265 5.71296C13.2538 5.72824 13.3532 5.81325 13.17 5.64378C12.997 5.48377 12.7485 5.31378 12.3684 5.24954C12.0491 5.19558 11.6973 5.22736 11.3109 5.3023L11.6763 7.18613C11.976 7.128 12.0635 7.14417 12.0486 7.14165C12.0302 7.13853 11.989 7.12818 11.9395 7.10159C11.892 7.07612 11.8647 7.05043 11.8669 7.05248C11.8707 7.05598 11.8762 7.0613 11.8962 7.0811C11.9124 7.09717 11.942 7.12665 11.9754 7.15747C12.0474 7.22403 12.1506 7.31001 12.2905 7.38817C12.5813 7.55061 12.9062 7.61113 13.2637 7.61113V5.69218ZM11.3109 5.30229C10.2175 5.51435 9.25353 6.06401 8.92255 7.16803L10.7607 7.71908C10.8027 7.57877 10.9401 7.3289 11.6763 7.18614L11.3109 5.30229ZM15.2286 11.5311C14.1619 11.3831 13.2926 11.8327 12.6926 12.3376C12.0979 12.8379 11.6837 13.4566 11.4611 13.8723L13.1526 14.7784C13.2987 14.5056 13.5731 14.1044 13.9279 13.806C14.2774 13.512 14.6187 13.3838 14.9648 13.4319L15.2286 11.5311ZM11.4611 13.8723C11.2535 14.2597 11.1102 14.5994 11.0175 14.8467C10.971 14.9706 10.937 15.0721 10.9138 15.1456C10.9021 15.1824 10.8932 15.2123 10.8867 15.2346C10.8835 15.2457 10.8808 15.255 10.8788 15.2623C10.8778 15.2659 10.8769 15.269 10.8762 15.2717C10.8759 15.273 10.8755 15.2742 10.8752 15.2753C10.8751 15.2758 10.875 15.2763 10.8748 15.2768C10.8748 15.277 10.8747 15.2773 10.8747 15.2775C10.8746 15.2776 10.8746 15.2777 10.8746 15.2778C10.8745 15.278 10.8745 15.2781 11.8015 15.5254C12.7286 15.7728 12.7285 15.7729 12.7285 15.7731C12.7285 15.7731 12.7284 15.7733 12.7284 15.7734C12.7284 15.7736 12.7283 15.7737 12.7283 15.7739C12.7282 15.7743 12.7281 15.7746 12.728 15.7749C12.7279 15.7754 12.7277 15.7759 12.7277 15.7762C12.7275 15.7769 12.7274 15.7771 12.7275 15.7768C12.7276 15.7763 12.7283 15.7739 12.7295 15.7697C12.732 15.7613 12.7366 15.7458 12.7435 15.7239C12.7574 15.68 12.7805 15.6105 12.8143 15.5204C12.882 15.3398 12.9913 15.0794 13.1526 14.7784L11.4611 13.8723Z" fill="#1D1C23"/>
+</g>
+</svg>

package/libs/cn/025357de09db3b025d0cf5c6a29655a8.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.00008 2C1.2637 2 0.666748 2.59695 0.666748 3.33333V12.6667C0.666748 13.403 1.2637 14 2.00008 14H7.78013C7.5671 13.7159 7.44661 13.3662 7.44661 12.9993V9.66727C7.44661 9.07136 7.76452 8.52072 8.2806 8.22276L11.1662 6.55675C11.6823 6.2588 12.3181 6.2588 12.8342 6.55675L15.3334 7.99968V3.33333C15.3334 2.59695 14.7365 2 14.0001 2H2.00008ZM3.86201 6.58582C3.60166 6.32548 3.60166 5.90337 3.86201 5.64302C4.12236 5.38267 4.54447 5.38267 4.80482 5.64302L6.69044 7.52863C6.70225 7.54044 6.71352 7.55259 6.72426 7.56503C6.92066 7.79265 6.93786 8.12151 6.77586 8.36686C6.75146 8.40383 6.72298 8.4389 6.69044 8.47145L4.80482 10.3571C4.54447 10.6174 4.12236 10.6174 3.86201 10.3571C3.60166 10.0967 3.60166 9.67461 3.86201 9.41426L5.27623 8.00004L3.86201 6.58582Z" fill="#0F1528" fill-opacity="0.82"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3732 7.57866C11.7858 7.34048 12.294 7.34048 12.7066 7.57866L15.0133 8.91042C15.4258 9.1486 15.6799 9.58877 15.6799 10.0651V12.7286C15.6799 13.205 15.4258 13.6452 15.0133 13.8833L12.7066 15.2151C12.294 15.4533 11.7858 15.4533 11.3732 15.2151L9.06657 13.8833C8.65403 13.6452 8.3999 13.205 8.3999 12.7286V10.0651C8.3999 9.58877 8.65403 9.1486 9.06657 8.91042L11.3732 7.57866ZM12.0398 12.4C12.5921 12.4 13.0398 11.9523 13.0398 11.4C13.0398 10.8477 12.5921 10.4 12.0398 10.4C11.4875 10.4 11.0398 10.8477 11.0398 11.4C11.0398 11.9523 11.4875 12.4 12.0398 12.4Z" fill="#0F1528" fill-opacity="0.82"/>
+</svg>

package/libs/cn/03151c741d45ad152302113f7af9ff29.svg

@@ -0,0 +1,6 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <g id="icon_italic">
+    <path id="Union"
+      d="M8.64879 2.96154L6.52758 11.0385H8.89151C9.22607 11.0385 9.49728 11.3097 9.49728 11.6442C9.49728 11.9788 9.22607 12.25 8.89151 12.25H2.89092C2.55637 12.25 2.28516 11.9788 2.28516 11.6442C2.28516 11.3097 2.55637 11.0385 2.89093 11.0385H5.25485L7.37607 2.96154H5.01214C4.67758 2.96154 4.40637 2.69033 4.40637 2.35577C4.40637 2.02121 4.67758 1.75 5.01214 1.75H11.0127C11.3473 1.75 11.6185 2.02121 11.6185 2.35577C11.6185 2.69033 11.3473 2.96154 11.0127 2.96154H8.64879Z" />
+  </g>
+</svg>

package/libs/cn/0366334d39997b76f990f08cf143e30f.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5013 13.5042C13.7617 13.2439 13.7636 12.8237 13.5032 12.5633L8.94005 8.00013L13.5032 3.43697C13.7636 3.17662 13.7617 2.7564 13.5013 2.49605C13.241 2.2357 12.8207 2.23382 12.5604 2.49416C12.3 2.75451 7.99724 7.05732 7.99724 7.05732L3.43404 2.49413C3.17369 2.23378 2.75347 2.23566 2.49312 2.49601C2.23277 2.75636 2.23088 3.17658 2.49123 3.43693L7.05443 8.00013L2.4912 12.5634C2.23085 12.8237 2.23273 13.2439 2.49308 13.5043C2.75343 13.7646 3.17366 13.7665 3.43401 13.5062L7.99724 8.94294L12.5604 13.5061C12.8208 13.7665 13.241 13.7646 13.5013 13.5042Z" fill="#747479" style="fill:#747479;fill:color(display-p3 0.4549 0.4549 0.4745);fill-opacity:1;"/>
+</svg>

package/libs/cn/049f86860814c0f18e1e769959cb6976.svg

@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_3779_336852" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="24">
+<rect x="0.151611" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3779_336852)">
+<path d="M9.22656 16.2502L12.1516 14.4752L15.0766 16.2502L14.3016 12.9252L16.9016 10.6752L13.4766 10.4002L12.1516 7.2502L10.8266 10.4002L7.40156 10.6752L10.0016 12.9252L9.22656 16.2502ZM12.1516 23.3002L8.80156 20.0002H4.15156V15.3502L0.851562 12.0002L4.15156 8.6502V4.0002H8.80156L12.1516 0.700195L15.5016 4.0002H20.1516V8.6502L23.4516 12.0002L20.1516 15.3502V20.0002H15.5016L12.1516 23.3002ZM12.1516 20.5002L14.6516 18.0002H18.1516V14.5002L20.6516 12.0002L18.1516 9.5002V6.0002H14.6516L12.1516 3.5002L9.65156 6.0002H6.15156V9.5002L3.65156 12.0002L6.15156 14.5002V18.0002H9.65156L12.1516 20.5002Z" fill="#4E40E5"/>
+</g>
+</svg>

package/libs/cn/04f7011faa2acc769ae617d8c4164c6c.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon">
+<path id="Rectangle 2526" d="M1 4.99996C1 3.15901 2.49238 1.66663 4.33333 1.66663H20.3096C20.7517 1.66663 21.1756 1.84222 21.4882 2.15478L30.5118 11.1785C30.8244 11.491 31 11.915 31 12.357V35C31 36.8409 29.5076 38.3333 27.6667 38.3333H4.33333C2.49238 38.3333 1 36.8409 1 35V4.99996Z" fill="#32A645"/>
+<path id="Rectangle 2527" opacity="0.9" d="M21 2.27018C21 2.04745 21.2693 1.93591 21.4268 2.0934L30.5732 11.2398C30.7307 11.3973 30.6192 11.6666 30.3964 11.6666H24.3333C22.4924 11.6666 21 10.1742 21 8.33329V2.27018Z" fill="#258832"/>
+<path id="icon_file_excel_nor" d="M10.2443 16.5151H12.064C12.1447 16.5151 12.2202 16.5548 12.266 16.6212L15.7637 21.6898L19.2798 16.6207C19.3256 16.5546 19.401 16.5151 19.4815 16.5151H21.3009C21.4365 16.5151 21.5464 16.625 21.5464 16.7606C21.5464 16.8117 21.5304 16.8615 21.5008 16.9031L16.9458 23.2925L21.8632 30.2185C21.9416 30.329 21.9156 30.4823 21.8051 30.5607C21.7636 30.5902 21.7139 30.606 21.663 30.606H19.8434C19.7628 30.606 19.6874 30.5665 19.6416 30.5002L15.7636 24.8954L11.9042 30.4998C11.8584 30.5663 11.7828 30.606 11.7021 30.606H9.88217C9.74661 30.606 9.63672 30.4962 9.63672 30.3606C9.63672 30.31 9.65237 30.2606 9.68153 30.2192L14.5623 23.2925L10.0438 16.9023C9.96558 16.7916 9.99186 16.6384 10.1025 16.5602C10.144 16.5309 10.1935 16.5151 10.2443 16.5151Z" fill="white"/>
+</g>
+</svg>

package/libs/cn/05392ad92b1441719316a93c4e68c6cd.svg

@@ -0,0 +1,6 @@
+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="6.93781" cy="5.99609" r="4.5" stroke="#6B6B75" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M6.68782 4.12109C6.96396 4.1211 7.18782 4.34495 7.18782 4.6211L7.18781 6.12125L8.68777 6.12088C8.96391 6.12084 9.18781 6.34467 9.18785 6.62081C9.18789 6.89695 8.96406 7.12084 8.68792 7.12088L6.78789 7.12131C6.45649 7.12136 6.1878 6.85272 6.18781 6.52131L6.18782 4.62109C6.18782 4.34495 6.41168 4.12109 6.68782 4.12109Z"
+    fill="#6B6B75" />
+</svg>

package/libs/cn/056916eb0b87e3f5b37d2b47b637e4d1.svg

@@ -0,0 +1,10 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="top_panel_close">
+<mask id="mask0_6526_69590" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect id="Bounding box" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_6526_69590)">
+<path id="top_panel_close_2" d="M7 7.29167L4.66667 9.625H9.33333L7 7.29167ZM2.91667 12.25C2.59583 12.25 2.32118 12.1358 2.09271 11.9073C1.86424 11.6788 1.75 11.4042 1.75 11.0833V2.91667C1.75 2.59583 1.86424 2.32118 2.09271 2.09271C2.32118 1.86424 2.59583 1.75 2.91667 1.75H11.0833C11.4042 1.75 11.6788 1.86424 11.9073 2.09271C12.1358 2.32118 12.25 2.59583 12.25 2.91667V11.0833C12.25 11.4042 12.1358 11.6788 11.9073 11.9073C11.6788 12.1358 11.4042 12.25 11.0833 12.25H2.91667ZM11.0833 4.66667V2.91667H2.91667V4.66667H11.0833ZM2.91667 5.83333V11.0833H11.0833V5.83333H2.91667Z" fill="white" fill-opacity="0.39"/>
+</g>
+</g>
+</svg>