Sunlight UIVue3组件库
✨基于 Vue3、TypeScript、Element-Plus 封装的现代化组件库
Skip to content
核心特性
简洁高效的个人爱好者组件库解决方案
最新技术栈
基于 Vue3、TypeScript、Element-Plus 等最新技术栈开发
组件丰富
提供丰富的表单组件、表格组件、数据展示组件等，满足个人项目需求
易于使用
组件 API 设计简洁明了，文档完善，上手成本低
高度可定制
支持组件属性自定义，样式主题定制，满足不同个人项目需求
类型安全
完整的 TypeScript 类型定义，提供良好的开发体验
响应式设计
组件适配各种屏幕尺寸，提供良好的移动端体验
性能优化
组件经过性能优化，确保在个人项目中高效运行
完善的文档
提供详细的组件文档、示例代码和使用指南
核心组件
精心封装的高质量组件，提升开发效率
基础组件
包含输入框、选择器、日期选择器等常用基础组件
表单组件
提供功能强大的表单组件，支持表单验证、动态表单等功能
表格组件
功能丰富的表格组件，支持列配置、分页、排序等功能
弹窗组件
包含对话框、抽屉等弹窗类组件，支持自定义内容和样式
卡片组件
提供多种样式的卡片组件，用于数据展示和布局
图表组件
封装了多种图表组件，支持数据可视化展示
图片组件
增强型图片组件，支持图片预览和放大功能
级联组件
级联选择器组件，支持多级联动选择
组件列表
完整的组件库清单，满足各种业务场景需求
基础输入组件
SunlightInput、SunlightSelect、SunlightTextarea、SunlightCascader
选择组件
SunlightCheckbox、SunlightRadio、SunlightDatePicker
容器组件
SunlightDialog、SunlightDrawer、SunlightBasicCard、SunlightListCard
数据展示组件
SunlightTable、SunlightImage、SunlightImages、SunlightProgressCard
图表组件
SunlightBarChart、SunlightLineChart、SunlightRadarChart、SunlightKLineChart
图表卡片组件
SunlightBarChartCard、SunlightLineChartCard、SunlightDonutChartCard
高级组件
SunlightForm、SunlightThree
布局系统
灵活的布局系统，支持多种布局方式
响应式布局
适配各种屏幕尺寸，提供良好的移动端体验
自定义主题
支持主题色定制，满足不同品牌需求
组件布局
提供灵活的组件布局方式，方便快速构建页面