• 💪 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 | 导出数据