@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/es/ProLayout/components/ProHeader/components/ProBackBtn/index.js

@@ -1,13 +1,13 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowLeftOutlined } from '@ant-design/icons';
-import locale from '../../../../../locale';
+import { Button } from 'antd';
+import locale from "../../../../../locale";
+
 /**
  * 页面返回按钮
  * @param onBack 自定义返回方法
  * @param text 自定义按钮文字
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 var ProBackBtn = function ProBackBtn(_ref) {
   var onBack = _ref.onBack,
     _ref$text = _ref.text,
@@ -19,8 +19,8 @@ var ProBackBtn = function ProBackBtn(_ref) {
       window.history.back();
     }
   };
-  return _jsx(_Button, {
-    icon: _jsx(ArrowLeftOutlined, {}),
+  return /*#__PURE__*/_jsx(Button, {
+    icon: /*#__PURE__*/_jsx(ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,
     shape: "round",

package/es/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less

@@ -1,24 +1,24 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .back-button-container {
   &.@{ant-prefix}-btn {
     color      : var(--zaui-text);
     font-weight: 400;
-    background : var(--zaui-disabled-bg);
-    border     : none;
+    background : var(--zaui-disabled-bg) !important;
+    border     : none !important;
 
     &:hover {
-      color     : var(--zaui-aide-text);
-      background: var(--zaui-disabled-bg);
-      border    : none;
+      color     : var(--zaui-aide-text) !important;
+      background: var(--zaui-disabled-bg) !important;
+      border    : none !important;
     }
 
     &:active,
     &:focus {
-      color      : var(--zaui-text);
+      color      : var(--zaui-text) !important;
       font-weight: 400;
-      background : var(--zaui-disabled-bg);
+      background : var(--zaui-disabled-bg) !important;
     }
   }
 }

package/es/ProLayout/components/ProHeader/components/index.js

@@ -1,2 +1,2 @@
-export { default as Copy } from './Copy';
-export { default as ProBackBtn } from './ProBackBtn';
+export { default as Copy } from "./Copy";
+export { default as ProBackBtn } from "./ProBackBtn";

package/es/ProLayout/components/ProHeader/index.js

@@ -1,42 +1,29 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import "antd/es/breadcrumb/style";
-import _Breadcrumb from "antd/es/breadcrumb";
-import "antd/es/divider/style";
-import _Divider from "antd/es/divider";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isString from "lodash/isString";
-import _isNumber from "lodash/isNumber";
-import _isEmpty from "lodash/isEmpty";
-import _isFunction from "lodash/isFunction";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var _excluded = ["width"];
 /* eslint-disable react/no-array-index-key */
-
-import { memo, useEffect, useState, useRef } from 'react';
+import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
+import React, { memo, useEffect, useState, useRef } from 'react';
 import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { useToggle, useSize } from 'ahooks';
+import { isFunction, isEmpty, isNumber, isString } from 'lodash';
 import { ReactSVG } from 'react-svg';
-import foldSvg from '../../../assets/arrow.svg';
-import { Copy, ProBackBtn } from './components';
-import getEnumLabel from '../../../ProEnum/utils/getEnumLabel';
-import locale from '../../../locale';
-import { checkDescribeItemsHidden } from './utils';
+import foldSvg from "../../../assets/arrow.svg";
+import { Copy, ProBackBtn } from "./components";
+import getEnumLabel from "../../../ProEnum/utils/getEnumLabel";
+import locale from "../../../locale";
+import { checkDescribeItemsHidden } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var formatAmount = tools.formatAmount;
 var ProHeader = function ProHeader(props) {
-  var _props$breadcrumbList = props.breadcrumbList,
-    breadcrumbList = _props$breadcrumbList === void 0 ? [] : _props$breadcrumbList,
-    breadcrumbColumns = props.breadcrumbColumns,
+  var breadcrumbColumns = props.breadcrumbColumns,
     actionRender = props.actionRender,
-    _props$describeList = props.describeList,
-    describeList = _props$describeList === void 0 ? [] : _props$describeList,
     describeColumns = props.describeColumns,
     subDescribeColumns = props.subDescribeColumns,
     onBack = props.onBack,
@@ -49,7 +36,7 @@ var ProHeader = function ProHeader(props) {
     _props$showShadow = props.showShadow,
     showShadow = _props$showShadow === void 0 ? false : _props$showShadow,
     _props$zIndex = props.zIndex,
-    zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
+    zIndex = _props$zIndex === void 0 ? 98 : _props$zIndex,
     title = props.title,
     _props$autoBack = props.autoBack,
     autoBack = _props$autoBack === void 0 ? 2 : _props$autoBack,
@@ -71,10 +58,12 @@ var ProHeader = function ProHeader(props) {
   var ref = useRef(null);
   var size = useSize(ref);
   var _title = title;
+
   // 面包屑配置数据源
-  var _breadcrumbColumns = breadcrumbColumns || breadcrumbList;
+  var _breadcrumbColumns = breadcrumbColumns || [];
+
   // 次级配置数据源
-  var _subDescribeColumns = subDescribeColumns || describeList;
+  var _subDescribeColumns = subDescribeColumns || [];
   useEffect(function () {
     if (bodyOverFlowHidden) {
       var bodyElement = document.querySelector('body');
@@ -92,6 +81,7 @@ var ProHeader = function ProHeader(props) {
       setBackState(false);
     }
   }, []);
+
   /**
    * 主级描述数据渲染
    */
@@ -99,7 +89,7 @@ var ProHeader = function ProHeader(props) {
     if (!Array.isArray(describeData)) {
       return null;
     }
-    return _jsx("ul", {
+    return /*#__PURE__*/_jsx("ul", {
       className: classnames({
         'pro-header-describe': true,
         'pro-header-describe-open': fold,
@@ -122,70 +112,74 @@ var ProHeader = function ProHeader(props) {
         }
         var onlyTag = tag && !label && !value;
         var tagRender = function tagRender(parmas) {
-          if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && (parmas === null || parmas === void 0 ? void 0 : parmas.tag.length)) {
-            return _jsx(_Space, {
+          if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && parmas !== null && parmas !== void 0 && parmas.tag.length) {
+            return /*#__PURE__*/_jsx(Space, {
               size: 4,
               children: parmas.tag.map(function (tagItem, index) {
-                return _jsx("div", {
+                return /*#__PURE__*/_jsx("div", {
                   className: "pro-header-tag",
                   children: tagItem
                 }, index);
               })
             });
           }
-          return (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? _jsx("div", {
+          return parmas !== null && parmas !== void 0 && parmas.tag ? /*#__PURE__*/_jsx("div", {
             className: "pro-header-tag",
             children: parmas === null || parmas === void 0 ? void 0 : parmas.tag
           }) : null;
         };
+
         /** 单行渲染 */
         var valueRender = function valueRender(parmas) {
-          return _jsxs(_Space, {
+          return /*#__PURE__*/_jsxs(Space, {
             size: 4,
-            align: (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? 'baseline' : 'center',
-            children: [(parmas === null || parmas === void 0 ? void 0 : parmas.link) ? _jsx("a", {
+            align: parmas !== null && parmas !== void 0 && parmas.tag ? 'baseline' : 'center',
+            children: [parmas !== null && parmas !== void 0 && parmas.link ? /*#__PURE__*/_jsx("a", {
               href: parmas.link,
               rel: "noopener noreferrer",
               target: "_blank",
               children: parmas === null || parmas === void 0 ? void 0 : parmas.value
-            }) : parmas === null || parmas === void 0 ? void 0 : parmas.value, (parmas === null || parmas === void 0 ? void 0 : parmas.copyable) && _isString(parmas === null || parmas === void 0 ? void 0 : parmas.value) ? _jsx(Copy, {
+            }) : parmas === null || parmas === void 0 ? void 0 : parmas.value, parmas !== null && parmas !== void 0 && parmas.copyable && isString(parmas === null || parmas === void 0 ? void 0 : parmas.value) ? /*#__PURE__*/_jsx(Copy, {
               text: parmas.value
             }) : null, tagRender({
               tag: parmas === null || parmas === void 0 ? void 0 : parmas.tag
             })]
           });
         };
+
         /** 多行渲染 */
         var itemsRender = function itemsRender() {
           // items配置是否超长，超长配置... + tip 提示
           var itemsHidden = checkDescribeItemsHidden(ref === null || ref === void 0 ? void 0 : ref.current);
-          var result = _jsxs("div", {
+          var result = /*#__PURE__*/_jsxs("div", {
             ref: ref,
             className: classnames({
               'pro-header-describe-items': true,
               'pro-header-describe-items-more': items.length >= 2
             }),
             children: [(items === null || items === void 0 ? void 0 : items.length) > 3 ? "\u5171".concat(items === null || items === void 0 ? void 0 : items.length, "\u4E2A\uFF0C") : null, items.map(function (item, index) {
-              return _jsxs("span", {
+              return /*#__PURE__*/_jsxs("span", {
                 children: [valueRender(item), (items === null || items === void 0 ? void 0 : items.length) !== index + 1 ? ' 、' : null]
               }, index);
-            }), itemsHidden ? _jsx("span", {
+            }), itemsHidden ? /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-items-omit",
               children: "..."
             }) : null]
           });
           if (itemsHidden) {
-            var tipResult = _jsx(_Fragment, {
+            var tipResult = /*#__PURE__*/_jsx(_Fragment, {
               children: items.map(function (item, index) {
-                return _jsx("p", {
+                return /*#__PURE__*/_jsx("p", {
                   className: "pro-header-describe-items-tip-value",
                   children: valueRender(item)
                 }, index);
               })
             });
-            return _jsx(_Tooltip, {
+            return /*#__PURE__*/_jsx(Tooltip, {
               placement: "bottomLeft",
-              overlayClassName: "pro-header-describe-items-tip",
+              classNames: {
+                root: 'pro-header-describe-items-tip'
+              },
               title: tipResult,
               children: result
             });
@@ -194,21 +188,21 @@ var ProHeader = function ProHeader(props) {
         };
         var tagCls = classnames({
           'pro-header-only-tag': onlyTag,
-          'pro-header-describe-items-calc': _isString(width) ? width.includes('calc') : false
+          'pro-header-describe-items-calc': isString(width) ? width.includes('calc') : false
         });
-        return _jsx("li", {
+        return /*#__PURE__*/_jsx("li", {
           className: tagCls,
           style: {
             width: width
           },
-          children: _jsxs(_Space, {
+          children: /*#__PURE__*/_jsxs(Space, {
             size: 4,
-            children: [label ? _jsx("span", {
+            children: [label ? /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-label",
               children: label
-            }) : null, _jsx("span", {
+            }) : null, /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-value",
-              children: (items === null || items === void 0 ? void 0 : items.length) ? itemsRender() : _jsx("span", {
+              children: items !== null && items !== void 0 && items.length ? itemsRender() : /*#__PURE__*/_jsx("span", {
                 children: valueRender({
                   value: value,
                   copyable: copyable,
@@ -222,11 +216,12 @@ var ProHeader = function ProHeader(props) {
       })
     });
   };
+
   /**
    * 次级描述数据渲染
    */
   var subDescribeRender = function subDescribeRender(describeData) {
-    var _moment, _moment2;
+    var _dayjs, _dayjs2;
     var value = describeData.value,
       type = describeData.type,
       valueType = describeData.valueType,
@@ -245,7 +240,7 @@ var ProHeader = function ProHeader(props) {
       case 'thousandth':
       case 'money':
         // 千分位
-        result = value || _isNumber(value) ? formatAmount(value, precision) : '-';
+        result = value || isNumber(value) ? formatAmount(value, precision) : '-';
         break;
       case 'enumName':
         // 枚举-展示name
@@ -257,46 +252,47 @@ var ProHeader = function ProHeader(props) {
         break;
       case 'date':
         // 年月日
-        result = value ? (_moment = moment(value)) === null || _moment === void 0 ? void 0 : _moment.format('YYYY-MM-DD') : '-';
+        result = value ? (_dayjs = dayjs(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format('YYYY-MM-DD') : '-';
         break;
       case 'dateTime':
         // 年月日 时分秒
-        result = value ? (_moment2 = moment(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD HH:mm:ss') : '-';
+        result = value ? (_dayjs2 = dayjs(value)) === null || _dayjs2 === void 0 ? void 0 : _dayjs2.format('YYYY-MM-DD HH:mm:ss') : '-';
         break;
       default:
         result = String(value).includes('undefined') || !value ? '-' : value;
         break;
     }
-    return _jsxs(_Fragment, {
-      children: [_jsx("span", {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
         children: label
-      }), _jsx("span", {
+      }), /*#__PURE__*/_jsx("span", {
         className: "describe-value",
         children: result
       })]
     });
   };
+
   /**
    * 头部右侧按钮面板渲染
    */
   var actionsRender = function actionsRender() {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return _jsx(_Space, {
-        split: _jsx(_Divider, {
+      return /*#__PURE__*/_jsx(Space, {
+        split: /*#__PURE__*/_jsx(Divider, {
           type: "vertical"
         }),
         children: actionRender.map(function (item, index) {
           var _item$props;
-          if (_isFunction(item === null || item === void 0 ? void 0 : item.type)) {
-            return _jsx("div", {
+          if (isFunction(item === null || item === void 0 ? void 0 : item.type)) {
+            return /*#__PURE__*/_jsx("div", {
               children: item
             }, index);
           }
           // 判断第一层dom节点为空
-          if ((item === null || item === void 0 ? void 0 : item.type) && !(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.children)) {
+          if (item !== null && item !== void 0 && item.type && !(item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children)) {
             return null;
           }
-          return _jsx("div", {
+          return /*#__PURE__*/_jsx("div", {
             children: item
           }, index);
         })
@@ -304,12 +300,13 @@ var ProHeader = function ProHeader(props) {
     }
     return actionRender;
   };
+
   /**
    * 总结信息面板渲染
    */
   var breadcrumbRender = function breadcrumbRender() {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
-      return '';
+      return [];
     }
     var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
       return item.type === 'breadcrumb';
@@ -322,37 +319,40 @@ var ProHeader = function ProHeader(props) {
         tag = item.tag;
       var tagRender = function tagRender() {
         if (Array.isArray(tag) && tag.length) {
-          return _jsx(_Space, {
+          return /*#__PURE__*/_jsx(Space, {
             size: 8,
             children: tag.map(function (tagItem, index) {
-              return _jsx("div", {
+              return /*#__PURE__*/_jsx("div", {
                 className: "pro-header-tag",
                 children: tagItem
               }, index);
             })
           });
         }
-        return tag ? _jsx("div", {
+        return tag ? /*#__PURE__*/_jsx("div", {
           className: "pro-header-tag",
           children: tag
         }) : null;
       };
+
       // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
-        return '';
+        return null;
       }
       // 判断第一层dom节点为空
-      if ((value === null || value === void 0 ? void 0 : value.type) && !(value === null || value === void 0 ? void 0 : (_value$props = value.props) === null || _value$props === void 0 ? void 0 : _value$props.children)) {
-        return '';
+      if (value !== null && value !== void 0 && value.type && !(value !== null && value !== void 0 && (_value$props = value.props) !== null && _value$props !== void 0 && _value$props.children)) {
+        return null;
       }
-      return _jsx(_Breadcrumb.Item, {
-        children: _jsxs(_Space, {
+      return {
+        key: index,
+        title: /*#__PURE__*/_jsxs(Space, {
           size: 4,
           children: [value, " ", tagRender()]
         })
-      }, index);
-    });
+      };
+    }).filter(Boolean); // 过滤掉null值
   };
+
   /**
    * 头部左侧导航栏后业务信息
    */
@@ -366,7 +366,7 @@ var ProHeader = function ProHeader(props) {
     if (!list.length) {
       return null;
     }
-    return _jsx("ul", {
+    return /*#__PURE__*/_jsx("ul", {
       className: "pro-header-info",
       children: list.map(function (item, index) {
         var _value$props2;
@@ -382,7 +382,7 @@ var ProHeader = function ProHeader(props) {
           return '';
         }
         // 判断第一层dom节点为空
-        if ((value === null || value === void 0 ? void 0 : value.type) && !(value === null || value === void 0 ? void 0 : (_value$props2 = value.props) === null || _value$props2 === void 0 ? void 0 : _value$props2.children)) {
+        if (value !== null && value !== void 0 && value.type && !(value !== null && value !== void 0 && (_value$props2 = value.props) !== null && _value$props2 !== void 0 && _value$props2.children)) {
           return '';
         }
         // value为null或者undefined返回'-'
@@ -390,44 +390,45 @@ var ProHeader = function ProHeader(props) {
         if (type === 'version' && val) {
           val = "".concat(locale.ProHeader.versionTitle).concat(val);
         }
+
         // 面包屑样式
         var breadcrumbCls = classnames({
           'breadcrumb-value': true,
           omit: width
         });
         var valueRender = function valueRender(type) {
-          var valRender = _jsx("div", {
+          var valRender = /*#__PURE__*/_jsx("div", {
             className: breadcrumbCls,
             style: {
               width: width
             },
-            children: _jsxs(_Space, {
+            children: /*#__PURE__*/_jsxs(Space, {
               size: 4,
-              children: [val, " ", tag ? _jsx("div", {
+              children: [val, " ", tag ? /*#__PURE__*/_jsx("div", {
                 className: "pro-header-tag",
                 children: tag
               }) : null]
             })
           });
           if (type === 'copy') {
-            return valRender = _jsxs(_Fragment, {
-              children: [width ? _jsx(_Tooltip, {
+            return valRender = /*#__PURE__*/_jsxs(_Fragment, {
+              children: [width ? /*#__PURE__*/_jsx(Tooltip, {
                 title: val,
                 children: valRender
-              }) : valRender, _jsx(Copy, {
+              }) : valRender, /*#__PURE__*/_jsx(Copy, {
                 text: val
               })]
             });
           }
           if (width) {
-            return _jsx(_Tooltip, {
+            return /*#__PURE__*/_jsx(Tooltip, {
               title: val,
               children: valRender
             });
           }
           return valRender;
         };
-        return _jsx("li", {
+        return /*#__PURE__*/_jsx("li", {
           className: classnames({
             version: ['version', 'tag'].includes(type),
             hidden: ['version', 'tag'].includes(type) && !val
@@ -441,13 +442,15 @@ var ProHeader = function ProHeader(props) {
     'pro-header': true,
     'pro-header-fixed': fixedTop,
     'pro-header-shadow': showShadow,
+    // 内部窗口滚动自带阴影场景
     'pro-header-no-back': !backState,
-    'pro-header-has-describe': !_isEmpty(_subDescribeColumns) || !_isEmpty(describeColumns) || !_isEmpty(describeColumns),
-    'pro-header-no-describe': _isEmpty(_subDescribeColumns) && _isEmpty(describeColumns) || _isEmpty(describeColumns)
+    'pro-header-has-describe': !isEmpty(_subDescribeColumns) || !isEmpty(describeColumns) || !isEmpty(describeColumns),
+    'pro-header-no-describe': isEmpty(_subDescribeColumns) && isEmpty(describeColumns) || isEmpty(describeColumns)
   }, "".concat(className), className));
-  if (title && !_isEmpty(_breadcrumbColumns)) {
+  if (title && !isEmpty(_breadcrumbColumns)) {
     console.error('warning: The title and the breadcrumbList cannot be used together');
   }
+
   // title默认不显示返回按钮，只有showBack设置为true时才显示
   if (title && props.showBack) {
     _title = null;
@@ -464,63 +467,69 @@ var ProHeader = function ProHeader(props) {
       }
       return false;
     }
-    _Modal.confirm(_objectSpread({
+    // 处理 Modal.confirm 的 width 类型兼容性问题
+    var _ref = isConfirmBackModalProps || {},
+      width = _ref.width,
+      restModalProps = _objectWithoutProperties(_ref, _excluded);
+    Modal.confirm(_objectSpread(_objectSpread({
       title: "".concat(locale.ProHeader.confirmTitle),
       okText: "".concat(locale.ProHeader.confirm),
       cancelText: "".concat(locale.ProHeader.cancel),
       onOk: function onOk() {
         onBack && onBack();
       }
-    }, isConfirmBackModalProps));
+    }, width && (typeof width === 'string' || typeof width === 'number') ? {
+      width: width
+    } : {}), restModalProps));
   };
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: cls,
     style: _objectSpread(_objectSpread({}, style), {}, {
       top: fixedTop,
       zIndex: zIndex
     }),
-    children: _title ? _jsx("div", {
+    children: _title ? /*#__PURE__*/_jsx("div", {
       className: "pro-header-title",
       children: _title
-    }) : _jsxs(_Fragment, {
-      children: [_jsxs("div", {
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: "pro-header-top",
-        children: [_jsx("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: classnames({
             'pro-header-left': true,
             'pro-header-left-space': !backState
           }),
-          children: _jsxs(_Space, {
+          children: /*#__PURE__*/_jsxs(Space, {
             size: backState ? 4 : 0,
-            children: [backState ? _jsx(ProBackBtn, {
+            children: [backState ? /*#__PURE__*/_jsx(ProBackBtn, {
               onBack: onConfirm
-            }) : null, _jsx(_Breadcrumb, {
+            }) : null, /*#__PURE__*/_jsx(Breadcrumb, {
               separator: ">",
-              children: breadcrumbRender()
+              items: breadcrumbRender()
             }), infoRender()]
           })
-        }), _jsx("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "pro-header-right",
           children: actionsRender()
         })]
-      }), describeRender(describeColumns), !_isEmpty(_subDescribeColumns) ? _jsxs("div", {
+      }), describeRender(describeColumns), !isEmpty(_subDescribeColumns) ? /*#__PURE__*/_jsxs("div", {
         className: classnames({
           'pro-header-nav': true,
           'pro-header-nav-open': fold,
           'pro-header-nav-hidden': !fold
         }),
-        children: [_jsx("ul", {
+        children: [/*#__PURE__*/_jsx("ul", {
           children: _subDescribeColumns.map(function (item, index) {
-            return _jsx("li", {
+            return /*#__PURE__*/_jsx("li", {
               children: subDescribeRender(item)
             }, index);
           })
-        }), _jsx("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "pro-header-fold",
-          children: _jsx("div", {
+          children: /*#__PURE__*/_jsx("div", {
             className: "pro-header-fold-bg",
             onClick: toggle,
-            children: _jsx(ReactSVG, {
+            children: /*#__PURE__*/_jsx(ReactSVG, {
               className: "fold-icon",
               src: foldSvg
             }, "copy-icon")

package/es/ProLayout/components/ProHeader/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 @import '../components/ProBackBtn/style/index';
 
 .pro-header {

package/es/ProLayout/components/index.js

@@ -1,3 +1,3 @@
-export { default as ProCollapse } from './ProCollapse';
-export { default as ProFooter } from './ProFooter';
-export { default as ProHeader } from './ProHeader';
+export { default as ProCollapse } from "./ProCollapse";
+export { default as ProFooter } from "./ProFooter";
+export { default as ProHeader } from "./ProHeader";

package/es/ProLayout/index.d.ts

@@ -20,6 +20,6 @@ declare const ProLayout: {
     };
     ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
     ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
-    ProHeader: import("react").MemoExoticComponent<(props: import("../index").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
 };
 export default ProLayout;