@cc-dev-kit-test/console-components-app-layout/lib/styles/AppLayout.js

React component for Alibaba Cloud.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  align-content: flex-start;\n  -webkit-font-smoothing: antialiased;\n  height: ", ";\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

var calcHeight = function calcHeight(adjustHeight) {
  var offset;

  switch ((0, _typeof2.default)(adjustHeight)) {
    case 'string':
      {
        if (typeof window === 'undefined' || typeof document === 'undefined') {
          // this is executed in SSR
          // document is not defined
          break;
        }

        var elem = document.getElementById(adjustHeight) || document.querySelector(adjustHeight);

        if (elem && elem.offsetHeight) {
          offset = elem.offsetHeight;
        }

        break;
      }

    case 'number':
      {
        offset = adjustHeight;
        break;
      }

    case 'function':
      {
        offset = adjustHeight();
        break;
      }

    default:
      {
        break;
      }
  }

  return Number.isFinite(offset) ? "calc(100vh - ".concat(offset, "px)") : '100vh';
};

var AppLayout = _styledComponents.default.div(_templateObject(), function (_ref) {
  var adjustHeight = _ref.adjustHeight;
  return calcHeight(adjustHeight);
});

var _default = AppLayout;
exports.default = _default;