lotus-ui-plus
Version:
Lotus UI Plus - Vue3 Component Library
70 lines (47 loc) • 1.09 kB
Markdown
# Lotus UI Plus
一个基于 Vue 3 + TypeScript 的组件库
## 安装
```bash
npm install lotus-ui-plus
```
## 使用
### 完整引入
```javascript
import { createApp } from 'vue'
import Lotus from 'lotus-ui-plus'
import 'lotus-ui-plus/style.css'
const app = createApp(App)
app.use(Lotus)
```
### 按需引入组件
```javascript
import { LotusInput } from 'lotus-ui-plus'
import 'lotus-ui-plus/style.css'
```
### 使用工具函数
```javascript
import { formatDate, isEmail, isEmpty } from 'lotus-ui-plus/utils'
const date = formatDate(new Date(), 'YYYY-MM-DD')
const valid = isEmail('test@example.com')
```
## 开发
```bash
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建
npm run build
```
## 组件列表
- LotusInput - 输入框组件
## 工具函数
### 格式化函数 (format.ts)
- `formatDate(date, format)` - 格式化日期
- `formatNumber(num, decimals)` - 格式化数字
### 验证函数 (validate.ts)
- `isEmail(email)` - 验证邮箱
- `isPhone(phone)` - 验证手机号
- `isEmpty(value)` - 验证是否为空
## License
MIT