@zat-design/sisyphus-react 3.0.16-beta.4 → 3.1.4

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,9 +8,10 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@zat-design-pro-component/utils");
+var _react = require("react");
+var _utils = require("@zat-design/utils");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _moment3 = _interopRequireDefault(require("moment"));
 var _ahooks = require("ahooks");
@@ -19,7 +19,7 @@ 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/getEnumLabel"));
+var _getEnumLabel = _interopRequireDefault(require("../../../ProEnum/utils/getEnumLabel"));
 var _index = require("../../../index");
 /* eslint-disable react/no-array-index-key */
 
@@ -49,7 +49,11 @@ var ProHeader = function ProHeader(props) {
     autoBack = _props$autoBack === void 0 ? 2 : _props$autoBack,
     _props$collapsed = props.collapsed,
     collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
-    style = props.style;
+    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 = (0, _slicedToArray2.default)(_useState, 2),
     backState = _useState2[0],
@@ -87,38 +91,65 @@ var ProHeader = function ProHeader(props) {
     if (!Array.isArray(describeData)) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("ul", {
-      className: "pro-header-describe"
-    }, describeData.map(function (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;
-      // show为false直接隐藏¸
-      if (show === false || !show) {
-        return null;
-      }
-      var valueRender = function valueRender() {
-        return /*#__PURE__*/_react.default.createElement(_antd.Space, {
-          size: 4,
-          align: tag ? 'baseline' : 'center'
-        }, link ? /*#__PURE__*/_react.default.createElement("a", {
-          href: link,
-          rel: "noopener noreferrer",
-          target: "_blank"
-        }, value) : value, copyable && (0, _lodash.isString)(value) ? /*#__PURE__*/_react.default.createElement(_components.Copy, {
-          text: value
-        }) : null, tag ? /*#__PURE__*/_react.default.createElement("div", {
-          className: "pro-header-tag"
-        }, tag) : null);
-      };
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: index
-      }, /*#__PURE__*/_react.default.createElement("span", null, label), /*#__PURE__*/_react.default.createElement("span", null, valueRender()));
-    }));
+    return (0, _jsxRuntime.jsx)("ul", {
+      className: "pro-header-describe",
+      children: describeData.map(function (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;
+        // show为false直接隐藏¸
+        if (show === false || !show) {
+          return null;
+        }
+        var onlyTag = tag && !label && !value;
+        var tagCls = (0, _classnames2.default)({
+          'pro-header-only-tag': onlyTag
+        });
+        var tagRender = function tagRender() {
+          if (Array.isArray(tag) && tag.length) {
+            return (0, _jsxRuntime.jsx)(_antd.Space, {
+              size: 4,
+              children: tag.map(function (tagItem, index) {
+                return (0, _jsxRuntime.jsx)("div", {
+                  className: "pro-header-tag",
+                  children: tagItem
+                }, index);
+              })
+            });
+          }
+          return tag ? (0, _jsxRuntime.jsx)("div", {
+            className: "pro-header-tag",
+            children: tag
+          }) : null;
+        };
+        var valueRender = function valueRender() {
+          return (0, _jsxRuntime.jsxs)(_antd.Space, {
+            size: 4,
+            align: tag ? 'baseline' : 'center',
+            children: [link ? (0, _jsxRuntime.jsx)("a", {
+              href: link,
+              rel: "noopener noreferrer",
+              target: "_blank",
+              children: value
+            }) : value, copyable && (0, _lodash.isString)(value) ? (0, _jsxRuntime.jsx)(_components.Copy, {
+              text: value
+            }) : null, tagRender()]
+          });
+        };
+        return (0, _jsxRuntime.jsxs)("li", {
+          className: tagCls,
+          children: [label ? (0, _jsxRuntime.jsx)("span", {
+            children: label
+          }) : null, (0, _jsxRuntime.jsx)("span", {
+            children: valueRender()
+          })]
+        }, index);
+      })
+    });
   };
   /**
    * 次级描述数据渲染
@@ -165,34 +196,40 @@ var ProHeader = function ProHeader(props) {
         result = String(value).includes('undefined') || !value ? '-' : value;
         break;
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, label), /*#__PURE__*/_react.default.createElement("span", {
-      className: "describe-value"
-    }, result));
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)("span", {
+        children: label
+      }), (0, _jsxRuntime.jsx)("span", {
+        className: "describe-value",
+        children: result
+      })]
+    });
   };
   /**
    * 头部右侧按钮面板渲染
    */
   var actionsRender = function actionsRender() {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return /*#__PURE__*/_react.default.createElement(_antd.Space, {
-        split: /*#__PURE__*/_react.default.createElement(_antd.Divider, {
+      return (0, _jsxRuntime.jsx)(_antd.Space, {
+        split: (0, _jsxRuntime.jsx)(_antd.Divider, {
           type: "vertical"
+        }),
+        children: actionRender.map(function (item, index) {
+          var _item$props;
+          if ((0, _lodash.isFunction)(item === null || item === void 0 ? void 0 : item.type)) {
+            return (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)) {
+            return null;
+          }
+          return (0, _jsxRuntime.jsx)("div", {
+            children: item
+          }, index);
         })
-      }, actionRender.map(function (item, index) {
-        var _item$props;
-        if ((0, _lodash.isFunction)(item === null || item === void 0 ? void 0 : item.type)) {
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: index
-          }, item);
-        }
-        // 判断第一层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)) {
-          return null;
-        }
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: index
-        }, item);
-      }));
+      });
     }
     return actionRender;
   };
@@ -212,6 +249,23 @@ var ProHeader = function ProHeader(props) {
         _item$show2 = item.show,
         show = _item$show2 === void 0 ? true : _item$show2,
         tag = item.tag;
+      var tagRender = function tagRender() {
+        if (Array.isArray(tag) && tag.length) {
+          return (0, _jsxRuntime.jsx)(_antd.Space, {
+            size: 8,
+            children: tag.map(function (tagItem, index) {
+              return (0, _jsxRuntime.jsx)("div", {
+                className: "pro-header-tag",
+                children: tagItem
+              }, index);
+            })
+          });
+        }
+        return tag ? (0, _jsxRuntime.jsx)("div", {
+          className: "pro-header-tag",
+          children: tag
+        }) : null;
+      };
       // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
         return '';
@@ -220,13 +274,12 @@ var ProHeader = function ProHeader(props) {
       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 '';
       }
-      return /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb.Item, {
-        key: index
-      }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
-        size: 4
-      }, value, " ", tag ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "pro-header-tag"
-      }, tag) : null));
+      return (0, _jsxRuntime.jsx)(_antd.Breadcrumb.Item, {
+        children: (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 4,
+          children: [value, " ", tagRender()]
+        })
+      }, index);
     });
   };
   /**
@@ -242,68 +295,76 @@ var ProHeader = function ProHeader(props) {
     if (!list.length) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("ul", {
-      className: "pro-header-info"
-    }, list.map(function (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 ? 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)) {
-        return '';
-      }
-      // value为null或者undefined返回'-'
-      var val = String(value).includes('undefined') || !value ? '-' : value;
-      if (type === 'version' && val) {
-        val = "\u7248\u672C\u53F7".concat(val);
-      }
-      // 面包屑样式
-      var breadcrumbCls = (0, _classnames2.default)({
-        'breadcrumb-value': true,
-        omit: width
-      });
-      var valueRender = function valueRender(type) {
-        var valRender = /*#__PURE__*/_react.default.createElement("div", {
-          className: breadcrumbCls,
-          style: {
-            width: width
-          }
-        }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
-          size: 4
-        }, val, " ", tag ? /*#__PURE__*/_react.default.createElement("div", {
-          className: "pro-header-tag"
-        }, tag) : null));
-        if (type === 'copy') {
-          return valRender = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, width ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-            title: val
-          }, valRender) : valRender, /*#__PURE__*/_react.default.createElement(_components.Copy, {
-            text: val
-          }));
+    return (0, _jsxRuntime.jsx)("ul", {
+      className: "pro-header-info",
+      children: list.map(function (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 '';
         }
-        if (width) {
-          return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-            title: val
-          }, valRender);
+        // 判断第一层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)) {
+          return '';
         }
-        return valRender;
-      };
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: index,
-        className: (0, _classnames2.default)({
-          version: ['version', 'tag'].includes(type),
-          hidden: ['version', 'tag'].includes(type) && !val
-        })
-      }, type === 'copy' ? valueRender('copy') : valueRender());
-    }));
+        // value为null或者undefined返回'-'
+        var val = String(value).includes('undefined') || !value ? '-' : value;
+        if (type === 'version' && val) {
+          val = "\u7248\u672C\u53F7".concat(val);
+        }
+        // 面包屑样式
+        var breadcrumbCls = (0, _classnames2.default)({
+          'breadcrumb-value': true,
+          omit: width
+        });
+        var valueRender = function valueRender(type) {
+          var valRender = (0, _jsxRuntime.jsx)("div", {
+            className: breadcrumbCls,
+            style: {
+              width: width
+            },
+            children: (0, _jsxRuntime.jsxs)(_antd.Space, {
+              size: 4,
+              children: [val, " ", tag ? (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)(_antd.Tooltip, {
+                title: val,
+                children: valRender
+              }) : valRender, (0, _jsxRuntime.jsx)(_components.Copy, {
+                text: val
+              })]
+            });
+          }
+          if (width) {
+            return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
+              title: val,
+              children: valRender
+            });
+          }
+          return valRender;
+        };
+        return (0, _jsxRuntime.jsx)("li", {
+          className: (0, _classnames2.default)({
+            version: ['version', 'tag'].includes(type),
+            hidden: ['version', 'tag'].includes(type) && !val
+          }),
+          children: type === 'copy' ? valueRender('copy') : valueRender()
+        }, index);
+      })
+    });
   };
   var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
     'pro-header': true,
@@ -323,46 +384,75 @@ var ProHeader = function ProHeader(props) {
       value: title
     });
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var onConfirm = function onConfirm() {
+    if (!isConfirmBack) {
+      onBack && onBack();
+      return false;
+    }
+    _antd.Modal.confirm((0, _objectSpread2.default)({
+      title: '确认返回？',
+      okText: '确定',
+      cancelText: '取消',
+      onOk: function onOk() {
+        onBack && onBack();
+      }
+    }, isConfirmBackModalProps));
+  };
+  return (0, _jsxRuntime.jsx)("div", {
     className: cls,
     style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       top: fixedTop,
       zIndex: zIndex
+    }),
+    children: _title ? (0, _jsxRuntime.jsx)("div", {
+      className: "pro-header-title",
+      children: _title
+    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        className: "pro-header-top",
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames2.default)({
+            'pro-header-left': true,
+            'pro-header-left-space': !backState
+          }),
+          children: (0, _jsxRuntime.jsxs)(_antd.Space, {
+            size: backState ? 4 : 0,
+            children: [backState ? (0, _jsxRuntime.jsx)(_index.ProBackBtn, {
+              onBack: onConfirm
+            }) : null, (0, _jsxRuntime.jsx)(_antd.Breadcrumb, {
+              separator: ">",
+              children: breadcrumbRender()
+            }), infoRender()]
+          })
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: "pro-header-right",
+          children: actionsRender()
+        })]
+      }), describeRender(describeColumns), !(0, _lodash.isEmpty)(_subDescribeColumns) ? (0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames2.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: subDescribeRender(item)
+            }, index);
+          })
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: "pro-header-fold",
+          children: (0, _jsxRuntime.jsx)("div", {
+            className: "pro-header-fold-bg",
+            onClick: toggle,
+            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+              className: "fold-icon",
+              src: _arrow.default
+            }, "copy-icon")
+          })
+        })]
+      }) : null]
     })
-  }, _title ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-header-title"
-  }, _title) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-header-top"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-header-left"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
-    size: backState ? 4 : 0
-  }, backState ? /*#__PURE__*/_react.default.createElement(_index.ProBackBtn, {
-    onBack: onBack
-  }) : null, /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb, {
-    separator: ">"
-  }, breadcrumbRender()), infoRender())), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-header-right"
-  }, actionsRender())), describeRender(describeColumns), !(0, _lodash.isEmpty)(_subDescribeColumns) ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames2.default)({
-      'pro-header-nav': true,
-      'pro-header-nav-open': fold,
-      'pro-header-nav-hidden': !fold
-    })
-  }, /*#__PURE__*/_react.default.createElement("ul", null, _subDescribeColumns.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: index
-    }, subDescribeRender(item));
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-header-fold"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-header-fold-bg",
-    onClick: toggle
-  }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-    key: "copy-icon",
-    className: "fold-icon",
-    src: _arrow.default
-  })))) : null));
+  });
 };
-var _default = /*#__PURE__*/(0, _react.memo)(ProHeader);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProHeader);

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

@@ -1,7 +1,6 @@
 .pro-header {
   background-color: var(--zaui-base-bg, #ffffff);
-  padding         : 24px 0 0 0;
-  box-shadow      : 0px 2px 4px 0px rgba(0, 55, 93, 0.06);
+  padding         : var(--zaui-space-size-lg, 32px) 0 0 0;
 
   &.pro-header-no-back {
     .pro-header-top {
@@ -66,9 +65,9 @@
     color        : var(--zaui-brand, #006AFF);
     padding      : 4px 8px;
     border-radius: var(--zaui-border-radius-card, 2px);
-    font-size    : 12px;
+    font-size    : var(--zaui-font-size-sm, 12px);
     font-weight  : normal;
-    line-height  : 17px;
+    line-height  : 16px;
     display      : inline-block;
     white-space  : pre;
   }
@@ -77,16 +76,17 @@
     font-weight: 500;
     font-size  : var(--zaui-font-size-xl, 18px);
     padding    : 0 var(--zaui-space-size-md, 16px);
+    line-height: 22px;
   }
 
   &.pro-header-fixed {
     position  : sticky;
-    z-index   : 999;
-    box-shadow: 0 6px 10px -11px #888;
+    z-index   : 101;
+    box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
   }
 
   &.pro-header-shadow {
-    box-shadow: 0 6px 10px -11px #888;
+    box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
   }
 
   .ant-breadcrumb {
@@ -119,6 +119,10 @@
       align-items : center;
       margin-right: var(--zaui-space-size-md, 16px);
 
+      &.pro-header-left-space {
+        margin-left: var(--zaui-space-size-md, 16px);
+      }
+
       ul {
         display    : flex;
         align-items: center;
@@ -154,11 +158,11 @@
 
           &.version {
             background   : var(--ant-primary-1, #e6f4ff);
-            border-radius: 4px;
+            border-radius: var(--zaui-border-radius, 4px);
             color        : var(--zaui-brand, #006AFF);
             font-style   : initial;
-            padding      : 0 8px;
-            font-size    : 12px;
+            padding      : 0 var(--zaui-space-size-sm, 8px);
+            font-size    : var(--zaui-font-size-sm, 12px);
             height       : 24px;
             line-height  : 24px;
           }
@@ -172,7 +176,7 @@
     }
 
     .pro-header-right {
-      .ant-btn {
+      .ant-btn-link {
         color: #616161;
       }
 
@@ -304,14 +308,25 @@
     padding-bottom: 12px;
 
     li {
-      margin-right: var(--zaui-space-card, 32px);
+      margin-left: var(--zaui-space-card, 32px);
+
+      &.pro-header-only-tag {
+        margin-left: var(--zaui-space-size-sm, 8px);
+
+        span:first-child {
+          margin-right: 0;
+        }
+      }
+
+      &:first-child {
+        margin-left: 0;
+      }
 
       span {
         font-weight: 400;
         color      : #0A0A0A;
 
         &:first-child {
-
           margin-right: 12px;
         }
 
@@ -334,4 +349,4 @@
       max-width: 350px;
     }
   }
-}
+}

package/lib/ProLayout/index.d.ts

@@ -1,8 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ProLayoutProps } from './propTypes';
-export declare const LayoutContext: React.Context<{}>;
+export declare const LayoutContext: import("react").Context<{
+    selectedPath: string;
+    onSelected: (params: any) => void;
+}>;
 declare const ProLayout: {
-    (props: ProLayoutProps): React.JSX.Element;
+    (props: ProLayoutProps): JSX.Element;
     defaultProps: {
         menus: any[];
         iconfontUrl: string;
@@ -10,11 +13,12 @@ declare const ProLayout: {
         collapsed: boolean;
         routerMatch: string;
         pure: boolean;
+        theme: string;
         headerHeight: number;
         contentStyle: {};
     };
-    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseProps) => React.JSX.Element;
-    ProFooter: React.MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterProps) => React.JSX.Element>;
-    ProHeader: React.MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderProps) => React.JSX.Element>;
+    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseProps) => JSX.Element;
+    ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterProps) => JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderProps) => JSX.Element>;
 };
 export default ProLayout;