# 介绍

wl-element是一套基于element-ui的二次封装组件库,它使用了最新的前端技术栈,在基于element-ui的原有功能上,提供大量扩展,大大简化代码,对于后台系统常用的查询表格等都封装成了组件, 实现配置式页面.

# 功能

• button

  • 防抖功能
  • 自动loading/全屏loading功能
  • confirm功能(提供messageBox式和Popconfirm式)
  • tip文案

• input

  • 提供转化,如:输入小写自动转化成大写
  • 金额转化,输入元,返回分

• select

  • options属性支持传入数组和对象,无需自己手动映射成label和value

• date-picker

  • 简化快捷选项,如 绑定:shortcuts="['recentWeek', 'recentMonth', 'recentThreeMonth']" 就能实现 [最近一周,最近一月,最近三月]的快捷选项,比el-date-picker简化很多
  • 添加between属性, 如:日期范围经常需要跨度不能超过一个月这样的需求,只需设置between=30 即可实现
  • disable-date 简化, 如:经常有日期只能选择今天之后的日期或今天之前的日期,只需传入'beforeToday'或'afterToday'

• form

  • 提供配置式的表单项
  • 内置表单校验操作
  • 简化表单校验写法,内置常用校验正则

• table

  • 提供配置式column
  • 内置一些常用的格式化
  • 枚举code转中文并通过el-tag显示
  • 提供虚拟滚动,满足大数据场景

• search-list/tab-search-list

  • 将表单/表格/分页综合起来形成常用的查询列表页面