fix(NumberPicker): Align TypeScript and API docs

components/number-picker/__docs__/demo/accessibility/index.tsx

@@ -1,26 +1,17 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-
 import { NumberPicker } from '@alifd/next';
 
-interface AppState {
- value: number;
- tip: string;
-}
+class App extends React.Component {
+ state = {
+ value: 0,
+ tip: '',
+ };
 
-class App extends React.Component<any, AppState> {
- constructor(props: any) {
- super(props);
- this.state = {
- value: 0,
- tip: '',
- };
- this.onChange = this.onChange.bind(this);
- }
- onChange(value: number, e: Event) {
- let num = '';
+ onChange(value: number) {
+ let num: string | number = '';
  if (value >= 0) {
- num = value.toString();
+ num = value;
  } else {
  num = `negative ${value * -1}`;
  }
@@ -37,7 +28,7 @@ class App extends React.Component<any, AppState> {
  <NumberPicker
  type="inline"
  value={value}
- onChange={this.onChange}
+ onChange={this.onChange.bind(this)}
  upBtnProps={{ 'aria-label': 'increasing button' }}
  downBtnProps={{ 'aria-label': 'decreasing button' }}
  aria-labelledby="a11y-number-picker"

components/number-picker/__docs__/demo/basic/index.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker } from '@alifd/next';
+import type { NumberPickerProps } from '@alifd/next/lib/number-picker';
 
-function onChange(value: number, e: any) {
+const onChange: NumberPickerProps['onChange'] = (value, e) => {
  console.log(value, e.type, e.triggerType);
-}
+};
 
 ReactDOM.render(
  <div>

components/number-picker/__docs__/demo/bignumber/index.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker } from '@alifd/next';
+import type { NumberPickerProps } from '@alifd/next/lib/number-picker';
 
 const step = '0.000000000000000000000001';
 
-function onChange(value: number) {
+const onChange: NumberPickerProps['onChange'] = value => {
  console.log('changed', value);
-}
+};
 
-function onCorrect(value: object) {
+const onCorrect: NumberPickerProps['onCorrect'] = value => {
  console.log('corrected', value);
-}
+};
 
 class App extends React.Component {
  state = {

components/number-picker/__docs__/demo/editable/index.tsx

@@ -2,19 +2,11 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker, Button } from '@alifd/next';
 
-interface DemoState {
- editable: boolean;
- value: number;
-}
-
-class App extends React.Component<any, DemoState> {
- constructor(props: any) {
- super(props);
- this.state = {
- editable: false,
- value: 0,
- };
- }
+class App extends React.Component {
+ state = {
+ editable: false,
+ value: 0,
+ };
 
  toogle() {
  this.setState({
@@ -40,7 +32,7 @@ class App extends React.Component<any, DemoState> {
  <br />
  <br />
  <Button onClick={this.toogle.bind(this)}>
- Toggle to {!this.state.editable ? 'editable' : 'uneditable'}
+ {!this.state.editable ? 'Toggle to editable' : 'Toggle to uneditable'}
  </Button>
  </div>
  );

components/number-picker/__docs__/demo/limit/index.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker } from '@alifd/next';
+import type { NumberPickerProps } from '@alifd/next/lib/number-picker';
 
-function onChange(value: number, e: any) {
+const onChange: NumberPickerProps['onChange'] = (value, e) => {
  console.log('onChange', value, e);
-}
+};
 
-function onCorrect(obj: object) {
+const onCorrect: NumberPickerProps['onCorrect'] = obj => {
  console.log('onCorrect', obj);
-}
+};
 ReactDOM.render(
  <div>
  <NumberPicker

components/number-picker/__docs__/demo/precision/index.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker } from '@alifd/next';
+import type { NumberPickerProps } from '@alifd/next/lib/number-picker';
 
-function onChange(value: number) {
+const onChange: NumberPickerProps['onChange'] = value => {
  console.log('changed', value);
-}
-function onCorrect(obj: object) {
+};
+const onCorrect: NumberPickerProps['onCorrect'] = obj => {
  console.log(obj);
-}
+};
 ReactDOM.render(
  <div>
  <NumberPicker

components/number-picker/__docs__/demo/step/index.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker } from '@alifd/next';
+import type { NumberPickerProps } from '@alifd/next/lib/number-picker';
 
-function onChange(value: number) {
+const onChange: NumberPickerProps['onChange'] = value => {
  console.log('changed', value);
-}
-function onCorrect(obj: object) {
+};
+const onCorrect: NumberPickerProps['onCorrect'] = obj => {
  console.log(obj);
-}
+};
 ReactDOM.render(
  <div>
  <NumberPicker defaultValue={0} onChange={onChange} onCorrect={onCorrect} step={0.01} />

components/number-picker/__docs__/demo/trigger/index.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { NumberPicker } from '@alifd/next';
+import type { NumberPickerProps } from '@alifd/next/lib/number-picker';
 
-function onChange(value: number) {
+const onChange: NumberPickerProps['onChange'] = value => {
  console.log('changed', value);
-}
-function onCorrect(obj: object) {
+};
+const onCorrect: NumberPickerProps['onCorrect'] = obj => {
  console.log(obj);
-}
+};
 ReactDOM.render(
  <div>
  <NumberPicker alwaysShowTrigger onChange={onChange} onCorrect={onCorrect} />