* picker: optimize style for picker without search box.

easysoft · May 21, 2024 · 95570d9 · 95570d9
1 parent 53932fb
commit 95570d9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/lib/picker/src/component/picker-multi-select.tsx b/lib/picker/src/component/picker-multi-select.tsx
@@ -34,6 +34,7 @@ export class PickerMultiSelect extends PickTrigger<PickerState, PickerSelectProp
     protected _getClass(props: PickerSelectProps) {
         return classes(
             super._getClass(props),
+            props.search ? '' : 'picker-no-search',
             'picker-select picker-select-multi form-control',
         );
     }

diff --git a/lib/picker/src/component/picker-single-select.tsx b/lib/picker/src/component/picker-single-select.tsx
@@ -46,6 +46,7 @@ export class PickerSingleSelect extends PickTrigger<PickerState, PickerSelectPro
     protected _getClass(props: PickerSelectProps) {
         return classes(
             super._getClass(props),
+            props.search ? '' : 'picker-no-search',
             'picker-select picker-select-single form-control',
         );
     }

diff --git a/lib/picker/src/style/picker-select.css b/lib/picker/src/style/picker-select.css
@@ -40,3 +40,7 @@
 .picker-multi-selection > .text {
   @apply -max-w-[180px] -whitespace-nowrap -overflow-clip -min-w-0;
 }
+
+.picker-no-search {
+  @apply -cursor-default;
+}