amis 1.5.6-beta.5 → 1.6.0

package/lib/components/Rating.js

@@ -8,12 +8,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Rating = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
 var theme_1 = require("../theme");
+var helper_1 = require("../utils/helper");
+var icons_1 = require("./icons");
 var Rating = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(Rating, _super);
     function Rating(props) {
         var _this = _super.call(this, props) || this;
+        _this.starsNode = {};
         _this.state = {
             value: props.value || 0,
             stars: [],
@@ -21,7 +23,10 @@ var Rating = /** @class */ (function (_super) {
             halfStar: {
                 at: Math.floor(props.value),
                 hidden: props.half && props.value % 1 < 0.5
-            }
+            },
+            showColor: '',
+            showText: null,
+            hoverValue: null
         };
         _this.getRate = _this.getRate.bind(_this);
         _this.getStars = _this.getStars.bind(_this);
@@ -29,6 +34,8 @@ var Rating = /** @class */ (function (_super) {
         _this.mouseOver = _this.mouseOver.bind(_this);
         _this.mouseLeave = _this.mouseLeave.bind(_this);
         _this.handleClick = _this.handleClick.bind(_this);
+        _this.saveRef = _this.saveRef.bind(_this);
+        _this.handleStarMouseLeave = _this.handleStarMouseLeave.bind(_this);
         return _this;
     }
     Rating.prototype.componentDidMount = function () {
@@ -36,6 +43,7 @@ var Rating = /** @class */ (function (_super) {
         this.setState({
             stars: this.getStars(value)
         });
+        this.getShowColorAndText(value);
     };
     Rating.prototype.componentDidUpdate = function (prevProps) {
         var props = this.props;
@@ -50,6 +58,47 @@ var Rating = /** @class */ (function (_super) {
             });
         }
     };
+    Rating.prototype.sortKeys = function (map) {
+        return Object.keys(map).sort(function (a, b) { return Number(a) - Number(b); });
+    };
+    Rating.prototype.getShowColorAndText = function (value) {
+        var _a = this.props, colors = _a.colors, texts = _a.texts, half = _a.half;
+        if (!value)
+            return this.setState({
+                showText: null
+            });
+        // 对 value 取整
+        if (half) {
+            value = Math.floor(Number(value) * 2) / 2;
+        }
+        else {
+            value = Math.floor(value);
+        }
+        if (colors && typeof colors !== 'string') {
+            var keys = this.sortKeys(colors);
+            var showKey = keys.filter(function (item) { return Number(item) < value; }).length;
+            var showColor = keys[showKey] !== undefined && colors[keys[showKey]];
+            showColor &&
+                this.setState({
+                    showColor: showColor
+                });
+        }
+        else if (colors && typeof colors === 'string') {
+            this.setState({
+                showColor: colors
+            });
+        }
+        if (texts && (0, helper_1.isObject)(texts)) {
+            var keys = this.sortKeys(texts);
+            var showKey = keys.filter(function (item) { return Number(item) < value; }).length;
+            var showText = keys[showKey] !== undefined &&
+                texts[keys[showKey]];
+            showText &&
+                this.setState({
+                    showText: showText
+                });
+        }
+    };
     Rating.prototype.getRate = function () {
         var stars;
         var value = this.state.value;
@@ -75,16 +124,24 @@ var Rating = /** @class */ (function (_super) {
         }
         return stars;
     };
-    Rating.prototype.mouseOver = function (event) {
+    Rating.prototype.saveRef = function (index) {
+        var _this = this;
+        return function (node) {
+            _this.starsNode[String(index)] = node;
+        };
+    };
+    Rating.prototype.mouseOver = function (event, index) {
         var isClear = this.state.isClear;
         if (isClear)
             return;
-        var _a = this.props, readOnly = _a.readOnly, size = _a.size, half = _a.half;
+        var _a = this.props, readOnly = _a.readOnly, half = _a.half;
         if (readOnly)
             return;
-        var index = Number(event.target.getAttribute('data-index'));
         if (half) {
-            var isAtHalf = this.moreThanHalf(event, size);
+            var isAtHalf = this.moreThanHalf(event, index);
+            var tmpValue = isAtHalf ? index + 1 : index + 0.5;
+            this.getShowColorAndText(tmpValue);
+            this.onHoverChange(tmpValue);
             if (isAtHalf)
                 index = index + 1;
             this.setState({
@@ -96,16 +153,27 @@ var Rating = /** @class */ (function (_super) {
         }
         else {
             index = index + 1;
+            this.onHoverChange(index);
+            this.getShowColorAndText(index);
         }
         this.setState({
             stars: this.getStars(index)
         });
     };
-    Rating.prototype.moreThanHalf = function (event, size) {
-        var target = event.target;
-        var mouseAt = event.clientX - target.getBoundingClientRect().left;
-        mouseAt = Math.round(Math.abs(mouseAt));
-        return mouseAt > size / 2;
+    Rating.prototype.onHoverChange = function (value) {
+        var onHoverChange = this.props.onHoverChange;
+        var hoverValue = this.state.hoverValue;
+        if (!hoverValue || (hoverValue && hoverValue !== value)) {
+            this.setState({
+                hoverValue: value
+            });
+            onHoverChange && onHoverChange(value);
+        }
+    };
+    Rating.prototype.moreThanHalf = function (event, index) {
+        var star = this.starsNode[index];
+        var leftPos = star.getBoundingClientRect().left;
+        return event.clientX - leftPos > star.clientWidth / 2;
     };
     Rating.prototype.mouseLeave = function () {
         var _a = this.state, value = _a.value, isClear = _a.isClear;
@@ -113,7 +181,10 @@ var Rating = /** @class */ (function (_super) {
         if (readOnly)
             return;
         if (isClear)
-            return this.setState({ isClear: false });
+            return this.setState({
+                isClear: false,
+                hoverValue: null
+            });
         if (half) {
             this.setState({
                 halfStar: {
@@ -123,17 +194,36 @@ var Rating = /** @class */ (function (_super) {
             });
         }
         this.setState({
-            stars: this.getStars()
+            stars: this.getStars(),
+            hoverValue: null
         });
+        this.getShowColorAndText(value);
     };
-    Rating.prototype.handleClick = function (event) {
-        var _a = this.props, half = _a.half, readOnly = _a.readOnly, onChange = _a.onChange, size = _a.size, allowClear = _a.allowClear;
+    Rating.prototype.handleStarMouseLeave = function (event, index) {
+        var star = this.starsNode[index];
+        var leftSideX = star.getBoundingClientRect().left;
+        var isClear = this.state.isClear;
+        if (isClear)
+            return this.setState({ isClear: false });
+        // leave star from left side
+        if (event.clientX <= leftSideX) {
+            this.getShowColorAndText(index);
+            this.setState({
+                stars: this.getStars(index),
+                halfStar: {
+                    at: index,
+                    hidden: true
+                }
+            });
+        }
+    };
+    Rating.prototype.handleClick = function (event, index) {
+        var _a = this.props, half = _a.half, readOnly = _a.readOnly, onChange = _a.onChange, allowClear = _a.allowClear;
         if (readOnly)
             return;
-        var index = Number(event.target.getAttribute('data-index'));
         var value;
         if (half) {
-            var isAtHalf = this.moreThanHalf(event, size);
+            var isAtHalf = this.moreThanHalf(event, index);
             if (isAtHalf)
                 index = index + 1;
             value = isAtHalf ? index : index + 0.5;
@@ -155,24 +245,45 @@ var Rating = /** @class */ (function (_super) {
             stars: this.getStars(index),
             isClear: isClear
         });
+        this.getShowColorAndText(value);
         onChange && onChange(value);
     };
     Rating.prototype.renderStars = function () {
         var _this = this;
-        var _a = this.state, halfStar = _a.halfStar, stars = _a.stars;
-        var _b = this.props, char = _b.char, half = _b.half, disabled = _b.disabled, readOnly = _b.readOnly, cx = _b.classnames;
-        return stars.map(function (star, i) {
-            var className = cx('Rating', {
-                'Rating-half': half && !halfStar.hidden && halfStar.at === i,
-                'is-active': star.active,
-                'is-disabled': readOnly || disabled
-            });
-            return (react_1.default.createElement("span", { className: className, key: i, "data-index": i, "data-forhalf": char, onMouseOver: _this.mouseOver, onMouseMove: _this.mouseOver, onMouseLeave: _this.mouseLeave, onClick: _this.handleClick }, char));
-        });
+        var _a = this.state, halfStar = _a.halfStar, stars = _a.stars, showColor = _a.showColor;
+        var _b = this.props, inactiveColor = _b.inactiveColor, char = _b.char, half = _b.half, disabled = _b.disabled, readOnly = _b.readOnly, charClassName = _b.charClassName, cx = _b.classnames;
+        return (react_1.default.createElement("ul", { onMouseLeave: this.mouseLeave }, stars.map(function (star, i) {
+            var isThisHalf = half && !halfStar.hidden && halfStar.at === i;
+            return (react_1.default.createElement("li", { ref: _this.saveRef(i), className: cx('Rating-star', charClassName, {
+                    'is-half': isThisHalf,
+                    'is-active': star.active,
+                    'is-disabled': readOnly || disabled
+                }), key: i, style: {
+                    color: star.active ? showColor : inactiveColor
+                }, onMouseOver: function (e) { return _this.mouseOver(e, i); }, onMouseMove: function (e) { return _this.mouseOver(e, i); }, onClick: function (e) { return _this.handleClick(e, i); }, onMouseLeave: function (e) { return _this.handleStarMouseLeave(e, i); } },
+                isThisHalf && (react_1.default.createElement("div", { className: cx('Rating-star-half'), style: {
+                        color: showColor
+                    } }, char)),
+                char));
+        })));
+    };
+    Rating.prototype.renderText = function () {
+        var _a;
+        var showText = this.state.showText;
+        var _b = this.props, textClassName = _b.textClassName, textPosition = _b.textPosition, cx = _b.classnames;
+        if (!showText)
+            return null;
+        return (react_1.default.createElement("span", { className: cx('Rating-text', textClassName, (_a = {},
+                _a["Rating-text--" + (textPosition === 'left' ? 'left' : 'right')] = textPosition,
+                _a)) }, showText));
     };
     Rating.prototype.render = function () {
-        var className = this.props.className;
-        return (react_1.default.createElement("div", { className: (0, classnames_1.default)(className ? className : '') }, this.renderStars()));
+        var _a = this.props, className = _a.className, textPosition = _a.textPosition, cx = _a.classnames;
+        return (react_1.default.createElement("div", { className: cx('Rating', className) }, textPosition === 'left' ? (react_1.default.createElement(react_1.default.Fragment, null,
+            this.renderText(),
+            this.renderStars())) : (react_1.default.createElement(react_1.default.Fragment, null,
+            this.renderStars(),
+            this.renderText()))));
     };
     Rating.defaultProps = {
         containerClass: 'rating',
@@ -181,8 +292,13 @@ var Rating = /** @class */ (function (_super) {
         allowClear: true,
         value: 0,
         count: 5,
-        char: '★',
-        size: 24
+        char: react_1.default.createElement(icons_1.Icon, { icon: "star", className: "icon" }),
+        colors: {
+            '2': '#abadb1',
+            '3': '#787b81',
+            '5': '#ffa900'
+        },
+        textPosition: 'right'
     };
     return Rating;
 }(react_1.default.Component));

package/lib/components/Rating.js.map

@@ -6,8 +6,8 @@
         "/src/components/Rating.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Rating\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport cx from 'classnames';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface RatingProps {\n  id?: string;\n  key?: string | number;\n  style?: React.CSSProperties;\n  count: number;\n  half: boolean;\n  char: string;\n  size: number;\n  className?: string;\n  onChange?: (value: any) => void;\n  value: number;\n  containerClass: string;\n  readOnly: boolean;\n  classPrefix: string;\n  disabled?: boolean;\n  allowClear?: boolean;\n  classnames: ClassNamesFn;\n}\n\nexport class Rating extends React.Component<RatingProps, any> {\n  static defaultProps = {\n    containerClass: 'rating',\n    readOnly: false,\n    half: true,\n    allowClear: true,\n    value: 0,\n    count: 5,\n    char: '★',\n    size: 24\n  };\n\n  constructor(props: RatingProps) {\n    super(props);\n\n    this.state = {\n      value: props.value || 0,\n      stars: [],\n      isClear: false,\n      halfStar: {\n        at: Math.floor(props.value),\n        hidden: props.half && props.value % 1 < 0.5\n      }\n    };\n\n    this.getRate = this.getRate.bind(this);\n    this.getStars = this.getStars.bind(this);\n    this.moreThanHalf = this.moreThanHalf.bind(this);\n    this.mouseOver = this.mouseOver.bind(this);\n    this.mouseLeave = this.mouseLeave.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  componentDidMount() {\n    const {value} = this.state;\n    this.setState({\n      stars: this.getStars(value)\n    });\n  }\n\n  componentDidUpdate(prevProps: RatingProps) {\n    const props = this.props;\n\n    if (props.value !== prevProps.value) {\n      this.setState({\n        stars: this.getStars(props.value),\n        value: props.value,\n        halfStar: {\n          at: Math.floor(props.value),\n          hidden: props.half && props.value % 1 < 0.5\n        }\n      });\n    }\n  }\n\n  getRate() {\n    let stars;\n    const {value} = this.state;\n    const {half} = this.props;\n    if (half) {\n      stars = Math.floor(value);\n    } else {\n      stars = Math.round(value);\n    }\n    return stars;\n  }\n\n  getStars(activeCount?: number) {\n    if (typeof activeCount === 'undefined') {\n      activeCount = this.getRate();\n    }\n    let stars = [];\n    const {count} = this.props;\n    for (let i = 0; i < count; i++) {\n      stars.push({\n        active: i <= activeCount - 1\n      });\n    }\n    return stars;\n  }\n\n  mouseOver(event: React.ChangeEvent<any>) {\n    const {isClear} = this.state;\n    if (isClear) return;\n    let {readOnly, size, half} = this.props;\n    if (readOnly) return;\n    let index = Number(event.target.getAttribute('data-index'));\n    if (half) {\n      const isAtHalf = this.moreThanHalf(event, size);\n      if (isAtHalf) index = index + 1;\n      this.setState({\n        halfStar: {\n          at: index,\n          hidden: isAtHalf\n        }\n      });\n    } else {\n      index = index + 1;\n    }\n    this.setState({\n      stars: this.getStars(index)\n    });\n  }\n\n  moreThanHalf(event: any, size: number) {\n    let {target} = event;\n    let mouseAt = event.clientX - target.getBoundingClientRect().left;\n    mouseAt = Math.round(Math.abs(mouseAt));\n    return mouseAt > size / 2;\n  }\n\n  mouseLeave() {\n    const {value, isClear} = this.state;\n    const {half, readOnly} = this.props;\n    if (readOnly) return;\n    if (isClear) return this.setState({isClear: false});\n    if (half) {\n      this.setState({\n        halfStar: {\n          at: Math.floor(value),\n          hidden: value % 1 === 0 // check value is decimal or not\n        }\n      });\n    }\n    this.setState({\n      stars: this.getStars()\n    });\n  }\n\n  handleClick(event: React.ChangeEvent<any>) {\n    const {half, readOnly, onChange, size, allowClear} = this.props;\n    if (readOnly) return;\n    let index = Number(event.target.getAttribute('data-index'));\n\n    let value;\n    if (half) {\n      const isAtHalf = this.moreThanHalf(event, size);\n      if (isAtHalf) index = index + 1;\n      value = isAtHalf ? index : index + 0.5;\n      this.setState({\n        halfStar: {\n          at: index,\n          hidden: isAtHalf\n        }\n      });\n    } else {\n      value = index = index + 1;\n    }\n\n    const isClear = allowClear && value === this.state.value;\n    if (isClear) value = index = 0;\n    this.setState({\n      value,\n      stars: this.getStars(index),\n      isClear\n    });\n    onChange && onChange(value);\n  }\n\n  renderStars() {\n    const {halfStar, stars} = this.state;\n    const {char, half, disabled, readOnly, classnames: cx} = this.props;\n    return stars.map((star: any, i: number) => {\n      let className = cx('Rating', {\n        'Rating-half': half && !halfStar.hidden && halfStar.at === i,\n        'is-active': star.active,\n        'is-disabled': readOnly || disabled\n      });\n\n      return (\n        <span\n          className={className}\n          key={i}\n          data-index={i}\n          data-forhalf={char}\n          onMouseOver={this.mouseOver}\n          onMouseMove={this.mouseOver}\n          onMouseLeave={this.mouseLeave}\n          onClick={this.handleClick}\n        >\n          {char}\n        </span>\n      );\n    });\n  }\n\n  render() {\n    let {className} = this.props;\n\n    return (\n      <div className={cx(className ? className : '')}>{this.renderStars()}</div>\n    );\n  }\n}\n\nexport default themeable(Rating);\n"
+        "/**\n * @file Rating\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport cx from 'classnames';\nimport {ClassNamesFn, themeable} from '../theme';\n\nimport {isObject} from '../utils/helper';\nimport {Icon} from './icons';\n\nexport type textPositionType = 'left' | 'right';\n\ninterface RatingProps {\n  id?: string;\n  key?: string | number;\n  style?: React.CSSProperties;\n  count: number;\n  half: boolean;\n  char: string | React.ReactNode;\n  className?: string;\n  charClassName?: string;\n  textClassName?: string;\n  onChange?: (value: number) => void;\n  onHoverChange?: (value: number) => void;\n  value: number;\n  containerClass?: string;\n  readOnly: boolean;\n  classPrefix: string;\n  disabled?: boolean;\n  allowClear?: boolean;\n  inactiveColor?: string;\n  colors?: string | {[propName: string]: string};\n  texts?: {[propName: string]: string};\n  textPosition?: textPositionType;\n  classnames: ClassNamesFn;\n}\n\nexport class Rating extends React.Component<RatingProps, any> {\n  static defaultProps = {\n    containerClass: 'rating',\n    readOnly: false,\n    half: true,\n    allowClear: true,\n    value: 0,\n    count: 5,\n    char: <Icon icon=\"star\" className=\"icon\" />,\n    colors: {\n      '2': '#abadb1',\n      '3': '#787b81',\n      '5': '#ffa900'\n    },\n    textPosition: 'right' as textPositionType\n  };\n\n  starsNode: Record<string, any>;\n\n  constructor(props: RatingProps) {\n    super(props);\n\n    this.starsNode = {};\n\n    this.state = {\n      value: props.value || 0,\n      stars: [],\n      isClear: false,\n      halfStar: {\n        at: Math.floor(props.value),\n        hidden: props.half && props.value % 1 < 0.5\n      },\n      showColor: '',\n      showText: null,\n      hoverValue: null\n    };\n\n    this.getRate = this.getRate.bind(this);\n    this.getStars = this.getStars.bind(this);\n    this.moreThanHalf = this.moreThanHalf.bind(this);\n    this.mouseOver = this.mouseOver.bind(this);\n    this.mouseLeave = this.mouseLeave.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.saveRef = this.saveRef.bind(this);\n    this.handleStarMouseLeave = this.handleStarMouseLeave.bind(this);\n  }\n\n  componentDidMount() {\n    const {value} = this.state;\n    this.setState({\n      stars: this.getStars(value)\n    });\n\n    this.getShowColorAndText(value);\n  }\n\n  componentDidUpdate(prevProps: RatingProps) {\n    const props = this.props;\n\n    if (props.value !== prevProps.value) {\n      this.setState({\n        stars: this.getStars(props.value),\n        value: props.value,\n        halfStar: {\n          at: Math.floor(props.value),\n          hidden: props.half && props.value % 1 < 0.5\n        }\n      });\n    }\n  }\n\n  sortKeys(map: {[propName: number]: string}) {\n    return Object.keys(map).sort(\n      (a: number | string, b: number | string) => Number(a) - Number(b)\n    );\n  }\n\n  getShowColorAndText(value: number) {\n    const {colors, texts, half} = this.props;\n\n    if (!value)\n      return this.setState({\n        showText: null\n      });\n\n    // 对 value 取整\n    if (half) {\n      value = Math.floor(Number(value) * 2) / 2;\n    } else {\n      value = Math.floor(value);\n    }\n\n    if (colors && typeof colors !== 'string') {\n      const keys: string[] = this.sortKeys(colors);\n      const showKey = keys.filter(item => Number(item) < value).length;\n\n      const showColor = keys[showKey] !== undefined && colors[keys[showKey]];\n      showColor &&\n        this.setState({\n          showColor\n        });\n    } else if (colors && typeof colors === 'string') {\n      this.setState({\n        showColor: colors\n      });\n    }\n\n    if (texts && isObject(texts)) {\n      const keys: string[] = this.sortKeys(texts);\n      const showKey = keys.filter(item => Number(item) < value).length;\n      const showText =\n        keys[showKey] !== undefined &&\n        texts[keys[showKey] as keyof typeof texts];\n      showText &&\n        this.setState({\n          showText\n        });\n    }\n  }\n\n  getRate() {\n    let stars;\n    const {value} = this.state;\n    const {half} = this.props;\n    if (half) {\n      stars = Math.floor(value);\n    } else {\n      stars = Math.round(value);\n    }\n    return stars;\n  }\n\n  getStars(activeCount?: number) {\n    if (typeof activeCount === 'undefined') {\n      activeCount = this.getRate();\n    }\n    let stars = [];\n    const {count} = this.props;\n    for (let i = 0; i < count; i++) {\n      stars.push({\n        active: i <= activeCount - 1\n      });\n    }\n    return stars;\n  }\n\n  saveRef(index: number) {\n    return (node: React.ReactNode) => {\n      this.starsNode[String(index)] = node;\n    };\n  }\n\n  mouseOver(event: React.ChangeEvent<any>, index: number) {\n    const {isClear} = this.state;\n    if (isClear) return;\n\n    const {readOnly, half} = this.props;\n\n    if (readOnly) return;\n\n    if (half) {\n      const isAtHalf = this.moreThanHalf(event, index);\n\n      const tmpValue = isAtHalf ? index + 1 : index + 0.5;\n\n      this.getShowColorAndText(tmpValue);\n      this.onHoverChange(tmpValue);\n\n      if (isAtHalf) index = index + 1;\n      this.setState({\n        halfStar: {\n          at: index,\n          hidden: isAtHalf\n        }\n      });\n    } else {\n      index = index + 1;\n      this.onHoverChange(index);\n      this.getShowColorAndText(index);\n    }\n    this.setState({\n      stars: this.getStars(index)\n    });\n  }\n\n  onHoverChange(value: number) {\n    const {onHoverChange} = this.props;\n    const {hoverValue} = this.state;\n\n    if (!hoverValue || (hoverValue && hoverValue !== value)) {\n      this.setState({\n        hoverValue: value\n      });\n      onHoverChange && onHoverChange(value);\n    }\n  }\n\n  moreThanHalf(event: any, index: number) {\n    const star = this.starsNode[index];\n    const leftPos = star.getBoundingClientRect().left;\n\n    return event.clientX - leftPos > star.clientWidth / 2;\n  }\n\n  mouseLeave() {\n    const {value, isClear} = this.state;\n    const {half, readOnly} = this.props;\n    if (readOnly) return;\n    if (isClear)\n      return this.setState({\n        isClear: false,\n        hoverValue: null\n      });\n\n    if (half) {\n      this.setState({\n        halfStar: {\n          at: Math.floor(value),\n          hidden: value % 1 === 0 // check value is decimal or not\n        }\n      });\n    }\n    this.setState({\n      stars: this.getStars(),\n      hoverValue: null\n    });\n    this.getShowColorAndText(value);\n  }\n\n  handleStarMouseLeave(event: any, index: number) {\n    const star = this.starsNode[index];\n    const leftSideX = star.getBoundingClientRect().left;\n    const {isClear} = this.state;\n\n    if (isClear) return this.setState({isClear: false});\n\n    // leave star from left side\n    if (event.clientX <= leftSideX) {\n      this.getShowColorAndText(index);\n      this.setState({\n        stars: this.getStars(index),\n        halfStar: {\n          at: index,\n          hidden: true\n        }\n      });\n    }\n  }\n\n  handleClick(event: React.ChangeEvent<any>, index: number) {\n    const {half, readOnly, onChange, allowClear} = this.props;\n    if (readOnly) return;\n\n    let value;\n    if (half) {\n      const isAtHalf = this.moreThanHalf(event, index);\n      if (isAtHalf) index = index + 1;\n      value = isAtHalf ? index : index + 0.5;\n      this.setState({\n        halfStar: {\n          at: index,\n          hidden: isAtHalf\n        }\n      });\n    } else {\n      value = index = index + 1;\n    }\n\n    const isClear = allowClear && value === this.state.value;\n    if (isClear) value = index = 0;\n    this.setState({\n      value,\n      stars: this.getStars(index),\n      isClear\n    });\n\n    this.getShowColorAndText(value);\n\n    onChange && onChange(value);\n  }\n\n  renderStars() {\n    const {halfStar, stars, showColor} = this.state;\n    const {\n      inactiveColor,\n      char,\n      half,\n      disabled,\n      readOnly,\n      charClassName,\n      classnames: cx\n    } = this.props;\n\n    return (\n      <ul onMouseLeave={this.mouseLeave}>\n        {stars.map((star: any, i: number) => {\n          const isThisHalf = half && !halfStar.hidden && halfStar.at === i;\n\n          return (\n            <li\n              ref={this.saveRef(i)}\n              className={cx('Rating-star', charClassName, {\n                'is-half': isThisHalf,\n                'is-active': star.active,\n                'is-disabled': readOnly || disabled\n              })}\n              key={i}\n              style={{\n                color: star.active ? showColor : inactiveColor\n              }}\n              onMouseOver={e => this.mouseOver(e, i)}\n              onMouseMove={e => this.mouseOver(e, i)}\n              onClick={e => this.handleClick(e, i)}\n              onMouseLeave={e => this.handleStarMouseLeave(e, i)}\n            >\n              {isThisHalf && (\n                <div\n                  className={cx('Rating-star-half')}\n                  style={{\n                    color: showColor\n                  }}\n                >\n                  {char}\n                </div>\n              )}\n              {char}\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  renderText() {\n    const {showText} = this.state;\n    const {textClassName, textPosition, classnames: cx} = this.props;\n\n    if (!showText) return null;\n\n    return (\n      <span\n        className={cx('Rating-text', textClassName, {\n          [`Rating-text--${textPosition === 'left' ? 'left' : 'right'}`]:\n            textPosition\n        })}\n      >\n        {showText}\n      </span>\n    );\n  }\n\n  render() {\n    const {className, textPosition, classnames: cx} = this.props;\n\n    return (\n      <div className={cx('Rating', className)}>\n        {textPosition === 'left' ? (\n          <>\n            {this.renderText()}\n            {this.renderStars()}\n          </>\n        ) : (\n          <>\n            {this.renderStars()}\n            {this.renderText()}\n          </>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(Rating);\n"
     ]
 }