style: remove unuse imports & update autocomplete #loading center style (#22490)

* style: remove unuse imports & update autocomplete #loading center style

* chore: update

Co-authored-by: cszhjh <cszhjh@gmail.com>

---------

Co-authored-by: cszhjh <cszhjh@gmail.com>

packages/theme-chalk/src/autocomplete.scss

@@ -56,9 +56,7 @@
     font-size: getCssVar('font-size', 'base');
     list-style: none;
     text-align: left;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    @include utils-ellipsis;
 
     &:hover {
       background-color: map.get($select-option, 'hover-background');
@@ -80,13 +78,14 @@
 
   @include when(loading) {
     li {
-      text-align: center;
       cursor: default;
       height: 100px;
-      line-height: 100px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
       font-size: 20px;
       color: getCssVar('text-color', 'secondary');
-      @include utils-vertical-center;
 
       &:hover {
         background-color: getCssVar('bg-color', 'overlay');

packages/theme-chalk/src/button.scss

@@ -3,7 +3,6 @@
 @use 'common/var' as *;
 @use 'mixins/button' as *;
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 
 $button-icon-span-gap: () !default;

packages/theme-chalk/src/checkbox-button.scss

@@ -2,7 +2,6 @@
 
 @use 'common/var' as *;
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'mixins/button' as *;
 

packages/theme-chalk/src/checkbox.scss

@@ -4,7 +4,6 @@
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'mixins/_button';
-@use 'mixins/utils' as *;
 
 $checkbox-height: () !default;
 $checkbox-height: map.merge($common-component-size, $checkbox-height);

packages/theme-chalk/src/dialog.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 @use 'common/popup' as *;

packages/theme-chalk/src/form.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 

packages/theme-chalk/src/input-tag.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 

packages/theme-chalk/src/link.scss

@@ -10,10 +10,9 @@
 }
 
 @include b(link) {
-  display: inline-flex;
+  @include utils-inline-flex-center;
+
   flex-direction: row;
-  align-items: center;
-  justify-content: center;
   vertical-align: middle;
   position: relative;
   text-decoration: none;
@@ -63,9 +62,7 @@
   }
 
   @include e(inner) {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
+    @include utils-inline-flex-center;
   }
 
   @each $type in $types {

packages/theme-chalk/src/menu.scss

@@ -1,6 +1,5 @@
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
-@use 'mixins/utils' as *;
 @use 'common/var' as *;
 @use 'common/transition';
 

packages/theme-chalk/src/pagination.scss

@@ -1,5 +1,4 @@
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 

packages/theme-chalk/src/radio-button.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'mixins/button' as *;
 @use 'common/var' as *;

packages/theme-chalk/src/radio.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 @use 'mixins/var' as *;
 @use 'mixins/button' as *;
 @use 'common/var' as *;

packages/theme-chalk/src/row.scss

@@ -1,6 +1,5 @@
 @use 'common/var' as *;
 @use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
 
 @include b(row) {
   display: flex;