fix(Input): the change event is invalid for skyline and type = 'nickname' (#3858)

* fix(Input): the change event is invalid for skyline and type = 'nickname'

* test: update snapshots

---------

Co-authored-by: novlan1 <[email protected]>

Author: anlyyao

packages/components/input/__test__/__snapshots__/index.test.js.snap

@@ -60,6 +60,7 @@ exports[`input props : clearable && label && suffix 1`] = `
           type="text"
           value="input输入框"
           bind:blur="onBlur"
+          bind:change="onChange"
           bind:confirm="onConfirm"
           bind:focus="onFocus"
           bind:input="onInput"
@@ -193,6 +194,7 @@ exports[`input slots : label 1`] = `
           type="text"
           value=""
           bind:blur="onBlur"
+          bind:change="onChange"
           bind:confirm="onConfirm"
           bind:focus="onFocus"
           bind:input="onInput"

packages/components/input/input.ts

@@ -104,6 +104,13 @@ export default class Input extends SuperComponent {
       this.triggerEvent('change', { value: this.data.value, cursor, keyCode });
     },
 
+    onChange(e) {
+      if (this.properties.type !== 'nickname') return;
+      const { value } = e.detail;
+      this.updateValue(value);
+      this.triggerEvent('change', { value: this.data.value });
+    },
+
     onFocus(e) {
       this.updateClearIconVisible(true);
       this.triggerEvent('focus', e.detail);

packages/components/input/input.wxml

@@ -57,6 +57,7 @@
         aria-label="{{label}}"
         aria-roledescription="{{label}}"
         bindinput="onInput"
+        bindchange="onChange"
         bindfocus="onFocus"
         bindblur="onBlur"
         bindconfirm="onConfirm"