Browse Source

fix select icon animation

Leopoldthecoder 8 năm trước cách đây
mục cha
commit
9c71e58c15
2 tập tin đã thay đổi với 4 bổ sung2 xóa
  1. 1 0
      CHANGELOG.md
  2. 3 2
      packages/select/src/select.vue

+ 1 - 0
CHANGELOG.md

@@ -11,6 +11,7 @@
 - Step: 修复自定义 icon 的样式
 - 修复 Tree 组件 checkbox 点击失效的问题
 - Breadcrumb 增加路由跳转的功能
+- 修复 可清空的 Select 中清空按钮的不恰当动画
 
 ### 1.0.0-rc.6
 

+ 3 - 2
packages/select/src/select.vue

@@ -70,7 +70,7 @@
   import ElTag from 'element-ui/packages/tag/index.js';
   import debounce from 'throttle-debounce/debounce';
   import Clickoutside from 'element-ui/src/utils/clickoutside';
-  import { addClass, removeClass } from 'wind-dom/src/class';
+  import { addClass, removeClass, hasClass } from 'wind-dom/src/class';
 
   export default {
     mixins: [emitter],
@@ -287,7 +287,8 @@
             }
           }
         } else {
-          if (this.$el.querySelector('.el-input__icon')) {
+          let icon = this.$el.querySelector('.el-input__icon');
+          if (icon && !hasClass(icon, 'el-icon-circle-close')) {
             addClass(this.$el.querySelector('.el-input__icon'), 'is-reverse');
           }
           this.broadcast('select-dropdown', 'updatePopper');