12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- import React from 'react';
- import KeyCode from "rc-util/es/KeyCode";
- import classNames from 'classnames';
- function Star(props, ref) {
- var disabled = props.disabled,
- prefixCls = props.prefixCls,
- character = props.character,
- characterRender = props.characterRender,
- index = props.index,
- count = props.count,
- value = props.value,
- allowHalf = props.allowHalf,
- focused = props.focused,
- onHover = props.onHover,
- onClick = props.onClick;
- // =========================== Events ===========================
- var onInternalHover = function onInternalHover(e) {
- onHover(e, index);
- };
- var onInternalClick = function onInternalClick(e) {
- onClick(e, index);
- };
- var onInternalKeyDown = function onInternalKeyDown(e) {
- if (e.keyCode === KeyCode.ENTER) {
- onClick(e, index);
- }
- };
- // =========================== Render ===========================
- // >>>>> ClassName
- var starValue = index + 1;
- var classNameList = new Set([prefixCls]);
- // TODO: Current we just refactor from CC to FC. This logic seems can be optimized.
- if (value === 0 && index === 0 && focused) {
- classNameList.add("".concat(prefixCls, "-focused"));
- } else if (allowHalf && value + 0.5 >= starValue && value < starValue) {
- classNameList.add("".concat(prefixCls, "-half"));
- classNameList.add("".concat(prefixCls, "-active"));
- if (focused) {
- classNameList.add("".concat(prefixCls, "-focused"));
- }
- } else {
- if (starValue <= value) {
- classNameList.add("".concat(prefixCls, "-full"));
- } else {
- classNameList.add("".concat(prefixCls, "-zero"));
- }
- if (starValue === value && focused) {
- classNameList.add("".concat(prefixCls, "-focused"));
- }
- }
- // >>>>> Node
- var characterNode = typeof character === 'function' ? character(props) : character;
- var start = /*#__PURE__*/React.createElement("li", {
- className: classNames(Array.from(classNameList)),
- ref: ref
- }, /*#__PURE__*/React.createElement("div", {
- onClick: disabled ? null : onInternalClick,
- onKeyDown: disabled ? null : onInternalKeyDown,
- onMouseMove: disabled ? null : onInternalHover,
- role: "radio",
- "aria-checked": value > index ? 'true' : 'false',
- "aria-posinset": index + 1,
- "aria-setsize": count,
- tabIndex: disabled ? -1 : 0
- }, /*#__PURE__*/React.createElement("div", {
- className: "".concat(prefixCls, "-first")
- }, characterNode), /*#__PURE__*/React.createElement("div", {
- className: "".concat(prefixCls, "-second")
- }, characterNode)));
- if (characterRender) {
- start = characterRender(start, props);
- }
- return start;
- }
- export default /*#__PURE__*/React.forwardRef(Star);
|