YD Element Plus

一个基于 Vue 3 和 Element Plus 的现代化 UI 组件库。

特性

• 🚀 基于 Vue 3 Composition API
• 📦 支持 UMD 和 ESM 两种格式
• 🎨 基于 Element Plus 设计系统
• 🔧 完整的 TypeScript 支持
• 📱 响应式设计
• 🌍 支持按需引入

安装

npm install yunda-element-plus element-plus @vueuse/core

快速开始

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import YdElement from 'yunda-element-plus'
import 'yd-element/dist/style.css'
import App from './App.vue'

const app = createApp(App)
app.use(ElementPlus)
app.use(YdElement)
app.mount('#app')

使用示例

<template>
	<yd-button type="primary" @click="handleClick">
		点击我
	</yd-button>
</template>

<script setup>
const handleClick = () => {
	console.log('按钮被点击了')
}
</script>

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建库
npm run build

# 启动文档开发服务器
npm run docs:dev

# 构建文档
npm run docs:build

文档

访问 在线文档 查看完整的组件文档和使用指南。

许可证

MIT