@hi-ui/hiui 2.15.11 → 2.15.12

package/es/progress/style/index.css

@@ -1 +1 @@
-.hi-progress__inner{background-color:#f2f2f2;border-radius:9px;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.hi-progress__bar{height:100%;display:block;position:relative;background-color:#3b76dc;-webkit-transition:width 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:width 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__bar-success{background-color:#1da653}.hi-progress__bar--warn{background-color:#eb5252}.hi-progress__bar--error{background-color:#e19d0c}.hi-progress__text{padding-left:25px;font-size:14px;color:#666;display:inline-block;vertical-align:middle}.hi-progress__text--inside{font-size:14px;color:#fff;position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:14px}.hi-progress__text--success{color:#1da653}.hi-progress__text--warn{color:#eb5252}.hi-progress__text--error{color:#e19d0c}.hi-progress__svg{position:relative}.hi-progress__svg .hi-progress__text{display:block;position:absolute;width:100%;text-align:center;line-height:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis}.hi-progress__svgbackground{fill:none;stroke:#e9e9e7;stroke-width:6}.hi-progress__circle{fill:none;stroke:#3b76dc;stroke-width:6;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:stroke-dashoffset 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:stroke-dashoffset 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__circle--success{stroke:#1da653}.hi-progress__circle--warn{stroke:#eb5252}.hi-progress__circle--error{stroke:#e19d0c}.hi-progress__dashboard{fill:none;stroke:#3b76dc;stroke-width:6;-webkit-transition:stroke-dasharray 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:stroke-dasharray 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__dashboard--success{stroke:#1da653}.hi-progress__dashboard--warn{stroke:#eb5252}.hi-progress__dashboard--error{stroke:#e19d0c}
+.hi-progress__inner{background-color:#f2f2f2;border-radius:10px;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.hi-progress__bar--active.hi-progress__bar::before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;content:'';-webkit-animation:hi-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation:hi-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite}.hi-progress__bar{height:100%;display:block;position:relative;background-color:#3b76dc;-webkit-transition:width 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:width 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__bar--success{background-color:#1da653}.hi-progress__bar--warn{background-color:#e19d0c}.hi-progress__bar--error{background-color:#eb5252}.hi-progress__text{padding-left:25px;font-size:14px;color:#666;display:inline-block;vertical-align:middle}.hi-progress__text--inside{font-size:14px;position:absolute;right:-5px;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);line-height:14px}.hi-progress__text--inside.inside--left{color:#fff;right:5px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.hi-progress__text--success{color:#1da653}.hi-progress__text--warn{color:#e19d0c}.hi-progress__text--error{color:#eb5252}.hi-progress__svg{position:relative}.hi-progress__svg .hi-progress__text{display:block;position:absolute;width:100%;text-align:center;line-height:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis}.hi-progress__svgbackground{fill:none;stroke:#e9e9e7;stroke-width:6}.hi-progress__circle{fill:none;stroke:#3b76dc;stroke-width:6;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:stroke-dashoffset 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:stroke-dashoffset 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__circle--success{stroke:#1da653}.hi-progress__circle--warn{stroke:#e19d0c}.hi-progress__circle--error{stroke:#eb5252}.hi-progress__dashboard{fill:none;stroke:#3b76dc;stroke-width:6;-webkit-transition:stroke-dasharray 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:stroke-dasharray 0.4s cubic-bezier(0.3, 0, 0.7, 1)}.hi-progress__dashboard--success{stroke:#1da653}.hi-progress__dashboard--warn{stroke:#e19d0c}.hi-progress__dashboard--error{stroke:#eb5252}.theme__orange .hi-progress__bar--primary{background-color:#f63}.theme__orange .hi-progress__text--primary{color:#f63}.theme__orange .hi-progress__circle{stroke:#f63}.theme__orange .hi-progress__circle--success{stroke:#1da653}.theme__orange .hi-progress__circle--warn{stroke:#e19d0c}.theme__orange .hi-progress__circle--error{stroke:#eb5252}.theme__orange .hi-progress__dashboard{stroke:#f63}.theme__orange .hi-progress__dashboard--success{stroke:#1da653}.theme__orange .hi-progress__dashboard--warn{stroke:#e19d0c}.theme__orange .hi-progress__dashboard--error{stroke:#eb5252}.theme__cyan .hi-progress__bar--primary{background-color:#46bc99}.theme__cyan .hi-progress__text--primary{color:#46bc99}.theme__cyan .hi-progress__circle{stroke:#46bc99}.theme__cyan .hi-progress__circle--success{stroke:#1da653}.theme__cyan .hi-progress__circle--warn{stroke:#e19d0c}.theme__cyan .hi-progress__circle--error{stroke:#eb5252}.theme__cyan .hi-progress__dashboard{stroke:#46bc99}.theme__cyan .hi-progress__dashboard--success{stroke:#1da653}.theme__cyan .hi-progress__dashboard--warn{stroke:#e19d0c}.theme__cyan .hi-progress__dashboard--error{stroke:#eb5252}.theme__magenta .hi-progress__bar--primary{background-color:#ff5975}.theme__magenta .hi-progress__text--primary{color:#ff5975}.theme__magenta .hi-progress__circle{stroke:#ff5975}.theme__magenta .hi-progress__circle--success{stroke:#1da653}.theme__magenta .hi-progress__circle--warn{stroke:#e19d0c}.theme__magenta .hi-progress__circle--error{stroke:#eb5252}.theme__magenta .hi-progress__dashboard{stroke:#ff5975}.theme__magenta .hi-progress__dashboard--success{stroke:#1da653}.theme__magenta .hi-progress__dashboard--warn{stroke:#e19d0c}.theme__magenta .hi-progress__dashboard--error{stroke:#eb5252}.theme__lavender .hi-progress__bar--primary{background-color:#b450de}.theme__lavender .hi-progress__text--primary{color:#b450de}.theme__lavender .hi-progress__circle{stroke:#b450de}.theme__lavender .hi-progress__circle--success{stroke:#1da653}.theme__lavender .hi-progress__circle--warn{stroke:#e19d0c}.theme__lavender .hi-progress__circle--error{stroke:#eb5252}.theme__lavender .hi-progress__dashboard{stroke:#b450de}.theme__lavender .hi-progress__dashboard--success{stroke:#1da653}.theme__lavender .hi-progress__dashboard--warn{stroke:#e19d0c}.theme__lavender .hi-progress__dashboard--error{stroke:#eb5252}.theme__blue .hi-progress__bar--primary{background-color:#3da8f5}.theme__blue .hi-progress__text--primary{color:#3da8f5}.theme__blue .hi-progress__circle{stroke:#3da8f5}.theme__blue .hi-progress__circle--success{stroke:#1da653}.theme__blue .hi-progress__circle--warn{stroke:#e19d0c}.theme__blue .hi-progress__circle--error{stroke:#eb5252}.theme__blue .hi-progress__dashboard{stroke:#3da8f5}.theme__blue .hi-progress__dashboard--success{stroke:#1da653}.theme__blue .hi-progress__dashboard--warn{stroke:#e19d0c}.theme__blue .hi-progress__dashboard--error{stroke:#eb5252}.theme__purple .hi-progress__bar--primary{background-color:#8a8acb}.theme__purple .hi-progress__text--primary{color:#8a8acb}.theme__purple .hi-progress__circle{stroke:#8a8acb}.theme__purple .hi-progress__circle--success{stroke:#1da653}.theme__purple .hi-progress__circle--warn{stroke:#e19d0c}.theme__purple .hi-progress__circle--error{stroke:#eb5252}.theme__purple .hi-progress__dashboard{stroke:#8a8acb}.theme__purple .hi-progress__dashboard--success{stroke:#1da653}.theme__purple .hi-progress__dashboard--warn{stroke:#e19d0c}.theme__purple .hi-progress__dashboard--error{stroke:#eb5252}@-webkit-keyframes hi-progress-active{0%{width:0;opacity:0.1}20%{width:0;opacity:0.5}100%{width:100%;opacity:0}}@keyframes hi-progress-active{0%{width:0;opacity:0.1}20%{width:0;opacity:0.5}100%{width:100%;opacity:0}}

package/es/radio/Group.js

@@ -0,0 +1,199 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _context = _interopRequireDefault(require("../context"));
+
+var _Radio = _interopRequireDefault(require("./Radio"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var prefixCls = 'hi-radio-group';
+
+var Group =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Group, _React$Component);
+
+  function Group(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Group);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Group).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleCheckboxChange", function (event) {
+      var updatedValue = event.target.value;
+      var callbackValue;
+      var onChange = _this.props.onChange;
+      var data = _this.state.data;
+      var newData = data.map(function (_ref) {
+        var value = _ref.value,
+            checked = _ref.checked,
+            rest = (0, _objectWithoutProperties2["default"])(_ref, ["value", "checked"]);
+        var isValueEquel = updatedValue === value || Number(updatedValue) === value;
+        isValueEquel && (callbackValue = value);
+        return _objectSpread({
+          value: value,
+          checked: isValueEquel
+        }, rest);
+      });
+      onChange && onChange(callbackValue);
+      hasValue(_this.props) || _this.setState({
+        data: newData
+      });
+    });
+    _this.state = {
+      data: getData(props),
+      originValue: props.value,
+      originData: props.data
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Group, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          className = _this$props.className,
+          style = _this$props.style,
+          disabled = _this$props.disabled,
+          type = _this$props.type,
+          placement = _this$props.placement;
+      var data = this.state.data;
+      var groupCls = (0, _classnames["default"])(className, prefixCls, {
+        vertical: placement === 'vertical'
+      });
+      return _react["default"].createElement(GroupWrapper, {
+        className: groupCls,
+        style: style,
+        type: type
+      }, data.map(function (_ref2, idx) {
+        var label = _ref2.label,
+            value = _ref2.value,
+            checked = _ref2.checked,
+            itemDisabled = _ref2.disabled;
+        return _react["default"].createElement(_Radio["default"], {
+          key: idx,
+          value: value,
+          type: type,
+          checked: checked,
+          onChange: _this2.handleCheckboxChange,
+          disabled: disabled || itemDisabled
+        }, label);
+      }));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, state) {
+      if (!(0, _isEqual["default"])(nextProps.value, state.originValue)) {
+        return {
+          data: getData(nextProps),
+          originValue: nextProps.value
+        };
+      }
+
+      if (!(0, _isEqual["default"])(nextProps.data, state.originData)) {
+        return {
+          data: getData(nextProps),
+          originData: nextProps.data
+        };
+      }
+
+      return null;
+    }
+  }]);
+  return Group;
+}(_react["default"].Component);
+
+function GroupWrapper(_ref3) {
+  var children = _ref3.children,
+      type = _ref3.type,
+      restProps = (0, _objectWithoutProperties2["default"])(_ref3, ["children", "type"]);
+  var shouldUseButton = type === 'button';
+  return shouldUseButton ? _react["default"].createElement(_button["default"].Group, restProps, children) : _react["default"].createElement("div", restProps, children);
+}
+
+function hasValue(props) {
+  return props.value !== undefined;
+}
+
+function getData(props) {
+  var data = props.data,
+      value = props.value,
+      defaultValue = props.defaultValue;
+
+  var _value = hasValue(props) ? value : defaultValue;
+
+  return data.map(function (item) {
+    var isPlain = ['string', 'number'].includes((0, _typeof2["default"])(item));
+    var label = isPlain ? item : item.content;
+    var value = isPlain ? item : item.id;
+    var disabled = !isPlain && item.disabled;
+    return {
+      label: label,
+      value: value,
+      disabled: disabled,
+      checked: _value === value || Number(_value) === value
+    };
+  });
+}
+
+var PropTypesOfStringOrNumber = _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]);
+
+Group.propTypes = {
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  defaultValue: PropTypesOfStringOrNumber,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  data: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].shape({
+    content: PropTypesOfStringOrNumber,
+    id: PropTypesOfStringOrNumber,
+    disabled: _propTypes["default"].bool
+  })])),
+  size: _propTypes["default"].oneOf(['small', 'large']),
+  type: _propTypes["default"].oneOf(['default', 'button']),
+  value: PropTypesOfStringOrNumber,
+  onChange: _propTypes["default"].func
+};
+Group.defaultProps = {};
+
+var _default = (0, _context["default"])(Group);
+
+exports["default"] = _default;

package/es/radio/Radio.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _context = _interopRequireDefault(require("../context"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+var prefixCls = 'hi-radio';
+
+var Radio =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Radio, _React$Component);
+
+  function Radio(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Radio);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Radio).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event) {
+      var onChange = _this.props.onChange;
+      onChange && onChange(event);
+      hasChecked(_this.props) || _this.setState({
+        checked: event.target.checked
+      });
+    });
+    _this.state = getChecked(props);
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Radio, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          autoFocus = _this$props.autoFocus,
+          className = _this$props.className,
+          children = _this$props.children,
+          disabled = _this$props.disabled,
+          style = _this$props.style,
+          theme = _this$props.theme,
+          type = _this$props.type,
+          value = _this$props.value;
+      var shouldUseButton = type === 'button';
+      var checked = this.state.checked;
+      var radioCls = (0, _classnames["default"])(className, prefixCls, disabled && "".concat(prefixCls, "--disabled"), shouldUseButton && checked && "".concat(prefixCls, "__button--checked"), "theme__".concat(theme));
+      var inputCls = (0, _classnames["default"])("".concat(prefixCls, "__input"), checked && "".concat(prefixCls, "__input--checked"));
+      var buttonCls = (0, _classnames["default"])("".concat(prefixCls, "__button"), checked && "".concat(prefixCls, "__button--checked"));
+      return _react["default"].createElement(RadioWrapper, {
+        type: type,
+        className: buttonCls,
+        disabled: disabled
+      }, _react["default"].createElement("label", {
+        className: radioCls,
+        style: style
+      }, _react["default"].createElement("input", {
+        type: "radio",
+        checked: checked,
+        autoFocus: autoFocus,
+        disabled: disabled,
+        value: value,
+        onChange: this.handleChange
+      }), _react["default"].createElement("span", {
+        className: inputCls
+      }), _react["default"].createElement("span", {
+        className: "".concat(prefixCls, "__text")
+      }, children)));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps) {
+      if (hasChecked(nextProps)) {
+        return getChecked(nextProps);
+      }
+
+      return null;
+    }
+  }]);
+  return Radio;
+}(_react["default"].Component);
+
+function RadioWrapper(_ref) {
+  var children = _ref.children,
+      type = _ref.type,
+      restProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "type"]);
+  var shouldUseButton = type === 'button';
+  return shouldUseButton ? _react["default"].createElement(_button["default"], restProps, children) : _react["default"].createElement(_react["default"].Fragment, null, children);
+}
+
+function hasChecked(props) {
+  return Object.prototype.hasOwnProperty.call(props, 'checked');
+}
+
+function getChecked(props) {
+  var checked = props.checked,
+      defaultChecked = props.defaultChecked;
+  return {
+    checked: hasChecked(props) ? checked : defaultChecked
+  };
+}
+
+Radio.propTypes = {
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  type: _propTypes["default"].oneOf(['default', 'button']),
+  autoFocus: _propTypes["default"].bool,
+  checked: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  defaultChecked: _propTypes["default"].bool,
+  value: _propTypes["default"].any,
+  onChange: _propTypes["default"].func
+};
+Radio.defaultProps = {
+  defaultChecked: false,
+  type: 'default'
+};
+
+var _default = (0, _context["default"])(Radio);
+
+exports["default"] = _default;

package/es/radio/__tests__/index.test.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require(".."));
+
+var _Button = require("../../button/Button");
+
+var wrapper;
+var changeCallback = jest.fn(function (value) {
+  return value;
+});
+var list = ['手机', '电脑', '智能'];
+var nList = [{
+  content: '手机',
+  id: 'Phone',
+  disabled: true
+}, {
+  content: '电脑',
+  id: 'Computer'
+}, {
+  content: '智能',
+  id: 'Intelli'
+}];
+describe('Radio', function () {
+  afterAll(function () {
+    wrapper && wrapper.unmount();
+    changeCallback.mockClear();
+  });
+  describe('PropTypes', function () {
+    it('data', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list
+      }));
+      expect(wrapper.find('.hi-radio')).toHaveLength(3);
+    });
+    it('placement', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list,
+        placement: "vertical"
+      }));
+      expect(wrapper.find('.hi-radio-group').first().hasClass('vertical')).toBeTruthy();
+    });
+    it('disabled', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: nList,
+        value: "\u7535\u8111"
+      }));
+      expect(wrapper.find('.hi-radio').at(0).hasClass('hi-radio--disabled')).toBeTruthy();
+    });
+    it('type', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list,
+        value: "\u7535\u8111",
+        type: "button"
+      }));
+      expect(wrapper.find(_Button.Button)).toHaveLength(3);
+      expect(wrapper.find(_Button.Button).at(1).hasClass('hi-radio__button--checked')).toBeTruthy();
+    });
+    it('value', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list,
+        value: "\u7535\u8111"
+      }));
+      expect(wrapper.find('.hi-radio').at(1).find('.hi-radio__input--checked')).toHaveLength(1);
+      wrapper.setProps({
+        value: '手机'
+      });
+      expect(wrapper.find('.hi-radio').at(0).find('.hi-radio__input--checked')).toHaveLength(1);
+    });
+    it('defaultValue', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list,
+        defaultValue: "\u7535\u8111"
+      }));
+      expect(wrapper.find('.hi-radio').at(1).find('.hi-radio__input--checked')).toHaveLength(1);
+      wrapper.setProps({
+        defaultValue: '手机'
+      });
+      expect(wrapper.find('.hi-radio').at(1).find('.hi-radio__input--checked')).toHaveLength(1);
+    });
+    it('onChange', function () {
+      var callback = jest.fn();
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list,
+        defaultValue: "\u7535\u8111",
+        onChange: callback
+      }));
+      wrapper.find('.hi-radio').at(0).find('input').simulate('change');
+      expect(wrapper.find('.hi-radio').at(0).find('.hi-radio__input--checked')).toHaveLength(1);
+      expect(callback).toHaveBeenCalledWith('手机');
+    });
+  });
+  describe('Branches', function () {
+    it('Radio.checked', function () {
+      var callback = jest.fn();
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        value: "phone",
+        onChange: callback
+      }, "\u624B\u673A"));
+      expect(wrapper.find('.hi-radio__input').hasClass('hi-radio__input--checked')).toBeFalsy();
+      wrapper.setProps({
+        value: 'a'
+      });
+      wrapper.find('.hi-radio').find('input').simulate('change', {
+        target: {
+          checked: true
+        }
+      });
+      expect(wrapper.find('.hi-radio').at(0).find('.hi-radio__input--checked')).toHaveLength(1);
+    });
+    it('Group.props', function () {
+      wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, {
+        data: list
+      }));
+      expect(wrapper.find('.hi-radio')).toHaveLength(3);
+      wrapper.setProps({
+        data: nList
+      });
+      expect(wrapper.find('.hi-radio')).toHaveLength(3);
+    });
+  });
+});