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>

var _excluded = ["affixed", "children", "className"];

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJ1c2VFZmZlY3QiLCJQcm9wVHlwZXMiLCJjbGFzc05hbWVzIiwiQWZmaXgiLCJkZXRlY3RTdGlja3lTdXBwb3J0IiwiTGF5b3V0Q29udGV4dCIsInByZWZpeCIsIkhlYWRlciIsImFmZml4ZWQiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsIm90aGVyUHJvcHMiLCJzZXRIZWFkZXJBZmZpeGVkIiwiaGVhZGVyIiwic3RpY2thYmxlIiwicHJvcFR5cGVzIiwiYm9vbCIsIm5vZGUiLCJzdHJpbmciLCJkZWZhdWx0UHJvcHMiLCJ1bmRlZmluZWQiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2xheW91dC9IZWFkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgQWZmaXggZnJvbSBcIi4uL2FmZml4XCJcbmltcG9ydCB7IGRldGVjdFN0aWNreVN1cHBvcnQgfSBmcm9tIFwiLi4vX3V0aWwvZGV0ZWN0U3RpY2t5U3VwcG9ydFwiXG5pbXBvcnQgeyBMYXlvdXRDb250ZXh0IH0gZnJvbSBcIi4vQ29udGV4dFwiXG5pbXBvcnQgXCIuL3N0eWxlXCJcblxuY29uc3QgcHJlZml4ID0gXCJhZHVpLWxheW91dFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgSUhlYWRlclByb3BzIHtcbiAgW2tleTogc3RyaW5nXTogYW55XG4gIC8qKlxuICAgKiDmmK/lkKblm7rlrppcbiAgICovXG4gIGFmZml4ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiDlrZDoioLngrlcbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiDpmYTliqDnsbvlkI1cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG4vKipcbiAqIOW4g+WxgCAtIOWktOmDqCBgPGhlYWRlciAvPmBcbiAqL1xuY29uc3QgSGVhZGVyOiBSZWFjdC5GQzxJSGVhZGVyUHJvcHM+ICYge1xuICBzdGlja2FibGU6IGJvb2xlYW5cbn0gPSAoeyBhZmZpeGVkLCBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5vdGhlclByb3BzIH06IElIZWFkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHNldEhlYWRlckFmZml4ZWQgfSA9IHVzZUNvbnRleHQoTGF5b3V0Q29udGV4dClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzZXRIZWFkZXJBZmZpeGVkKSB7XG4gICAgICBzZXRIZWFkZXJBZmZpeGVkKGFmZml4ZWQgfHwgZmFsc2UpXG4gICAgfVxuICB9LCBbYWZmaXhlZF0pXG5cbiAgY29uc3QgaGVhZGVyID0gKFxuICAgIDxoZWFkZXJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIGAke3ByZWZpeH0taGVhZGVyYCwge1xuICAgICAgICBbYCR7cHJlZml4fS1oZWFkZXJfYWZmaXhlZGBdOiBhZmZpeGVkLFxuICAgICAgfSl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9oZWFkZXI+XG4gIClcbiAgaWYgKGFmZml4ZWQgJiYgIUhlYWRlci5zdGlja2FibGUpIHtcbiAgICByZXR1cm4gPEFmZml4PntoZWFkZXJ9PC9BZmZpeD5cbiAgfVxuICByZXR1cm4gaGVhZGVyXG59XG5cbkhlYWRlci5zdGlja2FibGUgPSBkZXRlY3RTdGlja3lTdXBwb3J0KClcblxuSGVhZGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqXG4gICAqIOaYr+WQpuWbuuWumlxuICAgKi9cbiAgYWZmaXhlZDogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKlxuICAgKiDlrZDoioLngrlcbiAgICovXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5IZWFkZXIuZGVmYXVsdFByb3BzID0ge1xuICBhZmZpeGVkOiBmYWxzZSxcbiAgY2hpbGRyZW46IFwiXCIsXG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxufVxuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLE9BQU9BLEtBQVAsSUFBZ0JDLFVBQWhCLEVBQTRCQyxTQUE1QixRQUE2QyxPQUE3QztBQUNBLE9BQU9DLFNBQVAsTUFBc0IsWUFBdEI7QUFDQSxPQUFPQyxVQUFQLE1BQXVCLFlBQXZCO0FBQ0EsT0FBT0MsS0FBUCxNQUFrQixVQUFsQjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLDhCQUFwQztBQUNBLFNBQVNDLGFBQVQsUUFBOEIsV0FBOUI7QUFDQSxPQUFPLFNBQVA7QUFFQSxJQUFNQyxNQUFNLEdBQUcsYUFBZjs7QUFxQkEsSUFBTUMsTUFFTCxHQUFHLFNBRkVBLE1BRUYsT0FBbUU7RUFBQSxJQUFoRUMsT0FBZ0UsUUFBaEVBLE9BQWdFO0VBQUEsSUFBdkRDLFFBQXVELFFBQXZEQSxRQUF1RDtFQUFBLElBQTdDQyxTQUE2QyxRQUE3Q0EsU0FBNkM7RUFBQSxJQUEvQkMsVUFBK0I7O0VBQ3JFLGtCQUE2QlosVUFBVSxDQUFDTSxhQUFELENBQXZDO0VBQUEsSUFBUU8sZ0JBQVIsZUFBUUEsZ0JBQVI7O0VBRUFaLFNBQVMsQ0FBQyxZQUFNO0lBQ2QsSUFBSVksZ0JBQUosRUFBc0I7TUFDcEJBLGdCQUFnQixDQUFDSixPQUFPLElBQUksS0FBWixDQUFoQjtJQUNEO0VBQ0YsQ0FKUSxFQUlOLENBQUNBLE9BQUQsQ0FKTSxDQUFUO0VBTUEsSUFBTUssTUFBTSxHQUNWO0lBQ0UsU0FBUyxFQUFFWCxVQUFVLENBQUNRLFNBQUQsWUFBZUosTUFBZiw0Q0FDZkEsTUFEZSxzQkFDV0UsT0FEWDtFQUR2QixHQUlNRyxVQUpOLEdBTUdGLFFBTkgsQ0FERjs7RUFVQSxJQUFJRCxPQUFPLElBQUksQ0FBQ0QsTUFBTSxDQUFDTyxTQUF2QixFQUFrQztJQUNoQyxPQUFPLG9CQUFDLEtBQUQsUUFBUUQsTUFBUixDQUFQO0VBQ0Q7O0VBQ0QsT0FBT0EsTUFBUDtBQUNELENBekJEOztBQTJCQU4sTUFBTSxDQUFDTyxTQUFQLEdBQW1CVixtQkFBbUIsRUFBdEM7QUFFQUcsTUFBTSxDQUFDUSxTQUFQLEdBQW1CO0VBSWpCUCxPQUFPLEVBQUVQLFNBQVMsQ0FBQ2UsSUFKRjtFQVFqQlAsUUFBUSxFQUFFUixTQUFTLENBQUNnQixJQVJIO0VBWWpCUCxTQUFTLEVBQUVULFNBQVMsQ0FBQ2lCO0FBWkosQ0FBbkI7QUFlQVgsTUFBTSxDQUFDWSxZQUFQLEdBQXNCO0VBQ3BCWCxPQUFPLEVBQUUsS0FEVztFQUVwQkMsUUFBUSxFQUFFLEVBRlU7RUFHcEJDLFNBQVMsRUFBRVU7QUFIUyxDQUF0QjtBQU1BLGVBQWViLE1BQWYifQ==