@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,7 +9,6 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 require("antd/es/modal/style");
 var _modal = _interopRequireDefault(require("antd/es/modal"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("antd/es/breadcrumb/style");
 var _breadcrumb = _interopRequireDefault(require("antd/es/breadcrumb"));
 require("antd/es/divider/style");
@@ -18,26 +18,23 @@ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 require("antd/es/space/style");
 var _space = _interopRequireDefault(require("antd/es/space"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _utils = require("@zat-design/utils");
-var _classnames2 = _interopRequireDefault(require("classnames"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _moment3 = _interopRequireDefault(require("moment"));
 var _ahooks = require("ahooks");
+var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _arrow = _interopRequireDefault(require("../../../assets/arrow.svg"));
 var _components = require("./components");
 var _getEnumLabel = _interopRequireDefault(require("../../../ProEnum/utils/getEnumLabel"));
 var _locale = _interopRequireDefault(require("../../../locale"));
 var _utils2 = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/no-array-index-key */
 
 var formatAmount = _utils.tools.formatAmount;
-var ProHeader = function ProHeader(props) {
+var ProHeader = props => {
   var _props$breadcrumbList = props.breadcrumbList,
     breadcrumbList = _props$breadcrumbList === void 0 ? [] : _props$breadcrumbList,
     breadcrumbColumns = props.breadcrumbColumns,
@@ -78,41 +75,44 @@ var ProHeader = function ProHeader(props) {
   var ref = (0, _react.useRef)(null);
   var size = (0, _ahooks.useSize)(ref);
   var _title = title;
+
   // 面包屑配置数据源
   var _breadcrumbColumns = breadcrumbColumns || breadcrumbList;
+
   // 次级配置数据源
   var _subDescribeColumns = subDescribeColumns || describeList;
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (bodyOverFlowHidden) {
       var bodyElement = document.querySelector('body');
       bodyElement.style.overflow = 'hidden';
     }
-    return function () {
+    return () => {
       var bodyElement = document.querySelector('body');
       bodyElement.style.overflow = '';
     };
   }, [bodyOverFlowHidden]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var isNewPage = window.history.length;
     // history的记录，默认2，代办新开页面
     if (isNewPage <= autoBack) {
       setBackState(false);
     }
   }, []);
+
   /**
    * 主级描述数据渲染
    */
-  var describeRender = function describeRender(describeData) {
+  var describeRender = describeData => {
     if (!Array.isArray(describeData)) {
       return null;
     }
-    return (0, _jsxRuntime.jsx)("ul", {
-      className: (0, _classnames2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: (0, _classnames.default)({
         'pro-header-describe': true,
         'pro-header-describe-open': fold,
         'pro-header-describe-hidden': !fold
       }),
-      children: describeData.map(function (item, index) {
+      children: describeData.map((item, index) => {
         var value = item.value,
           copyable = item.copyable,
           _item$show = item.show,
@@ -128,69 +128,71 @@ var ProHeader = function ProHeader(props) {
           return null;
         }
         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 (0, _jsxRuntime.jsx)(_space.default, {
+        var tagRender = parmas => {
+          if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && parmas !== null && parmas !== void 0 && parmas.tag.length) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
               size: 4,
-              children: parmas.tag.map(function (tagItem, index) {
-                return (0, _jsxRuntime.jsx)("div", {
+              children: parmas.tag.map((tagItem, index) => {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "pro-header-tag",
                   children: tagItem
                 }, index);
               })
             });
           }
-          return (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? (0, _jsxRuntime.jsx)("div", {
+          return parmas !== null && parmas !== void 0 && parmas.tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "pro-header-tag",
             children: parmas === null || parmas === void 0 ? void 0 : parmas.tag
           }) : null;
         };
+
         /** 单行渲染 */
-        var valueRender = function valueRender(parmas) {
-          return (0, _jsxRuntime.jsxs)(_space.default, {
+        var valueRender = parmas => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
             size: 4,
-            align: (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? 'baseline' : 'center',
-            children: [(parmas === null || parmas === void 0 ? void 0 : parmas.link) ? (0, _jsxRuntime.jsx)("a", {
+            align: parmas !== null && parmas !== void 0 && parmas.tag ? 'baseline' : 'center',
+            children: [parmas !== null && parmas !== void 0 && parmas.link ? /*#__PURE__*/(0, _jsxRuntime.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) && (0, _isString2.default)(parmas === null || parmas === void 0 ? void 0 : parmas.value) ? (0, _jsxRuntime.jsx)(_components.Copy, {
+            }) : parmas === null || parmas === void 0 ? void 0 : parmas.value, parmas !== null && parmas !== void 0 && parmas.copyable && (0, _lodash.isString)(parmas === null || parmas === void 0 ? void 0 : parmas.value) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Copy, {
               text: parmas.value
             }) : null, tagRender({
               tag: parmas === null || parmas === void 0 ? void 0 : parmas.tag
             })]
           });
         };
+
         /** 多行渲染 */
-        var itemsRender = function itemsRender() {
+        var itemsRender = () => {
           // items配置是否超长，超长配置... + tip 提示
           var itemsHidden = (0, _utils2.checkDescribeItemsHidden)(ref === null || ref === void 0 ? void 0 : ref.current);
-          var result = (0, _jsxRuntime.jsxs)("div", {
+          var result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             ref: ref,
-            className: (0, _classnames2.default)({
+            className: (0, _classnames.default)({
               '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 (0, _jsxRuntime.jsxs)("span", {
+            children: [(items === null || items === void 0 ? void 0 : items.length) > 3 ? `共${items === null || items === void 0 ? void 0 : items.length}个，` : null, items.map((item, index) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
                 children: [valueRender(item), (items === null || items === void 0 ? void 0 : items.length) !== index + 1 ? ' 、' : null]
               }, index);
-            }), itemsHidden ? (0, _jsxRuntime.jsx)("span", {
+            }), itemsHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "pro-header-describe-items-omit",
               children: "..."
             }) : null]
           });
           if (itemsHidden) {
-            var tipResult = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: items.map(function (item, index) {
-                return (0, _jsxRuntime.jsx)("p", {
+            var tipResult = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: items.map((item, index) => {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
                   className: "pro-header-describe-items-tip-value",
                   children: valueRender(item)
                 }, index);
               })
             });
-            return (0, _jsxRuntime.jsx)(_tooltip.default, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
               placement: "bottomLeft",
               overlayClassName: "pro-header-describe-items-tip",
               title: tipResult,
@@ -199,28 +201,28 @@ var ProHeader = function ProHeader(props) {
           }
           return result;
         };
-        var tagCls = (0, _classnames2.default)({
+        var tagCls = (0, _classnames.default)({
           'pro-header-only-tag': onlyTag,
-          'pro-header-describe-items-calc': (0, _isString2.default)(width) ? width.includes('calc') : false
+          'pro-header-describe-items-calc': (0, _lodash.isString)(width) ? width.includes('calc') : false
         });
-        return (0, _jsxRuntime.jsx)("li", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
           className: tagCls,
           style: {
-            width: width
+            width
           },
-          children: (0, _jsxRuntime.jsxs)(_space.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
             size: 4,
-            children: [label ? (0, _jsxRuntime.jsx)("span", {
+            children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "pro-header-describe-label",
               children: label
-            }) : null, (0, _jsxRuntime.jsx)("span", {
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "pro-header-describe-value",
-              children: (items === null || items === void 0 ? void 0 : items.length) ? itemsRender() : (0, _jsxRuntime.jsx)("span", {
+              children: items !== null && items !== void 0 && items.length ? itemsRender() : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 children: valueRender({
-                  value: value,
-                  copyable: copyable,
-                  tag: tag,
-                  link: link
+                  value,
+                  copyable,
+                  tag,
+                  link
                 })
               })
             })]
@@ -229,10 +231,11 @@ var ProHeader = function ProHeader(props) {
       })
     });
   };
+
   /**
    * 次级描述数据渲染
    */
-  var subDescribeRender = function subDescribeRender(describeData) {
+  var subDescribeRender = describeData => {
     var _moment, _moment2;
     var value = describeData.value,
       type = describeData.type,
@@ -252,7 +255,7 @@ var ProHeader = function ProHeader(props) {
       case 'thousandth':
       case 'money':
         // 千分位
-        result = value || (0, _isNumber2.default)(value) ? formatAmount(value, precision) : '-';
+        result = value || (0, _lodash.isNumber)(value) ? formatAmount(value, precision) : '-';
         break;
       case 'enumName':
         // 枚举-展示name
@@ -274,36 +277,37 @@ var ProHeader = function ProHeader(props) {
         result = String(value).includes('undefined') || !value ? '-' : value;
         break;
     }
-    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsx)("span", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: label
-      }), (0, _jsxRuntime.jsx)("span", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "describe-value",
         children: result
       })]
     });
   };
+
   /**
    * 头部右侧按钮面板渲染
    */
-  var actionsRender = function actionsRender() {
+  var actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return (0, _jsxRuntime.jsx)(_space.default, {
-        split: (0, _jsxRuntime.jsx)(_divider.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        split: /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider.default, {
           type: "vertical"
         }),
-        children: actionRender.map(function (item, index) {
+        children: actionRender.map((item, index) => {
           var _item$props;
-          if ((0, _isFunction2.default)(item === null || item === void 0 ? void 0 : item.type)) {
-            return (0, _jsxRuntime.jsx)("div", {
+          if ((0, _lodash.isFunction)(item === null || item === void 0 ? void 0 : item.type)) {
+            return /*#__PURE__*/(0, _jsxRuntime.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 (0, _jsxRuntime.jsx)("div", {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: item
           }, index);
         })
@@ -311,71 +315,74 @@ var ProHeader = function ProHeader(props) {
     }
     return actionRender;
   };
+
   /**
    * 总结信息面板渲染
    */
-  var breadcrumbRender = function breadcrumbRender() {
+  var breadcrumbRender = () => {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
       return '';
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
+    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
       return item.type === 'breadcrumb';
     });
-    return list.map(function (item, index) {
+    return list.map((item, index) => {
       var _value$props;
       var value = item.value,
         _item$show2 = item.show,
         show = _item$show2 === void 0 ? true : _item$show2,
         tag = item.tag;
-      var tagRender = function tagRender() {
+      var tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
-          return (0, _jsxRuntime.jsx)(_space.default, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
             size: 8,
-            children: tag.map(function (tagItem, index) {
-              return (0, _jsxRuntime.jsx)("div", {
+            children: tag.map((tagItem, index) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "pro-header-tag",
                 children: tagItem
               }, index);
             })
           });
         }
-        return tag ? (0, _jsxRuntime.jsx)("div", {
+        return tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-header-tag",
           children: tag
         }) : null;
       };
+
       // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
         return '';
       }
       // 判断第一层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)) {
+      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 '';
       }
-      return (0, _jsxRuntime.jsx)(_breadcrumb.default.Item, {
-        children: (0, _jsxRuntime.jsxs)(_space.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_breadcrumb.default.Item, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
           size: 4,
           children: [value, " ", tagRender()]
         })
       }, index);
     });
   };
+
   /**
    * 头部左侧导航栏后业务信息
    */
-  var infoRender = function infoRender() {
+  var infoRender = () => {
     if (!Array.isArray(_breadcrumbColumns)) {
       return '';
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
+    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
       return item.type !== 'breadcrumb';
     });
     if (!list.length) {
       return null;
     }
-    return (0, _jsxRuntime.jsx)("ul", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "pro-header-info",
-      children: list.map(function (item, index) {
+      children: list.map((item, index) => {
         var _value$props2;
         var value = item.value,
           _item$type = item.type,
@@ -389,53 +396,54 @@ 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返回'-'
         var val = String(value).includes('undefined') || !value ? '-' : value;
         if (type === 'version' && val) {
-          val = "".concat(_locale.default.ProHeader.versionTitle).concat(val);
+          val = `${_locale.default.ProHeader.versionTitle}${val}`;
         }
+
         // 面包屑样式
-        var breadcrumbCls = (0, _classnames2.default)({
+        var breadcrumbCls = (0, _classnames.default)({
           'breadcrumb-value': true,
           omit: width
         });
-        var valueRender = function valueRender(type) {
-          var valRender = (0, _jsxRuntime.jsx)("div", {
+        var valueRender = type => {
+          var valRender = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: breadcrumbCls,
             style: {
-              width: width
+              width
             },
-            children: (0, _jsxRuntime.jsxs)(_space.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
               size: 4,
-              children: [val, " ", tag ? (0, _jsxRuntime.jsx)("div", {
+              children: [val, " ", tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "pro-header-tag",
                 children: tag
               }) : null]
             })
           });
           if (type === 'copy') {
-            return valRender = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [width ? (0, _jsxRuntime.jsx)(_tooltip.default, {
+            return valRender = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [width ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
                 title: val,
                 children: valRender
-              }) : valRender, (0, _jsxRuntime.jsx)(_components.Copy, {
+              }) : valRender, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Copy, {
                 text: val
               })]
             });
           }
           if (width) {
-            return (0, _jsxRuntime.jsx)(_tooltip.default, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
               title: val,
               children: valRender
             });
           }
           return valRender;
         };
-        return (0, _jsxRuntime.jsx)("li", {
-          className: (0, _classnames2.default)({
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: (0, _classnames.default)({
             version: ['version', 'tag'].includes(type),
             hidden: ['version', 'tag'].includes(type) && !val
           }),
@@ -444,17 +452,20 @@ var ProHeader = function ProHeader(props) {
       })
     });
   };
-  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
+  var cls = (0, _classnames.default)({
     'pro-header': true,
     'pro-header-fixed': fixedTop,
     'pro-header-shadow': showShadow,
+    // 内部窗口滚动自带阴影场景
     'pro-header-no-back': !backState,
-    'pro-header-has-describe': !(0, _isEmpty2.default)(_subDescribeColumns) || !(0, _isEmpty2.default)(describeColumns) || !(0, _isEmpty2.default)(describeColumns),
-    'pro-header-no-describe': (0, _isEmpty2.default)(_subDescribeColumns) && (0, _isEmpty2.default)(describeColumns) || (0, _isEmpty2.default)(describeColumns)
-  }, "".concat(className), className));
-  if (title && !(0, _isEmpty2.default)(_breadcrumbColumns)) {
+    'pro-header-has-describe': !(0, _lodash.isEmpty)(_subDescribeColumns) || !(0, _lodash.isEmpty)(describeColumns) || !(0, _lodash.isEmpty)(describeColumns),
+    'pro-header-no-describe': (0, _lodash.isEmpty)(_subDescribeColumns) && (0, _lodash.isEmpty)(describeColumns) || (0, _lodash.isEmpty)(describeColumns),
+    [`${className}`]: className
+  });
+  if (title && !(0, _lodash.isEmpty)(_breadcrumbColumns)) {
     console.error('warning: The title and the breadcrumbList cannot be used together');
   }
+
   // title默认不显示返回按钮，只有showBack设置为true时才显示
   if (title && props.showBack) {
     _title = null;
@@ -463,7 +474,7 @@ var ProHeader = function ProHeader(props) {
       value: title
     });
   }
-  var onConfirm = function onConfirm() {
+  var onConfirm = () => {
     if (!isConfirmBack) {
       onBack && onBack();
       if (!onBack) {
@@ -472,62 +483,62 @@ var ProHeader = function ProHeader(props) {
       return false;
     }
     _modal.default.confirm((0, _objectSpread2.default)({
-      title: "".concat(_locale.default.ProHeader.confirmTitle),
-      okText: "".concat(_locale.default.ProHeader.confirm),
-      cancelText: "".concat(_locale.default.ProHeader.cancel),
-      onOk: function onOk() {
+      title: `${_locale.default.ProHeader.confirmTitle}`,
+      okText: `${_locale.default.ProHeader.confirm}`,
+      cancelText: `${_locale.default.ProHeader.cancel}`,
+      onOk: () => {
         onBack && onBack();
       }
     }, isConfirmBackModalProps));
   };
-  return (0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: cls,
     style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       top: fixedTop,
-      zIndex: zIndex
+      zIndex
     }),
-    children: _title ? (0, _jsxRuntime.jsx)("div", {
+    children: _title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "pro-header-title",
       children: _title
-    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsxs)("div", {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-header-top",
-        children: [(0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames2.default)({
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)({
             'pro-header-left': true,
             'pro-header-left-space': !backState
           }),
-          children: (0, _jsxRuntime.jsxs)(_space.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
             size: backState ? 4 : 0,
-            children: [backState ? (0, _jsxRuntime.jsx)(_components.ProBackBtn, {
+            children: [backState ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ProBackBtn, {
               onBack: onConfirm
-            }) : null, (0, _jsxRuntime.jsx)(_breadcrumb.default, {
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_breadcrumb.default, {
               separator: ">",
               children: breadcrumbRender()
             }), infoRender()]
           })
-        }), (0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-header-right",
           children: actionsRender()
         })]
-      }), describeRender(describeColumns), !(0, _isEmpty2.default)(_subDescribeColumns) ? (0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames2.default)({
+      }), describeRender(describeColumns), !(0, _lodash.isEmpty)(_subDescribeColumns) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)({
           'pro-header-nav': true,
           'pro-header-nav-open': fold,
           'pro-header-nav-hidden': !fold
         }),
-        children: [(0, _jsxRuntime.jsx)("ul", {
-          children: _subDescribeColumns.map(function (item, index) {
-            return (0, _jsxRuntime.jsx)("li", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+          children: _subDescribeColumns.map((item, index) => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
               children: subDescribeRender(item)
             }, index);
           })
-        }), (0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-header-fold",
-          children: (0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "pro-header-fold-bg",
             onClick: toggle,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "fold-icon",
               src: _arrow.default
             }, "copy-icon")

package/lib/ProLayout/components/ProHeader/utils/index.js

@@ -8,7 +8,7 @@ exports.checkDescribeItemsHidden = void 0;
  * 检查描述dom是否部分隐藏
  * @param ele  dom节点
  */
-var checkDescribeItemsHidden = exports.checkDescribeItemsHidden = function checkDescribeItemsHidden(ele) {
+var checkDescribeItemsHidden = ele => {
   var childElement = ele;
   if (!childElement) {
     return false;
@@ -17,4 +17,5 @@ var checkDescribeItemsHidden = exports.checkDescribeItemsHidden = function check
   var itemsScrollWidth = element.scrollWidth;
   var itemsClientWidth = element.clientWidth;
   return itemsScrollWidth > itemsClientWidth;
-};
+};
+exports.checkDescribeItemsHidden = checkDescribeItemsHidden;

package/lib/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;