@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

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

@@ -1,559 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@zat-design/utils");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dayjs3 = _interopRequireDefault(require("dayjs"));
-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");
-var _excluded = ["width"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var formatAmount = _utils.tools.formatAmount;
-var ProHeader = props => {
-  var breadcrumbColumns = props.breadcrumbColumns,
-    actionRender = props.actionRender,
-    describeColumns = props.describeColumns,
-    subDescribeColumns = props.subDescribeColumns,
-    onBack = props.onBack,
-    className = props.className,
-    _props$bodyOverFlowHi = props.bodyOverFlowHidden,
-    bodyOverFlowHidden = _props$bodyOverFlowHi === void 0 ? false : _props$bodyOverFlowHi,
-    fixedTop = props.fixedTop,
-    _props$showBack = props.showBack,
-    showBack = _props$showBack === void 0 ? true : _props$showBack,
-    _props$showShadow = props.showShadow,
-    showShadow = _props$showShadow === void 0 ? false : _props$showShadow,
-    _props$zIndex = 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,
-    _props$collapsed = props.collapsed,
-    collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
-    style = props.style,
-    _props$isConfirmBack = props.isConfirmBack,
-    isConfirmBack = _props$isConfirmBack === void 0 ? false : _props$isConfirmBack,
-    _props$isConfirmBackM = props.isConfirmBackModalProps,
-    isConfirmBackModalProps = _props$isConfirmBackM === void 0 ? {} : _props$isConfirmBackM;
-  var _useState = (0, _react.useState)(showBack),
-    _useState2 = _slicedToArray(_useState, 2),
-    backState = _useState2[0],
-    setBackState = _useState2[1];
-  var _useToggle = (0, _ahooks.useToggle)(collapsed),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    fold = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  var ref = (0, _react.useRef)(null);
-  var size = (0, _ahooks.useSize)(ref);
-  var _title = title;
-
-  // 面包屑配置数据源
-  var _breadcrumbColumns = breadcrumbColumns || [];
-
-  // 次级配置数据源
-  var _subDescribeColumns = subDescribeColumns || [];
-  (0, _react.useEffect)(() => {
-    if (bodyOverFlowHidden) {
-      var bodyElement = document.querySelector('body');
-      bodyElement.style.overflow = 'hidden';
-    }
-    return () => {
-      var bodyElement = document.querySelector('body');
-      bodyElement.style.overflow = '';
-    };
-  }, [bodyOverFlowHidden]);
-  (0, _react.useEffect)(() => {
-    var isNewPage = window.history.length;
-    // history的记录，默认2，代办新开页面
-    if (isNewPage <= autoBack) {
-      setBackState(false);
-    }
-  }, []);
-
-  /**
-   * 主级描述数据渲染
-   */
-  var describeRender = describeData => {
-    if (!Array.isArray(describeData)) {
-      return null;
-    }
-    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((item, index) => {
-        var value = item.value,
-          copyable = item.copyable,
-          _item$show = item.show,
-          show = _item$show === void 0 ? true : _item$show,
-          tag = item.tag,
-          label = item.label,
-          link = item.link,
-          _item$items = item.items,
-          items = _item$items === void 0 ? [] : _item$items,
-          width = item.width;
-        // show为false直接隐藏¸
-        if (show === false || !show) {
-          return null;
-        }
-        var onlyTag = tag && !label && !value;
-        var tagRender = params => {
-          if (Array.isArray(params === null || params === void 0 ? void 0 : params.tag) && params !== null && params !== void 0 && params.tag.length) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
-              size: 4,
-              children: params.tag.map((tagItem, index) => {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  className: "pro-header-tag",
-                  children: tagItem
-                }, index);
-              })
-            });
-          }
-          return params !== null && params !== void 0 && params.tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "pro-header-tag",
-            children: params === null || params === void 0 ? void 0 : params.tag
-          }) : null;
-        };
-
-        /** 单行渲染 */
-        var valueRender = params => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-            size: 4,
-            align: params !== null && params !== void 0 && params.tag ? 'baseline' : 'center',
-            children: [params !== null && params !== void 0 && params.link ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-              onClick: () => {
-                var newWindow = window.open(params.link);
-                newWindow.opener = null;
-              },
-              children: params === null || params === void 0 ? void 0 : params.value
-            }) : params === null || params === void 0 ? void 0 : params.value, params !== null && params !== void 0 && params.copyable && (0, _lodash.isString)(params === null || params === void 0 ? void 0 : params.value) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Copy, {
-              text: params.value
-            }) : null, tagRender({
-              tag: params === null || params === void 0 ? void 0 : params.tag
-            })]
-          });
-        };
-
-        /** 多行渲染 */
-        var itemsRender = () => {
-          // items配置是否超长，超长配置... + tip 提示
-          var itemsHidden = (0, _utils2.checkDescribeItemsHidden)(ref === null || ref === void 0 ? void 0 : ref.current);
-          var result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            ref: ref,
-            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 ? `共${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 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "pro-header-describe-items-omit",
-              children: "..."
-            }) : null]
-          });
-          if (itemsHidden) {
-            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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
-              placement: "bottomLeft",
-              classNames: {
-                root: 'pro-header-describe-items-tip'
-              },
-              title: tipResult,
-              children: result
-            });
-          }
-          return result;
-        };
-        var tagCls = (0, _classnames.default)({
-          'pro-header-only-tag': onlyTag,
-          'pro-header-describe-items-calc': (0, _lodash.isString)(width) ? width.includes('calc') : false
-        });
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          className: tagCls,
-          style: {
-            width
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-            size: 4,
-            children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "pro-header-describe-label",
-              children: label
-            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "pro-header-describe-value",
-              children: items !== null && items !== void 0 && items.length ? itemsRender() : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                children: valueRender({
-                  value,
-                  copyable,
-                  tag,
-                  link
-                })
-              })
-            })]
-          })
-        }, index);
-      })
-    });
-  };
-
-  /**
-   * 次级描述数据渲染
-   */
-  var subDescribeRender = describeData => {
-    var _dayjs, _dayjs2;
-    var value = describeData.value,
-      type = describeData.type,
-      valueType = describeData.valueType,
-      label = describeData.label,
-      _describeData$show = describeData.show,
-      show = _describeData$show === void 0 ? true : _describeData$show,
-      _describeData$precisi = describeData.precision,
-      precision = _describeData$precisi === void 0 ? 2 : _describeData$precisi,
-      code = describeData.code;
-    // show为false直接隐藏
-    if (!show) {
-      return '';
-    }
-    var result;
-    switch (valueType || type) {
-      case 'thousandth':
-      case 'money':
-        // 千分位
-        result = value || (0, _lodash.isNumber)(value) ? formatAmount(value, precision) : '-';
-        break;
-      case 'enumName':
-        // 枚举-展示name
-        result = (0, _getEnumLabel.default)(code, value);
-        break;
-      case 'enumCodeName':
-        // 枚举-展示code-name
-        result = (0, _getEnumLabel.default)(code, value, true);
-        break;
-      case 'date':
-        // 年月日
-        result = value ? (_dayjs = (0, _dayjs3.default)(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format('YYYY-MM-DD') : '-';
-        break;
-      case 'dateTime':
-        // 年月日 时分秒
-        result = value ? (_dayjs2 = (0, _dayjs3.default)(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 /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: label
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "describe-value",
-        children: result
-      })]
-    });
-  };
-
-  /**
-   * 头部右侧按钮面板渲染
-   */
-  var actionsRender = () => {
-    if (Array.isArray(actionRender) && actionRender.length) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
-        separator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider, {
-          orientation: "vertical"
-        }),
-        children: actionRender.map((item, index) => {
-          var _item$props;
-          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 && item.type && !(item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children)) {
-            return null;
-          }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            children: item
-          }, index);
-        })
-      });
-    }
-    return actionRender;
-  };
-
-  /**
-   * 总结信息面板渲染
-   */
-  var breadcrumbRender = () => {
-    if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
-      return [];
-    }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
-      return item.type === 'breadcrumb';
-    });
-    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 = () => {
-        if (Array.isArray(tag) && tag.length) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
-            size: 8,
-            children: tag.map((tagItem, index) => {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: "pro-header-tag",
-                children: tagItem
-              }, index);
-            })
-          });
-        }
-        return tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "pro-header-tag",
-          children: tag
-        }) : null;
-      };
-
-      // show或者值不存在为false直接隐藏¸
-      if (!show || !value) {
-        return null;
-      }
-      // 判断第一层dom节点为空
-      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 {
-        key: index,
-        title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-          size: 4,
-          children: [value, " ", tagRender()]
-        })
-      };
-    }).filter(Boolean); // 过滤掉null值
-  };
-
-  /**
-   * 头部左侧导航栏后业务信息
-   */
-  var infoRender = () => {
-    if (!Array.isArray(_breadcrumbColumns)) {
-      return '';
-    }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
-      return item.type !== 'breadcrumb';
-    });
-    if (!list.length) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: "pro-header-info",
-      children: list.map((item, index) => {
-        var _value$props2;
-        var value = item.value,
-          _item$type = item.type,
-          type = _item$type === void 0 ? 'info' : _item$type,
-          _item$show3 = item.show,
-          show = _item$show3 === void 0 ? true : _item$show3,
-          width = item.width,
-          tag = item.tag;
-        // show或者值不存在为false直接隐藏¸
-        if (!show || !value) {
-          return '';
-        }
-        // 判断第一层dom节点为空
-        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 = `${_locale.default.ProHeader.versionTitle}${val}`;
-        }
-
-        // 面包屑样式
-        var breadcrumbCls = (0, _classnames.default)({
-          'breadcrumb-value': true,
-          omit: width
-        });
-        var valueRender = type => {
-          var valRender = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: breadcrumbCls,
-            style: {
-              width
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-              size: 4,
-              children: [val, " ", tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: "pro-header-tag",
-                children: tag
-              }) : null]
-            })
-          });
-          if (type === 'copy') {
-            return valRender = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [width ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
-                title: val,
-                children: valRender
-              }) : valRender, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Copy, {
-                text: val
-              })]
-            });
-          }
-          if (width) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
-              title: val,
-              children: valRender
-            });
-          }
-          return valRender;
-        };
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          className: (0, _classnames.default)({
-            version: ['version', 'tag'].includes(type),
-            hidden: ['version', 'tag'].includes(type) && !val
-          }),
-          children: type === 'copy' ? valueRender('copy') : valueRender()
-        }, index);
-      })
-    });
-  };
-  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, _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;
-    _breadcrumbColumns.push({
-      type: 'breadcrumb',
-      value: title
-    });
-  }
-  var onConfirm = () => {
-    if (!isConfirmBack) {
-      onBack && onBack();
-      if (!onBack) {
-        window.history.back();
-      }
-      return false;
-    }
-    // 处理 Modal.confirm 的 width 类型兼容性问题
-    var _ref = isConfirmBackModalProps || {},
-      width = _ref.width,
-      restModalProps = _objectWithoutProperties(_ref, _excluded);
-    _antd.Modal.confirm(_objectSpread(_objectSpread({
-      title: `${_locale.default.ProHeader.confirmTitle}`,
-      okText: `${_locale.default.ProHeader.confirm}`,
-      cancelText: `${_locale.default.ProHeader.cancel}`,
-      onOk: () => {
-        onBack && onBack();
-      }
-    }, width && (typeof width === 'string' || typeof width === 'number') ? {
-      width
-    } : {}), restModalProps));
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: cls,
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      top: fixedTop,
-      zIndex
-    }),
-    children: _title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "pro-header-title",
-      children: _title
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "pro-header-top",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames.default)({
-            'pro-header-left': true,
-            'pro-header-left-space': !backState
-          }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-            size: backState ? 4 : 0,
-            children: [backState ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ProBackBtn, {
-              onBack: onConfirm
-            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Breadcrumb, {
-              separator: ">",
-              items: breadcrumbRender()
-            }), infoRender()]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "pro-header-right",
-          children: actionsRender()
-        })]
-      }), 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: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-          children: _subDescribeColumns.map((item, index) => {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-              children: subDescribeRender(item)
-            }, index);
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "pro-header-fold",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "pro-header-fold-bg",
-            onClick: toggle,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "fold-icon",
-              src: _arrow.default
-            }, "copy-icon")
-          })
-        })]
-      }) : null]
-    })
-  });
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProHeader);