qt-public-ui/lib/TextOverflow/index.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _antd = require("antd");
require("./style");
var TextOverflow = function TextOverflow(props) {
  var text = props.text,
    _props$length = props.length,
    length = _props$length === void 0 ? 10 : _props$length;
  var textOverId = "umuiTextOver".concat(Math.round(Math.random() * 10000));
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "umui-text-overflow",
    id: textOverId
  }, text && text.length > length ? /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
    title: text,
    getPopupContainer: function getPopupContainer() {
      return document.getElementById(textOverId);
    }
  }, /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      cursor: 'pointer'
    }
  }, text.slice(0, length), "...")) : /*#__PURE__*/_react["default"].createElement("span", null, text));
};
TextOverflow.displayName = 'TextOverflow';
var _default = exports["default"] = TextOverflow;