@ant-design/pro-components 2.0.0-experimental.16 → 2.0.0-experimental.17

package/dist/components.js

@@ -60124,7 +60124,7 @@ var SiderMenu = function SiderMenu(props) {
 };
 
 
-;// CONCATENATED MODULE: ./packages/layout/es/components/TopNavHeader/style.js
+;// CONCATENATED MODULE: ./packages/layout/es/components/GlobalHeader/rightContentStyle.js
 
 
 
@@ -60133,64 +60133,6 @@ var SiderMenu = function SiderMenu(props) {
 
 var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
-    position: 'relative',
-    width: '100%',
-    height: '100%',
-    backgroundColor: 'transparent',
-    '.anticon': {
-      color: 'inherit'
-    },
-    '&-main': {
-      display: 'flex',
-      height: '100%',
-      paddingInlineStart: '16px',
-      '&-left': defineProperty_defineProperty({
-        display: 'flex',
-        alignItems: 'center',
-        minWidth: '192px'
-      }, "".concat(token.proComponentsCls, "-layout-apps-icon"), {
-        marginInlineEnd: 16,
-        marginInlineStart: -8
-      })
-    },
-    '&-logo': {
-      position: 'relative',
-      minWidth: '165px',
-      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: token === null || token === void 0 ? void 0 : token.colorHeaderTitle,
-        verticalAlign: 'top'
-      }
-    },
-    '&-menu': {
-      minWidth: 0,
-      display: 'flex',
-      alignItems: 'center',
-      paddingInline: 6,
-      paddingBlock: 6,
-      lineHeight: "".concat(token.heightLayoutHeader - 12, "px")
-    },
     '&-header-actions': {
       display: 'flex',
       height: '100%',
@@ -60239,31 +60181,27 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
   });
 };
 
-function TopNavHeader_style_useStyle(prefixCls) {
+function rightContentStyle_useStyle(prefixCls) {
   var _useContext = (0,external_React_.useContext)(ProLayoutContext),
       header = _useContext.header;
 
-  return useStyle('top-nav-header', function (token) {
-    var topNavHeaderToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
+  return useStyle('RightContent', function (token) {
+    var proToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
       componentCls: ".".concat(prefixCls)
     }, header);
 
-    return [genTopNavHeaderStyle(topNavHeaderToken)];
+    return [genTopNavHeaderStyle(proToken)];
   });
 }
-;// CONCATENATED MODULE: ./packages/layout/es/components/TopNavHeader/index.js
-
-
+;// CONCATENATED MODULE: ./packages/layout/es/components/GlobalHeader/RightContent.js
 
 
 
 
-var TopNavHeader_excluded = ["rightContentRender", "prefixCls", "avatarProps", "actionsRender", "headerContentRender"],
-    TopNavHeader_excluded2 = ["title"];
-
-
 
 
+var RightContent_excluded = ["rightContentRender", "avatarProps", "actionsRender", "headerContentRender"],
+    RightContent_excluded2 = ["title"];
 
 
 
@@ -60280,11 +60218,19 @@ var TopNavHeader_excluded = ["rightContentRender", "prefixCls", "avatarProps", "
 
 var RightContent = function RightContent(_ref) {
   var rightContentRender = _ref.rightContentRender,
-      prefixCls = _ref.prefixCls,
       avatarProps = _ref.avatarProps,
       actionsRender = _ref.actionsRender,
       headerContentRender = _ref.headerContentRender,
-      props = objectWithoutProperties_objectWithoutProperties(_ref, TopNavHeader_excluded);
+      props = objectWithoutProperties_objectWithoutProperties(_ref, RightContent_excluded);
+
+  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls;
+
+  var prefixCls = "".concat(getPrefixCls(), "-pro-global-header");
+
+  var _useStyle = rightContentStyle_useStyle(prefixCls),
+      wrapSSR = _useStyle.wrapSSR,
+      hashId = _useStyle.hashId;
 
   var _useState = (0,external_React_.useState)('auto'),
       _useState2 = slicedToArray_slicedToArray(_useState, 2),
@@ -60295,7 +60241,7 @@ var RightContent = function RightContent(_ref) {
     if (!avatarProps) return null;
 
     var title = avatarProps.title,
-        rest = objectWithoutProperties_objectWithoutProperties(avatarProps, TopNavHeader_excluded2);
+        rest = objectWithoutProperties_objectWithoutProperties(avatarProps, RightContent_excluded2);
 
     return [/*#__PURE__*/(0,external_React_.createElement)(external_antd_.Avatar, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, rest), {}, {
       size: 28,
@@ -60312,8 +60258,8 @@ var RightContent = function RightContent(_ref) {
     var doms = actionsRender && (actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(restParams));
     if (!doms && !avatarDom) return null;
     if (!Array.isArray(doms)) doms = [doms];
-    return (0,jsx_runtime.jsxs)("div", {
-      className: "".concat(prefixCls, "-header-actions"),
+    return wrapSSR((0,jsx_runtime.jsxs)("div", {
+      className: "".concat(prefixCls, "-header-actions ").concat(hashId),
       children: [doms.filter(Boolean).map(function (dom, index) {
         var hideHover = false; // 如果配置了 hideHover 就不展示 hover 效果了
 
@@ -60333,7 +60279,7 @@ var RightContent = function RightContent(_ref) {
           children: avatarDom
         })
       })]
-    });
+    }));
   };
   /** 减少一下渲染的次数 */
 
@@ -60390,6 +60336,101 @@ var RightContent = function RightContent(_ref) {
     })
   });
 };
+;// CONCATENATED MODULE: ./packages/layout/es/components/TopNavHeader/style.js
+
+
+
+
+
+
+var style_genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
+  return defineProperty_defineProperty({}, token.componentCls, {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    backgroundColor: 'transparent',
+    '.anticon': {
+      color: 'inherit'
+    },
+    '&-main': {
+      display: 'flex',
+      height: '100%',
+      paddingInlineStart: '16px',
+      '&-left': defineProperty_defineProperty({
+        display: 'flex',
+        alignItems: 'center',
+        minWidth: '192px'
+      }, "".concat(token.proComponentsCls, "-layout-apps-icon"), {
+        marginInlineEnd: 16,
+        marginInlineStart: -8
+      })
+    },
+    '&-logo': {
+      position: 'relative',
+      minWidth: '165px',
+      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: token === null || token === void 0 ? void 0 : token.colorHeaderTitle,
+        verticalAlign: 'top'
+      }
+    },
+    '&-menu': {
+      minWidth: 0,
+      display: 'flex',
+      alignItems: 'center',
+      paddingInline: 6,
+      paddingBlock: 6,
+      lineHeight: "".concat(token.heightLayoutHeader - 12, "px")
+    }
+  });
+};
+
+function TopNavHeader_style_useStyle(prefixCls) {
+  var _useContext = (0,external_React_.useContext)(ProLayoutContext),
+      header = _useContext.header;
+
+  return useStyle('top-nav-header', function (token) {
+    var topNavHeaderToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    }, header);
+
+    return [style_genTopNavHeaderStyle(topNavHeaderToken)];
+  });
+}
+;// CONCATENATED MODULE: ./packages/layout/es/components/TopNavHeader/index.js
+
+
+
+
+
+
+
+
+
+
+
+
 
 var TopNavHeader = function TopNavHeader(props) {
   var ref = (0,external_React_.useRef)(null);
@@ -60579,6 +60620,7 @@ function GlobalHeader_style_useStyle(prefixCls) {
 
 
 
+
 var GlobalHeader_renderLogo = function renderLogo(menuHeaderRender, logoDom) {
   if (menuHeaderRender === false) {
     return null;
@@ -94094,17 +94136,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.0-experimental.11",
-  "@ant-design/pro-components": "2.0.0-experimental.15",
-  "@ant-design/pro-descriptions": "2.0.0-experimental.11",
-  "@ant-design/pro-field": "2.0.0-experimental.11",
-  "@ant-design/pro-form": "2.0.0-experimental.11",
-  "@ant-design/pro-layout": "7.0.0-experimental.15",
-  "@ant-design/pro-list": "2.0.0-experimental.12",
-  "@ant-design/pro-provider": "2.0.0-experimental.6",
-  "@ant-design/pro-skeleton": "2.0.0-experimental.5",
-  "@ant-design/pro-table": "3.0.0-experimental.12",
-  "@ant-design/pro-utils": "2.0.0-experimental.11"
+  "@ant-design/pro-card": "2.0.0-experimental.12",
+  "@ant-design/pro-components": "2.0.0-experimental.16",
+  "@ant-design/pro-descriptions": "2.0.0-experimental.12",
+  "@ant-design/pro-field": "2.0.0-experimental.12",
+  "@ant-design/pro-form": "2.0.0-experimental.12",
+  "@ant-design/pro-layout": "7.0.0-experimental.16",
+  "@ant-design/pro-list": "2.0.0-experimental.13",
+  "@ant-design/pro-provider": "2.0.0-experimental.7",
+  "@ant-design/pro-skeleton": "2.0.0-experimental.6",
+  "@ant-design/pro-table": "3.0.0-experimental.13",
+  "@ant-design/pro-utils": "2.0.0-experimental.12"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx