@autobest-ui/components 2.1.1 → 2.2.1

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

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

package/esm/input-number/ControlArrow.js

@@ -0,0 +1,34 @@
+import React from 'react';
+
+function ArrowIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 8 16",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    style: {
+      transform: "rotate(".concat(props.rotateDeg, "deg)")
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0l8 8-8 8V0z",
+    fillRule: "evenodd"
+  }));
+}
+
+export default function ControlArrow(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(props.cls, "-arrow")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(props.cls, "-up"),
+    onMouseDown: props.onKeyup
+  }, /*#__PURE__*/React.createElement(ArrowIcon, {
+    rotateDeg: -90
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(props.cls, "-down"),
+    onMouseDown: props.onKeydown
+  }, /*#__PURE__*/React.createElement(ArrowIcon, {
+    rotateDeg: 90
+  })));
+}

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

@@ -0,0 +1,2 @@
+export declare const NumberReg: RegExp;
+export declare const FirstZeroReg: RegExp;

package/esm/input-number/constants.js

@@ -0,0 +1,4 @@
+// 只能输入数字格式
+export var NumberReg = /^(-?\d+)(\.\d*)?$/; // 0 开头后面直接是数字，没有点如：011, 01.11， 这是不合法的
+
+export var FirstZeroReg = /^0\d+(\.\d*)?$/;

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

@@ -1,26 +1,22 @@
 import React from 'react';
-import { debounce, AddListenerEventHandler } from '@autobest-ui/utils';
-interface OnChangeHandler {
-    (value: string, name?: string): void;
-}
-interface ChangeEvent {
-    target: {
-        value: string | number;
-    };
-}
-export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, 'onChange'> {
+import { AddListenerEventHandler } from '@autobest-ui/utils';
+export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, 'onChange' | 'onBlur' | 'onFocus'> {
     /**
-     * 值修改后的回调函数，用于修改value属性
+     * 输入框默认值，用于非受控组件，配合ref使用
      */
-    onChange: OnChangeHandler;
+    defaultValue?: number | string;
+    /**
+     * 输入框中的值
+     */
+    value?: number | string;
     /**
      * input样式
      */
     className?: string;
     /**
-     * 输入框中的值
+     * 输入框的别名
      */
-    value?: string | number;
+    name?: string;
     /**
      * 最小值
      */
@@ -30,116 +26,103 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
      */
     max?: number;
     /**
-     * 打包值，向上取整，不赋值或者赋值为0表示不做取整操作
-     * 注：packMultiple不允许传小数
+     * 数值精度, 0 => 整数， null => 没有限制
      */
-    packMultiple?: number;
+    precision?: number;
     /**
      * 输入框是否可以操作
      */
     disabled?: boolean;
     /**
-     * 可输入的小数位数，0或没有值表示只能输入整数
+     * 是否使用上下控制按钮
      */
-    digital?: number;
+    controls?: boolean;
     /**
-     * 为true则自动补全小数位数
+     * 每次改变的大小，作用在上下控制按钮上
      */
-    padDigital?: boolean;
+    step?: number;
     /**
-     * 输入框默认字符大小
+     * 是否启用键盘上下快捷行为
      */
-    size?: number;
+    keyboard?: boolean;
     /**
-     * 输入框的别名
-     */
-    name?: string;
-    /**
-     * 防抖时间 单位： ms
+     * 值修改后的回调函数，用于修改value属性
      */
-    delay?: number;
+    onChange?: (parserValue: number | undefined, name?: string) => void;
     /**
-     * packMultiple 有值时，判断前的回调函数
+     * 值发生改变将会触发，onChange是不合法将不在触发，只在最后onBlur时再触发一次
+     * 该方法主要用在用户输入内容判断上，不要在此方法中执行修改value的操作
      */
-    onChangePackMultipleBefore?: OnChangeHandler;
+    onContinualChange?: (originalValue: string | number | undefined, parserValue: number | undefined, name?: string) => void;
     /**
-     * packMultiple 有值时，判断后的回调函数
+     * 获得焦点的回调函数
      */
-    onChangePackMultipleAfter?: OnChangeHandler;
+    onFocus?: (parserValue: number | undefined, name?: string) => void;
     /**
-     * 是否需要显示增加按钮
+     * 失去焦点的回调函数
      */
-    visibleButton?: boolean;
+    onBlur?: (parserValue: number | undefined, name?: string) => void;
 }
 interface InputNumberStates {
-    enter: boolean;
-    focus: boolean;
+    originalValueStr: string | undefined;
+    parserValue: number | undefined;
+    isEnterInput: boolean;
+    isFocusInput: boolean;
 }
-interface LocationInfo {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
+interface InputNumberPropsWithRef extends InputNumberProps {
+    /**
+     * 此属性可以忽略， storybook问题
+     */
+    upperRef: React.Ref<HTMLInputElement>;
 }
-declare class InputNumber extends React.Component<InputNumberProps, InputNumberStates> {
+export declare class InputNumberNotRef extends React.Component<InputNumberPropsWithRef, InputNumberStates> {
+    prefixCls: string;
+    inputRef: React.RefObject<HTMLInputElement>;
+    keyboardHandler: AddListenerEventHandler;
     static defaultProps: {
-        value: string;
-        name: string;
-        size: number;
-        disabled: boolean;
-        digital: number;
-        padDigital: boolean;
-        delay: number;
-        visibleButton: boolean;
+        defaultValue: string;
+        controls: boolean;
+        step: number;
+        keyboard: boolean;
     };
-    constructor(props: InputNumberProps);
-    currentRef: React.RefObject<HTMLLabelElement>;
-    changePackMultipleValueDebounce: ReturnType<typeof debounce>;
-    padDigitalDebounce: ReturnType<typeof debounce>;
-    addLocationInfo: LocationInfo;
-    subLocationInfo: LocationInfo;
-    mouseUpHandler: AddListenerEventHandler;
-    mouseMoveHandler: AddListenerEventHandler;
-    componentDidMount(): void;
+    constructor(props: InputNumberPropsWithRef);
+    static getDerivedStateFromProps(nextProps: InputNumberPropsWithRef, prevStates: InputNumberStates): InputNumberStates;
     componentWillUnmount(): void;
-    onFocus: (e: any) => void;
-    onBlur: (e: any) => void;
+    /**
+     * 解析用户输入的内容，并返回解析后的结果
+     * @param originalValue
+     */
+    getParserOriginalValue: (originalValue: string) => string | undefined;
+    /**
+     * 键盘和点击上下按钮更新value值
+     * @param isUp
+     */
+    changeValueWithStep: (isUp: boolean) => void;
+    /**
+     * 设置input焦点
+     */
+    setInputFocus: () => void;
+    onKeyboard: (ev: KeyboardEvent) => void;
+    onFocus: (ev: {
+        target: HTMLInputElement;
+    }) => void;
+    onBlur: (ev: {
+        target: HTMLInputElement;
+    }) => void;
+    /**
+     * 修改value值的回调
+     * 注：value值当不在合法时，将不再触发onChange
+     * 在输入结束后（onBlur时），触发最后一次
+     * @param ev
+     */
+    onChangeValue: (ev: {
+        target: HTMLInputElement;
+    }) => void;
+    onKeyup: (ev: React.MouseEvent) => void;
+    onKeydown: (ev: React.MouseEvent) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
-    onMouseMove: (ev: React.MouseEvent) => void;
-    onMouseDown: (ev: React.MouseEvent) => void;
-    onMouseUp: () => void;
-    addMouseMoveListener: () => void;
-    addMouseUpListener: () => void;
-    getElement: () => {
-        inputEl: HTMLInputElement;
-        addBtnEl: HTMLDivElement;
-        subBtnEl: HTMLDivElement;
-    };
-    getMouseElement: (ev: React.MouseEvent) => {
-        isAdd: boolean;
-        isSub: boolean;
-    };
-    isInside: (ev: React.MouseEvent, locationInfo: LocationInfo) => boolean;
-    getLocationInfo: () => void;
-    getCurrentValue: (value: string) => number;
-    getPadDigitalValue: (value: string) => string;
-    onChangePackMultipleValue: (value: string) => void;
-    onPadDigital: (value: any) => void;
-    getPadDigitalDebounce: () => {
-        (...arg: any[]): void;
-        cancel(): void;
-    };
-    getChangePackMultipleValueDebounce: () => {
-        (...arg: any[]): void;
-        cancel(): void;
-    };
-    callback: (value: string, ignoreDelay?: any) => void;
-    onValueChange: (ev: ChangeEvent, ignoreDelay?: any) => void;
-    getValueCalculate: (value: number, offset: number) => number;
-    onAdd: () => void;
-    onSub: () => void;
-    renderButton: () => JSX.Element;
     render(): JSX.Element;
 }
+declare const InputNumber: React.ComponentType<InputNumberProps>;
 export default InputNumber;