mixi-ui v1.1.9

• 💪 Vue 3 + MIXI-UI

项目使用

import "../node_modules/mixi-ui/style.css"; //引入组件样式
import MixiUI from "mixi-ui"; //引入下载后的组件
app.use(MukUI); //注册

组件使用

• MIXIButton

  参数	说明	类型	可选值	默认值
  size	定义按钮的大小	String	large,middle,small,mini	middle
  type	定义按钮的类型	String	default,primary,plain,gray	default

• MIXIDragablePopover

  参数	说明	类型	可选值	默认值
  masking	是否开启遮罩层	Boolean	true/false	true
  drag	是否可拖拽	Boolean	true/false	true
  height	高度	String	50vh/500px	50vh
  top	距离顶部	String	15vh/150px	15vh
  width	宽度	String	25vw/200px	25vw
  title	标题	String
  dialogShow	显示隐藏	Boolean	true/false	true
  footerShow	是否启用底部	Boolean	true/false	true

方法使用

• js对象数组的指定字段转为一维数组 === $O_Y

  参数	说明	类型	默认值
  array	定义需要转换的数组	Array
  field	传入对象的指定字段	String

• 一维数与二位数组互转 === $Y__ER

  参数	说明	类型	默认值
  array	定义需要转换的数组	Array
  choiceModel	传入值为0为一维数组转二维/传入1为二位转一维数组	Number	0

• 一维数组和树形结构相互转换 === $Y__T

  参数	说明	类型	默认值
  arr	定义需要转换的数组	Array
  choiceModel	传入值为0为一维数组树形结构/传入1为树形结构转一维数组	Number	0
  pid	父级id	String	parentId
  id	自身id	String	id
  children	定义名称	String	children

• 数组扁平化 === $SZ_F

  参数	说明	类型	默认值
  array	定义需要扁平化的数组	Array

• 获取当前时间(年月日时分秒)并格式化时间 === $SZ_F

  参数	说明	类型	默认值	可选值
  Formatype	定义时间格式	String	y-M-d h:m:s	y年M月d日,y-M-d,h:m:s,y年M月d日 h时m分s秒,y/M/d h:m:s ,按照此格式可随意自定义

• 脱敏处理 === $D__esensitiza

  参数	说明	类型	默认值
  str	定义需要脱敏的字符串	String
  preLen	展示前多少位	Number	3
  subLen	展示后多少位	Number	0

• js导出表格数据到excel === $D__excel

  参数	说明	类型	默认值
  id	定义表格的id	String	table
  filename	定义导出文件的名称	String	导出数据