tntd/es/title/index.js

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ellipsis = _interopRequireDefault(require("../ellipsis"));
var _utils = require("../utils");
require("./index.less");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var __rest = void 0 && (void 0).__rest || function (s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};
var _default = exports["default"] = function _default(props) {
  var _a = props || {},
    _a$title = _a.title,
    title = _a$title === void 0 ? '暂无标题' : _a$title,
    subTitle = _a.subTitle,
    tip = _a.tip,
    _a$size = _a.size,
    size = _a$size === void 0 ? 'h3' : _a$size,
    _a$bold = _a.bold,
    bold = _a$bold === void 0 ? true : _a$bold,
    extra = _a.extra,
    number = _a.number,
    simple = _a.simple,
    className = _a.className,
    rest = __rest(_a, ["title", "subTitle", "tip", "size", "bold", "extra", "number", "simple", "className"]);
  return _react["default"].createElement("div", Object.assign({
    className: (0, _classnames["default"])('tntd-title', className, size, {
      'has-number': number
    }, {
      'is-simple': simple
    }, {
      'is-bold': bold
    })
  }, rest), _react["default"].createElement("div", {
    className: "tntd-title-text"
  }, number && _react["default"].createElement("i", {
    className: "count"
  }, number <= 9 ? "0".concat(number) : number), _react["default"].createElement("h3", {
    className: (0, _classnames["default"])({
      'has-sub-title': subTitle
    })
  }, _react["default"].createElement(_ellipsis["default"], {
    title: (0, _utils.doUpperTitle)(title)
  })), !!subTitle && _react["default"].createElement("div", {
    className: "sub-title"
  }, _react["default"].createElement(_ellipsis["default"], {
    title: subTitle
  })), !!tip && _react["default"].createElement("div", {
    className: "sub-tip"
  }, tip)), extra && _react["default"].createElement("div", {
    className: "tntd-title-extra"
  }, extra));
};