UNPKG

lotus-ui-plus

Version:

Lotus UI Plus - Vue3 Component Library

70 lines (47 loc) 1.09 kB
# 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