Kupola零框架交互增强层

为服务端渲染 HTML 添加响应式指令与可选原生组件

快速开始

GitHub

⚡

零依赖

不依赖 React/Vue/Angular，纯 JS 实现

🔄

响应式

基于 Signal 的细粒度响应式系统

📦

按需引入

Tree-shakeable，只打包你用的组件

AI Adapter — 自然语言驱动你的应用

@kupola/ai-adapter 将用户的自然语言输入转化为结构化操作，无缝联动 Kupola UI 组件。

🔍 查询引擎

处理只读数据查询，支持缓存、分页、聚合和上下文追问。

adapter.query.register('employee', handler);
await adapter.process('查询张三');

⚙️ 执行引擎

处理增删改操作，支持确认、撤销、审计和权限钩子。

adapter.action.register('delete', {
  handler, confirm: true, undo,
});

🔄 流程引擎

多步骤可重复流程，支持条件分支、并行、嵌套和断点恢复。

adapter.flow.define('月末统计', {
  steps: [...]
});

🧠 意图解析

AI 后端 + 规则引擎双模式，中英文双语，模糊匹配，置信度评分。

new AIAdapter({
  ai: async (input, ctx) => ...
});

🔌 中间件

Koa 风格的处理管道，插入日志、权限、缓存等自定义逻辑。

adapter.use(async (ctx, next) => {
  await next();
});

🎨 Kupola 集成

事件驱动 UI 联动，查询结果 → Table，操作确认 → Modal。

adapter.on('result', ({ result }) => {
  Table.create('#area', result.table);
});

查看完整文档 API Info

组件

48+ 开箱即用的 UI 组件，零框架依赖。

Modal — 模态弹窗

Table — 数据表格

Form — 表单系统

Dropdown — 下拉菜单

Notification — 通知提示

Dialog — 确认对话框

查看全部组件

Kupola零框架交互增强层

零依赖

响应式

按需引入

AI Adapter — 自然语言驱动你的应用 ​

🔍 查询引擎 ​

⚙️ 执行引擎 ​

🔄 流程引擎 ​

🧠 意图解析 ​

🔌 中间件 ​

🎨 Kupola 集成 ​

组件 ​