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

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

@@ -2,25 +2,24 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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";
 var _excluded = ["width"];
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
 import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
-import { memo, useEffect, useState, useRef } from 'react';
+import React, { memo, useEffect, useState, useRef } from 'react';
 import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
 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 breadcrumbColumns = props.breadcrumbColumns,
@@ -59,8 +58,10 @@ var ProHeader = function ProHeader(props) {
   var ref = useRef(null);
   var size = useSize(ref);
   var _title = title;
+
   // 面包屑配置数据源
   var _breadcrumbColumns = breadcrumbColumns || [];
+
   // 次级配置数据源
   var _subDescribeColumns = subDescribeColumns || [];
   useEffect(function () {
@@ -80,6 +81,7 @@ var ProHeader = function ProHeader(props) {
       setBackState(false);
     }
   }, []);
+
   /**
    * 主级描述数据渲染
    */
@@ -87,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,
@@ -110,68 +112,70 @@ 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",
               classNames: {
                 root: 'pro-header-describe-items-tip'
@@ -184,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,
@@ -212,6 +216,7 @@ var ProHeader = function ProHeader(props) {
       })
     });
   };
+
   /**
    * 次级描述数据渲染
    */
@@ -235,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,36 +262,37 @@ var ProHeader = function ProHeader(props) {
         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);
         })
@@ -294,6 +300,7 @@ var ProHeader = function ProHeader(props) {
     }
     return actionRender;
   };
+
   /**
    * 总结信息面板渲染
    */
@@ -312,38 +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 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)) {
+      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: _jsxs(Space, {
+        title: /*#__PURE__*/_jsxs(Space, {
           size: 4,
           children: [value, " ", tagRender()]
         })
       };
     }).filter(Boolean); // 过滤掉null值
   };
+
   /**
    * 头部左侧导航栏后业务信息
    */
@@ -357,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;
@@ -373,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返回'-'
@@ -381,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
@@ -432,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;
@@ -470,54 +482,54 @@ var ProHeader = function ProHeader(props) {
       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: ">",
               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/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;

package/es/ProLayout/index.js

@@ -1,16 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { message } from 'antd';
 import { createContext } from 'react';
 import classNames from 'classnames';
 import { useSetState, useToggle, useDeepCompareEffect } from 'ahooks';
-import { ProWaterMark } from '../index';
-import { ProCollapse, ProFooter, ProHeader } from './components';
-import { Header, Notice, Menu } from './components/Layout/index';
-import { transformMenus } from './utils';
+import { ProWaterMark } from "../index";
+import { ProCollapse, ProFooter, ProHeader } from "./components";
+import { Header, Notice, Menu } from "./components/Layout/index";
+import { transformMenus } from "./utils";
+
 // 全局上下文
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var LayoutContext = /*#__PURE__*/createContext(undefined);
 var ProLayout = function ProLayout(props) {
   var _Object$keys;
@@ -62,6 +64,7 @@ var ProLayout = function ProLayout(props) {
       menus: menuData
     });
   }, [dataSource]);
+
   /**
    * 关闭提示框
    */
@@ -78,18 +81,18 @@ var ProLayout = function ProLayout(props) {
     'pro-layout-row-left-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.leftMenu)
   });
   var noticeHeight = notice ? 32 : 0;
-  var layoutDom = _jsxs("div", {
+  var layoutDom = /*#__PURE__*/_jsxs("div", {
     className: classNames(_defineProperty({
       'pro-layout': true,
       'pro-layout-dark': theme === 'dark',
       'pro-layout-light': theme === 'light'
     }, "".concat(className), className)),
-    children: [_jsx(Header, _objectSpread({}, props)), _jsx(Notice, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/_jsx(Header, _objectSpread({}, props)), /*#__PURE__*/_jsx(Notice, _objectSpread(_objectSpread({}, props), {}, {
       notice: notice,
       onCancel: onCancelNotice
-    })), _jsxs("div", {
+    })), /*#__PURE__*/_jsxs("div", {
       className: contentCls,
-      children: [_jsx(Menu, _objectSpread(_objectSpread({}, props), {}, {
+      children: [/*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({}, props), {}, {
         dataSource: Array.isArray(menus) ? {
           menus: menus
         } : menus,
@@ -99,24 +102,24 @@ var ProLayout = function ProLayout(props) {
           toggle();
           onCollapsedChange && onCollapsedChange(!collapsed);
         }
-      })), _jsx("div", {
+      })), /*#__PURE__*/_jsx("div", {
         className: "pro-layout-content",
         style: _objectSpread(_objectSpread({}, contentStyle), {}, {
           marginTop: headerHeight + noticeHeight
         }),
-        children: _jsx("div", {
+        children: /*#__PURE__*/_jsx("div", {
           children: children
         })
       })]
     })]
   });
-  return _jsx(LayoutContext.Provider, {
+  return /*#__PURE__*/_jsx(LayoutContext.Provider, {
     value: {
       selectedPath: selectedPath,
       target: target,
       onSelected: setState
     },
-    children: !((_Object$keys = Object.keys(waterMarkProps)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) ? layoutDom : _jsx(ProWaterMark, _objectSpread(_objectSpread({}, waterMarkProps), {}, {
+    children: !((_Object$keys = Object.keys(waterMarkProps)) !== null && _Object$keys !== void 0 && _Object$keys.length) ? layoutDom : /*#__PURE__*/_jsx(ProWaterMark, _objectSpread(_objectSpread({}, waterMarkProps), {}, {
       children: layoutDom
     }))
   });
@@ -132,6 +135,7 @@ ProLayout.defaultProps = {
   headerHeight: 48,
   contentStyle: {}
 };
+
 // 下一版本会移除
 ProLayout.ProCollapse = ProCollapse;
 ProLayout.ProFooter = ProFooter;