@douyinfe/semi-ui 2.1.0-beta.3 → 2.1.0-next.3

package/lib/cjs/modal/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+require("@douyinfe/semi-foundation/lib/cjs/modal/modal.css");
+
+var _Modal = _interopRequireDefault(require("./Modal"));
+
+var _default = _Modal.default;
+exports.default = _default;

package/lib/cjs/modal/useModal/HookModal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ConfirmProps } from '../confirm';
+import { Motion } from '../../_base/base';
+interface HookModalProps {
+    afterClose: (...args: any[]) => void;
+    config: ConfirmProps;
+    motion?: Motion;
+}
+export interface HookModalRef {
+    destroy: () => void;
+    update: (newConfig: ConfirmProps) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<HookModalRef>>;
+export default _default;

package/lib/cjs/modal/useModal/HookModal.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfirmModal = _interopRequireDefault(require("../ConfirmModal"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+// eslint-disable-next-line max-len
+const HookModal = (_a, ref) => {
+  var {
+    afterClose,
+    config
+  } = _a,
+      props = __rest(_a, ["afterClose", "config"]);
+
+  const [innerConfig, setInnerConfig] = _react.default.useState(config);
+
+  _react.default.useImperativeHandle(ref, () => ({
+    destroy: () => {
+      setInnerConfig(originConfig => (0, _assign.default)((0, _assign.default)({}, originConfig), {
+        visible: false
+      }));
+    },
+    update: newConfig => {
+      setInnerConfig(originConfig => (0, _assign.default)((0, _assign.default)({}, originConfig), newConfig));
+    }
+  }));
+
+  const {
+    motion
+  } = props;
+  const mergedMotion = typeof motion === 'undefined' || motion ? (0, _assign.default)((0, _assign.default)({}, motion), {
+    didLeave: function () {
+      const didLeave = (0, _get2.default)(props.motion, 'didLeave');
+
+      if (typeof didLeave === 'function') {
+        didLeave(...arguments);
+      }
+
+      afterClose();
+    }
+  }) : false;
+  return /*#__PURE__*/_react.default.createElement(_ConfirmModal.default, (0, _assign.default)({}, innerConfig, {
+    // visible={!visible ? visible : undefined}
+    motion: mergedMotion
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(HookModal);
+
+exports.default = _default;

package/lib/cjs/modal/useModal/index.d.ts

@@ -0,0 +1,24 @@
+import { ConfirmProps } from '../confirm';
+import { ModalReactProps } from '../Modal';
+export default function useModal(): (JSX.Element | {
+    info: (config: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: ConfirmProps) => void;
+    };
+    success: (config: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: ConfirmProps) => void;
+    };
+    error: (config: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: ConfirmProps) => void;
+    };
+    warning: (config: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: ConfirmProps) => void;
+    };
+    confirm: (config: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: ConfirmProps) => void;
+    };
+})[];

package/lib/cjs/modal/useModal/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = useModal;
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HookModal = _interopRequireDefault(require("./HookModal"));
+
+var _confirm = require("../confirm");
+
+let uuid = 0;
+
+function usePatchElement() {
+  const [elements, setElements] = _react.default.useState([]);
+
+  function patchElement(element) {
+    setElements(originElements => [...originElements, element]);
+    return () => {
+      setElements(originElements => (0, _filter.default)(originElements).call(originElements, ele => ele !== element));
+    };
+  }
+
+  return [elements, patchElement];
+}
+
+function useModal() {
+  const [elements, patchElement] = usePatchElement(); // eslint-disable-next-line max-len
+
+  function getConfirmFunc(withFunc) {
+    return function hookConfirm(config) {
+      uuid += 1;
+
+      const modalRef = /*#__PURE__*/_react.default.createRef(); // eslint-disable-next-line prefer-const
+
+
+      let closeFunc;
+
+      const modal = /*#__PURE__*/_react.default.createElement(_HookModal.default, {
+        key: "semi-modal-".concat(uuid),
+        config: withFunc(config),
+        ref: modalRef,
+        afterClose: () => {
+          closeFunc();
+        }
+      });
+
+      closeFunc = patchElement(modal);
+      return {
+        destroy: () => {
+          if (modalRef.current) {
+            modalRef.current.destroy();
+          }
+        },
+        update: newConfig => {
+          if (modalRef.current) {
+            modalRef.current.update(newConfig);
+          }
+        }
+      };
+    };
+  }
+
+  return [{
+    info: getConfirmFunc(_confirm.withInfo),
+    success: getConfirmFunc(_confirm.withSuccess),
+    error: getConfirmFunc(_confirm.withError),
+    warning: getConfirmFunc(_confirm.withWarning),
+    confirm: getConfirmFunc(_confirm.withConfirm)
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, elements)];
+}

package/lib/cjs/motions/Rotate.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+export interface TransitionStyle {
+    rotate?: number;
+}
+export interface OpenIconTransitionProps {
+    isOpen?: boolean;
+    children?: React.ReactNode;
+    enterDeg?: number;
+    fromDeg?: number;
+    duration?: number;
+}
+declare function OpenIconTransition(props?: OpenIconTransitionProps): React.ReactElement;
+declare namespace OpenIconTransition {
+    var propTypes: {
+        isOpen: PropTypes.Validator<boolean>;
+        children: PropTypes.Validator<any>;
+        enterDeg: PropTypes.Requireable<number>;
+        fromDeg: PropTypes.Requireable<number>;
+        duration: PropTypes.Requireable<number>;
+    };
+}
+export default OpenIconTransition;

package/lib/cjs/motions/Rotate.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _semiAnimationReact = require("@douyinfe/semi-animation-react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const formatStyle = function formatStyle(_ref) {
+  let {
+    rotate = 0
+  } = _ref;
+  return {
+    transform: "rotate(".concat(rotate, "deg)")
+  };
+};
+
+function OpenIconTransition() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    children,
+    isOpen,
+    enterDeg = 180,
+    fromDeg = 0,
+    duration = 150
+  } = props;
+  const [immediate, setImmediate] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    setImmediate(false);
+  }, [isOpen]);
+  return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, {
+    immediate: immediate,
+    state: isOpen ? 'enter' : 'leave',
+    from: {
+      rotate: fromDeg
+    },
+    enter: {
+      rotate: {
+        val: enterDeg,
+        duration,
+        easing: 'cubic-bezier(.62, .05, .36, .95)'
+      }
+    },
+    leave: {
+      rotate: {
+        val: fromDeg,
+        duration,
+        easing: 'cubic-bezier(.62, .05, .36, .95)'
+      }
+    }
+  }, transitionStyle => (0, _map.default)(_react.Children).call(_react.Children, children, child => /*#__PURE__*/(0, _react.isValidElement)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, (0, _assign.default)((0, _assign.default)({}, child.props), {
+    style: (0, _assign.default)((0, _assign.default)({}, child.props.style), formatStyle(transitionStyle))
+  })) : child));
+}
+
+OpenIconTransition.propTypes = {
+  isOpen: _propTypes.default.bool.isRequired,
+  children: _propTypes.default.any.isRequired,
+  enterDeg: _propTypes.default.number,
+  fromDeg: _propTypes.default.number,
+  duration: _propTypes.default.number
+};
+var _default = OpenIconTransition;
+exports.default = _default;

package/lib/cjs/navigation/CollapseButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Locale } from '../locale/interface';
+export interface CollapseButtonProps {
+    prefixCls?: string;
+    locale?: Locale['Navigation'];
+    collapseText?(isCollapsed: boolean): React.ReactNode;
+    isCollapsed?: boolean;
+    onClick?(e: boolean): void;
+}
+export default function CollapseButton({ prefixCls, locale, collapseText, isCollapsed, onClick }: CollapseButtonProps): JSX.Element;

package/lib/cjs/navigation/CollapseButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = CollapseButton;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+function CollapseButton(_ref) {
+  let {
+    prefixCls,
+    locale,
+    collapseText,
+    isCollapsed,
+    onClick = _noop2.default
+  } = _ref;
+
+  const handleClick = () => {
+    if (typeof onClick === 'function') {
+      onClick(!isCollapsed);
+    }
+  };
+
+  const btnProps = {
+    icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconSidebar, null),
+    type: 'tertiary',
+    theme: 'borderless',
+    onClick: handleClick
+  };
+  let finalCollapseText = isCollapsed ? locale === null || locale === void 0 ? void 0 : locale.expandText : locale === null || locale === void 0 ? void 0 : locale.collapseText;
+
+  if (typeof collapseText === 'function') {
+    finalCollapseText = collapseText(isCollapsed);
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefixCls, "-collapse-btn")
+  }, isCollapsed ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: finalCollapseText,
+    position: "right"
+  }, /*#__PURE__*/_react.default.createElement(_button.default, (0, _assign.default)({}, btnProps))) : /*#__PURE__*/_react.default.createElement(_button.default, (0, _assign.default)({}, btnProps), finalCollapseText));
+}

package/lib/cjs/navigation/Footer.d.ts

@@ -0,0 +1,27 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
+import { BaseProps } from '../_base/baseComponent';
+export interface NavFooterProps extends BaseProps {
+    collapseButton?: React.ReactNode | boolean;
+    collapseText?: (collapsed?: boolean) => React.ReactNode;
+}
+export default class NavFooter extends PureComponent<NavFooterProps> {
+    static contextType: React.Context<{
+        isCollapsed: boolean;
+        selectedKeys: any[];
+        openKeys: any[];
+    }>;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        collapseButton: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        collapseText: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        collapseButton: boolean;
+    };
+    renderCollapseButton: () => JSX.Element;
+    render(): JSX.Element;
+}

package/lib/cjs/navigation/Footer.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
+
+var _CollapseButton = _interopRequireDefault(require("./CollapseButton"));
+
+require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
+
+var _navContext = _interopRequireDefault(require("./nav-context"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+class NavFooter extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+
+    this.renderCollapseButton = () => {
+      const {
+        collapseButton,
+        collapseText
+      } = this.props;
+
+      if ( /*#__PURE__*/_react.default.isValidElement(collapseButton)) {
+        return collapseButton;
+      }
+
+      const {
+        onCollapseChange,
+        prefixCls,
+        locale,
+        isCollapsed
+      } = this.context;
+      return /*#__PURE__*/_react.default.createElement(_CollapseButton.default, (0, _assign.default)({
+        prefixCls: prefixCls,
+        isCollapsed: isCollapsed,
+        locale: locale,
+        onClick: onCollapseChange,
+        collapseText: collapseText
+      }, collapseButton));
+    };
+  }
+
+  render() {
+    const {
+      style,
+      className,
+      collapseButton
+    } = this.props;
+    let {
+      children
+    } = this.props;
+    const {
+      isCollapsed,
+      mode
+    } = this.context;
+
+    if (! /*#__PURE__*/_react.default.isValidElement(children) && collapseButton && mode !== _constants.strings.MODE_HORIZONTAL) {
+      children = this.renderCollapseButton();
+    }
+
+    const wrapCls = (0, _classnames.default)(className, "".concat(_constants.cssClasses.PREFIX, "-footer"), {
+      ["".concat(_constants.cssClasses.PREFIX, "-footer-collapsed")]: isCollapsed
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: wrapCls,
+      style: style
+    }, children);
+  }
+
+}
+
+exports.default = NavFooter;
+NavFooter.contextType = _navContext.default;
+NavFooter.propTypes = {
+  children: _propTypes.default.node,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  collapseButton: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.bool]),
+  collapseText: _propTypes.default.func
+};
+NavFooter.defaultProps = {
+  collapseButton: false
+};

package/lib/cjs/navigation/Header.d.ts

@@ -0,0 +1,34 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
+import { BaseProps } from '../_base/baseComponent';
+export declare type Logo = React.ReactNode;
+export interface NavHeaderProps extends BaseProps {
+    link?: string;
+    linkOptions?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    logo?: Logo;
+    prefixCls?: string;
+    text?: React.ReactNode;
+}
+export default class NavHeader extends PureComponent<NavHeaderProps> {
+    static contextType: React.Context<{
+        isCollapsed: boolean;
+        selectedKeys: any[];
+        openKeys: any[];
+    }>;
+    static propTypes: {
+        prefixCls: PropTypes.Requireable<string>;
+        logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        link: PropTypes.Requireable<string>;
+        linkOptions: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        prefixCls: string;
+    };
+    renderLogo(logo: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    render(): JSX.Element;
+}

package/lib/cjs/navigation/Header.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
+
+var _navContext = _interopRequireDefault(require("./nav-context"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+class NavHeader extends _react.PureComponent {
+  renderLogo(logo) {
+    if ( /*#__PURE__*/_react.default.isValidElement(logo)) {
+      return logo;
+    }
+
+    return null;
+  }
+
+  render() {
+    const {
+      children,
+      style,
+      className,
+      logo,
+      text,
+      link,
+      linkOptions,
+      prefixCls
+    } = this.props;
+    const {
+      isCollapsed
+    } = this.context;
+    const wrapCls = (0, _classnames.default)(className, "".concat(_constants.cssClasses.PREFIX, "-header"), {
+      ["".concat(_constants.cssClasses.PREFIX, "-header-collapsed")]: isCollapsed
+    });
+
+    let wrappedChildren = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, logo ? /*#__PURE__*/_react.default.createElement("i", {
+      className: "".concat(_constants.cssClasses.PREFIX, "-header-logo")
+    }, this.renderLogo(logo)) : null, !(0, _isNullOrUndefined.default)(text) && !isCollapsed ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(_constants.cssClasses.PREFIX, "-header-text")
+    }, text) : null, children);
+
+    if (typeof link === 'string') {
+      wrappedChildren = /*#__PURE__*/_react.default.createElement("a", (0, _assign.default)({
+        className: "".concat(prefixCls, "-header-link"),
+        href: link
+      }, linkOptions), wrappedChildren);
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: wrapCls,
+      style: style
+    }, wrappedChildren);
+  }
+
+}
+
+exports.default = NavHeader;
+NavHeader.contextType = _navContext.default;
+NavHeader.propTypes = {
+  prefixCls: _propTypes.default.string,
+  logo: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
+  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  children: _propTypes.default.node,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  link: _propTypes.default.string,
+  linkOptions: _propTypes.default.object
+};
+NavHeader.defaultProps = {
+  prefixCls: _constants.cssClasses.PREFIX
+};