fix: input bug at ie9 #1421

Author: tangjinzhou

components/input/Input.jsx

@@ -251,9 +251,7 @@ export default {
         ref: 'input',
         key: 'ant-input',
       };
-      if ($listeners['change.value']) {
-        inputProps.directives = [{ name: 'ant-input' }];
-      }
+      inputProps.directives = [{ name: 'ant-input' }];
       return this.renderLabeledIcon(prefixCls, <input {...inputProps} />);
     },
   },

components/vc-calendar/src/date/DateInput.jsx

@@ -178,6 +178,9 @@ const DateInput = {
                   name: 'ant-ref',
                   value: this.saveDateInput,
                 },
+                {
+                  name: 'ant-input',
+                },
               ],
             }}
             class={`${prefixCls}-input ${invalidClass}`}

components/vc-calendar/src/year/YearPanel.jsx

@@ -15,7 +15,7 @@ function chooseYear(year) {
   const value = this.sValue.clone();
   value.year(year);
   value.month(this.sValue.month());
-  this.sValue = value
+  this.sValue = value;
   this.__emit('select', value);
 }
 

components/vc-pagination/Options.jsx

@@ -129,6 +129,13 @@ export default {
             onChange={this.handleChange}
             onKeyup={this.go}
             onBlur={this.handleBlur}
+            {...{
+              directives: [
+                {
+                  name: 'ant-input',
+                },
+              ],
+            }}
           />
           {locale.page}
           {gotoButton}

components/vc-pagination/Pagination.jsx

@@ -355,6 +355,13 @@ export default {
               onKeyup={this.handleKeyUp}
               onInput={this.handleKeyUp}
               size="3"
+              {...{
+                directives: [
+                  {
+                    name: 'ant-input',
+                  },
+                ],
+              }}
             />
             <span class={`${prefixCls}-slash`}>／</span>
             {allPages}

components/vc-select/Select.jsx

@@ -733,7 +733,19 @@ const Select = {
       const props = this.$props;
       const { _inputValue: inputValue } = this.$data;
       const attrs = getAttrs(this);
-      const defaultInput = <input id={attrs.id} autoComplete="off" />;
+      const defaultInput = (
+        <input
+          {...{
+            directives: [
+              {
+                name: 'ant-input',
+              },
+            ],
+          }}
+          id={attrs.id}
+          autoComplete="off"
+        />
+      );
 
       const inputElement = props.getInputElement ? props.getInputElement() : defaultInput;
       const inputCls = classnames(getClass(inputElement), {

components/vc-time-picker/Header.jsx

@@ -178,6 +178,13 @@ const Header = {
           placeholder={placeholder}
           onInput={this.onInputChange}
           readOnly={!!inputReadOnly}
+          {...{
+            directives: [
+              {
+                name: 'ant-input',
+              },
+            ],
+          }}
         />
       );
     },

components/vc-time-picker/TimePicker.jsx

@@ -377,6 +377,13 @@ export default {
             autoFocus={autoFocus}
             readOnly={!!inputReadOnly}
             id={id}
+            {...{
+              directives: [
+                {
+                  name: 'ant-input',
+                },
+              ],
+            }}
           />
           {inputIcon || <span class={`${prefixCls}-icon`} />}
           {this.renderClearButton()}

components/vc-tree-select/src/SearchInput.jsx

@@ -103,6 +103,9 @@ const SearchInput = {
                 name: 'ant-ref',
                 value: this.inputRef,
               },
+              {
+                name: 'ant-input',
+              },
             ],
           }}
           onInput={onSearchInputChange}