Fuker UI 业务组件
packages/web-vue-pro 是与 packages/web-vue 平级的独立 workspace 包,包名为 @freecallai/pro。业务组件直接按名称放在 components/ 下,各自维护源码、类型、样式、TEMPLATE.md、演示和测试。基础包 @freecallai/ui 不依赖此包。
使用 pnpm 9.5.0 开发:
pnpm --filter @freecallai/pro docgen
pnpm --filter @freecallai/pro build
pnpm --filter @freecallai/pro test
第一个组件 FkpRichText 同时提供整包注册和 @freecallai/pro/rich-text 按需入口。组件使用 Tiptap 和独立的 @freecallai/icons;宿主需先加载 @freecallai/ui/dist/arco.css,再加载 @freecallai/pro/style.css。上传、鉴权、保存和 AI 操作仍由宿主注入或响应事件。当前源码版本为 0.0.28,要求 UI ^0.0.11、Vue ^3.5.13,Icons 使用 0.0.6,发布状态见发布指南。
SVG 图标由独立的 @freecallai/icons 包维护。富文本组件直接引用该包,图标布局样式包含在 @freecallai/pro/style.css 中。业务包目前不另设 Icon 导出或注册入口;其他场景可直接使用 @freecallai/icons。
文档站从快速上手进入;组件开发放在“开发指南”,演示和公开 API 放在知识富文本组件页。知识富文本的转换协议、扩展说明及历史设计记录从知识富文本文档索引进入。
组件与场景
组件和转换器可从以下公开子路径按需导入(路径均以 @freecallai/pro 开头):
| 子路径 | 主要导出 |
|---|---|
/filters | FkpFilter、FkpSearchableMultiSelect、FkpFilterPeriod、FkpFilterDateRange |
/switcher | FkpSwitcher |
/edition-info | FkpEditionInfo |
/navigation | FkpNavigation |
/knowledge-type-picker | FkpKnowledgeTypePicker |
/rich-text | FkpRichText、场景类型及工具函数 |
/rich-text/legacy-converter | 知识场景旧数据转换函数 |
/agent-prompt-editor | FkpAgentPromptEditor、提示词类型及工具函数 |
/agent-prompt-editor/legacy-converter | Agent 提示词旧数据转换函数 |
import { FkpSwitcher } from '@freecallai/pro/switcher';
import { FkpAgentPromptEditor } from '@freecallai/pro/agent-prompt-editor';
import '@freecallai/ui/dist/arco.css';
import '@freecallai/pro/style.css';
样式目前是整个 Pro 包共用的 CSS,按需子路径只拆分 JavaScript 和类型入口。根入口的默认插件会注册其中一组组件;Agent 提示词编辑器通过自己的子路径导入。
Header、Sidebar、PageLayout 仅为使用业务组件和 UI 组合的文档场景,不导出独立组件或 /layout 入口。Navigation 的排序复用 @freecallai/ui 的 SortableList;宿主负责账号保存和页面跳转。未发布的旧 ProjectSwitcher / FilterSearch / FilterSelect 名称不保留兼容入口。