Title.js 1.2 KB

12345678910111213141516171819202122232425262728293031
  1. "use client";
  2. var __rest = this && this.__rest || function (s, e) {
  3. var t = {};
  4. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  5. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  6. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  7. }
  8. return t;
  9. };
  10. import * as React from 'react';
  11. import { devUseWarning } from '../_util/warning';
  12. import Base from './Base';
  13. const TITLE_ELE_LIST = [1, 2, 3, 4, 5];
  14. const Title = /*#__PURE__*/React.forwardRef((props, ref) => {
  15. const {
  16. level = 1
  17. } = props,
  18. restProps = __rest(props, ["level"]);
  19. if (process.env.NODE_ENV !== 'production') {
  20. const warning = devUseWarning('Typography.Title');
  21. process.env.NODE_ENV !== "production" ? warning(TITLE_ELE_LIST.includes(level), 'usage', 'Title only accept `1 | 2 | 3 | 4 | 5` as `level` value. And `5` need 4.6.0+ version.') : void 0;
  22. }
  23. const component = TITLE_ELE_LIST.includes(level) ? `h${level}` : `h1`;
  24. return /*#__PURE__*/React.createElement(Base, Object.assign({
  25. ref: ref
  26. }, restProps, {
  27. component: component
  28. }));
  29. });
  30. export default Title;