Eagle Trader UI

Eagle Trader 管理系统公共组件库，基于 Vue 3 和 Element Plus 构建。

特性

• 🚀 基于 Vue 3 Composition API
• 🎨 基于 Element Plus 深度定制
• 📦 开箱即用的业务组件
• 💪 TypeScript 支持
• 🌳 Tree-shaking 优化

安装

npm install eagle-trader-ui

或者使用 yarn：

yarn add eagle-trader-ui

快速开始

完整引入

import { createApp } from 'vue'
import EagleTraderUI from 'eagle-trader-ui'
import 'eagle-trader-ui/lib/style.css'

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

按需引入

import { ComponentName } from 'eagle-trader-ui'

开发指南

环境要求

• Node.js >= 16.0.0
• Vue >= 3.3.4
• Element Plus >= 2.9.0

本地开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建组件库
npm run build:lib

# 预览构建结果
npm run preview

发布流程

# 1. 更新版本号
npm version patch  # 或 minor, major

# 2. 构建
npm run build:lib

# 3. 发布到 npm
npm run publish:npm

项目结构

eagle-trader-ui/
├── lib/          # CommonJS 构建输出
├── es/           # ES Module 构建输出
├── types/        # TypeScript 类型定义
├── build/        # 构建脚本
└── package.json

Peer Dependencies

本组件库依赖以下包，需要在项目中安装：

• vue: ^3.3.4
• element-plus: ^2.9.0

License

MIT

联系方式

• Email: [email protected]

更新日志

详见 CHANGELOG.md