tntd/lib/tntd-second-page/index.js

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = TntdSecondPage;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
var _icon = _interopRequireDefault(require("../icon"));
require("./index.less");
function _interopRequireDefault(e) {
  return e && e.__esModule ? e : {
    "default": e
  };
}
var empty = function empty() {};
function TntdSecondPage(_ref) {
  var title = _ref.title,
    header = _ref.header,
    _ref$toolBar = _ref.toolBar,
    toolBar = _ref$toolBar === void 0 ? null : _ref$toolBar,
    footer = _ref.footer,
    visible = _ref.visible,
    destroyOnClose = _ref.destroyOnClose,
    _ref$onBack = _ref.onBack,
    onBack = _ref$onBack === void 0 ? empty : _ref$onBack,
    _ref$mode = _ref.mode,
    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
    _ref$inTab = _ref.inTab,
    inTab = _ref$inTab === void 0 ? false : _ref$inTab,
    children = _ref.children,
    className = _ref.className;
  if (!visible && destroyOnClose) {
    return null;
  }
  return _react["default"].createElement(_LocaleReceiver["default"], {
    componentName: "TntdSecondPage"
  }, function (locale) {
    return _react["default"].createElement("div", {
      className: (0, _classnames["default"])('tntd-second-page', className, {
        'tntd-second-page-intab': inTab,
        'tntd-second-page-absolute': mode === 'absolute',
        'tntd-second-page-fixed': mode === 'fixed',
        'tntd-second-page-hidden': !visible
      })
    }, _react["default"].createElement("div", {
      className: "tntd-second-page-header"
    }, header ? header : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("a", {
      className: "tntd-second-page-header-back",
      onClick: onBack
    }, _react["default"].createElement(_icon["default"], {
      type: "left"
    }), locale.back), _react["default"].createElement("span", {
      className: "tntd-second-page-header-title"
    }, title), _react["default"].createElement("div", {
      className: "tntd-second-page-header-toolbar"
    }, toolBar))), _react["default"].createElement("div", {
      className: "tntd-second-page-body"
    }, _react["default"].createElement("div", {
      className: "tntd-second-page-inner"
    }, children)), footer && _react["default"].createElement("div", {
      className: "tntd-second-page-footer"
    }, footer));
  });
}