header-sider-layout/es/getPageTitle.js

ant-design-pro layout, based on pro-layout, with header and sider layout.

import pathToRegexp from 'path-to-regexp';
export var matchParamsPath = function matchParamsPath(pathname, breadcrumb) {
  if (breadcrumb) {
    var pathKey = Object.keys(breadcrumb).find(function (key) {
      return pathToRegexp(key).test(pathname);
    });

    if (pathKey) {
      return breadcrumb[pathKey];
    }
  }

  return {
    path: ''
  };
};

var getPageTitle = function getPageTitle(props, ignoreTile) {
  var _props$pathname = props.pathname,
      pathname = _props$pathname === void 0 ? '/' : _props$pathname,
      breadcrumb = props.breadcrumb,
      formatMessage = props.formatMessage,
      _props$title = props.title,
      title = _props$title === void 0 ? 'Ant Design Pro' : _props$title,
      _props$menu = props.menu,
      menu = _props$menu === void 0 ? {
    locale: false
  } : _props$menu;
  var pageTitle = ignoreTile ? '' : title;

  if (!pathname) {
    return pageTitle;
  }

  var currRouterData = matchParamsPath(pathname, breadcrumb);

  if (!currRouterData) {
    return pageTitle;
  }

  var pageName = currRouterData.name;

  if (menu.locale && currRouterData.locale && formatMessage) {
    pageName = formatMessage({
      id: currRouterData.locale || '',
      defaultMessage: currRouterData.name
    });
  }

  if (!pageName) {
    return pageTitle;
  }

  if (ignoreTile) {
    return pageName;
  }

  return "".concat(pageName, " - ").concat(title);
};

export default getPageTitle;