add all frontend files

node_modules/rc-rate/es/Rate.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { StarProps } from './Star';
+export interface RateProps extends Pick<StarProps, 'count' | 'character' | 'characterRender' | 'allowHalf' | 'disabled'> {
+    value?: number;
+    defaultValue?: number;
+    allowClear?: boolean;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    onChange?: (value: number) => void;
+    onHoverChange?: (value: number) => void;
+    className?: string;
+    tabIndex?: number;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLUListElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLUListElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLUListElement>;
+    id?: string;
+    autoFocus?: boolean;
+    direction?: string;
+    /**
+     * Is keyboard control enabled.
+     * @default true
+     */
+    keyboard?: boolean;
+}
+export interface RateRef {
+    focus: VoidFunction;
+    blur: VoidFunction;
+}
+declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>>;
+export default _default;

node_modules/rc-rate/es/Rate.js

@@ -0,0 +1,217 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["prefixCls", "className", "defaultValue", "value", "count", "allowHalf", "allowClear", "keyboard", "character", "characterRender", "disabled", "direction", "tabIndex", "autoFocus", "onHoverChange", "onChange", "onFocus", "onBlur", "onKeyDown", "onMouseLeave"];
+import classNames from 'classnames';
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import KeyCode from "rc-util/es/KeyCode";
+import pickAttrs from "rc-util/es/pickAttrs";
+import React from 'react';
+import Star from "./Star";
+import useRefs from "./useRefs";
+import { getOffsetLeft } from "./util";
+function Rate(props, ref) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-rate' : _props$prefixCls,
+    className = props.className,
+    defaultValue = props.defaultValue,
+    propValue = props.value,
+    _props$count = props.count,
+    count = _props$count === void 0 ? 5 : _props$count,
+    _props$allowHalf = props.allowHalf,
+    allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+    _props$character = props.character,
+    character = _props$character === void 0 ? '★' : _props$character,
+    characterRender = props.characterRender,
+    disabled = props.disabled,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'ltr' : _props$direction,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    autoFocus = props.autoFocus,
+    onHoverChange = props.onHoverChange,
+    onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onKeyDown = props.onKeyDown,
+    onMouseLeave = props.onMouseLeave,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useRefs = useRefs(),
+    _useRefs2 = _slicedToArray(_useRefs, 2),
+    getStarRef = _useRefs2[0],
+    setStarRef = _useRefs2[1];
+  var rateRef = React.useRef(null);
+
+  // ============================ Ref =============================
+  var triggerFocus = function triggerFocus() {
+    if (!disabled) {
+      var _rateRef$current;
+      (_rateRef$current = rateRef.current) === null || _rateRef$current === void 0 || _rateRef$current.focus();
+    }
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      focus: triggerFocus,
+      blur: function blur() {
+        if (!disabled) {
+          var _rateRef$current2;
+          (_rateRef$current2 = rateRef.current) === null || _rateRef$current2 === void 0 || _rateRef$current2.blur();
+        }
+      }
+    };
+  });
+
+  // =========================== Value ============================
+  var _useMergedState = useMergedState(defaultValue || 0, {
+      value: propValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    value = _useMergedState2[0],
+    setValue = _useMergedState2[1];
+  var _useMergedState3 = useMergedState(null),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    cleanedValue = _useMergedState4[0],
+    setCleanedValue = _useMergedState4[1];
+  var getStarValue = function getStarValue(index, x) {
+    var reverse = direction === 'rtl';
+    var starValue = index + 1;
+    if (allowHalf) {
+      var starEle = getStarRef(index);
+      var leftDis = getOffsetLeft(starEle);
+      var width = starEle.clientWidth;
+      if (reverse && x - leftDis > width / 2) {
+        starValue -= 0.5;
+      } else if (!reverse && x - leftDis < width / 2) {
+        starValue -= 0.5;
+      }
+    }
+    return starValue;
+  };
+
+  // >>>>> Change
+  var changeValue = function changeValue(nextValue) {
+    setValue(nextValue);
+    onChange === null || onChange === void 0 || onChange(nextValue);
+  };
+
+  // =========================== Focus ============================
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focused = _React$useState2[0],
+    setFocused = _React$useState2[1];
+  var onInternalFocus = function onInternalFocus() {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 || onFocus();
+  };
+  var onInternalBlur = function onInternalBlur() {
+    setFocused(false);
+    onBlur === null || onBlur === void 0 || onBlur();
+  };
+
+  // =========================== Hover ============================
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    hoverValue = _React$useState4[0],
+    setHoverValue = _React$useState4[1];
+  var onHover = function onHover(event, index) {
+    var nextHoverValue = getStarValue(index, event.pageX);
+    if (nextHoverValue !== cleanedValue) {
+      setHoverValue(nextHoverValue);
+      setCleanedValue(null);
+    }
+    onHoverChange === null || onHoverChange === void 0 || onHoverChange(nextHoverValue);
+  };
+  var onMouseLeaveCallback = function onMouseLeaveCallback(event) {
+    if (!disabled) {
+      setHoverValue(null);
+      setCleanedValue(null);
+      onHoverChange === null || onHoverChange === void 0 || onHoverChange(undefined);
+    }
+    if (event) {
+      onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+    }
+  };
+
+  // =========================== Click ============================
+  var onClick = function onClick(event, index) {
+    var newValue = getStarValue(index, event.pageX);
+    var isReset = false;
+    if (allowClear) {
+      isReset = newValue === value;
+    }
+    onMouseLeaveCallback();
+    changeValue(isReset ? 0 : newValue);
+    setCleanedValue(isReset ? newValue : null);
+  };
+  var onInternalKeyDown = function onInternalKeyDown(event) {
+    var keyCode = event.keyCode;
+    var reverse = direction === 'rtl';
+    var step = allowHalf ? 0.5 : 1;
+    if (keyboard) {
+      if (keyCode === KeyCode.RIGHT && value < count && !reverse) {
+        changeValue(value + step);
+        event.preventDefault();
+      } else if (keyCode === KeyCode.LEFT && value > 0 && !reverse) {
+        changeValue(value - step);
+        event.preventDefault();
+      } else if (keyCode === KeyCode.RIGHT && value > 0 && reverse) {
+        changeValue(value - step);
+        event.preventDefault();
+      } else if (keyCode === KeyCode.LEFT && value < count && reverse) {
+        changeValue(value + step);
+        event.preventDefault();
+      }
+    }
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+  };
+
+  // =========================== Effect ===========================
+
+  React.useEffect(function () {
+    if (autoFocus && !disabled) {
+      triggerFocus();
+    }
+  }, []);
+
+  // =========================== Render ===========================
+  // >>> Star
+  var starNodes = new Array(count).fill(0).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Star, {
+      ref: setStarRef(index),
+      index: index,
+      count: count,
+      disabled: disabled,
+      prefixCls: "".concat(prefixCls, "-star"),
+      allowHalf: allowHalf,
+      value: hoverValue === null ? value : hoverValue,
+      onClick: onClick,
+      onHover: onHover,
+      key: item || index,
+      character: character,
+      characterRender: characterRender,
+      focused: focused
+    });
+  });
+  var classString = classNames(prefixCls, className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-rtl"), direction === 'rtl'));
+
+  // >>> Node
+  return /*#__PURE__*/React.createElement("ul", _extends({
+    className: classString,
+    onMouseLeave: onMouseLeaveCallback,
+    tabIndex: disabled ? -1 : tabIndex,
+    onFocus: disabled ? null : onInternalFocus,
+    onBlur: disabled ? null : onInternalBlur,
+    onKeyDown: disabled ? null : onInternalKeyDown,
+    ref: rateRef
+  }, pickAttrs(restProps, {
+    aria: true,
+    data: true,
+    attr: true
+  })), starNodes);
+}
+export default /*#__PURE__*/React.forwardRef(Rate);

node_modules/rc-rate/es/Star.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface StarProps {
+    value?: number;
+    index?: number;
+    prefixCls?: string;
+    allowHalf?: boolean;
+    disabled?: boolean;
+    onHover?: (e: React.MouseEvent<HTMLDivElement>, index: number) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, index: number) => void;
+    character?: React.ReactNode | ((props: StarProps) => React.ReactNode);
+    characterRender?: (origin: React.ReactElement, props: StarProps) => React.ReactNode;
+    focused?: boolean;
+    count?: number;
+}
+declare const _default: React.ForwardRefExoticComponent<StarProps & React.RefAttributes<HTMLLIElement>>;
+export default _default;

node_modules/rc-rate/es/Star.js

@@ -0,0 +1,79 @@
+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);

node_modules/rc-rate/es/index.d.ts

@@ -0,0 +1,2 @@
+import Rate from './Rate';
+export default Rate;

node_modules/rc-rate/es/index.js

@@ -0,0 +1,2 @@
+import Rate from "./Rate";
+export default Rate;

node_modules/rc-rate/es/useRefs.d.ts

@@ -0,0 +1,4 @@
+export default function useRefs<T>(): [
+    getRef: (index: number) => T,
+    setRef: (index: number) => (instance: T) => void
+];

node_modules/rc-rate/es/useRefs.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export default function useRefs() {
+  var nodeRef = React.useRef({});
+  function getRef(index) {
+    return nodeRef.current[index];
+  }
+  function setRef(index) {
+    return function (node) {
+      nodeRef.current[index] = node;
+    };
+  }
+  return [getRef, setRef];
+}

node_modules/rc-rate/es/util.d.ts

@@ -0,0 +1 @@
+export declare function getOffsetLeft(el: HTMLElement): number;

node_modules/rc-rate/es/util.js

@@ -0,0 +1,38 @@
+function getScroll(w) {
+  var ret = w.pageXOffset;
+  var method = 'scrollLeft';
+  if (typeof ret !== 'number') {
+    var d = w.document;
+    // ie6,7,8 standard mode
+    ret = d.documentElement[method];
+    if (typeof ret !== 'number') {
+      // quirks mode
+      ret = d.body[method];
+    }
+  }
+  return ret;
+}
+function getClientPosition(elem) {
+  var x;
+  var y;
+  var doc = elem.ownerDocument;
+  var body = doc.body;
+  var docElem = doc && doc.documentElement;
+  var box = elem.getBoundingClientRect();
+  x = box.left;
+  y = box.top;
+  x -= docElem.clientLeft || body.clientLeft || 0;
+  y -= docElem.clientTop || body.clientTop || 0;
+  return {
+    left: x,
+    top: y
+  };
+}
+export function getOffsetLeft(el) {
+  var pos = getClientPosition(el);
+  var doc = el.ownerDocument;
+  // Only IE use `parentWindow`
+  var w = doc.defaultView || doc.parentWindow;
+  pos.left += getScroll(w);
+  return pos.left;
+}