@ant-design/pro-components 3.1.0-0 → 3.1.1-1

package/es/layout/components/PageContainer/style/stylish.js

@@ -1,13 +1,15 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useStyle as useAntdStyle } from "../../../../provider";
-export function useStylish(prefixCls, _ref) {
-  var stylish = _ref.stylish;
-  return useAntdStyle('ProLayoutPageContainerStylish', function (token) {
-    var stylishToken = _objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+export function useStylish(prefixCls, {
+  stylish
+}) {
+  return useAntdStyle('ProLayoutPageContainerStylish', token => {
+    const stylishToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     if (!stylish) return [];
-    return [_defineProperty({}, "div".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken))];
+    return [{
+      [`div${stylishToken.componentCls}`]: stylish?.(stylishToken)
+    }];
   });
 }

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

@@ -1,170 +1,169 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { ArrowLeftOutlined, ArrowRightOutlined } from '@ant-design/icons';
+import ResizeObserver from '@rc-component/resize-observer';
 import { Avatar, Breadcrumb, ConfigProvider, Space } from 'antd';
-import classNames from 'classnames';
-import ResizeObserver from 'rc-resize-observer';
+import { clsx } from 'clsx';
 import React from 'react';
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var renderBack = function renderBack(prefixCls, hashId, backIcon, onBack) {
+const renderBack = (prefixCls, hashId, backIcon, onBack) => {
   if (!backIcon || !onBack) {
     return null;
   }
   return /*#__PURE__*/_jsx("div", {
-    className: "".concat(prefixCls, "-back ").concat(hashId).trim(),
+    className: `${prefixCls}-back ${hashId}`.trim(),
     children: /*#__PURE__*/_jsx("div", {
       role: "button",
-      onClick: function onClick(e) {
-        onBack === null || onBack === void 0 || onBack(e);
+      onClick: e => {
+        onBack?.(e);
       },
-      className: "".concat(prefixCls, "-back-button ").concat(hashId).trim(),
+      className: `${prefixCls}-back-button ${hashId}`.trim(),
       "aria-label": "back",
       children: backIcon
     })
   });
 };
-var renderBreadcrumb = function renderBreadcrumb(breadcrumb, prefixCls) {
-  var _breadcrumb$items;
-  if (!((_breadcrumb$items = breadcrumb.items) !== null && _breadcrumb$items !== void 0 && _breadcrumb$items.length)) return null;
-  return /*#__PURE__*/_jsx(Breadcrumb, _objectSpread(_objectSpread({}, breadcrumb), {}, {
-    className: classNames("".concat(prefixCls, "-breadcrumb"), breadcrumb.className)
-  }));
+const renderBreadcrumb = (breadcrumb, prefixCls) => {
+  if (!breadcrumb.items?.length) return null;
+  return /*#__PURE__*/_jsx(Breadcrumb, {
+    ...breadcrumb,
+    className: clsx(`${prefixCls}-breadcrumb`, breadcrumb.className)
+  });
 };
-var getBackIcon = function getBackIcon(props) {
-  var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ltr';
+const getBackIcon = (props, direction = 'ltr') => {
   if (props.backIcon !== undefined) {
     return props.backIcon;
   }
   return direction === 'rtl' ? /*#__PURE__*/_jsx(ArrowRightOutlined, {}) : /*#__PURE__*/_jsx(ArrowLeftOutlined, {});
 };
-var renderTitle = function renderTitle(prefixCls, props) {
-  var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
-  var hashId = arguments.length > 3 ? arguments[3] : undefined;
-  var title = props.title,
-    avatar = props.avatar,
-    subTitle = props.subTitle,
-    tags = props.tags,
-    extra = props.extra,
-    onBack = props.onBack;
-  var headingPrefixCls = "".concat(prefixCls, "-heading");
-  var hasHeading = title || subTitle || tags || extra;
+const renderTitle = (prefixCls, props, direction = 'ltr', hashId) => {
+  const {
+    title,
+    avatar,
+    subTitle,
+    tags,
+    extra,
+    onBack
+  } = props;
+  const headingPrefixCls = `${prefixCls}-heading`;
+  const hasHeading = title || subTitle || tags || extra;
   // If there is nothing, return a null
   if (!hasHeading) {
     return null;
   }
-  var backIcon = getBackIcon(props, direction);
-  var backIconDom = renderBack(prefixCls, hashId, backIcon, onBack);
-  var hasTitle = backIconDom || avatar || hasHeading;
+  const backIcon = getBackIcon(props, direction);
+  const backIconDom = renderBack(prefixCls, hashId, backIcon, onBack);
+  const hasTitle = backIconDom || avatar || hasHeading;
   return /*#__PURE__*/_jsxs("div", {
     className: headingPrefixCls + ' ' + hashId,
     children: [hasTitle && /*#__PURE__*/_jsxs("div", {
-      className: "".concat(headingPrefixCls, "-left ").concat(hashId).trim(),
-      children: [backIconDom, avatar && /*#__PURE__*/_jsx(Avatar, _objectSpread({
-        className: classNames("".concat(headingPrefixCls, "-avatar"), hashId, avatar.className)
-      }, avatar)), title && /*#__PURE__*/_jsx("span", {
-        className: "".concat(headingPrefixCls, "-title ").concat(hashId).trim(),
+      className: `${headingPrefixCls}-left ${hashId}`.trim(),
+      children: [backIconDom, avatar && /*#__PURE__*/_jsx(Avatar, {
+        className: clsx(`${headingPrefixCls}-avatar`, hashId, avatar.className),
+        ...avatar
+      }), title && /*#__PURE__*/_jsx("span", {
+        className: `${headingPrefixCls}-title ${hashId}`.trim(),
         title: typeof title === 'string' ? title : undefined,
         children: title
       }), subTitle && /*#__PURE__*/_jsx("span", {
-        className: "".concat(headingPrefixCls, "-sub-title ").concat(hashId).trim(),
+        className: `${headingPrefixCls}-sub-title ${hashId}`.trim(),
         title: typeof subTitle === 'string' ? subTitle : undefined,
         children: subTitle
       }), tags && /*#__PURE__*/_jsx("span", {
-        className: "".concat(headingPrefixCls, "-tags ").concat(hashId).trim(),
+        className: `${headingPrefixCls}-tags ${hashId}`.trim(),
         children: tags
       })]
     }), extra && /*#__PURE__*/_jsx("span", {
-      className: "".concat(headingPrefixCls, "-extra ").concat(hashId).trim(),
+      className: `${headingPrefixCls}-extra ${hashId}`.trim(),
       children: /*#__PURE__*/_jsx(Space, {
         children: extra
       })
     })]
   });
 };
-var renderFooter = function renderFooter(prefixCls, footer, hashId) {
+const renderFooter = (prefixCls, footer, hashId) => {
   if (footer) {
     return /*#__PURE__*/_jsx("div", {
-      className: "".concat(prefixCls, "-footer ").concat(hashId).trim(),
+      className: `${prefixCls}-footer ${hashId}`.trim(),
       children: footer
     });
   }
   return null;
 };
-var renderChildren = function renderChildren(prefixCls, children, hashId) {
-  return /*#__PURE__*/_jsx("div", {
-    className: "".concat(prefixCls, "-content ").concat(hashId).trim(),
-    children: children
-  });
-};
-var PageHeader = function PageHeader(props) {
-  var _breadcrumbRender;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    compact = _React$useState2[0],
-    updateCompact = _React$useState2[1];
-  var onResize = function onResize(_ref) {
-    var width = _ref.width;
-    return updateCompact(width < 768);
-  };
-  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction;
-  var customizePrefixCls = props.prefixCls,
-    style = props.style,
-    footer = props.footer,
-    children = props.children,
-    breadcrumb = props.breadcrumb,
-    breadcrumbRender = props.breadcrumbRender,
-    customizeClassName = props.className,
-    contentWidth = props.contentWidth,
-    layout = props.layout,
-    _props$ghost = props.ghost,
-    ghost = _props$ghost === void 0 ? true : _props$ghost;
-  var prefixCls = getPrefixCls('page-header', customizePrefixCls);
-  var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var getDefaultBreadcrumbDom = function getDefaultBreadcrumbDom() {
-    if (breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.items) {
+const renderChildren = (prefixCls, children, hashId) => /*#__PURE__*/_jsx("div", {
+  className: `${prefixCls}-content ${hashId}`.trim(),
+  children: children
+});
+const PageHeader = props => {
+  const [compact, updateCompact] = React.useState(false);
+  const onResize = ({
+    width
+  }) => updateCompact(width < 768);
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(ConfigProvider.ConfigContext);
+  const {
+    prefixCls: customizePrefixCls,
+    style,
+    footer,
+    children,
+    breadcrumb,
+    breadcrumbRender,
+    className: customizeClassName,
+    contentWidth,
+    layout,
+    ghost = true
+  } = props;
+  const prefixCls = getPrefixCls('page-header', customizePrefixCls);
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle(prefixCls);
+  const getDefaultBreadcrumbDom = () => {
+    if (breadcrumb?.items) {
       return renderBreadcrumb(breadcrumb, prefixCls);
     }
     return null;
   };
-  var defaultBreadcrumbDom = getDefaultBreadcrumbDom();
-  var isBreadcrumbComponent = breadcrumb && 'props' in breadcrumb;
+  const defaultBreadcrumbDom = getDefaultBreadcrumbDom();
+  const isBreadcrumbComponent = breadcrumb && 'props' in breadcrumb;
 
   // support breadcrumbRender function
-  var breadcrumbRenderDomFromProps = (_breadcrumbRender = breadcrumbRender === null || breadcrumbRender === void 0 ? void 0 : breadcrumbRender(_objectSpread(_objectSpread({}, props), {}, {
-    prefixCls: prefixCls
-  }), defaultBreadcrumbDom)) !== null && _breadcrumbRender !== void 0 ? _breadcrumbRender : defaultBreadcrumbDom;
+  const breadcrumbRenderDomFromProps = breadcrumbRender?.({
+    ...props,
+    prefixCls
+  }, defaultBreadcrumbDom) ?? defaultBreadcrumbDom;
 
   // 如果 breadcrumbRender 返回的是数组，需要转换为 Breadcrumb 组件
   // 如果返回的是 React.ReactNode，直接使用
-  var breadcrumbDom = isBreadcrumbComponent ? breadcrumb : Array.isArray(breadcrumbRenderDomFromProps) ? renderBreadcrumb({
+  const breadcrumbDom = isBreadcrumbComponent ? breadcrumb : Array.isArray(breadcrumbRenderDomFromProps) ? renderBreadcrumb({
     items: breadcrumbRenderDomFromProps
   }, prefixCls) : breadcrumbRenderDomFromProps;
-  var className = classNames(prefixCls, hashId, customizeClassName, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-has-breadcrumb"), !!breadcrumbDom), "".concat(prefixCls, "-has-footer"), !!footer), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-compact"), compact), "".concat(prefixCls, "-wide"), contentWidth === 'Fixed' && layout == 'top'), "".concat(prefixCls, "-ghost"), ghost));
-  var title = renderTitle(prefixCls, props, direction, hashId);
-  var childDom = children && renderChildren(prefixCls, children, hashId);
-  var footerDom = renderFooter(prefixCls, footer, hashId);
+  const className = clsx(prefixCls, hashId, customizeClassName, {
+    [`${prefixCls}-has-breadcrumb`]: !!breadcrumbDom,
+    [`${prefixCls}-has-footer`]: !!footer,
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-compact`]: compact,
+    [`${prefixCls}-wide`]: contentWidth === 'Fixed' && layout == 'top',
+    [`${prefixCls}-ghost`]: ghost
+  });
+  const title = renderTitle(prefixCls, props, direction, hashId);
+  const childDom = children && renderChildren(prefixCls, children, hashId);
+  const footerDom = renderFooter(prefixCls, footer, hashId);
   if (!breadcrumbDom && !title && !footerDom && !childDom) {
     return /*#__PURE__*/_jsx("div", {
-      className: classNames(hashId, ["".concat(prefixCls, "-no-children")])
+      className: clsx(hashId, [`${prefixCls}-no-children`])
     });
   }
   return wrapSSR( /*#__PURE__*/_jsx(ResizeObserver, {
     onResize: onResize,
-    children: function children(ref) {
-      return /*#__PURE__*/_jsxs("div", {
-        ref: ref,
-        className: className,
-        style: style,
-        children: [breadcrumbDom, title, childDom, footerDom]
-      });
-    }
+    children: ref => /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      className: className,
+      style: style,
+      children: [breadcrumbDom, title, childDom, footerDom]
+    })
   }));
 };
 export { PageHeader };

package/es/layout/components/PageHeader/style/index.js

@@ -1,129 +1,149 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { operationUnit, resetComponent, useStyle as useAntdStyle } from "../../../../utils";
-var textOverflowEllipsis = function textOverflowEllipsis() {
+const textOverflowEllipsis = () => ({
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis'
+});
+const genPageHeaderStyle = token => {
   return {
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
+    [token.componentCls]: {
+      ...resetComponent?.(token),
+      position: 'relative',
+      backgroundColor: token.colorWhite,
+      paddingBlock: token.pageHeaderPaddingVertical + 2,
+      paddingInline: token.pageHeaderPadding,
+      '&&-ghost': {
+        backgroundColor: token.pageHeaderBgGhost
+      },
+      '&-no-children': {
+        height: token.layout?.pageContainer?.paddingBlockPageContainerContent
+      },
+      '&&-has-breadcrumb': {
+        paddingBlockStart: token.pageHeaderPaddingBreadCrumb
+      },
+      '&&-has-footer': {
+        paddingBlockEnd: 0
+      },
+      '& &-back': {
+        marginInlineEnd: token.margin,
+        fontSize: 16,
+        lineHeight: 1,
+        '&-button': {
+          fontSize: 16,
+          ...operationUnit?.(token),
+          color: token.pageHeaderColorBack,
+          cursor: 'pointer'
+        },
+        [`${token.componentCls}-rlt &`]: {
+          float: 'right',
+          marginInlineEnd: 0,
+          marginInlineStart: 0
+        }
+      },
+      [`& ${'ant'}-divider-vertical`]: {
+        height: 14,
+        marginBlock: 0,
+        marginInline: token.marginSM,
+        verticalAlign: 'middle'
+      },
+      [`& &-breadcrumb + &-heading`]: {
+        marginBlockStart: token.marginXS
+      },
+      '& &-heading': {
+        display: 'flex',
+        justifyContent: 'space-between',
+        '&-left': {
+          display: 'flex',
+          alignItems: 'center',
+          marginBlock: token.marginXS / 2,
+          marginInlineEnd: 0,
+          marginInlineStart: 0,
+          overflow: 'hidden'
+        },
+        '&-title': {
+          marginInlineEnd: token.marginSM,
+          marginBlockEnd: 0,
+          color: token.colorTextHeading,
+          fontWeight: 600,
+          fontSize: token.pageHeaderFontSizeHeaderTitle,
+          lineHeight: token.controlHeight + 'px',
+          ...textOverflowEllipsis(),
+          [`${token.componentCls}-rlt &`]: {
+            marginInlineEnd: 0,
+            marginInlineStart: token.marginSM
+          }
+        },
+        '&-avatar': {
+          marginInlineEnd: token.marginSM,
+          [`${token.componentCls}-rlt &`]: {
+            float: 'right',
+            marginInlineEnd: 0,
+            marginInlineStart: token.marginSM
+          }
+        },
+        '&-tags': {
+          [`${token.componentCls}-rlt &`]: {
+            float: 'right'
+          }
+        },
+        '&-sub-title': {
+          marginInlineEnd: token.marginSM,
+          color: token.colorTextSecondary,
+          fontSize: token.pageHeaderFontSizeHeaderSubTitle,
+          lineHeight: token.lineHeight,
+          ...textOverflowEllipsis(),
+          [`${token.componentCls}-rlt &`]: {
+            float: 'right',
+            marginInlineEnd: 0,
+            marginInlineStart: 12
+          }
+        },
+        '&-extra': {
+          marginBlock: token.marginXS / 2,
+          marginInlineEnd: 0,
+          marginInlineStart: 0,
+          whiteSpace: 'nowrap',
+          '> *': {
+            'white-space': 'unset',
+            [`${token.componentCls}-rlt &`]: {
+              marginInlineEnd: token.marginSM,
+              marginInlineStart: 0
+            }
+          },
+          [`${token.componentCls}-rlt &`]: {
+            float: 'left'
+          },
+          '*:first-child': {
+            [`${token.componentCls}-rlt &`]: {
+              marginInlineEnd: 0
+            }
+          }
+        }
+      },
+      '&-content': {
+        paddingBlockStart: token.pageHeaderPaddingContentPadding
+      },
+      '&-footer': {
+        marginBlockStart: token.margin
+      },
+      '&-compact &-heading': {
+        flexWrap: 'wrap'
+      },
+      '&-wide': {
+        maxWidth: 1152,
+        margin: '0 auto'
+      },
+      '&-rtl': {
+        direction: 'rtl'
+      }
+    }
   };
 };
-var genPageHeaderStyle = function genPageHeaderStyle(token) {
-  var _token$layout;
-  return _defineProperty({}, token.componentCls, _objectSpread(_objectSpread({}, resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    position: 'relative',
-    backgroundColor: token.colorWhite,
-    paddingBlock: token.pageHeaderPaddingVertical + 2,
-    paddingInline: token.pageHeaderPadding,
-    '&&-ghost': {
-      backgroundColor: token.pageHeaderBgGhost
-    },
-    '&-no-children': {
-      height: (_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.pageContainer) === null || _token$layout === void 0 ? void 0 : _token$layout.paddingBlockPageContainerContent
-    },
-    '&&-has-breadcrumb': {
-      paddingBlockStart: token.pageHeaderPaddingBreadCrumb
-    },
-    '&&-has-footer': {
-      paddingBlockEnd: 0
-    },
-    '& &-back': _defineProperty({
-      marginInlineEnd: token.margin,
-      fontSize: 16,
-      lineHeight: 1,
-      '&-button': _objectSpread(_objectSpread({
-        fontSize: 16
-      }, operationUnit === null || operationUnit === void 0 ? void 0 : operationUnit(token)), {}, {
-        color: token.pageHeaderColorBack,
-        cursor: 'pointer'
-      })
-    }, "".concat(token.componentCls, "-rlt &"), {
-      float: 'right',
-      marginInlineEnd: 0,
-      marginInlineStart: 0
-    })
-  }, "& ".concat('ant', "-divider-vertical"), {
-    height: 14,
-    marginBlock: 0,
-    marginInline: token.marginSM,
-    verticalAlign: 'middle'
-  }), "& &-breadcrumb + &-heading", {
-    marginBlockStart: token.marginXS
-  }), '& &-heading', {
-    display: 'flex',
-    justifyContent: 'space-between',
-    '&-left': {
-      display: 'flex',
-      alignItems: 'center',
-      marginBlock: token.marginXS / 2,
-      marginInlineEnd: 0,
-      marginInlineStart: 0,
-      overflow: 'hidden'
-    },
-    '&-title': _objectSpread(_objectSpread({
-      marginInlineEnd: token.marginSM,
-      marginBlockEnd: 0,
-      color: token.colorTextHeading,
-      fontWeight: 600,
-      fontSize: token.pageHeaderFontSizeHeaderTitle,
-      lineHeight: token.controlHeight + 'px'
-    }, textOverflowEllipsis()), {}, _defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
-      marginInlineEnd: 0,
-      marginInlineStart: token.marginSM
-    })),
-    '&-avatar': _defineProperty({
-      marginInlineEnd: token.marginSM
-    }, "".concat(token.componentCls, "-rlt &"), {
-      float: 'right',
-      marginInlineEnd: 0,
-      marginInlineStart: token.marginSM
-    }),
-    '&-tags': _defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
-      float: 'right'
-    }),
-    '&-sub-title': _objectSpread(_objectSpread({
-      marginInlineEnd: token.marginSM,
-      color: token.colorTextSecondary,
-      fontSize: token.pageHeaderFontSizeHeaderSubTitle,
-      lineHeight: token.lineHeight
-    }, textOverflowEllipsis()), {}, _defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
-      float: 'right',
-      marginInlineEnd: 0,
-      marginInlineStart: 12
-    })),
-    '&-extra': _defineProperty(_defineProperty({
-      marginBlock: token.marginXS / 2,
-      marginInlineEnd: 0,
-      marginInlineStart: 0,
-      whiteSpace: 'nowrap',
-      '> *': _defineProperty({
-        'white-space': 'unset'
-      }, "".concat(token.componentCls, "-rlt &"), {
-        marginInlineEnd: token.marginSM,
-        marginInlineStart: 0
-      })
-    }, "".concat(token.componentCls, "-rlt &"), {
-      float: 'left'
-    }), '*:first-child', _defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
-      marginInlineEnd: 0
-    }))
-  }), '&-content', {
-    paddingBlockStart: token.pageHeaderPaddingContentPadding
-  }), '&-footer', {
-    marginBlockStart: token.margin
-  }), '&-compact &-heading', {
-    flexWrap: 'wrap'
-  }), '&-wide', {
-    maxWidth: 1152,
-    margin: '0 auto'
-  }), '&-rtl', {
-    direction: 'rtl'
-  })));
-};
 export default function useStyle(prefixCls) {
-  return useAntdStyle('ProLayoutPageHeader', function (token) {
-    var proCardToken = _objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(prefixCls),
+  return useAntdStyle('ProLayoutPageHeader', token => {
+    const proCardToken = {
+      ...token,
+      componentCls: `.${prefixCls}`,
       pageHeaderBgGhost: 'transparent',
       pageHeaderPadding: 16,
       pageHeaderPaddingVertical: 4,
@@ -132,7 +152,7 @@ export default function useStyle(prefixCls) {
       pageHeaderFontSizeHeaderTitle: token.fontSizeHeading4,
       pageHeaderFontSizeHeaderSubTitle: 14,
       pageHeaderPaddingContentPadding: token.paddingSM
-    });
+    };
     return [genPageHeaderStyle(proCardToken)];
   });
 }

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

@@ -1,24 +1,21 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["isLoading", "pastDelay", "timedOut", "error", "retry"];
 import { Spin } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var PageLoading = function PageLoading(_ref) {
-  var isLoading = _ref.isLoading,
-    pastDelay = _ref.pastDelay,
-    timedOut = _ref.timedOut,
-    error = _ref.error,
-    retry = _ref.retry,
-    reset = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      paddingBlockStart: 100,
-      textAlign: 'center'
-    },
-    children: /*#__PURE__*/_jsx(Spin, _objectSpread({
-      size: "large"
-    }, reset))
-  });
-};
+const PageLoading = ({
+  isLoading,
+  pastDelay,
+  timedOut,
+  error,
+  retry,
+  ...reset
+}) => /*#__PURE__*/_jsx("div", {
+  style: {
+    paddingBlockStart: 100,
+    textAlign: 'center'
+  },
+  children: /*#__PURE__*/_jsx(Spin, {
+    size: "large",
+    ...reset
+  })
+});
 export { PageLoading };