fix: multi select option

alauda · Jul 31, 2024 · 6b23fa4 · 6b23fa4
1 parent fb87f73
commit 6b23fa4
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/src/autocomplete/autocomplete.directive.ts b/src/autocomplete/autocomplete.directive.ts
@@ -64,7 +64,6 @@ export class AutoCompleteDirective
   }
 
   @Input('auiAutocompleteFilterFn')
-  @Input()
   get filterFn() {
     return this._filterFn;
   }

diff --git a/src/autocomplete/suggestion/suggestion.component.html b/src/autocomplete/suggestion/suggestion.component.html
@@ -7,5 +7,7 @@
   [class.isFocused]="focused"
   (click)="onClick()"
 >
-  <ng-content></ng-content>
+  <div [class]="bem.element('content')">
+    <ng-content></ng-content>
+  </div>
 </div>
diff --git a/src/select/option/option-style.scss b/src/select/option/option-style.scss
@@ -4,12 +4,16 @@
 
 @mixin option($block) {
   .#{$block} {
+    display: flex;
+    align-items: center;
     color: use-text-color(main);
     font-weight: use-var(font-weight-normal);
-    @include text-overflow;
-
     cursor: pointer;
 
+    &__content {
+      @include text-overflow;
+    }
+
     &--large {
       padding: calc(
           (#{use-var(inline-height-l)} - #{use-var(line-height-l)}) / 2

diff --git a/src/select/option/option.component.html b/src/select/option/option.component.html
@@ -10,12 +10,14 @@
 >
   <i
     *ngIf="isMulti"
-    class="aui-option__pointer"
+    [class]="bem.element('pointer')"
   >
     <aui-icon
       [hidden]="!(selected$ | async)"
       icon="check"
     ></aui-icon>
   </i>
-  <ng-content></ng-content>
+  <div [class]="bem.element('content')">
+    <ng-content></ng-content>
+  </div>
 </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -64,7 +64,6 @@ export class AutoCompleteDirective @@
       }
       @Input('auiAutocompleteFilterFn')
-      @Input()
       get filterFn() {
         return this._filterFn;
       }
@@ Expand Down @@