@cqsjjb/jjb-react-admin-component 3.3.11 → 3.3.12

package/ListDataContainer/index.js

@@ -1,48 +1,49 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import ProTable from '@cqsjjb/jjb-react-admin-component/Table';
-import SearchForm from '@cqsjjb/jjb-react-admin-component/SearchForm';
 import React, { useState, useEffect, useCallback, useImperativeHandle, forwardRef, useRef } from 'react';
-import { Table, Form } from 'antd';
+import { Table, Row, Col, Form } from 'antd';
+import { isEqual } from 'lodash';
+import SearchForm from '@cqsjjb/jjb-react-admin-component/SearchForm';
+import ProTable from '@cqsjjb/jjb-react-admin-component/Table';
 
-/**
- * @component ListDataContainer
- * @description 通用列表数据容器组件，提供搜索表单、数据表格、分页等功能的完整列表页面解决方案
- *
- * @props {Array} columns - 表格列配置，遵循Ant Design Table组件的columns规范
- * @props {Function} fetchDataApi - 数据获取API函数，接收分页和搜索参数，返回包含list和total的对象
- * @props {Array} searchFormConfig - 搜索表单配置数组
- *   @param {React.Component} searchFormConfig[].field - 表单项组件(如ControlWrapper.Select)
- *   @param {string} searchFormConfig[].name - 表单项字段名
- *   @param {string} searchFormConfig[].label - 表单项标签
- *   @param {Object} searchFormConfig[].fieldProps - 传递给字段组件的属性
- *   @param {Object} searchFormConfig[].itemProps - 传递给Form.Item的属性
- *   @param {React.ReactNode} searchFormConfig[].content - 字段组件的子元素(如Select.Option列表)
- *   @param {boolean} searchFormConfig[].required - 是否必填
- * @props {string} rowKey - 表格行键值，默认为'id'
- * @props {Object} initialPagination - 初始分页配置，包含current、pageSize等分页属性
- * @props {Object} tableProps - 传递给Table组件的属性
- * @props {Object} searchFormProps - 传递给SearchForm组件的属性
- * @props {boolean} proTable - 是否使用ProTable组件，默认为false
- * @example
- * // 基础用法
- * <ListDataContainer
- *   columns={tableColumns}
- *   fetchDataApi={getCourseList}
- *   searchFormConfig={[
- *     {
- *       field: Select,
- *       name: 'status',
- *       label: '状态',
- *     }
- *     {
- *       field: Input,
- *       name: 'name',
- *       label: '名称',
- *       required: true,
- *     }
- *   ]}
- * />
- *
+/**
+ * @component ListDataContainer
+ * @description 通用列表数据容器组件，提供搜索表单、数据表格、分页等功能的完整列表页面解决方案
+ * 
+ * @props {Array} columns - 表格列配置，遵循Ant Design Table组件的columns规范
+ * @props {Function} fetchDataApi - 数据获取API函数，接收分页和搜索参数，返回包含list和total的对象
+ * @props {Array} searchFormConfig - 搜索表单配置数组
+ *   @param {React.Component} searchFormConfig[].field - 表单项组件(如ControlWrapper.Select)
+ *   @param {string} searchFormConfig[].name - 表单项字段名
+ *   @param {string} searchFormConfig[].label - 表单项标签
+ *   @param {Object} searchFormConfig[].fieldProps - 传递给字段组件的属性
+ *   @param {Object} searchFormConfig[].itemProps - 传递给Form.Item的属性
+ *   @param {React.ReactNode} searchFormConfig[].content - 字段组件的子元素(如Select.Option列表)
+ *   @param {boolean} searchFormConfig[].required - 是否必填
+ * @props {string} rowKey - 表格行键值，默认为'id'
+ * @props {Object} initialPagination - 初始分页配置，包含current、pageSize等分页属性
+ * @props {Object} tableProps - 传递给Table组件的属性
+ * @props {Object} searchFormProps - 传递给SearchForm组件的属性
+ * @props {boolean} proTable - 是否使用ProTable组件，默认为false
+ * @example
+ * // 基础用法
+ * <ListDataContainer
+ *   columns={tableColumns}
+ *   fetchDataApi={getCourseList}
+ *   searchFormConfig={[
+ *     {
+ *       field: Select,
+ *       name: 'status',
+ *       label: '状态',
+ *     }
+ *     {
+ *       field: Input,
+ *       name: 'name',
+ *       label: '名称',
+ *       required: true,
+ *     }
+ *   ]}
+ * />
+ * 
  */
 
 const SELECT_COMPONENTS = ['Select', 'TreeSelect', 'Cascader', 'DatePicker', 'TimePicker', 'Checkbox', 'Radio', 'Switch', 'Slider', 'Upload'];
@@ -75,10 +76,10 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
     return Component.displayName || Component.constructor.name;
   };
 
-  /**
-   * 数据加载与刷新方法
-   * @param {Object} [overrideParams={}] - 可选，用于覆盖内部参数的键值对
-   *   若传入，会覆盖同名的表单参数和分页参数（如page、pageSize或搜索字段）
+  /**
+   * 数据加载与刷新方法
+   * @param {Object} [overrideParams={}] - 可选，用于覆盖内部参数的键值对
+   *   若传入，会覆盖同名的表单参数和分页参数（如page、pageSize或搜索字段）
    */
   const loadDataSource = useCallback(async (overrideParams = {}) => {
     if (!fetchDataApi) return;
@@ -94,7 +95,7 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
 
       // 1. 获取组件内部的表单参数
       const formValues = await form.current.validateFields();
-      console.warn('formValues', formValues);
+      console.warn("formValues", formValues);
 
       // 2. 构造基础参数：分页参数 + 表单参数
       const baseParams = {

package/MediaQuery/index.js

@@ -7,16 +7,11 @@ const MEDIA_QUERY_LIST = {
   MIN_WIDTH_1200_AND_MAX_WIDTH_1439: '(min-width: 1200px) and (max-width: 1439px)',
   MIN_WIDTH_1440: '(min-width: 1440px)'
 };
-function MediaQuery({
+export default function MediaQuery({
   children,
   disabled
 }) {
   const [media, setMedia] = useState(undefined);
-
-  /** 显示弃用警告 */
-  useEffect(() => {
-    console.warn('[MediaQuery] 警告：该组件已弃用！');
-  }, []);
   const mediaQueries = useMemo(() => {
     if (disabled) return {};
     return Object.fromEntries(Object.entries(MEDIA_QUERY_LIST).map(([key, query]) => [key, window.matchMedia(query)]));
@@ -44,6 +39,4 @@ function MediaQuery({
     key: index,
     'data-media-query': media
   }) : item));
-}
-MediaQuery.displayName = 'MediaQuery';
-export default MediaQuery;
+}

package/PageLayout/index.js

@@ -1,6 +1,5 @@
-import React, { memo, useCallback, useContext } from 'react';
+import React, { memo, useCallback } from 'react';
 import { PageHeader } from '@ant-design/pro-layout';
-import { AppDataContext } from '@cqsjjb/jjb-data-provider';
 import './index.less';
 import { getPrefixCls } from '../tools/index.js';
 const prefixCls = getPrefixCls();
@@ -25,9 +24,6 @@ const PageLayout = /*#__PURE__*/memo(props => {
     onBack,
     'data-node-id': dataNodeId
   } = props;
-  const {
-    checkField
-  } = useContext(AppDataContext);
   const containerClass = [`${prefixCls}-layout-container`, transparent && `${prefixCls}-layout-container-transparent`, noStyle && `${prefixCls}-layout-container-no-style`].filter(Boolean).join(' ');
   const backHandler = useCallback(() => {
     if (onBack) {
@@ -44,22 +40,21 @@ const PageLayout = /*#__PURE__*/memo(props => {
     className: containerClass,
     "data-node-id": dataNodeId
   }, !header ? /*#__PURE__*/React.createElement(PageHeader, {
-    title: checkField('DEFAULT_MENU', title),
+    title: title,
     extra: extra,
     style: pageHeaderStyle,
     onBack: previous || onBack ? backHandler : undefined
   }) : header, formLine && /*#__PURE__*/React.createElement("div", {
-    style: formLineStyle,
-    className: `${prefixCls}-layout-container-tools`
+    className: `${prefixCls}-layout-container-tools`,
+    style: formLineStyle
   }, formLine), /*#__PURE__*/React.createElement("div", {
     style: contentStyle,
     className: `${prefixCls}-layout-container-content`
   }, /*#__PURE__*/React.createElement("div", {
     className: `${prefixCls}-layout-container-content-abs`
   }, children)), footer && /*#__PURE__*/React.createElement("div", {
-    style: footerStyle,
-    className: `${prefixCls}-lay-container-bottom`
+    className: `${prefixCls}-lay-container-bottom`,
+    style: footerStyle
   }, footer));
 });
-PageLayout.displayName = 'PageLayout';
 export default PageLayout;

package/PhoneBox/index.js

@@ -1,14 +1,14 @@
 import React, { useEffect, useState, useRef } from 'react';
-import { http } from '@cqsjjb/jjb-common-lib';
+import { Empty, Space, message, Tooltip, Button, QRCode } from 'antd';
 import { SyncOutlined } from '@ant-design/icons';
-import { Empty, Space, Tooltip, Button, QRCode } from 'antd';
-import phone from './phone.svg';
+import { http } from '@cqsjjb/jjb-common-lib';
+import shexiang from './shexiang.svg';
 import xinhao from './xinhao.svg';
 import wangluo from './wangluo.svg';
 import dianchi from './dianchi.svg';
-import shexiang from './shexiang.svg';
+import phone from './phone.svg';
 import './index.less';
-function PhoneBox(props) {
+export default props => {
   const {
     iframeUrl,
     // 展示内容url
@@ -118,7 +118,7 @@ function PhoneBox(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: `phone-box ${size === 'small' ? 'phone-box-small' : ''}`
   }, /*#__PURE__*/React.createElement("img", {
-    alt: "\u624B\u673A",
+    alt: "",
     src: phone,
     width: 356,
     height: 720
@@ -130,23 +130,23 @@ function PhoneBox(props) {
     className: "phone-header-time"
   }, currentTime), /*#__PURE__*/React.createElement("img", {
     src: shexiang,
-    alt: "\u6444\u50CF\u5934",
     width: 76,
-    height: 23
+    height: 23,
+    alt: ""
   }), /*#__PURE__*/React.createElement(Space, {
     className: "phone-header-status"
   }, /*#__PURE__*/React.createElement("img", {
+    className: "status-xinhao",
     src: xinhao,
-    alt: "\u4FE1\u53F7",
-    className: "status-xinhao"
+    alt: ""
   }), /*#__PURE__*/React.createElement("img", {
+    className: "status-wangluo",
     src: wangluo,
-    alt: "\u4E92\u8054\u7F51\u8FDE\u63A5",
-    className: "status-wangluo"
+    alt: ""
   }), /*#__PURE__*/React.createElement("img", {
+    className: "status-dianchi",
     src: dianchi,
-    alt: "\u7535\u6C60",
-    className: "status-dianchi"
+    alt: ""
   }))), showEmpty && !iframeUrl ? /*#__PURE__*/React.createElement("div", {
     style: {
       width: 316,
@@ -165,8 +165,10 @@ function PhoneBox(props) {
     className: "phone-box-action"
   }, showPerview && /*#__PURE__*/React.createElement(Tooltip, {
     open: qrcodeVisible,
+    placement: "bottom",
     arrow: false,
     color: "#FFF",
+    rootClassName: "qrcode-preview-tooltip",
     title: /*#__PURE__*/React.createElement("div", {
       className: "qrcode-preview-container"
     }, /*#__PURE__*/React.createElement(QRCode, {
@@ -196,18 +198,14 @@ function PhoneBox(props) {
       style: {
         marginRight: '4px'
       }
-    }), "\u91CD\u65B0\u751F\u6210")),
-    placement: "bottom",
-    rootClassName: "qrcode-preview-tooltip"
+    }), "\u91CD\u65B0\u751F\u6210"))
   }, /*#__PURE__*/React.createElement(Button, {
     ref: qrcodeButtonRef,
-    color: "primary",
-    variant: "outlined",
     onClick: () => {
       setQrcodeVisible(!qrcodeVisible);
       getQrCodeUrl();
-    }
+    },
+    color: "primary",
+    variant: "outlined"
   }, "\u626B\u7801\u9884\u89C8")), extraAction));
-}
-PhoneBox.displayName = 'PhoneBox';
-export default PhoneBox;
+};

package/SearchForm/index.js

@@ -58,7 +58,6 @@ const SearchForm = ({
   }, [formRef, onRef]);
   const isControlled = expand !== undefined;
   const isOpen = isControlled ? expand : internalOpen;
-  // 展开/收起
   const handleToggle = () => {
     if (isControlled) {
       onExpand && onExpand(!expand);
@@ -73,8 +72,8 @@ const SearchForm = ({
   const getButtons = () => /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     icon: /*#__PURE__*/React.createElement(SearchOutlined, null),
-    loading: loading,
-    htmlType: "submit"
+    htmlType: "submit",
+    loading: loading
   }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(UndoOutlined, null),
     loading: loading,
@@ -92,28 +91,21 @@ const SearchForm = ({
     onClick: handleToggle
   }, isOpen ? '收起' : '展开'));
 
-  /**
-   * 处理 formLine，确保所有 Form.Item 都有 noStyle 属性
-   * @param {ReactNode[]} nodes - 表单节点数组
-   * @returns {ReactNode[]} - 处理后的节点数组
+  /**
+   * 处理 formLine，确保所有 Form.Item 都有 noStyle 属性
+   * @param {ReactNode[]} nodes - 表单节点数组
+   * @returns {ReactNode[]} - 处理后的节点数组
    */
   const processFormLine = nodes => {
     return nodes.map(node => {
       // 检查是否是 Form.Item 组件
       if (/*#__PURE__*/React.isValidElement(node) && node.type === Form.Item) {
         // 如果没有 noStyle 属性，则克隆并添加
-        const control = React.Children.only(node.props.children);
-        return /*#__PURE__*/React.cloneElement(node, {
-          noStyle: true,
-          children: /*#__PURE__*/React.cloneElement(control, {
-            style: {
-              ...(control.props.style || {}),
-              width: '100%'
-            },
-            allowClear: true,
-            ...control.props
-          })
-        });
+        if (!node.props.noStyle) {
+          return /*#__PURE__*/React.cloneElement(node, {
+            noStyle: true
+          });
+        }
       }
       return node;
     });
@@ -164,5 +156,4 @@ const SearchForm = ({
     }
   }, getButtons()))));
 };
-SearchForm.displayName = 'SearchForm';
 export default SearchForm;

package/Table/index.js

@@ -3,7 +3,7 @@ import React, { useRef, useEffect, useState, useCallback } from 'react';
 import { ProTable } from '@ant-design/pro-components';
 import './index.less';
 import { antPrefix } from './utils';
-function TablePro(props) {
+export default function TablePro(props) {
   const prefix = antPrefix || 'ant';
   const baseCls = `.${prefix}-table`;
   const ref = useRef(null);
@@ -12,9 +12,6 @@ function TablePro(props) {
   const tableFooterCls = `${baseCls}-footer`;
   const {
     enableAutoScrollY = true,
-    rowKey,
-    columns,
-    scroll,
     options = {
       reload: false,
       density: true,
@@ -28,23 +25,6 @@ function TablePro(props) {
     ...restProps
   } = props;
   const [scrollY, setScrollY] = useState(undefined);
-
-  // 1. rowKey 兜底处理：如果没有 rowKey，使用数据索引下标
-  const finalRowKey = rowKey || ((record, index) => index);
-
-  // 3. scroll 处理：如果没有 scroll，设置 scroll={{ x: 1000 }}，注意要合并 y 值
-  const finalScroll = React.useMemo(() => {
-    const baseScroll = scroll || {
-      x: 1000
-    };
-    if (enableAutoScrollY) {
-      return {
-        ...baseScroll,
-        y: scrollY || 0
-      };
-    }
-    return baseScroll;
-  }, [scroll, enableAutoScrollY, scrollY]);
   const timerRef = useRef(null);
   const calcTableScrollY = () => {
     const tableBody = ref.current?.querySelector?.(tableBodyCls);
@@ -54,7 +34,7 @@ function TablePro(props) {
     const tablePagination = ref.current?.querySelector?.(tablePaginationCls);
     const tablePaginationRect = tablePagination?.getBoundingClientRect();
     const tableFooterHeight = tableFooterRect?.height || 0;
-    const tablePaginationMargin = 16 * 2;
+    const tablePaginationMargin = 16;
     const tablePaginationHeight = tablePaginationRect?.height || 0;
     const border = 2;
     const margin = 20;
@@ -74,45 +54,46 @@ function TablePro(props) {
   }, []);
   useEffect(() => {
     if (!ref.current || !enableAutoScrollY) return;
+
     // 创建 ResizeObserver 监听元素尺寸变化
-    const resizeObserver1 = new ResizeObserver(() => {
+    const resizeObserver = new ResizeObserver(() => {
       // 等待 table-pagination 元素生成后再计算
       debouncedCalcScrollY();
     });
     const mutationObserver = new MutationObserver(() => {
       debouncedCalcScrollY();
     });
-    mutationObserver.observe(ref.current.parentElement, {
+    mutationObserver.observe(ref.current, {
       childList: true,
       subtree: true,
       attributes: true
     });
 
     // 开始观察 ref.current 的尺寸变化
-    resizeObserver1.observe(ref.current);
+    resizeObserver.observe(ref.current);
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
       }
-      resizeObserver1.disconnect();
+      resizeObserver.disconnect();
       mutationObserver.disconnect();
     };
   }, [ref, enableAutoScrollY, debouncedCalcScrollY]);
   return /*#__PURE__*/React.createElement("div", {
-    ref: ref
+    ref: ref,
+    style: {
+      height: '100%'
+    }
   }, /*#__PURE__*/React.createElement(ProTable, _extends({
     ghost: true,
-    bordered: true,
-    defaultSize: "default",
     columnEmptyText: true,
     search: false,
-    scroll: finalScroll,
-    rowKey: finalRowKey,
+    scroll: enableAutoScrollY ? {
+      y: scrollY || 0
+    } : undefined,
     className: `${antPrefix}-gbs-pro-table`,
     options: options
   }, restProps, {
-    columns: columns
+    columns: restProps.columns
   })));
-}
-TablePro.displayName = 'TablePro';
-export default TablePro;
+}

package/TableAction/index.js

@@ -1,17 +1,16 @@
 import React from 'react';
+import { tools } from '@cqsjjb/jjb-common-lib';
 import { Dropdown, Space } from 'antd';
-import { EllipsisOutlined } from '@ant-design/icons';
-function TableAction({
+export default function TableAction({
   maximum = 3,
   children,
   space,
-  enabledIcon = true,
   placement = 'bottomRight',
   // 下拉菜单位置，默认 bottomRight
   trigger = ['hover'] // 下拉触发方式，默认 hover
 }) {
   // 将 children 统一成数组并过滤空值
-  const childArray = (Array.isArray(children) ? children : [].concat(children)).filter(Boolean);
+  const childArray = (tools.isArray(children) ? children : [].concat(children)).filter(Boolean);
   const showArray = childArray.slice(0, maximum);
   const hideArray = childArray.slice(maximum);
   return /*#__PURE__*/React.createElement(Space, {
@@ -23,9 +22,7 @@ function TableAction({
         label: child
       }))
     },
-    trigger: trigger,
-    placement: placement
-  }, /*#__PURE__*/React.createElement("a", null, enabledIcon ? /*#__PURE__*/React.createElement(EllipsisOutlined, null) : /*#__PURE__*/React.createElement("span", null, "\u66F4\u591A"))));
-}
-TableAction.displayName = 'TableAction';
-export default TableAction;
+    placement: placement,
+    trigger: trigger
+  }, /*#__PURE__*/React.createElement("a", null, "\u66F4\u591A")));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cqsjjb/jjb-react-admin-component",
-  "version": "3.3.11",
-  "description": "jjb-react-admin-组件库@new",
+  "version": "3.3.12",
+  "description": "jjb-react-admin-组件库-稳定版",
   "main": "index.js",
   "author": "jjb-front-team",
   "license": "MIT",

package/tools/index.js

@@ -71,7 +71,7 @@ export function isHttpUrl(v) {
  * @return {string}
  */
 export function getPrefixCls() {
-  return process?.env?.app?.antd['ant-prefix'] || 'ant';
+  return window.process?.env?.app?.antd['ant-prefix'] || 'ant';
 }
 export function getAlgorithm() {
   const value = document.documentElement.style.getPropertyValue(

package/Layout/README.md

@@ -1,41 +0,0 @@
-页面布局组件
-
-## 代码演示
-
-```jsx
-import { useState } from 'react';
-import { Button } from 'antd';
-import PageLayout from '@cqsjjb/jjb-react-admin-component/PageLayout';
-
-function App() {
-  return (
-    <PageLayout title="用户中心">
-      
-    </PageLayout>
-  )
-}
-```
-
-## API
-
-| 属性              | 说明         |       类型        |   默认值 |
-|-----------------|:-----------|:---------------:|------:|
-| title           | 页面标题       |    `string`     |     - |
-| extra           | 右上角扩展      |   `ReactNode`   |     - |
-| header          | 自定义头部      |   `ReactNode`   |     - |
-| footer          | 自定义底部      |   `ReactNode`   |     - |
-| history         | 路由历史对象     |    `History`    |     - |
-| noStyle         | 去除所有样式     |    `boolean`    | false |
-| noBorder        | 取消边框       |    `boolean`    | false |
-| formLine        | form 表单行   |  `ReactNode[]`  |     - |
-| formLineStyle   | form 表单行样式 | `CSSProperties` |     - |
-| previous        | 显示返回上一页    |    `boolean`    | false |
-| transparent     | 背景透明       |    `boolean`    | false |
-| contentStyle    | 内容区样式      | `CSSProperties` |     - |
-| footerStyle     | 底部样式       | `CSSProperties` |     - |
-| pageHeaderStyle | 头部样式       | `CSSProperties` |     - |
-| style           | 自定义返回事件    | `CSSProperties` |     - |
-| onBack          | 容器样式       |  `() => void`   |     - |
-
-
-注意：`previous`为`true`时`history`必传，否则点击返回无效。

package/Layout/index.d.ts

@@ -1,81 +0,0 @@
-import * as React from 'react';
-
-/**
- * LayoutHeader 组件属性
- */
-export interface LayoutHeaderProps {
-  /** 自定义样式 */
-  style?: React.CSSProperties;
-  /** 标题文本 */
-  title?: React.ReactNode;
-  /** 右侧额外内容 */
-  extra?: React.ReactNode;
-  /** 是否显示返回按钮 */
-  previous?: boolean;
-  /** 头部下方内容 */
-  content?: React.ReactNode;
-  /** 自定义类名 */
-  className?: string;
-  /** 内容区域样式 */
-  contentStyle?: React.CSSProperties;
-}
-
-/**
- * LayoutBlock 组件属性
- */
-export interface LayoutBlockProps {
-  /** 标题文本 */
-  title?: React.ReactNode;
-  /** 描述文本 */
-  description?: React.ReactNode;
-  /** 右侧额外内容 */
-  extra?: React.ReactNode;
-  /** 内容区域 */
-  content?: React.ReactNode;
-  /** 自定义样式 */
-  style?: React.CSSProperties;
-  /** 自定义类名 */
-  className?: string;
-  /** 内容区域样式 */
-  contentStyle?: React.CSSProperties;
-  /** 头部区域样式 */
-  headerStyle?: React.CSSProperties;
-  /** 头部区域类名 */
-  headerClassName?: string;
-}
-
-/**
- * Layout 组件属性
- */
-export interface LayoutProps {
-  /** 自定义样式 */
-  style?: React.CSSProperties;
-  /** 数据节点ID */
-  'data-node-id'?: string;
-  /** 子元素 */
-  children?: React.ReactNode;
-  /** 自定义类名 */
-  className?: string;
-  /** 内容区域样式 */
-  contentStyle?: React.CSSProperties;
-  /** 内容区域类名 */
-  contentClassName?: string;
-}
-
-/**
- * 布局头部组件
- */
-export const LayoutHeader: React.FC<LayoutHeaderProps>;
-
-/**
- * 布局块组件
- */
-export const LayoutBlock: React.FC<LayoutBlockProps>;
-
-/**
- * 布局容器组件
- */
-declare const Layout: React.FC<LayoutProps>;
-
-export default Layout;
-