peacock9

4,006
Install
npm install peacock9
Latest Version:0.2.52
Vue:2
License:MIT
Last Updated:Feb 20, 2024
Links: npm
Maintainer: chenyikang

masterlink 业务组件库

组件列表

1. 导入导出组件

  <WmUpload :number="50" :httpRequest="" :download="" >
    ...content
  </WmUpload>
Attributes
参数 说明 类型 可选值 默认值
number 数据量 number -- 200
maxSize 上传文件的最大值 number -- 5M
uploadMsg 上传按钮的文字和图标 object -- {icon:el-icon-upload,name:上传文件}
downloadMsg 下载按钮的文字和图标 object -- {icon:el-icon-download,name:下载模板}
download 下载模板的钩子，函数要有返回值{link:'',....} function -- --
httpRequest 自定义上传的钩子，函数要有返回值 类型为Blob则下载 function(file) -- --

2. 上传组件

  <WmFileUpload :handleRequest="" @getFileList="" >
  </WmFileUpload>
Attributes
参数 说明 类型 可选值 默认值
handleRequest 自定义上传的钩子，函数要有返回值 function(file) -- --
maxFileSize 上传文件大小限制单位为M Number 20 --
fileUplodBtnText 上传文件的按钮名称 String 文件上传 --
Methods

| 方法名 | 说明 |参数 |---------|--------|-------| --------|-------- | getFileList | 上传后的文件列表 | function(fileList) | -- | --

3. 表格选择组件

<wmSelectTable :columns="columns" :tableData="tableData" :showField="'name'" :choosenData="choosenData" :type="radio" @selectVal="selectVal"></wmSelectTable>
Attributes
参数 说明 类型 可选值 默认值
columns 表格头部 Array 格式： [{title: '', dataIndex: '',width: '100px'}]
tableData 表格数据 Array 格式： [{id：'', name: ''}] id为必填
type 表格格式 String 格式： ridio 或者 checkbox raido为默认
pageSize 表格的每页数据 Number 格式： ridio 或者 checkbox 默认为10
width 组件的宽度 String 格式： '600px' 默认为'600px'
showField 输入框显示的字段名，如果为空，则全部显示 String 格式： 'width' 默认为''
choosenData 外层选中的数据回传 Array 格式： 同tableData 默认为[]
placeholder 组件的输入框的提示 String 格式： '' 默认为''
Methods
方法名 说明 参数
selectVal 上传后的文件列表 function(fileList)

4. 附件列表

  <wm-attachment :fileList="list" :httpRequest="upload" :onRemove ="getList">
</wm-attachment>
Attributes
参数 说明 类型 可选值 默认值
mode 模式 string horizontal / vertical vertical
accept 接受上传的文件类型 string -- --
fileList 上传的文件列表, 例如: [{fileName: 'food.jpg', link: 'https://xxx.cdn.com/xxx.jpg', size: '', type: '', time: ''}] array -- []
props 配置选项，具体见下表 Object -- --
maxSize 上传文件的最大值 number -- 5M
httpRequest 自定义上传的钩子，函数要有返回值 类型为Blob则下载 function(file) -- --
onRemove 文件列表移除文件时的钩子 function(file, fileList) -- --
Props
参数 说明 类型 可选值 默认值
fileName 指定文件名为选项对象的某个属性值 string -- 'fileName'
link 指定文件路径为选项对象的某个属性值 string -- 'link'
size 指定文件大小为选项对象的某个属性值 string -- 'size'
type 指定文件类型为选项对象的某个属性值 string -- 'type'
time 指定创建时间为选项对象的某个属性值 string -- 'time'

Quick Start

npm install element-ui
npm i vue-i18n

npm install peacock9

Version History

Version Released Vue License
0.2.52 2.6.14 MIT
0.2.36 ^2.6.11 MIT
0.2.35 ^2.6.11 MIT
0.2.34 ^2.6.11 MIT
0.2.33 ^2.6.11 MIT
Pre-releases (1)
Version Released Vue License
0.1.1-9.1 ^2.6.11 MIT