@hi-ui/hiui 2.15.9 → 2.15.11

package/es/radio/radio-legacy/index.js

@@ -1,218 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _index = _interopRequireDefault(require("../../button/index"));
-
-require("./style/index");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var parse = function parse(checked, list, disabled) {
-  var _checked = -1;
-
-  var _disabled = [];
-
-  if (typeof checked === 'number') {
-    _checked = checked;
-  }
-
-  if (typeof disabled === 'number') {
-    _disabled.push(disabled);
-  }
-
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-
-    if ((0, _typeof2["default"])(item) === 'object') {
-      if (item.checked) {
-        _checked = i;
-      }
-
-      if (item.disabled) {
-        _disabled.push(i);
-      }
-
-      if (typeof checked === 'function') {
-        if (checked(item)) {
-          _checked = i;
-        }
-      }
-
-      if (typeof disabled === 'function') {
-        if (disabled(item)) {
-          _disabled.push(i);
-        }
-      }
-    }
-  }
-
-  return {
-    checked: _checked,
-    disabled: _disabled
-  };
-};
-
-var Radio = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Radio, _Component);
-
-  var _super = _createSuper(Radio);
-
-  function Radio(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Radio);
-    _this = _super.call(this, props);
-    _this.state = {
-      checked: 0,
-      disabled: []
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Radio, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-          checked = _this$props.checked,
-          list = _this$props.list,
-          disabled = _this$props.disabled;
-      this.setState(parse(checked, list, disabled));
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(props, state) {
-      if (props.checked !== this.props.checked) {
-        this.setState({
-          checked: parse(props.checked, props.list, props.disabled).checked
-        });
-      }
-    }
-  }, {
-    key: "generateUUID",
-    value: function generateUUID() {
-      var d = new Date().getTime();
-      var uuid = 'xxxxxxxx'.replace(/[xy]/g, function (c) {
-        var r = (d + Math.random() * 16) % 16 | 0;
-        d = Math.floor(d / 16);
-        return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
-      });
-      return uuid;
-    }
-  }, {
-    key: "handleChange",
-    value: function handleChange(item, index, disabled) {
-      var _this2 = this;
-
-      if (disabled) return;
-      this.setState({
-        checked: index
-      }, function () {
-        if (_this2.props.onChange) {
-          var value = item.id || item.id === 0 ? item.id : item.name;
-
-          _this2.props.onChange(value, index, item);
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          list = _this$props2.list,
-          align = _this$props2.align,
-          layout = _this$props2.layout,
-          mode = _this$props2.mode,
-          buttonStyle = _this$props2.buttonStyle;
-      var _this$state = this.state,
-          checked = _this$state.checked,
-          disabled = _this$state.disabled;
-      var cls = (0, _classnames["default"])('hi-radio-legacy', layout === 'vertical' && 'hi-radio-legacy--vertical', mode === 'button' && 'hi-radio-legacy--button');
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: cls
-      }, list.map(function (item, index) {
-        var _item = item;
-
-        if (typeof item === 'string') {
-          _item = {
-            name: item,
-            id: ''
-          };
-        }
-
-        var _disabled = disabled.indexOf(index) > -1;
-
-        var itemCls = (0, _classnames["default"])('hi-radio-legacy__item', _disabled && 'hi-radio-legacy__item--disabled', checked === index && 'hi-radio-legacy__item--checked');
-        var eles = [/*#__PURE__*/_react["default"].createElement("span", {
-          className: "hi-radio-legacy__label",
-          key: 'label' + index
-        }, _item.name), /*#__PURE__*/_react["default"].createElement("span", {
-          className: "hi-radio-legacy__simulation-input",
-          key: 'input' + index
-        })];
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: itemCls,
-          key: index,
-          onClick: _this3.handleChange.bind(_this3, _item, index, _disabled)
-        }, mode === 'normal' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, align === 'left' ? eles : eles.reverse()) : /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          type: buttonStyle,
-          disabled: _disabled,
-          onClick: function onClick(e) {
-            return _this3.handleChange.bind(_this3, _item, index, _disabled);
-          }
-        }, _item.name));
-      }));
-    }
-  }]);
-  return Radio;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Radio, "propTypes", {
-  name: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].symbol]),
-  list: _propTypes["default"].array,
-  checked: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].func]),
-  align: _propTypes["default"].oneOf(['left', 'right']),
-  layout: _propTypes["default"].oneOf(['horizontal', 'vertical']),
-  mode: _propTypes["default"].oneOf(['normal', 'button'])
-});
-(0, _defineProperty2["default"])(Radio, "defaultProps", {
-  list: [],
-  checked: -1,
-  align: 'right',
-  layout: 'horizontal',
-  mode: 'normal',
-  buttonStyle: 'default'
-});
-var _default = Radio;
-exports["default"] = _default;

package/es/radio/radio-legacy/style/index.css

@@ -1 +0,0 @@
-.hi-radio-legacy{display:inline-block}.hi-radio-legacy__simulation-input{width:16px;height:16px;border-radius:50%;border:1px solid #d8d8d8;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:sub;position:relative;background-color:#fff}.hi-radio-legacy__label{padding:0 16px 0 4px}.hi-radio-legacy--vertical .hi-radio-legacy__item{display:block}.hi-radio-legacy__item{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;height:32px;line-height:32px}.hi-radio-legacy__item:hover:not(.hi-radio-legacy__item--disabled) .hi-btn{color:#4284f5}.hi-radio-legacy__item--checked .hi-radio-legacy__simulation-input::before{content:'';display:inline-block;width:16px;height:16px;background:#4284f5;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}.hi-radio-legacy__item--checked button{color:#4284f5;background:rgba(66,132,245,0.1);border:1px solid #a8c6fb;z-index:2}.hi-radio-legacy__item--disabled{cursor:not-allowed;color:#d8d8d8}.hi-radio-legacy__item--disabled .hi-radio-legacy__simulation-input::before{background:#d8d8d8}.hi-radio-legacy__item button.hi-btn:hover{z-index:1}.hi-radio-legacy--button .hi-radio-legacy__item:not(:first-child){margin-left:-1px}.hi-radio-legacy--button .hi-radio-legacy__item:not(:first-child):last-child .hi-btn{border-top-right-radius:2px;border-bottom-right-radius:2px}.hi-radio-legacy--button .hi-radio-legacy__item:not(:first-child) .hi-btn{border-radius:0}

package/es/radio/radio-legacy/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

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

@@ -1,124 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Rate = _interopRequireDefault(require("../Rate"));
-
-var wrapper;
-var changeCallback = jest.fn(function (value) {
-  return value;
-});
-describe('Rate', function () {
-  afterEach(function () {
-    wrapper && wrapper.unmount();
-    changeCallback.mockClear();
-  });
-  it('basic usage', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      defaultValue: 3,
-      allowHalf: true,
-      onChange: changeCallback
-    }));
-    expect(wrapper.state().value).toEqual(3);
-    wrapper.find('.hi-rate__star__half').at(2).simulate('click');
-    expect(wrapper.state().value).toEqual(1.5);
-    expect(changeCallback).toHaveBeenCalledTimes(1);
-  });
-  it('handle click', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      defaultValue: 3,
-      clearable: true,
-      onChange: changeCallback
-    }));
-    expect(wrapper.state().value).toEqual(3);
-    wrapper.find('.hi-rate__star__half').at(2).simulate('click');
-    expect(wrapper.state().value).toEqual(2);
-    wrapper.find('.hi-rate__star__half').at(2).simulate('click');
-    expect(wrapper.state().value).toEqual(0);
-  });
-  it('should disabled', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      defaultValue: 3,
-      clearable: true,
-      onChange: changeCallback,
-      disabled: true
-    }));
-    expect(wrapper.state().value).toEqual(3);
-    wrapper.find('.hi-rate__star__half').at(2).simulate('click');
-    expect(wrapper.state().value).toEqual(3);
-  });
-  it('handle mouse events', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      defaultValue: 3,
-      allowHalf: true,
-      clearable: true,
-      onChange: changeCallback
-    }));
-    wrapper.find('.hi-rate__star__half').at(2).simulate('mouseenter');
-    expect(wrapper.state().hoverValue).toEqual(1.5);
-    wrapper.find('.hi-rate__star__half').at(3).simulate('mousemove');
-    expect(wrapper.state().hoverValue).toEqual(2);
-    wrapper.find('.hi-rate__star__half').at(2).simulate('mousemove');
-    expect(wrapper.state().hoverValue).toEqual(1.5);
-    wrapper.find('.hi-rate__star__half').at(3).simulate('mouseenter');
-    expect(wrapper.state().hoverValue).toEqual(2);
-    wrapper.setProps({
-      disabled: true
-    });
-    wrapper.find('.hi-rate__star__half').at(2).simulate('mousemove');
-    expect(wrapper.state().hoverValue).toEqual(2);
-    wrapper.find('ul').simulate('mouseleave');
-    expect(wrapper.state().hoverValue).toEqual(2);
-    wrapper.setProps({
-      disabled: false
-    });
-    wrapper.find('ul').simulate('mouseleave');
-    expect(wrapper.state().hoverValue).toEqual(0);
-  });
-  it('controlled by value', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      defaultValue: 3,
-      value: 4,
-      disabled: true,
-      clearable: true,
-      onChange: changeCallback
-    }));
-    expect(wrapper.state().value).toEqual(4); // wrapper.setProps({ disabled: true })
-
-    wrapper.find('.hi-rate__star__half').at(6).simulate('mouseenter');
-    expect(wrapper.state().value).toEqual(4);
-  });
-  it('custom amount, disabled', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      count: 10,
-      disabled: true,
-      defaultValue: 10
-    }));
-    expect(wrapper.find('.hi-rate__star')).toHaveLength(10);
-    wrapper.find('.hi-rate__star__half').at(3).simulate('click');
-    expect(wrapper.state().value).toEqual(10);
-  });
-  it('use emoji', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Rate["default"], {
-      count: 10,
-      allowHalf: true,
-      useEmoji: true,
-      defaultValue: 3
-    })); // count not work when use emoji
-
-    expect(wrapper.find('.hi-rate__star')).toHaveLength(5); // half star not work whem use emoji
-
-    wrapper.find('.hi-rate__star__half').at(3).simulate('click');
-    expect(wrapper.state().value).toEqual(2);
-    wrapper.find('.hi-rate__star__half').at(1).simulate('click');
-    expect(wrapper.state().value).toEqual(1);
-    wrapper.find('.hi-rate__star__half').at(7).simulate('click');
-    expect(wrapper.state().value).toEqual(4);
-    wrapper.find('.hi-rate__star__half').at(9).simulate('click');
-    expect(wrapper.state().value).toEqual(5);
-  });
-});