0.0.2 • Published 3 years 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-vueAPI
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| 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
3 years ago