mixi-ui

WMIXI-UI - Vue.js 3 UI library

• 💪 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Ⓜ️s	y年M月d日,y-M-d,hⓂ️s,y年M月d日 h时m分s秒,y/M/d hⓂ️s ,按照此格式可随意自定义

• 脱敏处理 === $D__esensitiza

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

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

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