1.0.1 • Published 1 year ago
htmpt-ui v1.0.1
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"
}