@autobest-ui/components 2.9.2 → 2.10.0-alpha.0

package/lib/input-number/index.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.InputNumberNotRef = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("@autobest-ui/components");
 var _utils = require("@autobest-ui/utils");
 var _Input = _interopRequireDefault(require("../input/Input"));
 var _constants = require("./constants");
 var _ControlArrow = _interopRequireDefault(require("./ControlArrow"));
+var _getParserOriginalValue = _interopRequireDefault(require("./getParserOriginalValue"));
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -56,25 +58,10 @@ var InputNumberNotRef = /** @class */function (_super) {
      * @param originalValue
      */
     _this.getParserOriginalValue = function (originalValue) {
-      // 输入为空
-      if ((0, _utils.isBlank)(originalValue)) {
-        return undefined;
-      }
-      if (!_constants.NumberReg.test(originalValue) || _constants.FirstZeroReg.test(originalValue)) {
-        return (0, _utils.isBlank)(_this.state.parserValue) ? undefined : _this.state.parserValue.toString();
-      }
-      var _a = _this.props,
-        min = _a.min,
-        max = _a.max,
-        precision = _a.precision;
-      var currentValue = parseFloat(originalValue);
-      if (!(0, _utils.isBlank)(min) && currentValue < min) {
-        currentValue = min;
-      }
-      if (!(0, _utils.isBlank)(max) && currentValue > max) {
-        currentValue = max;
-      }
-      return (0, _utils.toFixed)(currentValue, precision);
+      return (0, _getParserOriginalValue.default)(__assign(__assign({}, _this.props), {
+        originalValue: originalValue,
+        prevParserValue: _this.state.parserValue
+      }));
     };
     /**
      * 键盘和点击上下按钮更新value值
@@ -82,14 +69,20 @@ var InputNumberNotRef = /** @class */function (_super) {
      */
     _this.changeValueWithStep = function (isUp) {
       var step = _this.props.step;
-      var prevValue = _this.state.parserValue ? _this.state.parserValue : 0;
+      var prevParserValue = _this.state.parserValue;
+      var prevValue = prevParserValue ? typeof prevParserValue === 'number' ? prevParserValue : parseFloat(prevParserValue) : 0;
       var keyboardValue = isUp ? prevValue + step : prevValue - step;
-      var parserValueStr = _this.getParserOriginalValue(keyboardValue.toString());
-      var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
-      var _a = _this.props,
-        name = _a.name,
-        onChange = _a.onChange,
-        onContinualChange = _a.onContinualChange;
+      var keyboardValueStr = keyboardValue.toString();
+      if (typeof prevParserValue === 'string' && _constants.FirstZeroReg.test(prevParserValue)) {
+        keyboardValueStr = keyboardValueStr.padStart(prevParserValue.length, '0');
+      }
+      var _a = _this.getParserOriginalValue(keyboardValueStr),
+        parserValueStr = _a.parserValueStr,
+        parserValue = _a.parserValue;
+      var _b = _this.props,
+        name = _b.name,
+        onChange = _b.onChange,
+        onContinualChange = _b.onContinualChange;
       if (prevValue !== parserValue) {
         if (onContinualChange) {
           onContinualChange(parserValueStr, parserValue, name);
@@ -130,14 +123,13 @@ var InputNumberNotRef = /** @class */function (_super) {
       }
       var onFocus = _this.props.onFocus;
       if (onFocus) {
-        var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-        var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
+        var parserValue = _this.getParserOriginalValue(originalValueStr).parserValue;
         onFocus(parserValue, name);
       }
     };
     _this.onBlur = function (originalValueStr, name) {
       if (_this.keyboardHandler) {
-        _this.keyboardHandler.remove();
+        _this.keyboardHandler();
         _this.keyboardHandler = null;
       }
       if (_this.props.disabled) {
@@ -147,8 +139,9 @@ var InputNumberNotRef = /** @class */function (_super) {
         onBlur = _a.onBlur,
         onChange = _a.onChange,
         onContinualChange = _a.onContinualChange;
-      var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-      var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
+      var _b = _this.getParserOriginalValue(originalValueStr),
+        parserValueStr = _b.parserValueStr,
+        parserValue = _b.parserValue;
       _this.setState({
         originalValueStr: parserValueStr
       });
@@ -178,11 +171,12 @@ var InputNumberNotRef = /** @class */function (_super) {
       if (_this.props.disabled) {
         return;
       }
-      var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-      var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
-      var _a = _this.props,
-        onChange = _a.onChange,
-        onContinualChange = _a.onContinualChange;
+      var _a = _this.getParserOriginalValue(originalValueStr),
+        parserValueStr = _a.parserValueStr,
+        parserValue = _a.parserValue;
+      var _b = _this.props,
+        onChange = _b.onChange,
+        onContinualChange = _b.onContinualChange;
       if (onContinualChange) {
         onContinualChange(originalValueStr, parserValue, name);
       }
@@ -226,10 +220,16 @@ var InputNumberNotRef = /** @class */function (_super) {
         onKeyDown(ev, _this.state.parserValue, name);
       }
     };
-    var defaultValueStr = (0, _utils.toFixed)(props.defaultValue, props.precision);
+    var _a = (0, _getParserOriginalValue.default)(__assign(__assign({}, props), {
+        originalValue: props.defaultValue,
+        prevParserValue: undefined,
+        skipError: true
+      })),
+      parserValueStr = _a.parserValueStr,
+      parserValue = _a.parserValue;
     _this.state = {
-      originalValueStr: defaultValueStr,
-      parserValue: (0, _utils.getNumberFromString)(defaultValueStr)
+      originalValueStr: parserValueStr,
+      parserValue: parserValue
     };
     return _this;
   }
@@ -240,9 +240,15 @@ var InputNumberNotRef = /** @class */function (_super) {
       if (nextProps.value !== prevStates.parserValue && (
       // 兼容外部传入空string/null的情况， 只有当一个值非空时，才会重新重置State信息
       !(0, _utils.isBlank)(nextProps.value) || !(0, _utils.isBlank)(prevStates.parserValue))) {
-        var fixedValueStr = (0, _utils.toFixed)(nextProps.value, nextProps.precision);
-        nextState.parserValue = (0, _utils.getNumberFromString)(fixedValueStr);
-        nextState.originalValueStr = fixedValueStr;
+        var _a = (0, _getParserOriginalValue.default)(__assign(__assign({}, nextProps), {
+            originalValue: nextProps.value,
+            prevParserValue: prevStates.parserValue,
+            skipError: true
+          })),
+          parserValueStr = _a.parserValueStr,
+          parserValue = _a.parserValue;
+        nextState.parserValue = parserValue;
+        nextState.originalValueStr = parserValueStr;
       }
     }
     if ((0, _utils.isEmptyObject)(nextState)) {
@@ -252,7 +258,7 @@ var InputNumberNotRef = /** @class */function (_super) {
   };
   InputNumberNotRef.prototype.componentWillUnmount = function () {
     if (this.keyboardHandler) {
-      this.keyboardHandler.remove();
+      this.keyboardHandler();
       this.keyboardHandler = null;
     }
   };
@@ -267,10 +273,12 @@ var InputNumberNotRef = /** @class */function (_super) {
       disabled = _b.disabled,
       style = _b.style,
       prefix = _b.prefix,
-      controls = _b.controls;
+      controls = _b.controls,
+      checkValueOnMounted = _b.checkValueOnMounted,
+      maxLength = _b.maxLength;
     var originalValueStr = this.state.originalValueStr;
     return /*#__PURE__*/_react.default.createElement(_Input.default, {
-      ref: (0, _utils.composeRef)(this.inputRef, upperRef),
+      ref: (0, _components.composeRef)(this.inputRef, upperRef),
       className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-has-controls")] = controls, _a)),
       placeholder: placeholder,
       disabled: disabled,
@@ -286,14 +294,18 @@ var InputNumberNotRef = /** @class */function (_super) {
         cls: cls,
         onUp: this.onUp,
         onDown: this.onDown
-      }) : null
+      }) : null,
+      checkValueOnMounted: checkValueOnMounted,
+      maxLength: maxLength
     });
   };
   InputNumberNotRef.defaultProps = {
     defaultValue: '',
     controls: true,
     step: 1,
-    keyboard: true
+    keyboard: true,
+    trimStartZero: true,
+    isRounding: true
   };
   return InputNumberNotRef;
 }(_react.default.Component);

package/lib/modal/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 declare type PrevPopupSize = {
     width: number;
     height: number;
@@ -92,8 +92,8 @@ declare class Modal extends React.Component<ModalProps, ModalStates> {
         maskClosable: boolean;
         hiddenScroll: boolean;
     };
-    clickOutsideHandler: AddListenerEventHandler | null;
-    touchOutsideHandler: AddListenerEventHandler | null;
+    clickOutsideHandler: AddListenerEventRemoveHandler;
+    touchOutsideHandler: AddListenerEventRemoveHandler;
     popupTimer: any;
     affixTimer: any;
     popupRef: React.RefObject<HTMLDivElement>;

package/lib/modal/index.js

@@ -265,11 +265,11 @@ var Modal = /** @class */function (_super) {
   Modal.prototype.clearOutsideHandler = function () {
     this.clearPopupTimer();
     if (this.clickOutsideHandler) {
-      this.clickOutsideHandler.remove();
+      this.clickOutsideHandler();
       this.clickOutsideHandler = null;
     }
     if (this.touchOutsideHandler) {
-      this.touchOutsideHandler.remove();
+      this.touchOutsideHandler();
       this.touchOutsideHandler = null;
     }
   };

package/lib/move/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 import { Position } from './utils';
 export interface MoveProps {
     /**
@@ -82,11 +82,11 @@ declare class Move extends React.Component<MoveProps> {
     isTouchScale: boolean;
     isForceUpdatePlacement: boolean;
     moveRef: React.RefObject<HTMLElement>;
-    resizeHandler: AddListenerEventHandler | null;
-    startHandler: AddListenerEventHandler | null;
-    mousewheelHandler: AddListenerEventHandler | null;
-    moveHandler: AddListenerEventHandler | null;
-    endHandler: AddListenerEventHandler | null;
+    resizeHandler: AddListenerEventRemoveHandler;
+    startHandler: AddListenerEventRemoveHandler;
+    mousewheelHandler: AddListenerEventRemoveHandler;
+    moveHandler: AddListenerEventRemoveHandler;
+    endHandler: AddListenerEventRemoveHandler;
     updateTimer: any;
     componentDidMount(): void;
     componentDidUpdate(prevProps?: MoveProps): void;

package/lib/move/index.js

@@ -320,26 +320,26 @@ var Move = /** @class */function (_super) {
   Move.prototype.componentWillUnmount = function () {
     clearTimeout(this.updateTimer);
     if (this.startHandler) {
-      this.startHandler.remove();
+      this.startHandler();
       this.startHandler = null;
     }
     if (this.mousewheelHandler) {
-      this.mousewheelHandler.remove();
+      this.mousewheelHandler();
       this.mousewheelHandler = null;
     }
     if (this.resizeHandler) {
-      this.resizeHandler.remove();
+      this.resizeHandler();
       this.resizeHandler = null;
     }
     this.clearHandler();
   };
   Move.prototype.clearHandler = function () {
     if (this.moveHandler) {
-      this.moveHandler.remove();
+      this.moveHandler();
       this.moveHandler = null;
     }
     if (this.endHandler) {
-      this.endHandler.remove();
+      this.endHandler();
       this.endHandler = null;
     }
   };

package/lib/popover/index.d.ts

@@ -32,7 +32,7 @@ export interface PopoverProps extends Pick<TriggerProps, Exclude<keyof TriggerPr
 }
 export declare type PopoverPlacement = TriggerPlacement;
 export declare type PopoverTriggerType = TriggerType;
-declare function Popover({ theme, innerClassName, closeClassName, arrowClassName, hiddenClose, tip, closeIcon, ...extraProps }: PopoverProps): JSX.Element;
+declare function Popover({ theme, innerClassName, closeClassName, arrowClassName, hiddenClose, tip, closeIcon, maxHeight, ...extraProps }: PopoverProps): JSX.Element;
 declare namespace Popover {
     var defaultProps: {
         hiddenClose: boolean;

package/lib/popover/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("@autobest-ui/utils");
 var _trigger = _interopRequireDefault(require("../trigger"));
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -40,7 +41,8 @@ function Popover(_a) {
     hiddenClose = _a.hiddenClose,
     tip = _a.tip,
     closeIcon = _a.closeIcon,
-    extraProps = __rest(_a, ["theme", "innerClassName", "closeClassName", "arrowClassName", "hiddenClose", "tip", "closeIcon"]);
+    maxHeight = _a.maxHeight,
+    extraProps = __rest(_a, ["theme", "innerClassName", "closeClassName", "arrowClassName", "hiddenClose", "tip", "closeIcon", "maxHeight"]);
   var triggerEl = _react.default.useRef(null);
   var _c = _react.default.useState({}),
     arrowStyle = _c[0],
@@ -78,7 +80,10 @@ function Popover(_a) {
       className: (0, _classnames.default)("".concat(cls, "-arrow"), arrowClassName),
       style: arrowStyle
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: innerClass
+      className: innerClass,
+      style: !(0, _utils.isBlank)(maxHeight) ? {
+        maxHeight: "".concat(maxHeight, "px")
+      } : undefined
     }, tip));
   }
   return /*#__PURE__*/_react.default.createElement(_trigger.default, __assign({}, extraProps, {

package/lib/radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RadioProps } from './interface';
+declare const Radio: FC<RadioProps>;
+export default Radio;

package/lib/radio/Radio.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@autobest-ui/utils");
+var _context = _interopRequireDefault(require("./context"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var cls = 'ab-radio';
+var Radio = function Radio(props) {
+  var _a;
+  var _b = props.checked,
+    propsChecked = _b === void 0 ? false : _b,
+    name = props.name,
+    onChange = props.onChange,
+    children = props.children,
+    disabled = props.disabled,
+    value = props.value,
+    className = props.className;
+  var _c = (0, _react.useState)(propsChecked),
+    checked = _c[0],
+    setChecked = _c[1];
+  var groupContext = (0, _react.useContext)(_context.default);
+  var mergedProps = (0, _utils.isEmptyObject)(groupContext) ? {
+    name: name,
+    disabled: disabled
+  } : {
+    name: groupContext.name,
+    disabled: 'disabled' in props ? disabled : groupContext.disabled
+  };
+  if ('checked' in props && propsChecked !== checked) {
+    setChecked(propsChecked);
+  }
+  (0, _react.useEffect)(function () {
+    // radioGroup
+    if ('value' in groupContext) {
+      setChecked(groupContext.value === value);
+    }
+  }, [groupContext, value]);
+  var onRadioChange = function onRadioChange(e) {
+    if (mergedProps.disabled) {
+      return;
+    }
+    if (onChange) {
+      onChange(e, mergedProps.name);
+      return;
+    }
+    // radioGroup
+    if (groupContext.onChange) {
+      groupContext.onChange(e.target.value, mergedProps.name);
+      return;
+    }
+    setChecked(!checked);
+  };
+  var onClick = function onClick(e) {
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/_react.default.createElement("label", {
+    onClick: onClick,
+    className: (0, _classnames.default)(cls, (_a = {}, _a["".concat(cls, "-disabled")] = mergedProps.disabled, _a["".concat(cls, "-checked")] = checked, _a), groupContext.className, className)
+  }, /*#__PURE__*/_react.default.createElement("input", __assign({
+    type: "radio",
+    checked: checked,
+    value: value,
+    onChange: onRadioChange
+  }, mergedProps)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(cls, "-control")
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(cls, "-child")
+  }, children));
+};
+var _default = Radio;
+exports.default = _default;

package/lib/radio/RadioGroup.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import { RadioGroupProps, RadioValue } from './interface';
+interface RadioGroupState {
+    value: RadioValue;
+}
+declare class RadioGroup extends Component<RadioGroupProps, RadioGroupState> {
+    constructor(props: any);
+    static getDerivedStateFromProps(nextProps: RadioGroupProps, prevState: RadioGroupState): {
+        value: RadioValue;
+    };
+    onRadioChange: (v: RadioValue, n: string) => void;
+    renderRadioGroup: () => JSX.Element;
+    renderRadioList: () => JSX.Element;
+    render(): JSX.Element;
+}
+export default RadioGroup;

package/lib/radio/RadioGroup.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@autobest-ui/utils");
+var _context = require("./context");
+var _Radio = _interopRequireDefault(require("./Radio"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+    return _extendStatics(d, b);
+  };
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    _extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+var cls = 'ab-radio';
+function getRadioProp(radioProp, radioGroupProp) {
+  return (0, _utils.isUndef)(radioProp) ? radioGroupProp : radioProp;
+}
+var RadioGroup = /** @class */function (_super) {
+  __extends(RadioGroup, _super);
+  function RadioGroup(props) {
+    var _this = _super.call(this, props) || this;
+    _this.onRadioChange = function (v, n) {
+      var onChange = _this.props.onChange;
+      if (onChange) {
+        onChange(v, n);
+        return;
+      }
+      _this.setState({
+        value: v
+      });
+    };
+    _this.renderRadioGroup = function () {
+      var _a = _this.props,
+        name = _a.name,
+        children = _a.children,
+        disabled = _a.disabled;
+      var value = _this.state.value;
+      return /*#__PURE__*/_react.default.createElement(_context.RadioGroupContextProvider, {
+        value: {
+          name: name,
+          value: value,
+          disabled: disabled,
+          onChange: _this.onRadioChange,
+          className: "".concat(cls, "-item")
+        }
+      }, children);
+    };
+    _this.renderRadioList = function () {
+      var _a = _this.props,
+        name = _a.name,
+        options = _a.options,
+        disabled = _a.disabled;
+      var value = _this.state.value;
+      if ((0, _utils.isEmptyArray)(options)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(function (item) {
+        return /*#__PURE__*/_react.default.createElement(_Radio.default, {
+          key: item.value,
+          className: "".concat(cls, "-item"),
+          name: name,
+          value: item.value,
+          disabled: getRadioProp(item.disabled, disabled),
+          checked: value === item.value,
+          onChange: function onChange(e, n) {
+            return _this.onRadioChange(e.target.value, n);
+          }
+        }, item.name);
+      }));
+    };
+    _this.state = {
+      value: props.defaultValue
+    };
+    return _this;
+  }
+  RadioGroup.getDerivedStateFromProps = function (nextProps, prevState) {
+    if ('value' in nextProps && nextProps.value !== prevState.value) {
+      return {
+        value: nextProps.value
+      };
+    }
+    return null;
+  };
+  RadioGroup.prototype.render = function () {
+    var _a = this.props.direction,
+      direction = _a === void 0 ? 'horizontal' : _a;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(cls, "-group-").concat(direction)
+    }, 'options' in this.props ? this.renderRadioList() : this.renderRadioGroup());
+  };
+  return RadioGroup;
+}(_react.Component);
+var _default = RadioGroup;
+exports.default = _default;

package/lib/radio/context.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { RadioGroupProps } from './interface';
+declare const RadioGroupContext: React.Context<RadioGroupProps>;
+export declare const RadioGroupContextProvider: React.Provider<RadioGroupProps>;
+export default RadioGroupContext;

package/lib/radio/context.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RadioGroupContextProvider = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var RadioGroupContext = /*#__PURE__*/React.createContext({});
+var RadioGroupContextProvider = RadioGroupContext.Provider;
+exports.RadioGroupContextProvider = RadioGroupContextProvider;
+var _default = RadioGroupContext;
+exports.default = _default;

package/lib/radio/index.d.ts

@@ -0,0 +1,3 @@
+export type { RadioProps, RadioGroupProps, RadioValue, RadioOptionItem } from './interface';
+export { default as Radio } from './Radio';
+export { default as RadioGroup } from './RadioGroup';

package/lib/radio/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RadioGroup.default;
+  }
+});
+var _Radio = _interopRequireDefault(require("./Radio"));
+var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));

package/lib/radio/interface.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+export declare type RadioValue = string | number;
+export interface RadioProps {
+    name?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    value?: RadioValue;
+    onChange?: (e: ChangeEvent<HTMLInputElement>, name: string) => void;
+    className?: string;
+}
+export declare type RadioOptionItem = Pick<RadioProps, 'disabled' | 'name' | 'value'>;
+export interface RadioGroupProps extends Pick<RadioProps, 'value' | 'name' | 'disabled' | 'className'> {
+    options?: RadioOptionItem[];
+    defaultValue?: RadioValue;
+    onChange?: (value: RadioValue, name: string) => void;
+    direction?: 'vertical' | 'horizontal';
+}

package/lib/radio/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/radio/style/index.css

@@ -0,0 +1 @@
+.ab-radio{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer}.ab-radio input{width:1px;height:1px;margin:-1px;position:absolute}.ab-radio-checked .ab-radio-control{border-color:#0075ff}.ab-radio-checked .ab-radio-control::before{background-color:#0075ff}.ab-radio-checked .ab-radio-control:hover{border-color:#005cc8}.ab-radio-checked .ab-radio-control:hover::before{background-color:#005cc8}.ab-radio-disabled{cursor:not-allowed}.ab-radio-disabled .ab-radio-control{border-color:#d1d1d1;background-color:#f8f8f8}.ab-radio-disabled .ab-radio-control:hover{border-color:#d1d1d1}.ab-radio-disabled.ab-radio-checked .ab-radio-control::before{background-color:#d1d1d1}.ab-radio-control{width:.14rem;height:.14rem;border:1px solid #767676;border-radius:50%;margin-right:.06rem;position:relative;display:flex;align-items:center;justify-content:center}.ab-radio-control::before{content:"";width:.08rem;height:.08rem;border-radius:50%;background-color:transparent}.ab-radio-control:hover{border-color:#4f4f4f}.ab-radio-group-horizontal{display:flex}.ab-radio-group-horizontal .ab-radio-item{margin-right:.2rem}.ab-radio-group-horizontal .ab-radio-item:last-child{margin-right:0}.ab-radio-group-vertical{display:flex;flex-direction:column}.ab-radio-group-vertical .ab-radio-item{margin-bottom:.15rem}.ab-radio-group-vertical .ab-radio-item:last-child{margin-bottom:0}

package/lib/select/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 import { TriggerProps } from '../trigger';
 declare type Value = string | number | null;
 declare type NameValue = React.ReactChild | null;
@@ -97,7 +97,7 @@ interface SelectStates {
 }
 declare class Select extends React.Component<SelectProps, SelectStates> {
     prefixCls: string;
-    keydownHandler: AddListenerEventHandler;
+    keydownHandler: AddListenerEventRemoveHandler;
     popupContentRef: React.RefObject<HTMLDivElement>;
     static defaultProps: {
         title: any;