fix: 修复Input组件的clear-button不在item组件中使用时显示的bug

Author: xiangst0816

src/components/input/input.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="ion-input" :class="[modeClass,{'clearInput':clearInput}]" @click="$_clickToFocus($event)">
+    <div class="ion-input" :class="[modeClass,inputClass,{'clearInput':clearInput}]" @click="$_clickToFocus($event)">
         <div class="input-inner-wrap">
             <input ref="input"
                    :class="[textInputClass]"
@@ -116,7 +116,7 @@
   import Button from '../button'
   import REGEXP from '../../util/regexp'
   import debounce from 'lodash.debounce'
-  import { isObject, isFunction, isRegexp, isBlank, isPresent } from '../../util/type'
+  import { isBlank, isFunction, isObject, isPresent, isRegexp } from '../../util/type'
 
   export default {
     name: 'Input',
@@ -593,7 +593,7 @@
        */
       $_setItemHasValueClass () {
         if (this.itemComponent) {
-          this.itemComponent.inputClass['input-has-value'] = this.hasValue
+          this.itemComponent.inputClass['input-has-value'] = !!this.hasValue
         }
         this.inputClass['input-has-value'] = !!this.hasValue
       }

src/components/input/style/input.scss

@@ -118,7 +118,7 @@ input.text-input:-webkit-autofill {
 // Clear Input Icon
 // --------------------------------------------------
 
-.ion-input .item-button.text-input-clear-icon {
+.ion-input .ion-button.text-input-clear-icon {
   position: absolute;
   top: 0;
   display: none;