htmpt-ui

南京海泰智慧物联产品部前端组件库

安装项目

npm i htmpt-ui --registry=https://registry.npmjs.org

启动项目测试

npm run serve

打包项目

npm run lib

引入

import MptUi from 'htmpt-ui/lib/index.umd.min'
Vue.use(MptUi)

目录结构

ht-ui
├── lib                                 打包后的文件
│   ├── demo.html
│   ├── index.common.js
│   ├── index.common.js.map
│   ├── index.css
│   ├── index.umd.js
│   ├── index.umd.js.map
│   ├── index.umd.min.js                项目引入主文件
│   └── index.umd.min.js.map
├── public                              公共文件，测试用
│   ├── favicon.ico
│   └── index.html
├── README.md
├── src                                 源码
│   ├── App.vue                         首页，测试用
│   ├── index.js                        统一组件注册
│   ├── main.js                         测试用
│   └── MinioFileUpload                 组件
│       ├── api.js                      组件网络调用api文件
│       ├── index.css					组件css文件
│       ├── index.js                    组件注册文件
│       ├── index.vue					组件vue文件
│       ├── md5.js                      md5文件
│       └── minioUploadFileMixins.js	Mixins文件
├── package-lock.json
├── package.json                        npm 打包配置文件
├── babel.config.js
├── jsconfig.json
└── vue.config.js

组件

MinioFileUpload

使用

<minio-file-upload v-model="fileList" :base-api="baseApi" :token="token"></minio-file-upload>

属性

file-type：  限制文件类型为 ['doc', 'xls', 'ppt', 'txt', 'pdf'] 
file-size：  限制文件大小不超过 5MB
limit：      限制文件数量不超过 5个。
show-name：  按钮名称
is-show-tip：是否显示限制提示
server-url： 后端地址。@Deprecated
base-api：   上下文前缀 process.env.VUE_APP_BASE_API。
token：      后端token
fileList：   上传成功的文件，其内容格式为：
{
        uid: 1564682165,
        name: "tmp001.xls",
        path: "http://192.168.0.222:9000/bucket1/2023-02-28/tmp001.xls",
        status: "success"
}

Customize configuration

See Configuration Reference.