🚀 Robot Admin 组件库

重新定义
企业级组件开发体验

- 当极致性能遇上保姆设计，当类型安全拥抱开发效率，你可以拥抱一下我

- 先提供 30+ 精心打磨的组件，让每一个都是生产级的高效武器

- 我会持续维护和完善，最后，希望你用得愉快！

✨ 设计理念

Robot Admin 组件库不仅仅是功能的集合，更是开发奔赴业务驱动的体现。我们相信好的组件应该让开发者专注于业务逻辑，而不是重复造轮子。

🎯 为什么选择 Robot Admin 组件？

⚡ 极致性能

• 零毫秒级响应 - 基于 Vue 3.5 Composition API
• 按需加载 - Tree Shaking 自动优化
• 虚拟滚动 - 大数据量流畅渲染
• 智能缓存 - 减少不必要的重渲染

🛡️ 类型安全

• 完整 TypeScript 支持 - 100% 类型覆盖
• 智能代码提示 - IDE 开发体验拉满
• 编译时检查 - 运行前发现问题
• 接口约束 - 杜绝传参错误

🎨 设计一致

• 统一设计语言 - 基于 Naive UI 设计规范
• 主题定制 - 深色/浅色模式无缝切换
• 响应式布局 - 移动端完美适配
• 动画流畅 - 60fps 的视觉体验

🔧 开箱即用

• 零配置启动 - 导入即可使用
• 完整文档 - 每个组件都有详细示例
• 最佳实践 - 内置业务场景解决方案
• 持续维护 - 跟进最新技术趋势

📊 组件统计

📈 持续更新

我们每月都会新增 2-3 个组件，并不断优化现有组件的性能和功能。所有组件都经过严格测试，测试覆盖率达到 85%+。

🎪 组件亮点

🔥 C_Form - 动态表单引擎

• 🔥 8 种布局模式 - 满足各种业务场景
• ⚡ 动态生成 - JSON 配置驱动
• 🛡️ 完整校验 - 支持复杂验证规则
• 🎨 响应式设计 - 移动端完美适配

🚀 C_Table - 超级表格

• 🚀 虚拟滚动 - 万级数据流畅渲染
• 🔍 高级搜索 - 多条件组合筛选
• 📊 数据导出 - Excel/CSV 一键导出
• 🎯 自定义列 - 灵活的列配置

📝 C_Editor - 编辑器家族

• 📝 富文本编辑器 - 基于 WangEditor
• 💻 代码编辑器 - 多语言语法高亮
• 📖 Markdown 编辑器 - 实时预览
• 🎨 JSON 编辑器 - 结构化数据编辑

👀还有更多不在一一赘述，你自行看着文档和代码开荒吧，伙计。

🎯 自定义指令集合

🔥 性能提示

所有指令都经过性能优化，使用了事件委托和智能缓存，不会对页面性能造成影响。

🛠️ 技术架构

🚀

Vue 3.5.13

框架核心

最新的 Vue 3 版本，Composition API 提供更好的逻辑复用和组件组合能力

🛡️

TypeScript 5.8

类型安全

完整的类型安全支持，100% 类型覆盖，智能代码提示，编译时错误检查

🎨

Naive UI 2.41

UI 框架

现代化的 Vue 3 组件库，提供丰富的基础组件和完整的主题定制系统

⚡

UnoCSS 66.0

样式引擎

即时原子化 CSS 引擎，按需生成样式，极致性能的现代化样式解决方案

🎨 使用体验

基础使用

<template>
  <C_Form :config="formConfig" v-model="formData" @submit="handleSubmit" />
</template>

<script setup lang="ts">
import type { FormConfig } from '@robot-admin/types'

const formConfig: FormConfig = {
  layout: 'grid',
  columns: 2,
}
</script>

按需导入

// 组件按需导入示例
import { C_Form, C_Table, C_Editor } from '@robot-admin/components'
// 在项目中直接使用的话，已经配置了自动导入

// 自动 Tree Shaking，只打包使用的组件
// 最终 Bundle 体积 < 2MB

🚀 快速开始

NPM 安装

# 独立组件库（规划中）
npm install @robot-admin/components

本地开发

# 克隆项目
git clone https://github.com/ChenyCHENYU/robot_admin.git

# 极速安装（推荐使用 Bun）
bun install

# 启动项目
bun dev

在线体验

# 访问在线 Demo
https://www.robotadmin.cn/

🎯 下一步

准备好探索每个组件的强大功能了吗？让我们从基础组件开始，一步步构建你的企业级应用！

---

🤖 Robot Admin - 让组件开发变得简单而优雅
"好的组件不仅要功能强大，更要让开发者用得轻松愉快"