# my-UI-library

**Repository Path**: SmallSheep123/my-ui-library

## Basic Information

- **Project Name**: my-UI-library
- **Description**: 这是一个基于 Vue 3 构建的现代化 Web 应用项目，集成了 UI 组件库 以提供丰富的界面组件和交互体验。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-03
- **Last Updated**: 2025-09-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

>学习练手项目，后续会继续完善
# vue-myui

一个基于 Vue 3 的轻量级 UI 组件库

[![NPM version](https://img.shields.io/npm/v/@coconut123/vue-myui.svg)](https://www.npmjs.com/package/@coconut123/vue-myui)
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## 特性

- 🎪 基于 Vue 3.x + TypeScript 开发
- 📦 提供完整的类型定义
- 🎨 灵活的样式定制
- 🔧 支持按需引入
- 📚 详细的文档和示例

## 安装

```bash
npm install @coconut123/vue-myui
# 或
pnpm add @coconut123/vue-myui
```

## 快速开始

```js
import { createApp } from 'vue'
import VueMyUI from '@coconut123/vue-myui'
import '@coconut123/vue-myui/dist/v-element.css'

const app = createApp(App)
app.use(VueMyUI)
```

## 按需引入

```js
import { Button, Input } from '@coconut123/vue-myui'
import '@coconut123/vue-myui/dist/v-element.css'

app.use(Button)
app.use(Input)
```

## 组件列表

- Button 按钮
- Input 输入框 
- Select 选择器
- Switch 开关
- Form 表单
- Alert 提示
- Tooltip 文字提示
- Dropdown 下拉菜单
- Message 消息提示
- Collapse 折叠面板
- Icon 图标

## 开发文档

本地运行文档:

```bash
pnpm docs:dev
```

## 开发构建

```bash
# 安装依赖
pnpm install

# 开发模式
pnpm dev

# 构建
pnpm build

# 代码检查
pnpm lint
```

## License

MIT