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

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

@@ -1,66 +1,48 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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/GlobalFooter/index.tsx
-var GlobalFooter_exports = {};
-__export(GlobalFooter_exports, {
-  GlobalFooter: () => GlobalFooter
+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(GlobalFooter_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_style = require("./style");
-var GlobalFooter = ({
-  className,
-  prefixCls,
-  links,
-  copyright,
-  style
-}) => {
-  const context = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const baseClassName = context.getPrefixCls(prefixCls || "pro-global-footer");
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(baseClassName);
+exports.GlobalFooter = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var GlobalFooter = exports.GlobalFooter = function GlobalFooter(_ref) {
+  var className = _ref.className,
+    prefixCls = _ref.prefixCls,
+    links = _ref.links,
+    copyright = _ref.copyright,
+    style = _ref.style;
+  var context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  var baseClassName = context.getPrefixCls(prefixCls || 'pro-global-footer');
+  var _useStyle = (0, _style.useStyle)(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
   if ((links == null || links === false || Array.isArray(links) && links.length === 0) && (copyright == null || copyright === false)) {
     return null;
   }
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(baseClassName, hashId, className), style }, links && /* @__PURE__ */ import_react.default.createElement("div", { className: `${baseClassName}-list ${hashId}`.trim() }, links.map((link) => /* @__PURE__ */ import_react.default.createElement(
-      "a",
-      {
-        className: `${baseClassName}-list-link ${hashId}`.trim(),
-        key: link.key,
-        title: link.key,
-        target: link.blankTarget ? "_blank" : "_self",
-        href: link.href,
-        rel: "noreferrer"
-      },
-      link.title
-    ))), copyright && /* @__PURE__ */ import_react.default.createElement("div", { className: `${baseClassName}-copyright ${hashId}`.trim() }, copyright))
-  );
-};
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, hashId, className),
+    style: style,
+    children: [links && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(baseClassName, "-list ").concat(hashId).trim(),
+      children: links.map(function (link) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          className: "".concat(baseClassName, "-list-link ").concat(hashId).trim(),
+          title: link.key,
+          target: link.blankTarget ? '_blank' : '_self',
+          href: link.href,
+          rel: "noreferrer",
+          children: link.title
+        }, link.key);
+      })
+    }), copyright && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(baseClassName, "-copyright ").concat(hashId).trim(),
+      children: copyright
+    })]
+  }));
+};

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

@@ -1,78 +1,47 @@
-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/GlobalFooter/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 genFooterToolBarStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      marginBlock: 0,
-      marginBlockStart: 48,
-      marginBlockEnd: 24,
-      marginInline: 0,
-      paddingBlock: 0,
-      paddingInline: 16,
-      textAlign: "center",
-      "&-list": {
-        marginBlockEnd: 8,
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    marginBlock: 0,
+    marginBlockStart: 48,
+    marginBlockEnd: 24,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 16,
+    textAlign: 'center',
+    '&-list': {
+      marginBlockEnd: 8,
+      color: token.colorTextSecondary,
+      '&-link': {
         color: token.colorTextSecondary,
-        "&-link": {
-          color: token.colorTextSecondary,
-          textDecoration: token.linkDecoration
-        },
-        "*:not(:last-child)": {
-          marginInlineEnd: 8
-        },
-        "&:hover": {
-          color: token.colorPrimary
-        }
+        textDecoration: token.linkDecoration
+      },
+      '*:not(:last-child)': {
+        marginInlineEnd: 8
       },
-      "&-copyright": { fontSize: "14px", color: token.colorText }
+      '&:hover': {
+        color: token.colorPrimary
+      }
+    },
+    '&-copyright': {
+      fontSize: '14px',
+      color: token.colorText
     }
-  };
+  });
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("ProLayoutFooter", (token) => {
-    const proCardToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('ProLayoutFooter', function (token) {
+    var proCardToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genFooterToolBarStyle(proCardToken)];
   });
-}
+}

package/lib/layout/components/GlobalHeader/ActionsContent.js

@@ -1,218 +1,148 @@
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/layout/components/GlobalHeader/ActionsContent.tsx
-var ActionsContent_exports = {};
-__export(ActionsContent_exports, {
-  ActionsContent: () => ActionsContent
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ActionsContent_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_rc_resize_observer = __toESM(require("rc-resize-observer"));
-var import_react = __toESM(require("react"));
-var import_utils = require("../../../utils");
-var import_rightContentStyle = require("./rightContentStyle");
-var ActionsContent = (_a) => {
-  var _b = _a, {
-    rightContentRender,
-    avatarProps,
-    actionsRender,
-    headerContentRender
-  } = _b, props = __objRest(_b, [
-    "rightContentRender",
-    "avatarProps",
-    "actionsRender",
-    "headerContentRender"
-  ]);
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = `${getPrefixCls()}-pro-global-header`;
-  const { wrapSSR, hashId } = (0, import_rightContentStyle.useStyle)(prefixCls);
-  const [rightSize, setRightSize] = (0, import_react.useState)("auto");
-  const avatarDom = (0, import_react.useMemo)(() => {
-    if (!avatarProps)
-      return null;
-    const _a2 = avatarProps, { title, render } = _a2, rest = __objRest(_a2, ["title", "render"]);
-    const domList = [
-      (rest == null ? void 0 : rest.src) || (rest == null ? void 0 : rest.srcSet) || rest.icon || rest.children ? /* @__PURE__ */ import_react.default.createElement(import_antd.Avatar, __spreadProps(__spreadValues({}, rest), { size: 28, key: "avatar" })) : null,
-      title ? /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          key: "name",
-          style: {
-            marginInlineStart: 8
-          }
-        },
-        title
-      ) : void 0
-    ];
+exports.ActionsContent = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../utils");
+var _rightContentStyle = require("./rightContentStyle");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["avatarProps", "actionsRender", "headerContentRender"],
+  _excluded2 = ["title", "render"];
+/**
+ * 抽离出来是为了防止 rightSize 经常改变导致菜单 render
+ *
+ * @param param0
+ */
+var ActionsContent = exports.ActionsContent = function ActionsContent(_ref) {
+  var avatarProps = _ref.avatarProps,
+    actionsRender = _ref.actionsRender,
+    headerContentRender = _ref.headerContentRender,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = "".concat(getPrefixCls(), "-pro-global-header");
+  var _useStyle = (0, _rightContentStyle.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = (0, _react.useState)('auto'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    rightSize = _useState2[0],
+    setRightSize = _useState2[1];
+  var avatarDom = (0, _react.useMemo)(function () {
+    if (!avatarProps) return null;
+    var title = avatarProps.title,
+      render = avatarProps.render,
+      rest = (0, _objectWithoutProperties2.default)(avatarProps, _excluded2);
+    var domList = [rest !== null && rest !== void 0 && rest.src || rest !== null && rest !== void 0 && rest.srcSet || rest.icon || rest.children ? /*#__PURE__*/(0, _react.createElement)(_antd.Avatar, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+      size: 28,
+      key: "avatar"
+    })) : null, title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        marginInlineStart: 8
+      },
+      children: title
+    }, "name") : undefined];
     if (render) {
-      return render(avatarProps, /* @__PURE__ */ import_react.default.createElement("div", null, domList), props);
+      return render(avatarProps, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: domList
+      }), props);
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", null, domList);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: domList
+    });
   }, [avatarProps]);
-  const rightActionsRender = actionsRender || avatarDom ? (restParams) => {
-    const doms = actionsRender && (actionsRender == null ? void 0 : actionsRender(restParams));
-    if (!doms && !avatarDom)
-      return null;
-    if (!Array.isArray(doms))
-      return wrapSSR(
-        /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-actions ${hashId}`.trim() }, doms, avatarDom && /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: `${prefixCls}-header-actions-avatar ${hashId}`.trim()
-          },
-          avatarDom
-        ))
-      );
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-actions ${hashId}`.trim() }, doms.filter(Boolean).map((dom, index) => {
-        var _a2;
-        let hideHover = false;
-        if (import_react.default.isValidElement(dom)) {
-          hideHover = !!((_a2 = dom == null ? void 0 : dom.props) == null ? void 0 : _a2["aria-hidden"]);
+  var rightActionsRender = actionsRender || avatarDom ? function (restParams) {
+    var doms = actionsRender && (actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(restParams));
+    if (!doms && !avatarDom) return null;
+    if (!Array.isArray(doms)) return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(prefixCls, "-header-actions ").concat(hashId).trim(),
+      children: [doms, avatarDom && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-header-actions-avatar ").concat(hashId).trim(),
+        children: avatarDom
+      })]
+    }));
+    return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(prefixCls, "-header-actions ").concat(hashId).trim(),
+      children: [doms.filter(Boolean).map(function (dom, index) {
+        var hideHover = false;
+        // 如果配置了 hideHover 就不展示 hover 效果了
+        if ( /*#__PURE__*/_react.default.isValidElement(dom)) {
+          var _dom$props;
+          hideHover = !!(dom !== null && dom !== void 0 && (_dom$props = dom.props) !== null && _dom$props !== void 0 && _dom$props['aria-hidden']);
         }
-        return /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            key: index,
-            className: (0, import_classnames.default)(
-              `${prefixCls}-header-actions-item ${hashId}`,
-              {
-                [`${prefixCls}-header-actions-hover`]: !hideHover
-              }
-            )
-          },
-          dom
-        );
-      }), avatarDom && /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          className: `${prefixCls}-header-actions-avatar ${hashId}`.trim()
-        },
-        avatarDom
-      ))
-    );
-  } : void 0;
-  const setRightSizeDebounceFn = (0, import_utils.useDebounceFn)((width) => __async(void 0, null, function* () {
-    setRightSize(width);
-  }), 160);
-  const contentRender = rightActionsRender || rightContentRender;
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `${prefixCls}-right-content ${hashId}`.trim(),
-      style: {
-        minWidth: rightSize,
-        height: "100%"
-      }
-    },
-    contentRender ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: {
-          height: "100%"
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)("".concat(prefixCls, "-header-actions-item ").concat(hashId), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
+          children: dom
+        }, index);
+      }), avatarDom && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-header-actions-avatar ").concat(hashId).trim(),
+        children: avatarDom
+      })]
+    }));
+  } : undefined;
+  /** 减少一下渲染的次数 */
+  var setRightSizeDebounceFn = (0, _utils.useDebounceFn)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(width) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setRightSize(width);
+          case 1:
+          case "end":
+            return _context.stop();
         }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), 160);
+  var contentRender = rightActionsRender;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(prefixCls, "-right-content ").concat(hashId).trim(),
+    style: {
+      minWidth: rightSize,
+      height: '100%'
+    },
+    children: contentRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: '100%'
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_rc_resize_observer.default,
-        {
-          onResize: ({ width }) => {
-            setRightSizeDebounceFn.run(width);
-          }
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rcResizeObserver.default, {
+        onResize: function onResize(_ref3) {
+          var width = _ref3.width;
+          setRightSizeDebounceFn.run(width);
         },
-        (ref) => /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            ref,
+        children: function children(ref) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            ref: ref,
             style: {
-              display: "flex",
-              alignItems: "center",
-              height: "100%",
-              justifyContent: "flex-end"
-            }
-          },
-          contentRender ? contentRender(__spreadProps(__spreadValues({}, props), {
-            // 测试专用
-            //@ts-ignore
-            rightContentSize: rightSize
-          })) : null
-        )
-      )
-    ) : null
-  );
-};
+              display: 'flex',
+              alignItems: 'center',
+              height: '100%',
+              justifyContent: 'flex-end'
+            },
+            children: contentRender ? contentRender((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+              // 测试专用
+              //@ts-ignore
+              rightContentSize: rightSize
+            })) : null
+          });
+        }
+      })
+    }) : null
+  });
+};

package/lib/layout/components/GlobalHeader/index.d.ts

@@ -18,11 +18,6 @@ export type GlobalHeaderProps = {
      * @example 不展示菜单 menuRender={false}
      */
     menuRender?: WithFalse<(props: HeaderViewProps, defaultDom: React.ReactNode) => React.ReactNode>;
-    /**
-     * @deprecated
-     * 使用 actionsRender 和 avatarProps 代替
-     */
-    rightContentRender?: WithFalse<(props: HeaderViewProps) => React.ReactNode>;
     className?: string;
     prefixCls?: string;
     /** 相关品牌的列表 */