This commit is contained in:
朱菊兰 2023-11-28 16:39:33 +08:00
parent 3bd77c8ed7
commit f0e0755785
3 changed files with 37 additions and 11 deletions

12
package-lock.json generated
View File

@ -4007,9 +4007,9 @@
}
},
"node_modules/code-brick-zj": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-1.0.3.tgz",
"integrity": "sha512-7RG5c6/85mnLh+XG06dSWJHe+c3xITQ+OD4c9+0H+9tMTV+gwiEGlor8hbl0HsLk1KLB4ERDhcl5bdmRr7mU/Q=="
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-1.0.5.tgz",
"integrity": "sha512-NEpNcbuwdVebH+eEY9Y1BY5MIfjBp51DMEPv4X3H90a6hGdnH9AUZ2b5umf6tQgUKP/OAR9T+90CGy8WuTsdIw=="
},
"node_modules/color-convert": {
"version": "1.9.3",
@ -14473,9 +14473,9 @@
}
},
"code-brick-zj": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-1.0.3.tgz",
"integrity": "sha512-7RG5c6/85mnLh+XG06dSWJHe+c3xITQ+OD4c9+0H+9tMTV+gwiEGlor8hbl0HsLk1KLB4ERDhcl5bdmRr7mU/Q=="
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-1.0.5.tgz",
"integrity": "sha512-NEpNcbuwdVebH+eEY9Y1BY5MIfjBp51DMEPv4X3H90a6hGdnH9AUZ2b5umf6tQgUKP/OAR9T+90CGy8WuTsdIw=="
},
"color-convert": {
"version": "1.9.3",

View File

@ -3,9 +3,20 @@
<p>
组件包目前封装常用的四个组件:表格搜索区域分页对话框包npm地址为https://www.npmjs.com/package/code-brick-zj
</p>
<p>文档当前使用的组件包的版本为1.0.3</p>
<p>文档当前使用的组件包的版本为1.0.5</p>
<div class="block">
<el-timeline>
<el-timeline-item timestamp="2023/11/28" placement="top">
<el-card>
<h4>修改</h4>
<h4>
searchBarselect增加属性collapseTags将选中值按文字的形式展示
multipleLimit来设置多选时用户最多可以选择的项目数
placeholder有值显示无值默认显示label
</h4>
<p>组件版本号为1.0.5</p>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="2023/11/24" placement="top">
<el-card>
<h4>增加/修改</h4>

View File

@ -64,6 +64,9 @@
<h3>
select下拉框(选项默认是id和name,可以通过labelFieldvalueField去改取值的key)
</h3>
<p>
可以通过multiple:true来开启多选collapseTags:true来将选中值按文字的形式展示multipleLimit来设置多选时用户最多可以选择的项目数
</p>
<div style="height: 50px">
<SearchBar
:formConfigs="formConfig2"
@ -123,10 +126,16 @@
label: '性别',
selectOptions: [
{ id: 1, name: '男(可多选)' },
{ id: 2, name: '女' }
{ id: 2, name: '女' },
{ id: 3, name: '未知1' },
{ id: 4, name: '保密' },
{ id: 5, name: '保密2' }
],
placeholder: '多选',
param: 'xb4',
multiple: true
multiple: true,
collapseTags: true,
multipleLimit: 3
},
{
type: 'select',
@ -1212,10 +1221,16 @@ export default {
label: '性别',
selectOptions: [
{ id: 1, name: '男(可多选)' },
{ id: 2, name: '女' }
{ id: 2, name: '女' },
{ id: 3, name: '未知1' },
{ id: 4, name: '保密' },
{ id: 5, name: '保密2' }
],
placeholder: '多选',
param: 'xb4',
multiple: true
multiple: true,
collapseTags: true,
multipleLimit: 3
},
{
type: 'select',