0.0.2 • Published 1 year ago
@pluve/lego-excel-import-vue v0.0.2
@pluve/lego-excel-import-vue
乐高系列之 excel
文件上传组件
@pluve/lego-excel-import-vue
已经投入了我们的生产环境中使用,经受住了来自真实业务的考验,并伴随着我们的业务需求不断完善。
安装
# 使用 npm
npm i @pluve/lego-excel-import-vue
# 使用 yarn
yarn add @pluve/lego-excel-import-vue
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 导入模态框标题 | string | 批量导入 |
btnText | 导入按钮文案 | string | 批量导入 |
templateUrl | 导入模版地址 | string | - |
tableKeys | 配置描述 | Array<LegoExcelImportTableKey> | - |
maxLength | 最大一次导入行数 | number | - |
bodyTop | 自定义模态框内容区域底部(文件展示区域顶部) | v-slot:bodyTop | - |
bodyBottom | 自定义模态框内容区域底部(文件展示区域底部) | v-slot:bodyBottom | - |
customRequest | 自定义校验,一般用于业务校验(如调用后端接口校验) | (data: any[]) => Promise | - |
LegoExcelImportTableKey
数据对象描述
参数 | 说明 | 类型 | |
---|---|---|---|
label | 表头列名称 | string | |
value | 表头列属性(表头列名称所对应的 key) | string | |
rules | 列规则校验 | Array<LegoExcelImportRule> | |
formatter | 格式化该列数据(在解析excel时执行) | (value?: string | number) => any |
LegoExcelImportRule
参数 | 说明 | 类型 |
---|---|---|
required | 是否必填 | boolean |
pattern | 正则校验 | RegExp |
message | 错误提示 | string |
validator | 自定义函数校验 | (value: any) => Promise |
使用
0.0.2
1 year ago