Skip to content

Commit 171906a

Browse files
authoredApr 29, 2022
fix(SearchSelect): 修复SearchSelect使用多选属性时,禁用样式问题 #789 (#801)
1 parent 3d8c55a commit 171906a

File tree

2 files changed

+10
-3
lines changed

2 files changed

+10
-3
lines changed
 

‎packages/react-search-select/src/index.tsx

+6-1
Original file line numberDiff line numberDiff line change
@@ -274,7 +274,12 @@ export default function SearchSelect(props: SearchSelectProps) {
274274
.join(' ')
275275
.trim()}
276276
>
277-
<div className={`${prefixCls}-tag-content`}>
277+
<div
278+
className={[`${prefixCls}-tag-content`, disabled && `${prefixCls}-tag-content-disabled`]
279+
.filter(Boolean)
280+
.join(' ')
281+
.trim()}
282+
>
278283
{isMultiple &&
279284
selectedValue.slice(0, maxTagCount).map((item, index) => {
280285
return (

‎packages/react-search-select/src/style/index.less

+4-2
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@
8383
.w-input-small .w-input-inner {
8484
height: 16px;
8585
font-size: 10px;
86-
padding: 0px;
86+
padding: 0;
8787
}
8888

8989
.w-input-large .w-input-inner {
@@ -99,7 +99,9 @@
9999
width: 100%;
100100
padding: 0 9px;
101101
}
102-
102+
&-tag-content-disabled {
103+
background: #dddddd;
104+
}
103105
&-search-false {
104106
cursor: pointer;
105107
}

0 commit comments

Comments
 (0)
Please sign in to comment.