介绍
dan-ui 是一套 Vue 3 通用基础 UI 组件库,面向中后台与 AI 应用界面。
能做什么
- 搭建中后台常用界面:表单、展示、反馈浮层
- 组合 AI 对话与富文本能力(均作为组件提供)
- 通过 CSS 变量快速调整主题
设计原则
- 只做 Vue 3
- 样式基于 CSS 变量,便于覆盖与暗色扩展
- AI / 富文本不单独拆站,统一收在组件文档中
- AI 组件不内置具体大模型接口,由业务侧自行对接
- 组件提供清晰的 Props、Events、Slots,便于按需使用
安装
bash
pnpm add @dandan-ui/ui @dandan-ui/theme快速使用
ts
import { createApp } from 'vue'
import DanUI from '@dandan-ui/ui'
import '@dandan-ui/theme'
import '@dandan-ui/ui/style.css'
import App from './App.vue'
createApp(App).use(DanUI).mount('#app')按需引入时同样需要主题与组件样式;富文本请额外安装 TipTap peer 依赖,详见编辑器文档。
本地预览文档与演示:
bash
pnpm install
pnpm build
pnpm dev:docs
pnpm dev:play