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.
125 lines
4.4 KiB
125 lines
4.4 KiB
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
|
|
|
|
import React from 'react';
|
|
|
|
var Star = /*#__PURE__*/function (_React$Component) {
|
|
_inherits(Star, _React$Component);
|
|
|
|
var _super = _createSuper(Star);
|
|
|
|
function Star() {
|
|
var _this;
|
|
|
|
_classCallCheck(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;
|
|
}
|
|
|
|
_createClass(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 = React.createElement("li", {
|
|
className: this.getClassName()
|
|
}, React.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
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-first")
|
|
}, characterNode), React.createElement("div", {
|
|
className: "".concat(prefixCls, "-second")
|
|
}, characterNode)));
|
|
|
|
if (characterRender) {
|
|
start = characterRender(start, this.props);
|
|
}
|
|
|
|
return start;
|
|
}
|
|
}]);
|
|
|
|
return Star;
|
|
}(React.Component);
|
|
|
|
export { Star as default }; |