fix(SearchSelect): 修复SearchSelect使用多选属性时，禁用样式问题 #789 (#801)

uiwjs · Apr 29, 2022 · 171906a · 171906a
1 parent 3d8c55a
commit 171906a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/react-search-select/src/index.tsx b/packages/react-search-select/src/index.tsx
@@ -274,7 +274,12 @@ export default function SearchSelect(props: SearchSelectProps) {
               .join(' ')
               .trim()}
           >
-            <div className={`${prefixCls}-tag-content`}>
+            <div
+              className={[`${prefixCls}-tag-content`, disabled && `${prefixCls}-tag-content-disabled`]
+                .filter(Boolean)
+                .join(' ')
+                .trim()}
+            >
               {isMultiple &&
                 selectedValue.slice(0, maxTagCount).map((item, index) => {
                   return (

diff --git a/packages/react-search-select/src/style/index.less b/packages/react-search-select/src/style/index.less
@@ -83,7 +83,7 @@
     .w-input-small .w-input-inner {
       height: 16px;
       font-size: 10px;
-      padding: 0px;
+      padding: 0;
     }
 
     .w-input-large .w-input-inner {
@@ -99,7 +99,9 @@
     width: 100%;
     padding: 0 9px;
   }
-
+  &-tag-content-disabled {
+    background: #dddddd;
+  }
   &-search-false {
     cursor: pointer;
   }