feat: 修改 AtTextarea onChange 的方法签名与 AtInput 一致 close #967

Author: Garfield550

docs/markdown/textarea.md

@@ -44,9 +44,9 @@ export default class Index extends Taro.Component {
       value: ''
     }
   }
-  handleChange (event) {
+  handleChange (value) {
     this.setState({
-      value: event.target.value
+      value
     })
   }
   render () {

src/components/textarea/index.tsx

@@ -7,6 +7,12 @@ import Taro from '@tarojs/taro'
 import AtComponent from '../../common/component'
 import { initTestEnv } from '../../common/utils'
 
+type ExtendEvent = {
+  target: {
+    value: string
+  }
+}
+
 function getMaxLength(
   maxLength: number,
   textOverflowForbidden: boolean
@@ -24,8 +30,8 @@ export default class AtTextarea extends AtComponent<AtTextareaProps> {
   public static defaultProps: AtTextareaProps
   public static propTypes: InferProps<AtTextareaProps>
 
-  private handleInput = (event: CommonEvent): void => {
-    this.props.onChange(event)
+  private handleInput = (event: CommonEvent & ExtendEvent): void => {
+    this.props.onChange(event.target.value, event)
   }
 
   private handleFocus = (event: CommonEvent): void => {

src/pages/form/textarea/index.tsx

@@ -1,26 +1,15 @@
-import Taro from '@tarojs/taro'
-import { View } from '@tarojs/components'
-import { CommonEvent } from '@tarojs/components/types/common'
 import { AtTextarea } from 'taro-ui'
+import { View } from '@tarojs/components'
+import Taro from '@tarojs/taro'
 import DocsHeader from '../../components/doc-header'
 import './index.scss'
 
-type TargetEvent = {
-  target: {
-    value: any
-  }
-} & CommonEvent
-
 interface IndexState {
   [key: string]: string
 }
 
 export default class Index extends Taro.Component<{}, IndexState> {
-  public config: Taro.PageConfig = {
-    navigationBarTitleText: 'Taro UI'
-  }
-
-  public constructor () {
+  public constructor() {
     super(...arguments)
     this.state = {
       value1: '',
@@ -30,13 +19,17 @@ export default class Index extends Taro.Component<{}, IndexState> {
     }
   }
 
-  private handleChange (stateName: string, e: TargetEvent): void {
+  public config: Taro.PageConfig = {
+    navigationBarTitleText: 'Taro UI'
+  }
+
+  private handleChange(stateName: string, value: string): void {
     this.setState({
-      [stateName]: e.target.value
+      [stateName]: value
     })
   }
 
-  public render (): JSX.Element {
+  public render(): JSX.Element {
     return (
       <View className='page'>
         {/* S Header */}

types/textarea.d.ts

@@ -1,6 +1,8 @@
-import { MouseEvent, ComponentClass } from 'react'
-import { CommonEventFunction } from '@tarojs/components/types/common'
-
+import { ComponentClass } from 'react'
+import {
+  CommonEvent,
+  CommonEventFunction
+} from '@tarojs/components/types/common'
 import AtComponent from './base'
 
 export interface AtTextareaProps extends AtComponent {
@@ -87,7 +89,7 @@ export interface AtTextareaProps extends AtComponent {
    * 开发者需要通过 onChange 事件的 event.target.value 来更新 value 值变化，
    * onChange 函数必填
    */
-  onChange: CommonEventFunction
+  onChange: (value: string, event?: CommonEvent) => void
   /**
    * 输入框获得焦点时触发，height 为键盘高度，在基础库 1.9.90 起支持
    */