@beisen-phoenix/select/lib/components/Tags.js

## 概述

import "core-js/modules/es6.object.assign";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
import React from 'react';
import { Circle } from '@beisen-phoenix/icon';
import ToolTip from '@beisen-phoenix/tooltip';
import { Chosen, IconWrapper } from './StyledSelect';
import { $M4, $M5 } from '@beisen-phoenix/style-token';
import { StyledTagSpan } from './StyledSelect';

var CloseIcon =
/*#__PURE__*/
function (_React$PureComponent) {
  _inherits(CloseIcon, _React$PureComponent);

  function CloseIcon() {
    var _this;

    _classCallCheck(this, CloseIcon);

    _this = _possibleConstructorReturn(this, _getPrototypeOf(CloseIcon).apply(this, arguments));
    _this.tagSpanRef = React.createRef();
    _this.state = {
      hover: false
    };

    _this.onMouseEnter = function () {
      _this.setState({
        hover: true
      });
    };

    _this.onMouseLeave = function () {
      _this.setState({
        hover: false
      });
    };

    return _this;
  }

  _createClass(CloseIcon, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          _onClick = _this$props.onClick,
          item = _this$props.item,
          selectDisabled = _this$props.selectDisabled,
          size = _this$props.size;
      var hover = this.state.hover;
      var itemDisabled = item.disabled,
          label = item.label;
      var commonProps = {
        selectDisabled: selectDisabled,
        itemDisabled: itemDisabled,
        size: size
      };
      var TempCommponent = React.createElement(StyledTagSpan, {
        ref: this.tagSpanRef
      }, label);
      return React.createElement(Chosen, Object.assign({}, commonProps), React.createElement(ToolTip, {
        title: label,
        showOverflowTooltip: true
      }, TempCommponent), selectDisabled || itemDisabled ? null : React.createElement(IconWrapper, Object.assign({}, commonProps), React.createElement(Circle, {
        color: hover && !selectDisabled ? $M4 : $M5,
        onClick: function onClick(e) {
          _onClick && !selectDisabled && _onClick(item);
          "";
          e.stopPropagation && e.stopPropagation();
        },
        onMouseEnter: this.onMouseEnter,
        onMouseLeave: this.onMouseLeave
      })));
    }
  }]);

  return CloseIcon;
}(React.PureComponent);

export { CloseIcon as default };