tntd/lib/tntd-layout/HeaderActions.js

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

"use strict";

function _typeof(o) {
  "@babel/helpers - typeof";

  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
    return typeof o;
  } : function (o) {
    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
  }, _typeof(o);
}
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _divider = _interopRequireDefault(require("../divider"));
var _Application = _interopRequireDefault(require("./Application"));
var _Avatar = _interopRequireDefault(require("./Avatar"));
var _CompatibleLanguage = _interopRequireDefault(require("./CompatibleLanguage"));
var _GlobalNavigation = _interopRequireDefault(require("./GlobalNavigation"));
var _Language = _interopRequireDefault(require("./Language"));
var _Theme = _interopRequireDefault(require("./Theme"));
var _templateObject;
function _getRequireWildcardCache(e) {
  if ("function" != typeof WeakMap) return null;
  var r = new WeakMap(),
    t = new WeakMap();
  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
    return e ? t : r;
  })(e);
}
function _interopRequireWildcard(e, r) {
  if (!r && e && e.__esModule) return e;
  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
    "default": e
  };
  var t = _getRequireWildcardCache(r);
  if (t && t.has(e)) return t.get(e);
  var n = {
      __proto__: null
    },
    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
  }
  return n["default"] = e, t && t.set(e, n), n;
}
function _interopRequireDefault(e) {
  return e && e.__esModule ? e : {
    "default": e
  };
}
function _taggedTemplateLiteral(e, t) {
  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
    raw: {
      value: Object.freeze(t)
    }
  }));
}
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 Actions = _styledComponents["default"].ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  list-style: none;\n  display: inline-block;\n  line-height: ", ";\n  margin: 0 0 0 20px;\n  .hasHeaderTabs & {\n    margin: 0;\n  }\n  padding: 0;\n  white-space: nowrap;\n\n  .isInIframe & {\n    display: none;\n  }\n\n  & > li {\n    height: 100%;\n    display: inline-block;\n    vertical-align: top;\n    cursor: pointer;\n    font-size: 20px;\n    margin: 0 7.5px;\n    color: ", ";\n    .large-size & {\n      margin: 0 10px;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n    &:last-of-type {\n      margin-right: 0;\n    }\n    .hasHeaderTabs & {\n      color: #455064;\n    }\n    // \u5220\u9664\u8272\u7CFB\u533A\u5206 \u7EDF\u4E00\u8272\u8C03\n    // .hasHeaderTabs:not(.tnt-themeS1) & {\n    //     color: rgba(255,255,255,.8);\n    // }\n    .hasHeaderTabs:not(.tnt-themeS1) & {\n      color: #455064 !important;\n    }\n  }\n"])), function (props) {
  return "".concat(props.theme.headerHeight, "px");
}, function (props) {
  return "".concat(props.theme.headerActionsColor);
});
var _default = exports["default"] = (0, _styledComponents.withTheme)(function (props) {
  var type = props.type,
    _props$config = props.config,
    _props$config2 = _props$config === void 0 ? {} : _props$config,
    _props$config2$theme = _props$config2.theme,
    theme = _props$config2$theme === void 0 ? true : _props$config2$theme,
    _props$config2$avatar = _props$config2.avatar,
    avatar = _props$config2$avatar === void 0 ? true : _props$config2$avatar,
    _props$config2$langua = _props$config2.language,
    language = _props$config2$langua === void 0 ? true : _props$config2$langua,
    _props$config2$applic = _props$config2.application,
    application = _props$config2$applic === void 0 ? false : _props$config2$applic,
    _props$config2$global = _props$config2.globalNavigation,
    globalNavigation = _props$config2$global === void 0 ? false : _props$config2$global,
    compatible = props.theme.compatible,
    _props$userInfo = props.userInfo,
    userInfo = _props$userInfo === void 0 ? {} : _props$userInfo,
    menus = props.menus,
    apps = props.apps,
    extraActions = props.extraActions,
    headerRef = props.headerRef,
    onLanguageChange = props.onLanguageChange,
    onThemeChange = props.onThemeChange,
    onApplicationChange = props.onApplicationChange,
    onAppChange = props.onAppChange,
    onCollapseChange = props.onCollapseChange,
    onPersonalSetting = props.onPersonalSetting,
    onChangePassword = props.onChangePassword,
    onLogout = props.onLogout,
    onLogoClick = props.onLogoClick,
    AvatarCustom = props.AvatarCustom,
    rest = __rest(props, ["type", "config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
  return _react["default"].createElement(Actions, Object.assign({}, rest), extraActions, globalNavigation && _react["default"].createElement(_GlobalNavigation["default"], {
    headerRef: headerRef,
    menus: menus
  }), type !== 'enterprise' && (!compatible ? _react["default"].createElement(_react["default"].Fragment, null, language && _react["default"].createElement(_Language["default"], {
    language: userInfo.lang,
    onChange: onLanguageChange
  }), theme && _react["default"].createElement(_Theme["default"], {
    theme: userInfo.theme,
    onChange: onThemeChange
  })) : _react["default"].createElement(_CompatibleLanguage["default"], {
    config: props.config,
    language: userInfo.lang,
    theme: userInfo.theme,
    onLanguageChange: onLanguageChange,
    onThemeChange: onThemeChange
  })), application && _react["default"].createElement(_Application["default"], {
    language: userInfo.lang,
    apps: apps,
    onChange: onApplicationChange
  }), avatar && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_divider["default"], {
    type: "vertical"
  }), AvatarCustom ? _react["default"].createElement(AvatarCustom, {
    userInfo: userInfo,
    onPersonalSetting: onPersonalSetting,
    onChangePassword: onChangePassword,
    onLogout: onLogout,
    onThemeChange: onThemeChange,
    onLanguageChange: onLanguageChange,
    config: {
      theme: theme,
      language: language
    }
  }) : _react["default"].createElement(_Avatar["default"], {
    userInfo: userInfo,
    onPersonalSetting: onPersonalSetting,
    onChangePassword: onChangePassword,
    onLogout: onLogout,
    onThemeChange: onThemeChange,
    config: {
      theme: theme,
      language: language
    }
  })));
});