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

package/lib/input-phone/index.js

@@ -0,0 +1,198 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.InputPhoneNotRef = 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 _format = require("./format");
+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 __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 __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var InputPhoneNotRef = /** @class */function (_super) {
+  __extends(InputPhoneNotRef, _super);
+  function InputPhoneNotRef(props) {
+    var _this = _super.call(this, props) || this;
+    _this.prefixCls = 'ab-input-phone';
+    _this.inputRef = /*#__PURE__*/_react.default.createRef();
+    _this.setInputCursor = function (cursorPosition, timeout) {
+      if (!_this.inputRef.current) {
+        return;
+      }
+      if (timeout) {
+        setTimeout(function () {
+          _this.inputRef.current.setSelectionRange(cursorPosition, cursorPosition);
+        }, timeout);
+        return;
+      }
+      _this.inputRef.current.setSelectionRange(cursorPosition, cursorPosition);
+    };
+    _this.onFocus = function (inputValue, name) {
+      var _a = _this.props,
+        onFocus = _a.onFocus,
+        format = _a.format,
+        placeholderChar = _a.placeholderChar;
+      var formatValue = inputValue;
+      if (onFocus) {
+        onFocus(formatValue, (0, _format.getNumberValue)(formatValue), name);
+      }
+      if ((0, _utils.isBlank)(inputValue)) {
+        formatValue = (0, _format.getPhoneFormat)('', format, placeholderChar);
+        _this.setState({
+          formatValue: formatValue
+        }, function () {
+          _this.setInputCursor((0, _format.getFirstCursorPosition)('', format, placeholderChar), 50);
+        });
+        return;
+      }
+      _this.setInputCursor((0, _format.getFirstCursorPosition)(inputValue, format, placeholderChar), 50);
+    };
+    _this.onBlur = function (inputValue, name) {
+      if (_this.props.disabled) {
+        return;
+      }
+      var formatValue = _this.state.formatValue;
+      var _a = _this.props,
+        format = _a.format,
+        placeholderChar = _a.placeholderChar,
+        onBlur = _a.onBlur;
+      if (formatValue === (0, _format.getPhoneFormat)('', format, placeholderChar)) {
+        _this.setState({
+          formatValue: ''
+        });
+        if (onBlur) {
+          onBlur('', '', name);
+        }
+        return;
+      }
+      if (onBlur) {
+        onBlur(inputValue, (0, _format.getNumberValue)(inputValue), name);
+      }
+    };
+    _this.onChange = function (inputValue, name) {
+      if (_this.props.disabled || !_this.inputRef.current) {
+        return;
+      }
+      var _a = _this.props,
+        format = _a.format,
+        onChange = _a.onChange,
+        placeholderChar = _a.placeholderChar;
+      var _b = (0, _format.getUpdatedValue)({
+          value: inputValue,
+          prevValue: _this.prevFormatValue,
+          format: format,
+          selectionEnd: _this.inputRef.current.selectionEnd,
+          placeholder: placeholderChar
+        }),
+        formatValue = _b.value,
+        cursorPosition = _b.cursorPosition;
+      _this.prevFormatValue = formatValue;
+      _this.setState({
+        formatValue: formatValue
+      }, function () {
+        _this.setInputCursor(cursorPosition);
+      });
+      if (onChange) {
+        onChange(formatValue, (0, _format.getNumberValue)(formatValue), name);
+      }
+    };
+    var defaultValue = props.defaultValue,
+      format = props.format,
+      placeholderChar = props.placeholderChar;
+    _this.prevFormatValue = (0, _format.getPhoneFormat)(defaultValue, format, placeholderChar);
+    _this.state = {
+      formatValue: (0, _utils.isBlank)(defaultValue) ? '' : _this.prevFormatValue
+    };
+    return _this;
+  }
+  InputPhoneNotRef.getDerivedStateFromProps = function (nextProps, prevState) {
+    if ('value' in nextProps) {
+      if (nextProps.value !== prevState.formatValue && (
+      // 兼容外部传入空string/null的情况， 只有当一个值非空时，才会重新重置State信息
+      !(0, _utils.isBlank)(nextProps.value) || !(0, _utils.isBlank)(prevState.formatValue))) {
+        return {
+          formatValue: (0, _format.getPhoneFormat)(nextProps.value, nextProps.format, nextProps.placeholderChar)
+        };
+      }
+    }
+    return null;
+  };
+  InputPhoneNotRef.prototype.render = function () {
+    var cls = this.prefixCls;
+    var _a = this.props,
+      upperRef = _a.upperRef,
+      className = _a.className,
+      format = _a.format,
+      resetProps = __rest(_a, ["upperRef", "className", "format"]);
+    var formatValue = this.state.formatValue;
+    return /*#__PURE__*/_react.default.createElement(_Input.default, __assign({
+      ref: (0, _components.composeRef)(this.inputRef, upperRef),
+      className: (0, _classnames.default)(cls, className)
+    }, resetProps, {
+      value: formatValue,
+      onChange: this.onChange,
+      onBlur: this.onBlur,
+      onFocus: this.onFocus
+    }));
+  };
+  InputPhoneNotRef.defaultProps = {
+    defaultValue: '',
+    format: '(111)111-1111',
+    placeholderChar: '_'
+  };
+  return InputPhoneNotRef;
+}(_react.default.Component);
+exports.InputPhoneNotRef = InputPhoneNotRef;
+var InputPhone = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(InputPhoneNotRef, __assign({}, props, {
+    upperRef: ref
+  }));
+});
+var _default = InputPhone;
+exports.default = _default;

package/lib/input-phone/style/index.css

@@ -0,0 +1 @@
+.ab-input{display:flex;align-items:center;border:1px solid #ccc;overflow:hidden;position:relative;border-radius:.04rem;padding:.04rem}.ab-input-prefix,.ab-input-suffix{padding-left:.04rem;padding-right:.04rem}.ab-input.ab-input-enter,.ab-input.ab-input-focus{border-color:#348fee}.ab-input.ab-input-focus{box-shadow:0 0 4px #348fee}.ab-input.ab-input-disabled .ab-input-control{cursor:not-allowed}.ab-input-control{appearance:none;display:block;outline:0;border:none;width:100%;height:100%;padding:.02rem;background-color:transparent;font-size:inherit}

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;