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

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

@@ -0,0 +1,26 @@
+interface GetParserOriginalValueParams {
+    originalValue: string | number;
+    prevParserValue: string | number;
+    trimStartZero?: boolean;
+    precision?: number;
+    isRounding?: boolean;
+    min?: number;
+    max?: number;
+    skipError?: boolean;
+}
+/**
+ *
+ * @param originalValueParam
+ * @param trimStartZero
+ * @param prevParserValue
+ * @param precision
+ * @param isRounding
+ * @param min
+ * @param max
+ * @param skipError 遇到首位0、小于最小值、大于最大值问题，不对value进行处理，输出控制台警告
+ */
+export default function ({ originalValue: originalValueParam, trimStartZero, prevParserValue, precision, isRounding, min, max, skipError }: GetParserOriginalValueParams): {
+    parserValueStr: string | undefined;
+    parserValue: string | number | undefined;
+};
+export {};

package/lib/input-number/getParserOriginalValue.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _utils = require("@autobest-ui/utils");
+var _constants = require("./constants");
+function consoleError(msg) {
+  if (process.env.NODE_ENV === 'development') {
+    // eslint-disable-next-line no-console
+    console.error(msg);
+  }
+}
+function getValueBetweenMinAndMax(value, min, max, skipError) {
+  var currentValue = parseFloat(value);
+  if (!(0, _utils.isBlank)(min) && currentValue < min) {
+    if (!skipError) {
+      return min;
+    }
+    consoleError('Value is smaller than min');
+  }
+  if (!(0, _utils.isBlank)(max) && currentValue > max) {
+    if (!skipError) {
+      return max;
+    }
+    consoleError('Value is greater than max');
+  }
+  return currentValue;
+}
+/**
+ *
+ * @param originalValueParam
+ * @param trimStartZero
+ * @param prevParserValue
+ * @param precision
+ * @param isRounding
+ * @param min
+ * @param max
+ * @param skipError 遇到首位0、小于最小值、大于最大值问题，不对value进行处理，输出控制台警告
+ */
+function _default(_a) {
+  var originalValueParam = _a.originalValue,
+    trimStartZero = _a.trimStartZero,
+    prevParserValue = _a.prevParserValue,
+    precision = _a.precision,
+    isRounding = _a.isRounding,
+    min = _a.min,
+    max = _a.max,
+    skipError = _a.skipError;
+  // 输入为空
+  if ((0, _utils.isBlank)(originalValueParam)) {
+    return {
+      parserValueStr: undefined,
+      parserValue: undefined
+    };
+  }
+  var originalValue = typeof originalValueParam === 'number' ? originalValueParam.toString() : originalValueParam;
+  var hasFirstZero = _constants.FirstZeroReg.test(originalValue);
+  if (!_constants.NumberReg.test(originalValue) || trimStartZero && hasFirstZero) {
+    if (!skipError) {
+      return {
+        parserValueStr: (0, _utils.isBlank)(prevParserValue) ? undefined : prevParserValue.toString(),
+        parserValue: prevParserValue
+      };
+    }
+    consoleError('Value has first 0');
+  }
+  var currentValue = getValueBetweenMinAndMax(originalValue, min, max, skipError);
+  var parserString = (0, _utils.toFixed)(currentValue, precision, isRounding);
+  if (hasFirstZero) {
+    // 补齐首位0
+    parserString = parserString.padStart(originalValue.split('.')[0].length, '0');
+  }
+  return {
+    parserValueStr: parserString,
+    parserValue: hasFirstZero ? parserString : (0, _utils.getNumberFromString)(parserString)
+  };
+}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
+export interface InputNumberProps extends Omit<InputProps<number | string>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -42,15 +42,23 @@ export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'de
      * 值发生改变将会触发，onChange是不合法将不在触发，只在最后onBlur时再触发一次
      * 该方法主要用在用户输入内容判断上，不要在此方法中执行修改value的操作
      */
-    onContinualChange?: (originalValue: string | number | undefined, parserValue: number | undefined, name?: string) => void;
+    onContinualChange?: (originalValue: string | number | undefined, parserValue: string | number | undefined, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: number | undefined, name?: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: string | number | undefined, name?: string) => void;
+    /**
+     * 是否过滤开头的0，默认true过滤
+     */
+    trimStartZero?: boolean;
+    /**
+     * 处理用户输入值时是否要四舍五入，默认true
+     */
+    isRounding?: boolean;
 }
 interface InputNumberStates {
     originalValueStr: string | undefined;
-    parserValue: number | undefined;
+    parserValue: string | number | undefined;
 }
 interface InputNumberPropsWithRef extends InputNumberProps {
     /**
@@ -61,12 +69,14 @@ interface InputNumberPropsWithRef extends InputNumberProps {
 export declare class InputNumberNotRef extends React.Component<InputNumberPropsWithRef, InputNumberStates> {
     prefixCls: string;
     inputRef: React.RefObject<HTMLInputElement>;
-    keyboardHandler: AddListenerEventHandler;
+    keyboardHandler: AddListenerEventRemoveHandler;
     static defaultProps: {
         defaultValue: string;
         controls: boolean;
         step: number;
         keyboard: boolean;
+        trimStartZero: boolean;
+        isRounding: boolean;
     };
     constructor(props: InputNumberPropsWithRef);
     static getDerivedStateFromProps(nextProps: InputNumberPropsWithRef, prevStates: InputNumberStates): InputNumberStates;
@@ -75,7 +85,10 @@ export declare class InputNumberNotRef extends React.Component<InputNumberPropsW
      * 解析用户输入的内容，并返回解析后的结果
      * @param originalValue
      */
-    getParserOriginalValue: (originalValue: string) => string | undefined;
+    getParserOriginalValue: (originalValue: string) => {
+        parserValueStr: string;
+        parserValue: string | number;
+    };
     /**
      * 键盘和点击上下按钮更新value值
      * @param isUp

package/lib/input-number/index.js

@@ -12,6 +12,7 @@ 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 || {
@@ -57,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值
@@ -83,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);
@@ -131,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) {
@@ -148,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
       });
@@ -179,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);
       }
@@ -227,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;
   }
@@ -241,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)) {
@@ -253,7 +258,7 @@ var InputNumberNotRef = /** @class */function (_super) {
   };
   InputNumberNotRef.prototype.componentWillUnmount = function () {
     if (this.keyboardHandler) {
-      this.keyboardHandler.remove();
+      this.keyboardHandler();
       this.keyboardHandler = null;
     }
   };
@@ -269,7 +274,8 @@ var InputNumberNotRef = /** @class */function (_super) {
       style = _b.style,
       prefix = _b.prefix,
       controls = _b.controls,
-      checkValueOnMounted = _b.checkValueOnMounted;
+      checkValueOnMounted = _b.checkValueOnMounted,
+      maxLength = _b.maxLength;
     var originalValueStr = this.state.originalValueStr;
     return /*#__PURE__*/_react.default.createElement(_Input.default, {
       ref: (0, _components.composeRef)(this.inputRef, upperRef),
@@ -289,14 +295,17 @@ var InputNumberNotRef = /** @class */function (_super) {
         onUp: this.onUp,
         onDown: this.onDown
       }) : null,
-      checkValueOnMounted: checkValueOnMounted
+      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/loading-icon/index.d.ts

@@ -1,7 +1,6 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 export interface LoadingIconProps {
     className?: string;
-    style?: CSSProperties;
 }
 declare const _default: React.MemoExoticComponent<(props: LoadingIconProps) => JSX.Element>;
 export default _default;

package/lib/loading-icon/index.js

@@ -9,11 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var cls = 'ab-svg-loading';
 var LoadingIcon = function LoadingIcon(props) {
-  var className = props.className,
-    style = props.style;
+  var className = props.className;
   return /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(className, cls),
-    style: style
+    className: (0, _classnames.default)(className, cls)
   }, /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",

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;