@autobest-ui/components 2.6.1 → 2.6.2

package/esm/input/Input.d.ts

@@ -30,6 +30,10 @@ export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' |
      * 失去焦点的回调函数
      */
     onBlur?: (value: InputValue, name?: string) => void;
+    /**
+     * 用户触发keydown时的回调，主要用于键盘监听
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, name?: string) => void;
 }
 interface InputStates {
     value: string | undefined;
@@ -59,6 +63,7 @@ export declare class InputNotRef extends React.Component<InputPropsWithRef, Inpu
     onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus: (ev: React.FocusEvent<HTMLInputElement>) => void;
     onBlur: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/esm/input/Input.js

@@ -103,6 +103,14 @@ var InputNotRef = /** @class */function (_super) {
         onBlur(value, name);
       }
     };
+    _this.onKeyDown = function (ev) {
+      var _a = _this.props,
+        name = _a.name,
+        onKeyDown = _a.onKeyDown;
+      if (onKeyDown) {
+        onKeyDown(ev, name);
+      }
+    };
     _this.state = {
       value: props.defaultValue || ''
     };
@@ -162,7 +170,8 @@ var InputNotRef = /** @class */function (_super) {
       accept: accept,
       style: style,
       value: isFileUpload ? undefined : value || '',
-      onChange: this.onChange
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown
     }));
   };
   InputNotRef.defaultProps = {

package/esm/input/TextArea.d.ts

@@ -33,6 +33,10 @@ export interface TextAreaProps extends Omit<AdornProps, 'prefixCls' | 'children'
      * 失去焦点的回调函数
      */
     onBlur?: (value: string | undefined, name?: string) => void;
+    /**
+     * 用户触发keydown时的回调，主要用于键盘监听
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>, name?: string) => void;
 }
 interface TextareaStates {
     value: string | undefined;
@@ -61,6 +65,7 @@ export declare class TextAreaNotRef extends React.Component<TextAreaPropsWithRef
     onChange: (ev: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus: (ev: React.FocusEvent<HTMLTextAreaElement>) => void;
     onBlur: (ev: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     renderSuffix(): React.ReactElement;
     render(): JSX.Element;
 }

package/esm/input/TextArea.js

@@ -91,6 +91,14 @@ var TextAreaNotRef = /** @class */function (_super) {
         onBlur(value, name);
       }
     };
+    _this.onKeyDown = function (ev) {
+      var _a = _this.props,
+        name = _a.name,
+        onKeyDown = _a.onKeyDown;
+      if (onKeyDown) {
+        onKeyDown(ev, name);
+      }
+    };
     var value = props.defaultValue || '';
     _this.state = {
       value: value,
@@ -154,7 +162,8 @@ var TextAreaNotRef = /** @class */function (_super) {
       disabled: disabled,
       style: style,
       value: value || '',
-      onChange: this.onChange
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown
     }));
   };
   TextAreaNotRef.defaultProps = {

package/esm/input-number/ControlArrow.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface ControlArrowProps {
     cls: string;
-    onKeyup: (ev: React.MouseEvent) => void;
-    onKeydown: (ev: React.MouseEvent) => void;
+    onUp: (ev: React.MouseEvent) => void;
+    onDown: (ev: React.MouseEvent) => void;
 }
 export default function ControlArrow(props: ControlArrowProps): JSX.Element;

package/esm/input-number/ControlArrow.js

@@ -18,12 +18,12 @@ function ArrowIcon(props) {
 export default function ControlArrow(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "".concat(props.cls, "-up"),
-    onMouseDown: props.onKeyup
+    onMouseDown: props.onUp
   }, /*#__PURE__*/React.createElement(ArrowIcon, {
     rotateDeg: -90
   })), /*#__PURE__*/React.createElement("span", {
     className: "".concat(props.cls, "-down"),
-    onMouseDown: props.onKeydown
+    onMouseDown: props.onDown
   }, /*#__PURE__*/React.createElement(ArrowIcon, {
     rotateDeg: 90
   })));

package/esm/input-number/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AddListenerEventHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'suffix'> {
+export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -55,6 +55,10 @@ export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultVal
      * 失去焦点的回调函数
      */
     onBlur?: (parserValue: number | undefined, name?: string) => void;
+    /**
+     * 用户触发keydown时的回调，主要用于键盘监听
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: number | undefined, name?: string) => void;
 }
 interface InputNumberStates {
     originalValueStr: string | undefined;
@@ -102,8 +106,9 @@ export declare class InputNumberNotRef extends React.Component<InputNumberPropsW
      * 在输入结束后（onBlur时），触发最后一次
      */
     onChange: (originalValueStr: InputValue, name?: string) => void;
-    onKeyup: (ev: React.MouseEvent) => void;
-    onKeydown: (ev: React.MouseEvent) => void;
+    onUp: (ev: React.MouseEvent) => void;
+    onDown: (ev: React.MouseEvent) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
 declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;

package/esm/input-number/index.js

@@ -191,7 +191,7 @@ var InputNumberNotRef = /** @class */function (_super) {
         parserValue: parserValue
       });
     };
-    _this.onKeyup = function (ev) {
+    _this.onUp = function (ev) {
       ev.preventDefault();
       if (_this.props.disabled) {
         return;
@@ -199,7 +199,7 @@ var InputNumberNotRef = /** @class */function (_super) {
       _this.setInputFocus();
       _this.changeValueWithStep(true);
     };
-    _this.onKeydown = function (ev) {
+    _this.onDown = function (ev) {
       ev.preventDefault();
       if (_this.props.disabled) {
         return;
@@ -207,6 +207,14 @@ var InputNumberNotRef = /** @class */function (_super) {
       _this.setInputFocus();
       _this.changeValueWithStep(false);
     };
+    _this.onKeyDown = function (ev) {
+      var _a = _this.props,
+        name = _a.name,
+        onKeyDown = _a.onKeyDown;
+      if (onKeyDown) {
+        onKeyDown(ev, _this.state.parserValue, name);
+      }
+    };
     var defaultValueStr = toFixed(props.defaultValue, props.precision);
     _this.state = {
       originalValueStr: defaultValueStr,
@@ -258,12 +266,13 @@ var InputNumberNotRef = /** @class */function (_super) {
       name: name,
       value: originalValueStr,
       onChange: this.onChange,
+      onKeyDown: this.onKeyDown,
       onBlur: this.onBlur,
       onFocus: this.onFocus,
       suffix: controls ? /*#__PURE__*/React.createElement(ControlArrow, {
         cls: cls,
-        onKeyup: this.onKeyup,
-        onKeydown: this.onKeydown
+        onUp: this.onUp,
+        onDown: this.onDown
       }) : null
     });
   };

package/lib/input/Input.d.ts

@@ -30,6 +30,10 @@ export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' |
      * 失去焦点的回调函数
      */
     onBlur?: (value: InputValue, name?: string) => void;
+    /**
+     * 用户触发keydown时的回调，主要用于键盘监听
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, name?: string) => void;
 }
 interface InputStates {
     value: string | undefined;
@@ -59,6 +63,7 @@ export declare class InputNotRef extends React.Component<InputPropsWithRef, Inpu
     onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus: (ev: React.FocusEvent<HTMLInputElement>) => void;
     onBlur: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/lib/input/Input.js

@@ -110,6 +110,14 @@ var InputNotRef = /** @class */function (_super) {
         onBlur(value, name);
       }
     };
+    _this.onKeyDown = function (ev) {
+      var _a = _this.props,
+        name = _a.name,
+        onKeyDown = _a.onKeyDown;
+      if (onKeyDown) {
+        onKeyDown(ev, name);
+      }
+    };
     _this.state = {
       value: props.defaultValue || ''
     };
@@ -169,7 +177,8 @@ var InputNotRef = /** @class */function (_super) {
       accept: accept,
       style: style,
       value: isFileUpload ? undefined : value || '',
-      onChange: this.onChange
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown
     }));
   };
   InputNotRef.defaultProps = {

package/lib/input/TextArea.d.ts

@@ -33,6 +33,10 @@ export interface TextAreaProps extends Omit<AdornProps, 'prefixCls' | 'children'
      * 失去焦点的回调函数
      */
     onBlur?: (value: string | undefined, name?: string) => void;
+    /**
+     * 用户触发keydown时的回调，主要用于键盘监听
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>, name?: string) => void;
 }
 interface TextareaStates {
     value: string | undefined;
@@ -61,6 +65,7 @@ export declare class TextAreaNotRef extends React.Component<TextAreaPropsWithRef
     onChange: (ev: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus: (ev: React.FocusEvent<HTMLTextAreaElement>) => void;
     onBlur: (ev: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     renderSuffix(): React.ReactElement;
     render(): JSX.Element;
 }

package/lib/input/TextArea.js

@@ -98,6 +98,14 @@ var TextAreaNotRef = /** @class */function (_super) {
         onBlur(value, name);
       }
     };
+    _this.onKeyDown = function (ev) {
+      var _a = _this.props,
+        name = _a.name,
+        onKeyDown = _a.onKeyDown;
+      if (onKeyDown) {
+        onKeyDown(ev, name);
+      }
+    };
     var value = props.defaultValue || '';
     _this.state = {
       value: value,
@@ -161,7 +169,8 @@ var TextAreaNotRef = /** @class */function (_super) {
       disabled: disabled,
       style: style,
       value: value || '',
-      onChange: this.onChange
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown
     }));
   };
   TextAreaNotRef.defaultProps = {

package/lib/input-number/ControlArrow.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface ControlArrowProps {
     cls: string;
-    onKeyup: (ev: React.MouseEvent) => void;
-    onKeydown: (ev: React.MouseEvent) => void;
+    onUp: (ev: React.MouseEvent) => void;
+    onDown: (ev: React.MouseEvent) => void;
 }
 export default function ControlArrow(props: ControlArrowProps): JSX.Element;

package/lib/input-number/ControlArrow.js

@@ -25,12 +25,12 @@ function ArrowIcon(props) {
 function ControlArrow(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(props.cls, "-up"),
-    onMouseDown: props.onKeyup
+    onMouseDown: props.onUp
   }, /*#__PURE__*/_react.default.createElement(ArrowIcon, {
     rotateDeg: -90
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(props.cls, "-down"),
-    onMouseDown: props.onKeydown
+    onMouseDown: props.onDown
   }, /*#__PURE__*/_react.default.createElement(ArrowIcon, {
     rotateDeg: 90
   })));

package/lib/input-number/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AddListenerEventHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'suffix'> {
+export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -55,6 +55,10 @@ export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultVal
      * 失去焦点的回调函数
      */
     onBlur?: (parserValue: number | undefined, name?: string) => void;
+    /**
+     * 用户触发keydown时的回调，主要用于键盘监听
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: number | undefined, name?: string) => void;
 }
 interface InputNumberStates {
     originalValueStr: string | undefined;
@@ -102,8 +106,9 @@ export declare class InputNumberNotRef extends React.Component<InputNumberPropsW
      * 在输入结束后（onBlur时），触发最后一次
      */
     onChange: (originalValueStr: InputValue, name?: string) => void;
-    onKeyup: (ev: React.MouseEvent) => void;
-    onKeydown: (ev: React.MouseEvent) => void;
+    onUp: (ev: React.MouseEvent) => void;
+    onDown: (ev: React.MouseEvent) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
 declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;

package/lib/input-number/index.js

@@ -198,7 +198,7 @@ var InputNumberNotRef = /** @class */function (_super) {
         parserValue: parserValue
       });
     };
-    _this.onKeyup = function (ev) {
+    _this.onUp = function (ev) {
       ev.preventDefault();
       if (_this.props.disabled) {
         return;
@@ -206,7 +206,7 @@ var InputNumberNotRef = /** @class */function (_super) {
       _this.setInputFocus();
       _this.changeValueWithStep(true);
     };
-    _this.onKeydown = function (ev) {
+    _this.onDown = function (ev) {
       ev.preventDefault();
       if (_this.props.disabled) {
         return;
@@ -214,6 +214,14 @@ var InputNumberNotRef = /** @class */function (_super) {
       _this.setInputFocus();
       _this.changeValueWithStep(false);
     };
+    _this.onKeyDown = function (ev) {
+      var _a = _this.props,
+        name = _a.name,
+        onKeyDown = _a.onKeyDown;
+      if (onKeyDown) {
+        onKeyDown(ev, _this.state.parserValue, name);
+      }
+    };
     var defaultValueStr = (0, _utils.toFixed)(props.defaultValue, props.precision);
     _this.state = {
       originalValueStr: defaultValueStr,
@@ -265,12 +273,13 @@ var InputNumberNotRef = /** @class */function (_super) {
       name: name,
       value: originalValueStr,
       onChange: this.onChange,
+      onKeyDown: this.onKeyDown,
       onBlur: this.onBlur,
       onFocus: this.onFocus,
       suffix: controls ? /*#__PURE__*/_react.default.createElement(_ControlArrow.default, {
         cls: cls,
-        onKeyup: this.onKeyup,
-        onKeydown: this.onKeydown
+        onUp: this.onUp,
+        onDown: this.onDown
       }) : null
     });
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobest-ui/components",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "private": false,
   "description": "components common ui for React",
   "main": "lib/index.js",
@@ -52,5 +52,5 @@
   "dependencies": {
     "@autobest-ui/utils": "^2.1.0"
   },
-  "gitHead": "566745071d550b3d75324bbce5f8f678a4ea7d41"
+  "gitHead": "f64d407139633d75ed431712909c7d255988efac"
 }