adui/es/layout/Header.js

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

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); }
var _excluded = ["affixed", "children", "className"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
import React, { useContext, useEffect } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import Affix from "../affix";
import { detectStickySupport } from "../_util/detectStickySupport";
import { LayoutContext } from "./Context";
import "./style";
var prefix = "adui-layout";
var _Header = function Header(_ref) {
  var affixed = _ref.affixed,
    children = _ref.children,
    className = _ref.className,
    otherProps = _objectWithoutProperties(_ref, _excluded);
  var _useContext = useContext(LayoutContext),
    setHeaderAffixed = _useContext.setHeaderAffixed;
  useEffect(function () {
    if (setHeaderAffixed) {
      setHeaderAffixed(affixed || false);
    }
  }, [affixed]);
  var header = React.createElement("header", _extends({
    className: classNames(className, "".concat(prefix, "-header"), _defineProperty({}, "".concat(prefix, "-header_affixed"), affixed))
  }, otherProps), children);
  if (affixed && !_Header.stickable) {
    return React.createElement(Affix, null, header);
  }
  return header;
};
_Header.stickable = detectStickySupport();
_Header.propTypes = {
  affixed: PropTypes.bool,
  children: PropTypes.node,
  className: PropTypes.string
};
_Header.defaultProps = {
  affixed: false,
  children: "",
  className: undefined
};
export default _Header;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJ1c2VFZmZlY3QiLCJQcm9wVHlwZXMiLCJjbGFzc05hbWVzIiwiQWZmaXgiLCJkZXRlY3RTdGlja3lTdXBwb3J0IiwiTGF5b3V0Q29udGV4dCIsInByZWZpeCIsIkhlYWRlciIsIl9yZWYiLCJhZmZpeGVkIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJvdGhlclByb3BzIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiX2V4Y2x1ZGVkIiwiX3VzZUNvbnRleHQiLCJzZXRIZWFkZXJBZmZpeGVkIiwiaGVhZGVyIiwiY3JlYXRlRWxlbWVudCIsIl9leHRlbmRzIiwiY29uY2F0IiwiX2RlZmluZVByb3BlcnR5Iiwic3RpY2thYmxlIiwicHJvcFR5cGVzIiwiYm9vbCIsIm5vZGUiLCJzdHJpbmciLCJkZWZhdWx0UHJvcHMiLCJ1bmRlZmluZWQiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2xheW91dC9IZWFkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgQWZmaXggZnJvbSBcIi4uL2FmZml4XCJcbmltcG9ydCB7IGRldGVjdFN0aWNreVN1cHBvcnQgfSBmcm9tIFwiLi4vX3V0aWwvZGV0ZWN0U3RpY2t5U3VwcG9ydFwiXG5pbXBvcnQgeyBMYXlvdXRDb250ZXh0IH0gZnJvbSBcIi4vQ29udGV4dFwiXG5pbXBvcnQgXCIuL3N0eWxlXCJcblxuY29uc3QgcHJlZml4ID0gXCJhZHVpLWxheW91dFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgSUhlYWRlclByb3BzIHtcbiAgW2tleTogc3RyaW5nXTogYW55XG4gIC8qKlxuICAgKiDmmK/lkKblm7rlrppcbiAgICovXG4gIGFmZml4ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiDlrZDoioLngrlcbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiDpmYTliqDnsbvlkI1cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG4vKipcbiAqIOW4g+WxgCAtIOWktOmDqCBgPGhlYWRlciAvPmBcbiAqL1xuY29uc3QgSGVhZGVyOiBSZWFjdC5GQzxJSGVhZGVyUHJvcHM+ICYge1xuICBzdGlja2FibGU6IGJvb2xlYW5cbn0gPSAoeyBhZmZpeGVkLCBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5vdGhlclByb3BzIH06IElIZWFkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHNldEhlYWRlckFmZml4ZWQgfSA9IHVzZUNvbnRleHQoTGF5b3V0Q29udGV4dClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzZXRIZWFkZXJBZmZpeGVkKSB7XG4gICAgICBzZXRIZWFkZXJBZmZpeGVkKGFmZml4ZWQgfHwgZmFsc2UpXG4gICAgfVxuICB9LCBbYWZmaXhlZF0pXG5cbiAgY29uc3QgaGVhZGVyID0gKFxuICAgIDxoZWFkZXJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIGAke3ByZWZpeH0taGVhZGVyYCwge1xuICAgICAgICBbYCR7cHJlZml4fS1oZWFkZXJfYWZmaXhlZGBdOiBhZmZpeGVkLFxuICAgICAgfSl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9oZWFkZXI+XG4gIClcbiAgaWYgKGFmZml4ZWQgJiYgIUhlYWRlci5zdGlja2FibGUpIHtcbiAgICByZXR1cm4gPEFmZml4PntoZWFkZXJ9PC9BZmZpeD5cbiAgfVxuICByZXR1cm4gaGVhZGVyXG59XG5cbkhlYWRlci5zdGlja2FibGUgPSBkZXRlY3RTdGlja3lTdXBwb3J0KClcblxuSGVhZGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqXG4gICAqIOaYr+WQpuWbuuWumlxuICAgKi9cbiAgYWZmaXhlZDogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKlxuICAgKiDlrZDoioLngrlcbiAgICovXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5IZWFkZXIuZGVmYXVsdFByb3BzID0ge1xuICBhZmZpeGVkOiBmYWxzZSxcbiAgY2hpbGRyZW46IFwiXCIsXG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxufVxuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxPQUFPQSxLQUFLLElBQUlDLFVBQVUsRUFBRUMsU0FBUyxRQUFRLE9BQU87QUFDcEQsT0FBT0MsU0FBUyxNQUFNLFlBQVk7QUFDbEMsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsT0FBT0MsS0FBSyxNQUFNLFVBQVU7QUFDNUIsU0FBU0MsbUJBQW1CLFFBQVEsOEJBQThCO0FBQ2xFLFNBQVNDLGFBQWEsUUFBUSxXQUFXO0FBQ3pDLE9BQU8sU0FBUztBQUVoQixJQUFNQyxNQUFNLEdBQUcsYUFBYTtBQXFCNUIsSUFBTUMsT0FFTCxHQUFHLFNBRkVBLE1BRUxBLENBQUFDLElBQUEsRUFBc0U7RUFBQSxJQUFoRUMsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87SUFBRUMsUUFBUSxHQUFBRixJQUFBLENBQVJFLFFBQVE7SUFBRUMsU0FBUyxHQUFBSCxJQUFBLENBQVRHLFNBQVM7SUFBS0MsVUFBVSxHQUFBQyx3QkFBQSxDQUFBTCxJQUFBLEVBQUFNLFNBQUE7RUFDaEQsSUFBQUMsV0FBQSxHQUE2QmhCLFVBQVUsQ0FBQ00sYUFBYSxDQUFDO0lBQTlDVyxnQkFBZ0IsR0FBQUQsV0FBQSxDQUFoQkMsZ0JBQWdCO0VBRXhCaEIsU0FBUyxDQUFDLFlBQU07SUFDZCxJQUFJZ0IsZ0JBQWdCLEVBQUU7TUFDcEJBLGdCQUFnQixDQUFDUCxPQUFPLElBQUksS0FBSyxDQUFDO0lBQ3BDO0VBQ0YsQ0FBQyxFQUFFLENBQUNBLE9BQU8sQ0FBQyxDQUFDO0VBRWIsSUFBTVEsTUFBTSxHQUNWbkIsS0FBQSxDQUFBb0IsYUFBQSxXQUFBQyxRQUFBO0lBQ0VSLFNBQVMsRUFBRVQsVUFBVSxDQUFDUyxTQUFTLEtBQUFTLE1BQUEsQ0FBS2QsTUFBTSxjQUFBZSxlQUFBLFFBQUFELE1BQUEsQ0FDcENkLE1BQU0sc0JBQW9CRyxPQUFPLENBQ3RDO0VBQUUsR0FDQ0csVUFBVSxHQUViRixRQUNLLENBQ1Q7RUFDRCxJQUFJRCxPQUFPLElBQUksQ0FBQ0YsT0FBTSxDQUFDZSxTQUFTLEVBQUU7SUFDaEMsT0FBT3hCLEtBQUEsQ0FBQW9CLGFBQUEsQ0FBQ2YsS0FBSyxRQUFFYyxNQUFjLENBQUM7RUFDaEM7RUFDQSxPQUFPQSxNQUFNO0FBQ2YsQ0FBQztBQUVEVixPQUFNLENBQUNlLFNBQVMsR0FBR2xCLG1CQUFtQixDQUFDLENBQUM7QUFFeENHLE9BQU0sQ0FBQ2dCLFNBQVMsR0FBRztFQUlqQmQsT0FBTyxFQUFFUixTQUFTLENBQUN1QixJQUFJO0VBSXZCZCxRQUFRLEVBQUVULFNBQVMsQ0FBQ3dCLElBQUk7RUFJeEJkLFNBQVMsRUFBRVYsU0FBUyxDQUFDeUI7QUFDdkIsQ0FBQztBQUVEbkIsT0FBTSxDQUFDb0IsWUFBWSxHQUFHO0VBQ3BCbEIsT0FBTyxFQUFFLEtBQUs7RUFDZEMsUUFBUSxFQUFFLEVBQUU7RUFDWkMsU0FBUyxFQUFFaUI7QUFDYixDQUFDO0FBRUQsZUFBZXJCLE9BQU0iLCJpZ25vcmVMaXN0IjpbXX0=