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

## 概述

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 { StyledDeleteIcon } from './StyledSelect';
import { $M4, $M5 } from '@beisen-phoenix/style-token';

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

  function DeleteInputTxt() {
    var _this;

    _classCallCheck(this, DeleteInputTxt);

    _this = _possibleConstructorReturn(this, _getPrototypeOf(DeleteInputTxt).apply(this, arguments));
    _this.state = {
      hover: false
    };

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

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

    return _this;
  }

  _createClass(DeleteInputTxt, [{
    key: "render",
    value: function render() {
      var _onClick = this.props.onClick;
      var hover = this.state.hover;
      return React.createElement(StyledDeleteIcon, {
        className: 'DeleteInputTxt',
        onMouseEnter: this.onMouseEnter,
        onMouseLeave: this.onMouseLeave,
        onClick: function onClick(e) {
          _onClick && _onClick(e);
          e.stopPropagation && e.stopPropagation();
        }
      }, React.createElement(Circle, {
        color: hover ? $M4 : $M5
      }));
    }
  }]);

  return DeleteInputTxt;
}(React.PureComponent);

export { DeleteInputTxt as default };