qt-public-ui/lib/Layout/layout.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.scrollDomId = exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireWildcard(require("react"));
var _antd = require("antd");
var _classnames = _interopRequireDefault(require("classnames"));
var _utils = require("../utils");
var _ = require("..");
var _globalContext = _interopRequireDefault(require("../UmProvider/globalContext"));
require("./style");
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; }
var scrollDomId = exports.scrollDomId = 'umui-layout-scroll';
var scrollToTop = function scrollToTop() {
  setTimeout(function () {
    window.scrollTo(0, 0);
  }, 0);
};
var getDefaultHeader = function getDefaultHeader(headerProps) {
  var _window$UmHeader;
  if (headerProps.customHeader) {
    return headerProps.customHeader;
  } else return (_window$UmHeader = window.UmHeader) === null || _window$UmHeader === void 0 ? void 0 : _window$UmHeader.Header;
};
var _default = exports["default"] = function _default(props) {
  var _Frame$useFrame = _.Frame.useFrame(),
    inFrame = _Frame$useFrame.inFrame;
  var children = props.children,
    nav = props.nav,
    headerProps = props.headerProps,
    style = props.style,
    className = props.className;
  var _useState = (0, _react.useState)(function () {
      return getDefaultHeader(headerProps);
    }),
    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
    Header = _useState2[0],
    setHeader = _useState2[1];
  var gContext = (0, _react.useContext)(_globalContext["default"]);
  (0, _react.useEffect)(function () {
    // 处理刷新后不在页面顶部问题
    window.addEventListener('load', scrollToTop);
    if (headerProps.customHeader) return;
    // 以下加载umHeader
    if (window.UmHeader) return;
    (0, _utils.loadScript)('//workbench.umeng.com/public/workbench/um-header.js', function () {
      setHeader(function () {
        var _window$UmHeader2;
        return (_window$UmHeader2 = window.UmHeader) === null || _window$UmHeader2 === void 0 ? void 0 : _window$UmHeader2.Header;
      });

      // 移除 loading skeleton
      setTimeout(function () {
        if (window.umSkeleton) window.umSkeleton.destory();
      }, 200);
    });
    return function () {
      window.removeEventListener('load', scrollToTop);
    };
  }, []);
  return /*#__PURE__*/_react["default"].createElement(_antd.Layout, {
    className: (0, _classnames["default"])('umui-layout', className),
    style: style,
    id: "umui-layout"
  }, Header ? /*#__PURE__*/_react["default"].createElement(Header, (0, _extends2["default"])({}, headerProps, {
    menu: nav
  })) : /*#__PURE__*/_react["default"].createElement(_antd.Layout.Header, {
    className: "umui-layout-header"
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])('umui-layout-fixed', {
      'umui-layout-frame': inFrame
    })
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "umui-layout-scroll",
    id: scrollDomId
  }, /*#__PURE__*/_react["default"].createElement(_antd.Layout, {
    className: (0, _classnames["default"])('umui-layout-body', {
      'umui-operational': gContext.theme === 'operational'
    })
  }, /*#__PURE__*/_react["default"].createElement(_.Frame.Container, null, children)))));
};