Dorado Vue UI 🦅

一套基于 Vue 3 的企业级 UI 组件库，提供优雅的交互体验和高度可定制性。

✨ 特性

• 30+ 高质量组件 - 覆盖常见业务场景
• 现代化设计 - 支持暗黑/明亮主题
• 轻量高效 - 基于 Vite 构建，Tree-shaking 支持
• 类型友好 - 完善的 TypeScript 类型定义
• 响应式设计 - 完美适配移动端与桌面端

📦 安装

bash npm install dorado-vue-ui @tabler/icons-vue @vueuse/core

🔨 快速使用

javascript // main.js import { createApp } from 'vue' import DorUI from 'dorado-vue-ui' import 'dorado-vue-ui/style.css'
const app = createApp(App)
app.use(DorUI)

🎨 组件示例

对话框组件

<template>
  <DorDialog v-model:visible="showDialog" title="提示" @submit="handleSubmit">
    这里是对话框内容
  </DorDialog>
</template>

抽屉组件

<template>
  <DorDrawer v-model:visible="showDrawer" title="侧边导航" @close="handleClose">
    <!-- 抽屉内容 -->
  </DorDrawer>
</template>

📚 组件列表

| 基础组件 | 交互组件 | 数据展示 | |----------|---------|-------------| | Button | Dialog | Table | | Input | Drawer | Detail | | Select | Toast | Card | | Checkbox | Confirm | Pagination | | Radio | Loader | Breadcrumbs |

完整组件列表参见 组件文档

🛠 开发指南

# 克隆项目
git clone https://github.com/your-username/dorado-vue-ui.git
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build

🤝 贡献指南

欢迎通过 Issue 或 PR 参与贡献，请确保遵循以下规范：

1. 使用 Conventional Commits 格式提交
2. 新组件需包含对应单元测试
3. 保持组件API设计一致性

📄 License

MIT © Jack

亮点说明： 添加了项目徽章增强专业性 采用模块化展示组件特性 包含即用型代码示例 明确开发工作流指引 响应式表格展示组件分类 暗黑模式支持作为特色功能强调 可根据实际需求补充以下内容： 在线演示链接 组件API详细文档链接 主题定制指南 国际化支持说明 浏览器兼容性列表