Lotus UI Plus

一个基于 Vue 3 + TypeScript 的组件库

安装

npm install lotus-ui-plus

使用

完整引入

import { createApp } from 'vue'
import Lotus from 'lotus-ui-plus'
import 'lotus-ui-plus/style.css'

const app = createApp(App)
app.use(Lotus)

按需引入组件

import { LotusInput } from 'lotus-ui-plus'
import 'lotus-ui-plus/style.css'

使用工具函数

import { formatDate, isEmail, isEmpty } from 'lotus-ui-plus/utils'

const date = formatDate(new Date(), 'YYYY-MM-DD')
const valid = isEmail('[email protected]')

开发

# 安装依赖
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