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

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

@@ -1,223 +1,129 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/TopNavHeader/index.tsx
-var TopNavHeader_exports = {};
-__export(TopNavHeader_exports, {
-  TopNavHeader: () => TopNavHeader
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TopNavHeader_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_AppsLogoComponents = require("../AppsLogoComponents");
-var import_ActionsContent = require("../GlobalHeader/ActionsContent");
-var import_BaseMenu = require("../SiderMenu/BaseMenu");
-var import_SiderMenu = require("../SiderMenu/SiderMenu");
-var import_style = require("./style");
-var TopNavHeader = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const ref = (0, import_react.useRef)(null);
-  const {
-    onMenuHeaderClick,
-    contentWidth,
-    rightContentRender,
-    className: propsClassName,
-    style,
-    headerContentRender,
-    layout,
-    actionsRender
-  } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const { dark } = (0, import_react.useContext)(import_provider.ProProvider);
-  const prefixCls = `${props.prefixCls || getPrefixCls("pro")}-top-nav-header`;
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(prefixCls);
-  let renderKey = void 0;
-  if (props.menuHeaderRender !== void 0) {
-    renderKey = "menuHeaderRender";
-  } else if (layout === "mix" || layout === "top") {
-    renderKey = "headerTitleRender";
+exports.TopNavHeader = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _AppsLogoComponents = require("../AppsLogoComponents");
+var _ActionsContent = require("../GlobalHeader/ActionsContent");
+var _BaseMenu = require("../SiderMenu/BaseMenu");
+var _SiderMenu = require("../SiderMenu/SiderMenu");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var TopNavHeader = exports.TopNavHeader = function TopNavHeader(props) {
+  var _token$layout12, _token$layout13, _token$layout14, _token$layout15, _token$layout16, _token$layout17, _token$layout18;
+  var ref = (0, _react.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 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useContext2 = (0, _react.useContext)(_provider.ProProvider),
+    dark = _useContext2.dark;
+  var prefixCls = "".concat(props.prefixCls || getPrefixCls('pro'), "-top-nav-header");
+  var _useStyle = (0, _style.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 = (0, import_SiderMenu.renderLogoAndTitle)(
-    __spreadProps(__spreadValues({}, props), { collapsed: false }),
-    renderKey
-  );
-  const { token } = (0, import_react.useContext)(import_provider.ProProvider);
-  const contentDom = (0, import_react.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__ */ import_react.default.createElement(
-      import_antd.ConfigProvider,
-      {
-        theme: {
-          hashed: (0, import_provider.isNeedOpenHash)(),
-          components: {
-            Layout: {
-              headerBg: "transparent",
-              bodyBg: "transparent"
-            },
-            Menu: __spreadValues({}, (0, import_utils.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 = (0, _SiderMenu.renderLogoAndTitle)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    collapsed: false
+  }), renderKey);
+  var _useContext3 = (0, _react.useContext)(_provider.ProProvider),
+    token = _useContext3.token;
+  var contentDom = (0, _react.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__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider // @ts-ignore
+    , {
+      theme: {
+        hashed: (0, _provider.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__ */ import_react.default.createElement(
-        import_BaseMenu.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__*/(0, _jsxRuntime.jsx)(_BaseMenu.BaseMenu, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+        theme: dark ? 'dark' : 'light'
+      }, props), {}, {
+        className: "".concat(prefixCls, "-base-menu ").concat(hashId).trim()
+      }, props.menuProps), {}, {
+        style: (0, _objectSpread2.default)({
+          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__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(prefixCls, hashId, propsClassName, {
-          [`${prefixCls}-light`]: true
-        }),
-        style
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          ref,
-          className: (0, import_classnames.default)(`${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__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(prefixCls, hashId, propsClassName, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-light"), true)),
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: ref,
+      className: (0, _classnames.default)("".concat(prefixCls, "-main"), hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed' && layout === 'top')),
+      children: [headerDom && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)("".concat(prefixCls, "-main-left ").concat(hashId)),
+        onClick: onMenuHeaderClick,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppsLogoComponents.AppsLogoComponents, (0, _objectSpread2.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-logo ").concat(hashId).trim(),
+          id: "logo",
+          children: headerDom
+        }, "logo")]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          flex: 1
         },
-        headerDom && /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: (0, import_classnames.default)(`${prefixCls}-main-left ${hashId}`),
-            onClick: onMenuHeaderClick
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_AppsLogoComponents.AppsLogoComponents, __spreadValues({}, props)),
-          /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: `${prefixCls}-logo ${hashId}`.trim(),
-              key: "logo",
-              id: "logo"
-            },
-            headerDom
-          )
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            style: { flex: 1 },
-            className: `${prefixCls}-menu ${hashId}`.trim()
-          },
-          contentDom
-        ),
-        (rightContentRender || actionsRender || props.avatarProps) && /* @__PURE__ */ import_react.default.createElement(
-          import_ActionsContent.ActionsContent,
-          __spreadProps(__spreadValues({
-            rightContentRender
-          }, props), {
-            prefixCls
-          })
-        )
-      )
-    )
-  );
-};
+        className: "".concat(prefixCls, "-menu ").concat(hashId).trim(),
+        children: contentDom
+      }), (actionsRender || props.avatarProps) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionsContent.ActionsContent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        prefixCls: prefixCls
+      }))]
+    })
+  }));
+};

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

@@ -1,121 +1,83 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/TopNavHeader/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genTopNavHeaderStyle = (token) => {
-  var _a, _b, _c, _d;
-  return {
-    [token.componentCls]: {
-      position: "relative",
-      width: "100%",
-      height: "100%",
-      backgroundColor: "transparent",
-      ".anticon": {
-        color: "inherit"
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
+  var _token$layout, _token$layout2;
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    backgroundColor: 'transparent',
+    '.anticon': {
+      color: 'inherit'
+    },
+    '&-main': {
+      display: 'flex',
+      height: '100%',
+      paddingInlineStart: '16px',
+      '&-left': (0, _defineProperty2.default)({
+        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'
       },
-      "&-main": {
-        display: "flex",
-        height: "100%",
-        paddingInlineStart: "16px",
-        "&-left": {
-          display: "flex",
-          alignItems: "center",
-          [`${token.proComponentsCls}-layout-apps-icon`]: {
-            marginInlineEnd: 16,
-            marginInlineStart: -8
-          }
-        }
+      '> *:first-child > img': {
+        display: 'inline-block',
+        height: '32px',
+        verticalAlign: 'middle'
       },
-      "&-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"
-        },
-        "> *: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 (0, import_provider.useStyle)("ProLayoutTopNavHeader", (token) => {
-    const topNavHeaderToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('ProLayoutTopNavHeader', function (token) {
+    var topNavHeaderToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genTopNavHeaderStyle(topNavHeaderToken)];
   });
-}
+}

package/lib/layout/context/RouteContext.js

@@ -1,26 +1,8 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/context/RouteContext.tsx
-var RouteContext_exports = {};
-__export(RouteContext_exports, {
-  RouteContext: () => RouteContext
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RouteContext_exports);
-var import_react = require("react");
-var RouteContext = (0, import_react.createContext)({});
+exports.RouteContext = void 0;
+var _react = require("react");
+var RouteContext = exports.RouteContext = /*#__PURE__*/(0, _react.createContext)({});

package/lib/layout/defaultSettings.js

@@ -1,34 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/defaultSettings.ts
-var defaultSettings_exports = {};
-__export(defaultSettings_exports, {
-  defaultSettings: () => defaultSettings
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(defaultSettings_exports);
-var defaultSettings = {
-  navTheme: "light",
-  layout: "side",
-  contentWidth: "Fluid",
+exports.defaultSettings = void 0;
+var defaultSettings = exports.defaultSettings = {
+  navTheme: 'light',
+  layout: 'side',
+  contentWidth: 'Fluid',
   fixedHeader: false,
   fixSiderbar: true,
-  iconfontUrl: "",
-  colorPrimary: "#1677FF",
+  iconfontUrl: '',
+  colorPrimary: '#1677FF',
   splitMenus: false
-};
+};