tps-ui-components/README.md

TPS UI组件库 - 基于Vue 2和Element UI的企业级组件库

# @tps/ui-components

> TPS UI组件库 - 基于Vue 2和Element UI的企业级组件库

[![npm version](https://badge.fury.io/js/%40tps%2Fui-components.svg)](https://badge.fury.io/js/%40tps%2Fui-components)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/your-org/tps-ui-components/blob/main/LICENSE)

## ✨ 特性

- 🎨 基于Element UI设计语言
- 📦 开箱即用的高质量Vue组件
- 🛡 使用TypeScript开发，提供完整的类型定义文件
- 🎯 支持按需加载
- 🌍 国际化语言支持
- 🎨 主题定制能力

## 📦 安装

```bash
npm install @tps/ui-components
# 或
yarn add @tps/ui-components
```

## 🔨 使用

### 完整引入

```javascript
import Vue from 'vue'
import TpsUI from '@tps/ui-components'

Vue.use(TpsUI)
```

### 按需引入

```javascript
import { TpsButton, TpsCard } from '@tps/ui-components'

Vue.component('TpsButton', TpsButton)
Vue.component('TpsCard', TpsCard)
```

### 在模板中使用

```vue
<template>
  <div>
    <tps-button type="primary">主要按钮</tps-button>
    <tps-card title="卡片标题">
      <p>卡片内容</p>
    </tps-card>
  </div>
</template>
```

## 📚 组件列表

| 组件 | 说明 | 文档 |
|------|------|------|
| TpsButton | 按钮组件 | - |
| TpsCard | 卡片组件 | - |
| TpsDialog | 对话框组件 | - |
| TpsForm | 表单组件 | - |
| TpsNavigation | 导航组件 | - |
| TpsTable | 表格组件 | - |

## 🔧 依赖要求

- Vue >= 2.6.0
- Element UI >= 2.15.0

## 🤝 贡献

欢迎提交 Pull Request 和 Issue！

## 📄 许可证

[MIT](./LICENSE)

## 🔗 相关链接

- [文档站点](https://your-org.github.io/tps-ui-components/)
- [GitHub](https://github.com/your-org/tps-ui-components)
- [更新日志](./CHANGELOG.md)