@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/lib/circle';
import { $M4, $M5 } from '@beisen-phoenix/style-token';
import utils from '@beisen-phoenix/common-utils';
var classes = utils.BEMClass('select');
import './index.css';

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

  function DeleteInputTxt() {
    var _getPrototypeOf2;

    var _this;

    _classCallCheck(this, DeleteInputTxt);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DeleteInputTxt)).call.apply(_getPrototypeOf2, [this].concat(args)));
    _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 _this$props = this.props,
          _onClick = _this$props.onClick,
          isShowDeleteIcon = _this$props.isShowDeleteIcon;
      var hover = this.state.hover;
      return React.createElement("div", {
        className: classes({
          element: 'clearIcon',
          modifiers: {
            show: isShowDeleteIcon
          }
        }),
        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 };