@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.2

package/es/layout/components/TopNavHeader/index.js

@@ -1,196 +1,123 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/components/TopNavHeader/index.tsx
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext, useMemo, useRef } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useMemo, useRef } from 'react';
 import { isNeedOpenHash, ProProvider } from "../../../provider";
-import { coverToNewToken } from "../../../utils";
 import { AppsLogoComponents } from "../AppsLogoComponents";
 import { ActionsContent } from "../GlobalHeader/ActionsContent";
 import { BaseMenu } from "../SiderMenu/BaseMenu";
 import { renderLogoAndTitle } from "../SiderMenu/SiderMenu";
 import { useStyle } from "./style";
-var TopNavHeader = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const ref = useRef(null);
-  const {
-    onMenuHeaderClick,
-    contentWidth,
-    rightContentRender,
-    className: propsClassName,
-    style,
-    headerContentRender,
-    layout,
-    actionsRender
-  } = props;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const { dark } = useContext(ProProvider);
-  const prefixCls = `${props.prefixCls || getPrefixCls("pro")}-top-nav-header`;
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  let renderKey = void 0;
-  if (props.menuHeaderRender !== void 0) {
-    renderKey = "menuHeaderRender";
-  } else if (layout === "mix" || layout === "top") {
-    renderKey = "headerTitleRender";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TopNavHeader = function TopNavHeader(props) {
+  var _token$layout12, _token$layout13, _token$layout14, _token$layout15, _token$layout16, _token$layout17, _token$layout18;
+  var ref = useRef(null);
+  var onMenuHeaderClick = props.onMenuHeaderClick,
+    contentWidth = props.contentWidth,
+    propsClassName = props.className,
+    style = props.style,
+    headerContentRender = props.headerContentRender,
+    layout = props.layout,
+    actionsRender = props.actionsRender;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useContext2 = useContext(ProProvider),
+    dark = _useContext2.dark;
+  var prefixCls = "".concat(props.prefixCls || getPrefixCls('pro'), "-top-nav-header");
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var renderKey = undefined;
+  if (props.menuHeaderRender !== undefined) {
+    renderKey = 'menuHeaderRender';
+  } else if (layout === 'mix' || layout === 'top') {
+    renderKey = 'headerTitleRender';
   }
-  const headerDom = renderLogoAndTitle(
-    __spreadProps(__spreadValues({}, props), { collapsed: false }),
-    renderKey
-  );
-  const { token } = useContext(ProProvider);
-  const contentDom = useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
-    const defaultDom = /* @__PURE__ */ React.createElement(
-      ConfigProvider,
-      {
-        theme: {
-          hashed: isNeedOpenHash(),
-          components: {
-            Layout: {
-              headerBg: "transparent",
-              bodyBg: "transparent"
-            },
-            Menu: __spreadValues({}, coverToNewToken({
-              colorItemBg: ((_b2 = (_a2 = token.layout) == null ? void 0 : _a2.header) == null ? void 0 : _b2.colorBgHeader) || "transparent",
-              colorSubItemBg: ((_d2 = (_c2 = token.layout) == null ? void 0 : _c2.header) == null ? void 0 : _d2.colorBgHeader) || "transparent",
-              radiusItem: token.borderRadius,
-              colorItemBgSelected: ((_f2 = (_e2 = token.layout) == null ? void 0 : _e2.header) == null ? void 0 : _f2.colorBgMenuItemSelected) || (token == null ? void 0 : token.colorBgTextHover),
-              itemHoverBg: ((_h2 = (_g2 = token.layout) == null ? void 0 : _g2.header) == null ? void 0 : _h2.colorBgMenuItemHover) || (token == null ? void 0 : token.colorBgTextHover),
-              colorItemBgSelectedHorizontal: ((_j2 = (_i2 = token.layout) == null ? void 0 : _i2.header) == null ? void 0 : _j2.colorBgMenuItemSelected) || (token == null ? void 0 : token.colorBgTextHover),
-              colorActiveBarWidth: 0,
-              colorActiveBarHeight: 0,
-              colorActiveBarBorderSize: 0,
-              colorItemText: ((_l2 = (_k2 = token.layout) == null ? void 0 : _k2.header) == null ? void 0 : _l2.colorTextMenu) || (token == null ? void 0 : token.colorTextSecondary),
-              colorItemTextHoverHorizontal: ((_n2 = (_m2 = token.layout) == null ? void 0 : _m2.header) == null ? void 0 : _n2.colorTextMenuActive) || (token == null ? void 0 : token.colorText),
-              colorItemTextSelectedHorizontal: ((_p = (_o = token.layout) == null ? void 0 : _o.header) == null ? void 0 : _p.colorTextMenuSelected) || (token == null ? void 0 : token.colorTextBase),
-              horizontalItemBorderRadius: 4,
-              colorItemTextHover: ((_r = (_q = token.layout) == null ? void 0 : _q.header) == null ? void 0 : _r.colorTextMenuActive) || "rgba(0, 0, 0, 0.85)",
-              horizontalItemHoverBg: ((_t = (_s = token.layout) == null ? void 0 : _s.header) == null ? void 0 : _t.colorBgMenuItemHover) || "rgba(0, 0, 0, 0.04)",
-              colorItemTextSelected: ((_v = (_u = token.layout) == null ? void 0 : _u.header) == null ? void 0 : _v.colorTextMenuSelected) || "rgba(0, 0, 0, 1)",
-              popupBg: token == null ? void 0 : token.colorBgElevated,
-              subMenuItemBg: token == null ? void 0 : token.colorBgElevated,
-              darkSubMenuItemBg: "transparent",
-              darkPopupBg: token == null ? void 0 : token.colorBgElevated
-            }))
+  var headerDom = renderLogoAndTitle(_objectSpread(_objectSpread({}, props), {}, {
+    collapsed: false
+  }), renderKey);
+  var _useContext3 = useContext(ProProvider),
+    token = _useContext3.token;
+  var contentDom = useMemo(function () {
+    var _token$layout, _token$layout2, _token$layout3, _token$layout4, _token$layout5, _token$layout6, _token$layout7, _token$layout8, _token$layout9, _token$layout10, _token$layout11, _props$menuProps;
+    var defaultDom = /*#__PURE__*/_jsx(ConfigProvider // @ts-ignore
+    , {
+      theme: {
+        hashed: isNeedOpenHash(),
+        components: {
+          Layout: {
+            headerBg: 'transparent',
+            bodyBg: 'transparent'
           },
-          token: {
-            colorBgElevated: ((_x = (_w = token.layout) == null ? void 0 : _w.header) == null ? void 0 : _x.colorBgHeader) || "transparent"
+          Menu: {
+            itemBg: ((_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.header) === null || _token$layout === void 0 ? void 0 : _token$layout.colorBgHeader) || 'transparent',
+            subMenuItemBg: ((_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.header) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.colorBgHeader) || 'transparent',
+            itemBorderRadius: token.borderRadius,
+            itemSelectedBg: ((_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.header) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorBgMenuItemSelected) || (token === null || token === void 0 ? void 0 : token.colorBgTextHover),
+            horizontalItemSelectedBg: ((_token$layout4 = token.layout) === null || _token$layout4 === void 0 || (_token$layout4 = _token$layout4.header) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.colorBgMenuItemSelected) || (token === null || token === void 0 ? void 0 : token.colorBgTextHover),
+            activeBarWidth: 0,
+            activeBarHeight: 0,
+            activeBarBorderWidth: 0,
+            itemColor: ((_token$layout5 = token.layout) === null || _token$layout5 === void 0 || (_token$layout5 = _token$layout5.header) === null || _token$layout5 === void 0 ? void 0 : _token$layout5.colorTextMenu) || (token === null || token === void 0 ? void 0 : token.colorTextSecondary),
+            horizontalItemHoverColor: ((_token$layout6 = token.layout) === null || _token$layout6 === void 0 || (_token$layout6 = _token$layout6.header) === null || _token$layout6 === void 0 ? void 0 : _token$layout6.colorTextMenuActive) || (token === null || token === void 0 ? void 0 : token.colorText),
+            horizontalItemSelectedColor: ((_token$layout7 = token.layout) === null || _token$layout7 === void 0 || (_token$layout7 = _token$layout7.header) === null || _token$layout7 === void 0 ? void 0 : _token$layout7.colorTextMenuSelected) || (token === null || token === void 0 ? void 0 : token.colorTextBase),
+            horizontalItemBorderRadius: 4,
+            itemHoverColor: ((_token$layout8 = token.layout) === null || _token$layout8 === void 0 || (_token$layout8 = _token$layout8.header) === null || _token$layout8 === void 0 ? void 0 : _token$layout8.colorTextMenuActive) || 'rgba(0, 0, 0, 0.85)',
+            horizontalItemHoverBg: ((_token$layout9 = token.layout) === null || _token$layout9 === void 0 || (_token$layout9 = _token$layout9.header) === null || _token$layout9 === void 0 ? void 0 : _token$layout9.colorBgMenuItemHover) || 'rgba(0, 0, 0, 0.04)',
+            itemSelectedColor: ((_token$layout10 = token.layout) === null || _token$layout10 === void 0 || (_token$layout10 = _token$layout10.header) === null || _token$layout10 === void 0 ? void 0 : _token$layout10.colorTextMenuSelected) || 'rgba(0, 0, 0, 1)',
+            popupBg: token === null || token === void 0 ? void 0 : token.colorBgElevated,
+            darkSubMenuItemBg: 'transparent',
+            darkPopupBg: token === null || token === void 0 ? void 0 : token.colorBgElevated
           }
+        },
+        token: {
+          colorBgElevated: ((_token$layout11 = token.layout) === null || _token$layout11 === void 0 || (_token$layout11 = _token$layout11.header) === null || _token$layout11 === void 0 ? void 0 : _token$layout11.colorBgHeader) || 'transparent'
         }
       },
-      /* @__PURE__ */ React.createElement(
-        BaseMenu,
-        __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-          theme: dark ? "dark" : "light"
-        }, props), {
-          className: `${prefixCls}-base-menu ${hashId}`.trim()
-        }), props.menuProps), {
-          style: __spreadValues({
-            width: "100%"
-          }, (_y = props.menuProps) == null ? void 0 : _y.style),
-          collapsed: false,
-          menuRenderType: "header",
-          mode: "horizontal"
-        })
-      )
-    );
+      children: /*#__PURE__*/_jsx(BaseMenu, _objectSpread(_objectSpread(_objectSpread({
+        theme: dark ? 'dark' : 'light'
+      }, props), {}, {
+        className: "".concat(prefixCls, "-base-menu ").concat(hashId).trim()
+      }, props.menuProps), {}, {
+        style: _objectSpread({
+          width: '100%'
+        }, (_props$menuProps = props.menuProps) === null || _props$menuProps === void 0 ? void 0 : _props$menuProps.style),
+        collapsed: false,
+        menuRenderType: "header",
+        mode: "horizontal"
+      }))
+    });
     if (headerContentRender) {
       return headerContentRender(props, defaultDom);
     }
     return defaultDom;
-  }, [
-    (_b = (_a = token.layout) == null ? void 0 : _a.header) == null ? void 0 : _b.colorBgHeader,
-    (_d = (_c = token.layout) == null ? void 0 : _c.header) == null ? void 0 : _d.colorBgMenuItemSelected,
-    (_f = (_e = token.layout) == null ? void 0 : _e.header) == null ? void 0 : _f.colorBgMenuItemHover,
-    (_h = (_g = token.layout) == null ? void 0 : _g.header) == null ? void 0 : _h.colorTextMenu,
-    (_j = (_i = token.layout) == null ? void 0 : _i.header) == null ? void 0 : _j.colorTextMenuActive,
-    (_l = (_k = token.layout) == null ? void 0 : _k.header) == null ? void 0 : _l.colorTextMenuSelected,
-    (_n = (_m = token.layout) == null ? void 0 : _m.header) == null ? void 0 : _n.colorBgMenuElevated,
-    token.borderRadius,
-    token == null ? void 0 : token.colorBgTextHover,
-    token == null ? void 0 : token.colorTextSecondary,
-    token == null ? void 0 : token.colorText,
-    token == null ? void 0 : token.colorTextBase,
-    token.colorBgElevated,
-    dark,
-    props,
-    prefixCls,
-    hashId,
-    headerContentRender
-  ]);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(prefixCls, hashId, propsClassName, {
-          [`${prefixCls}-light`]: true
-        }),
-        style
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref,
-          className: classNames(`${prefixCls}-main`, hashId, {
-            [`${prefixCls}-wide`]: contentWidth === "Fixed" && layout === "top"
-          })
+  }, [(_token$layout12 = token.layout) === null || _token$layout12 === void 0 || (_token$layout12 = _token$layout12.header) === null || _token$layout12 === void 0 ? void 0 : _token$layout12.colorBgHeader, (_token$layout13 = token.layout) === null || _token$layout13 === void 0 || (_token$layout13 = _token$layout13.header) === null || _token$layout13 === void 0 ? void 0 : _token$layout13.colorBgMenuItemSelected, (_token$layout14 = token.layout) === null || _token$layout14 === void 0 || (_token$layout14 = _token$layout14.header) === null || _token$layout14 === void 0 ? void 0 : _token$layout14.colorBgMenuItemHover, (_token$layout15 = token.layout) === null || _token$layout15 === void 0 || (_token$layout15 = _token$layout15.header) === null || _token$layout15 === void 0 ? void 0 : _token$layout15.colorTextMenu, (_token$layout16 = token.layout) === null || _token$layout16 === void 0 || (_token$layout16 = _token$layout16.header) === null || _token$layout16 === void 0 ? void 0 : _token$layout16.colorTextMenuActive, (_token$layout17 = token.layout) === null || _token$layout17 === void 0 || (_token$layout17 = _token$layout17.header) === null || _token$layout17 === void 0 ? void 0 : _token$layout17.colorTextMenuSelected, (_token$layout18 = token.layout) === null || _token$layout18 === void 0 || (_token$layout18 = _token$layout18.header) === null || _token$layout18 === void 0 ? void 0 : _token$layout18.colorBgMenuElevated, token.borderRadius, token === null || token === void 0 ? void 0 : token.colorBgTextHover, token === null || token === void 0 ? void 0 : token.colorTextSecondary, token === null || token === void 0 ? void 0 : token.colorText, token === null || token === void 0 ? void 0 : token.colorTextBase, token.colorBgElevated, dark, props, prefixCls, hashId, headerContentRender]);
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    className: classNames(prefixCls, hashId, propsClassName, _defineProperty({}, "".concat(prefixCls, "-light"), true)),
+    style: style,
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      className: classNames("".concat(prefixCls, "-main"), hashId, _defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed' && layout === 'top')),
+      children: [headerDom && /*#__PURE__*/_jsxs("div", {
+        className: classNames("".concat(prefixCls, "-main-left ").concat(hashId)),
+        onClick: onMenuHeaderClick,
+        children: [/*#__PURE__*/_jsx(AppsLogoComponents, _objectSpread({}, props)), /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefixCls, "-logo ").concat(hashId).trim(),
+          id: "logo",
+          children: headerDom
+        }, "logo")]
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          flex: 1
         },
-        headerDom && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(`${prefixCls}-main-left ${hashId}`),
-            onClick: onMenuHeaderClick
-          },
-          /* @__PURE__ */ React.createElement(AppsLogoComponents, __spreadValues({}, props)),
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: `${prefixCls}-logo ${hashId}`.trim(),
-              key: "logo",
-              id: "logo"
-            },
-            headerDom
-          )
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: { flex: 1 },
-            className: `${prefixCls}-menu ${hashId}`.trim()
-          },
-          contentDom
-        ),
-        (rightContentRender || actionsRender || props.avatarProps) && /* @__PURE__ */ React.createElement(
-          ActionsContent,
-          __spreadProps(__spreadValues({
-            rightContentRender
-          }, props), {
-            prefixCls
-          })
-        )
-      )
-    )
-  );
-};
-export {
-  TopNavHeader
+        className: "".concat(prefixCls, "-menu ").concat(hashId).trim(),
+        children: contentDom
+      }), (actionsRender || props.avatarProps) && /*#__PURE__*/_jsx(ActionsContent, _objectSpread(_objectSpread({}, props), {}, {
+        prefixCls: prefixCls
+      }))]
+    })
+  }));
 };
+export { TopNavHeader };

package/es/layout/components/TopNavHeader/style.js

@@ -1,104 +1,76 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/components/TopNavHeader/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genTopNavHeaderStyle = (token) => {
-  var _a, _b, _c, _d;
-  return {
-    [token.componentCls]: {
-      position: "relative",
-      width: "100%",
-      height: "100%",
-      backgroundColor: "transparent",
-      ".anticon": {
-        color: "inherit"
-      },
-      "&-main": {
-        display: "flex",
-        height: "100%",
-        paddingInlineStart: "16px",
-        "&-left": {
-          display: "flex",
-          alignItems: "center",
-          [`${token.proComponentsCls}-layout-apps-icon`]: {
-            marginInlineEnd: 16,
-            marginInlineStart: -8
-          }
-        }
+var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
+  var _token$layout, _token$layout2;
+  return _defineProperty({}, token.componentCls, {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    backgroundColor: 'transparent',
+    '.anticon': {
+      color: 'inherit'
+    },
+    '&-main': {
+      display: 'flex',
+      height: '100%',
+      paddingInlineStart: '16px',
+      '&-left': _defineProperty({
+        display: 'flex',
+        alignItems: 'center'
+      }, "".concat(token.proComponentsCls, "-layout-apps-icon"), {
+        marginInlineEnd: 16,
+        marginInlineStart: -8
+      })
+    },
+    '&-wide': {
+      maxWidth: 1152,
+      margin: '0 auto'
+    },
+    '&-logo': {
+      position: 'relative',
+      display: 'flex',
+      height: '100%',
+      alignItems: 'center',
+      overflow: 'hidden',
+      '> *:first-child': {
+        display: 'flex',
+        alignItems: 'center',
+        minHeight: '22px',
+        fontSize: '22px'
       },
-      "&-wide": {
-        maxWidth: 1152,
-        margin: "0 auto"
+      '> *:first-child > img': {
+        display: 'inline-block',
+        height: '32px',
+        verticalAlign: 'middle'
       },
-      "&-logo": {
-        position: "relative",
-        display: "flex",
-        height: "100%",
-        alignItems: "center",
-        overflow: "hidden",
-        "> *:first-child": {
-          display: "flex",
-          alignItems: "center",
-          minHeight: "22px",
-          fontSize: "22px"
-        },
-        "> *:first-child > img": {
-          display: "inline-block",
-          height: "32px",
-          verticalAlign: "middle"
-        },
-        "> *:first-child > h1": {
-          display: "inline-block",
-          marginBlock: 0,
-          marginInline: 0,
-          lineHeight: "24px",
-          marginInlineStart: 6,
-          fontWeight: "600",
-          fontSize: "16px",
-          color: (_b = (_a = token.layout) == null ? void 0 : _a.header) == null ? void 0 : _b.colorHeaderTitle,
-          verticalAlign: "top"
-        }
-      },
-      "&-menu": {
-        minWidth: 0,
-        display: "flex",
-        alignItems: "center",
-        paddingInline: 6,
-        paddingBlock: 6,
-        lineHeight: `${Math.max(
-          (((_d = (_c = token.layout) == null ? void 0 : _c.header) == null ? void 0 : _d.heightLayoutHeader) || 56) - 12,
-          40
-        )}px`
+      '> *:first-child > h1': {
+        display: 'inline-block',
+        marginBlock: 0,
+        marginInline: 0,
+        lineHeight: '24px',
+        marginInlineStart: 6,
+        fontWeight: '600',
+        fontSize: '16px',
+        color: (_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.header) === null || _token$layout === void 0 ? void 0 : _token$layout.colorHeaderTitle,
+        verticalAlign: 'top'
       }
+    },
+    '&-menu': {
+      minWidth: 0,
+      display: 'flex',
+      alignItems: 'center',
+      paddingInline: 6,
+      paddingBlock: 6,
+      lineHeight: "".concat(Math.max((((_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.header) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.heightLayoutHeader) || 56) - 12, 40), "px")
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ProLayoutTopNavHeader", (token) => {
-    const topNavHeaderToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayoutTopNavHeader', function (token) {
+    var topNavHeaderToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genTopNavHeaderStyle(topNavHeaderToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/context/RouteContext.js

@@ -1,6 +1,2 @@
-// src/layout/context/RouteContext.tsx
-import { createContext } from "react";
-var RouteContext = createContext({});
-export {
-  RouteContext
-};
+import { createContext } from 'react';
+export var RouteContext = /*#__PURE__*/createContext({});

package/es/layout/defaultSettings.js

@@ -1,14 +1,11 @@
-// src/layout/defaultSettings.ts
 var defaultSettings = {
-  navTheme: "light",
-  layout: "side",
-  contentWidth: "Fluid",
+  navTheme: 'light',
+  layout: 'side',
+  contentWidth: 'Fluid',
   fixedHeader: false,
   fixSiderbar: true,
-  iconfontUrl: "",
-  colorPrimary: "#1677FF",
+  iconfontUrl: '',
+  colorPrimary: '#1677FF',
   splitMenus: false
 };
-export {
-  defaultSettings
-};
+export { defaultSettings };