yun-element
v1.0.3
Published
受 Element UI 启发的现代化 Vue3 组件解决方案 专为高效开发打造的轻量级组件体系
Readme
🦜 云格 - 基于 Vue3 的轻量级组件库
受 Element UI 启发的现代化 Vue3 组件解决方案 专为高效开发打造的轻量级组件体系
🌟 项目简介
这是一个仿 Element UI 设计风格的 Vue3 组件库实现,旨在通过简洁的代码结构、模块化设计和高度可定制性,为开发者提供轻量级的前端组件解决方案。
通过配套的在线展示站,您可以:
- 实时预览 10+ 基础组件(如 Button、Input、Message 等)
- 交互式调试 组件的不同状态与参数组合,并与icon结合
- 一键复制 组件代码片段,快速集成到项目中
- 查看 API 文档 与设计规范
🎨 组件特色
交互增强设计:Message 组件支持队列管理与动画过渡 智能表单体系:Form 组件内置异步验证与联动控制逻辑 无障碍支持:所有组件遵循 WAI-ARIA 规范开发 移动优先适配:基于响应式断点系统实现多端兼容
📦 快速集成 bash
全量引入
npm install yun-ui
按需引入(推荐)
npm install @yun-ui/button @yun-ui/input ts // 全局注册 import { createApp } from 'vue' import YunUI from 'yun-ui'
createApp(App).use(YunUI) 🌐 在线体验 访问 组件演示站 可体验:
🎮 交互式组件调试台 📋 实时代码片段生成器 🎨 可视化主题定制工具 📖 完整的 API 文档手册 🛠️ 开发指南 bash
克隆仓库
git clone https://github.com/yungegegege/yunment.git
安装依赖
pnpm install
启动组件开发环境
pnpm dev
构建文档站点
pnpm build:docs 项目结构(基于 monorepo):
🤝 贡献指引 欢迎通过以下方式参与共建:
提交 GitHub Issue 反馈问题 遵循 贡献指南 提交 PR
