Reviewed-on: http://git.picaiba.com/mt-fe-group/cnbmai-ui-doc/pulls/10develop
@@ -4007,9 +4007,9 @@ | |||||
} | } | ||||
}, | }, | ||||
"node_modules/code-brick-zj": { | "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": { | "node_modules/color-convert": { | ||||
"version": "1.9.3", | "version": "1.9.3", | ||||
@@ -14473,9 +14473,9 @@ | |||||
} | } | ||||
}, | }, | ||||
"code-brick-zj": { | "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": { | "color-convert": { | ||||
"version": "1.9.3", | "version": "1.9.3", | ||||
@@ -3,9 +3,20 @@ | |||||
<p> | <p> | ||||
组件包目前封装常用的四个组件:表格,搜索区域,分页,对话框。包npm地址为:https://www.npmjs.com/package/code-brick-zj。 | 组件包目前封装常用的四个组件:表格,搜索区域,分页,对话框。包npm地址为:https://www.npmjs.com/package/code-brick-zj。 | ||||
</p> | </p> | ||||
<p>文档当前使用的组件包的版本为:1.0.3</p> | |||||
<p>文档当前使用的组件包的版本为:1.0.5</p> | |||||
<div class="block"> | <div class="block"> | ||||
<el-timeline> | <el-timeline> | ||||
<el-timeline-item timestamp="2023/11/28" placement="top"> | |||||
<el-card> | |||||
<h4>修改</h4> | |||||
<h4> | |||||
searchBar:select增加属性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-timeline-item timestamp="2023/11/24" placement="top"> | ||||
<el-card> | <el-card> | ||||
<h4>增加/修改</h4> | <h4>增加/修改</h4> | ||||
@@ -64,6 +64,9 @@ | |||||
<h3> | <h3> | ||||
select下拉框(选项默认是id和name,可以通过labelField,valueField去改取值的key) | select下拉框(选项默认是id和name,可以通过labelField,valueField去改取值的key) | ||||
</h3> | </h3> | ||||
<p> | |||||
可以通过multiple:true来开启多选,collapseTags:true来将选中值按文字的形式展示,multipleLimit来设置多选时用户最多可以选择的项目数 | |||||
</p> | |||||
<div style="height: 50px"> | <div style="height: 50px"> | ||||
<SearchBar | <SearchBar | ||||
:formConfigs="formConfig2" | :formConfigs="formConfig2" | ||||
@@ -123,10 +126,16 @@ | |||||
label: '性别', | label: '性别', | ||||
selectOptions: [ | selectOptions: [ | ||||
{ id: 1, name: '男(可多选)' }, | { id: 1, name: '男(可多选)' }, | ||||
{ id: 2, name: '女' } | |||||
{ id: 2, name: '女' }, | |||||
{ id: 3, name: '未知1' }, | |||||
{ id: 4, name: '保密' }, | |||||
{ id: 5, name: '保密2' } | |||||
], | ], | ||||
placeholder: '多选', | |||||
param: 'xb4', | param: 'xb4', | ||||
multiple: true | |||||
multiple: true, | |||||
collapseTags: true, | |||||
multipleLimit: 3 | |||||
}, | }, | ||||
{ | { | ||||
type: 'select', | type: 'select', | ||||
@@ -1212,10 +1221,16 @@ export default { | |||||
label: '性别', | label: '性别', | ||||
selectOptions: [ | selectOptions: [ | ||||
{ id: 1, name: '男(可多选)' }, | { id: 1, name: '男(可多选)' }, | ||||
{ id: 2, name: '女' } | |||||
{ id: 2, name: '女' }, | |||||
{ id: 3, name: '未知1' }, | |||||
{ id: 4, name: '保密' }, | |||||
{ id: 5, name: '保密2' } | |||||
], | ], | ||||
placeholder: '多选', | |||||
param: 'xb4', | param: 'xb4', | ||||
multiple: true | |||||
multiple: true, | |||||
collapseTags: true, | |||||
multipleLimit: 3 | |||||
}, | }, | ||||
{ | { | ||||
type: 'select', | type: 'select', | ||||