You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
4.0 KiB
131 lines
4.0 KiB
"use strict";
|
|
|
|
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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
|
|
var _react = _interopRequireDefault(require("react"));
|
|
|
|
var Star = /*#__PURE__*/function (_React$Component) {
|
|
(0, _inherits2.default)(Star, _React$Component);
|
|
|
|
var _super = (0, _createSuper2.default)(Star);
|
|
|
|
function Star() {
|
|
var _this;
|
|
|
|
(0, _classCallCheck2.default)(this, Star);
|
|
_this = _super.apply(this, arguments);
|
|
|
|
_this.onHover = function (e) {
|
|
var _this$props = _this.props,
|
|
onHover = _this$props.onHover,
|
|
index = _this$props.index;
|
|
onHover(e, index);
|
|
};
|
|
|
|
_this.onClick = function (e) {
|
|
var _this$props2 = _this.props,
|
|
onClick = _this$props2.onClick,
|
|
index = _this$props2.index;
|
|
onClick(e, index);
|
|
};
|
|
|
|
_this.onKeyDown = function (e) {
|
|
var _this$props3 = _this.props,
|
|
onClick = _this$props3.onClick,
|
|
index = _this$props3.index;
|
|
|
|
if (e.keyCode === 13) {
|
|
onClick(e, index);
|
|
}
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
(0, _createClass2.default)(Star, [{
|
|
key: "getClassName",
|
|
value: function getClassName() {
|
|
var _this$props4 = this.props,
|
|
prefixCls = _this$props4.prefixCls,
|
|
index = _this$props4.index,
|
|
value = _this$props4.value,
|
|
allowHalf = _this$props4.allowHalf,
|
|
focused = _this$props4.focused;
|
|
var starValue = index + 1;
|
|
var className = prefixCls;
|
|
|
|
if (value === 0 && index === 0 && focused) {
|
|
className += " ".concat(prefixCls, "-focused");
|
|
} else if (allowHalf && value + 0.5 >= starValue && value < starValue) {
|
|
className += " ".concat(prefixCls, "-half ").concat(prefixCls, "-active");
|
|
|
|
if (focused) {
|
|
className += " ".concat(prefixCls, "-focused");
|
|
}
|
|
} else {
|
|
className += starValue <= value ? " ".concat(prefixCls, "-full") : " ".concat(prefixCls, "-zero");
|
|
|
|
if (starValue === value && focused) {
|
|
className += " ".concat(prefixCls, "-focused");
|
|
}
|
|
}
|
|
|
|
return className;
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var onHover = this.onHover,
|
|
onClick = this.onClick,
|
|
onKeyDown = this.onKeyDown;
|
|
var _this$props5 = this.props,
|
|
disabled = _this$props5.disabled,
|
|
prefixCls = _this$props5.prefixCls,
|
|
character = _this$props5.character,
|
|
characterRender = _this$props5.characterRender,
|
|
index = _this$props5.index,
|
|
count = _this$props5.count,
|
|
value = _this$props5.value;
|
|
var characterNode = typeof character === 'function' ? character(this.props) : character;
|
|
|
|
var start = /*#__PURE__*/_react.default.createElement("li", {
|
|
className: this.getClassName()
|
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
onClick: disabled ? null : onClick,
|
|
onKeyDown: disabled ? null : onKeyDown,
|
|
onMouseMove: disabled ? null : onHover,
|
|
role: "radio",
|
|
"aria-checked": value > index ? 'true' : 'false',
|
|
"aria-posinset": index + 1,
|
|
"aria-setsize": count,
|
|
tabIndex: disabled ? -1 : 0
|
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
className: "".concat(prefixCls, "-first")
|
|
}, characterNode), /*#__PURE__*/_react.default.createElement("div", {
|
|
className: "".concat(prefixCls, "-second")
|
|
}, characterNode)));
|
|
|
|
if (characterRender) {
|
|
start = characterRender(start, this.props);
|
|
}
|
|
|
|
return start;
|
|
}
|
|
}]);
|
|
return Star;
|
|
}(_react.default.Component);
|
|
|
|
exports.default = Star; |