@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

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

@@ -1,25 +1,23 @@
-import _isString from "lodash/isString";
-import _isNumber from "lodash/isNumber";
-import _isEmpty from "lodash/isEmpty";
-import _isFunction from "lodash/isFunction";
-import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
-import React, { memo, useEffect, useState, useRef } from 'react';
-import { tools } from '@zat-design/utils';
-import classnames from 'classnames';
-import dayjs from 'dayjs';
-import { useToggle } from 'ahooks';
-import { ReactSVG } from 'react-svg';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Space, Divider, Breadcrumb, Tooltip, Modal } from "antd";
+import React, { memo, useEffect, useState, useRef } from "react";
+import { tools } from "@zat-design/utils";
+import classnames from "classnames";
+import dayjs from "dayjs";
+import { useToggle } from "ahooks";
+import isFunction from "lodash/isFunction";
+import isEmpty from "lodash/isEmpty";
+import isNumber from "lodash/isNumber";
+import isString from "lodash/isString";
+import { ReactSVG } from "react-svg";
 import foldSvg from "../../../assets/arrow.svg";
 import { Copy, ProBackBtn } from "./components";
 import { DescribeItems, DescribeValue } from "./components/Describe";
 import getEnumLabel from "../../../ProEnum/utils/getEnumLabel";
 import locale from "../../../locale";
 import { toKeyPart, getDescribeColumnKey, getTagKey, getSubDescribeKey } from "./utils";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  formatAmount
-} = tools;
-const ProHeader = props => {
+const { formatAmount } = tools;
+const ProHeader = (props) => {
   const {
     breadcrumbColumns,
     actionRender,
@@ -38,360 +36,241 @@ const ProHeader = props => {
     isConfirmBack = false,
     isConfirmBackModalProps = {}
   } = props;
-
-  // 返回按钮是否显示。
-  // 显式意图优先于 autoBack 启发式：
-  // 1) 用户显式传了 showBack → 完全尊重该值；
-  // 2) 传了 onBack（返回不依赖浏览器历史，如 tab 内返回 / 自定义跳转）→ 显示；
-  // 3) 都没传（纯默认，返回兜底走 window.history.back）→ 由 autoBack 按历史长度智能判断：
-  //    新开页面(history.length <= autoBack)无处可返回，则隐藏。
   const computeBackState = () => {
-    if (props.showBack !== undefined) return props.showBack;
-    if (onBack) return true;
+    if (props.showBack !== void 0)
+      return props.showBack;
+    if (onBack)
+      return true;
     return window.history.length > autoBack;
   };
   const [backState, setBackState] = useState(computeBackState);
-  const [fold, {
-    toggle
-  }] = useToggle(collapsed);
+  const [fold, { toggle }] = useToggle(collapsed);
   const ref = useRef(null);
-
-  // 最终用于渲染的标题（title + showBack 时会被转成面包屑，此处置空）
   let finalTitle = title;
-
-  // 面包屑配置数据源
   const finalBreadcrumbColumns = breadcrumbColumns || [];
-
-  // 次级配置数据源
   const finalSubDescribeColumns = subDescribeColumns || [];
   useEffect(() => {
     if (bodyOverFlowHidden) {
-      const bodyElement = document.querySelector('body');
-      bodyElement.style.overflow = 'hidden';
+      const bodyElement = document.querySelector("body");
+      bodyElement.style.overflow = "hidden";
     }
     return () => {
-      const bodyElement = document.querySelector('body');
-      bodyElement.style.overflow = '';
+      const bodyElement = document.querySelector("body");
+      bodyElement.style.overflow = "";
     };
   }, [bodyOverFlowHidden]);
-
-  // showBack / onBack / autoBack 变化时同步 backState（避免 props 更新后按钮显隐不同步）
   useEffect(() => {
     setBackState(computeBackState());
   }, [props.showBack, onBack, autoBack]);
-
-  /**
-   * 主级描述数据渲染
-   */
-  const describeRender = describeData => {
+  const describeRender = (describeData) => {
     if (!Array.isArray(describeData)) {
       return null;
     }
-    return /*#__PURE__*/_jsx("ul", {
-      className: classnames({
-        'pro-header-describe': true,
-        'pro-header-describe-open': fold,
-        'pro-header-describe-hidden': !fold
-      }),
-      children: describeData.map((item, index) => {
-        const {
-          value,
-          copyable,
-          show = true,
-          tag,
-          label,
-          link,
-          items = [],
-          width
-        } = item;
-        const describeItemKey = getDescribeColumnKey(item, index);
-        // show为false直接隐藏¸
-        if (show === false || !show) {
-          return null;
-        }
-        const onlyTag = tag && !label && !value;
-        const tagCls = classnames({
-          'pro-header-only-tag': onlyTag,
-          'pro-header-describe-items-calc': _isString(width) ? width.includes('calc') : false
-        });
-        return /*#__PURE__*/_jsx("li", {
-          className: tagCls,
-          style: {
-            width
-          },
-          children: /*#__PURE__*/_jsxs(Space, {
-            size: 4,
-            children: [label ? /*#__PURE__*/_jsx("span", {
-              className: "pro-header-describe-label",
-              children: label
-            }) : null, /*#__PURE__*/_jsx("span", {
-              className: "pro-header-describe-value",
-              children: items?.length ? /*#__PURE__*/_jsx(DescribeItems, {
-                items: items,
-                parentKey: describeItemKey,
-                containerRef: ref
-              }) : /*#__PURE__*/_jsx("span", {
-                children: /*#__PURE__*/_jsx(DescribeValue, {
-                  value: value,
-                  copyable: copyable,
-                  tag: tag,
-                  link: link,
-                  parentKey: describeItemKey
-                })
-              })
-            })]
-          })
-        }, describeItemKey);
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        className: classnames({
+          "pro-header-describe": true,
+          "pro-header-describe-open": fold,
+          "pro-header-describe-hidden": !fold
+        }),
+        children: describeData.map((item, index) => {
+          const { value, copyable, show = true, tag, label, link, items = [], width } = item;
+          const describeItemKey = getDescribeColumnKey(item, index);
+          if (show === false || !show) {
+            return null;
+          }
+          const onlyTag = tag && !label && !value;
+          const tagCls = classnames({
+            "pro-header-only-tag": onlyTag,
+            "pro-header-describe-items-calc": isString(width) ? width.includes("calc") : false
+          });
+          return /* @__PURE__ */ jsx("li", { className: tagCls, style: { width }, children: /* @__PURE__ */ jsxs(Space, { size: 4, children: [
+            label ? /* @__PURE__ */ jsx("span", { className: "pro-header-describe-label", children: label }) : null,
+            /* @__PURE__ */ jsx("span", { className: "pro-header-describe-value", children: (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsx(DescribeItems, { items, parentKey: describeItemKey, containerRef: ref }) : /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+              DescribeValue,
+              {
+                value,
+                copyable,
+                tag,
+                link,
+                parentKey: describeItemKey
+              }
+            ) }) })
+          ] }) }, describeItemKey);
+        })
+      }
+    );
   };
-
-  /**
-   * 次级描述数据渲染
-   */
-  const subDescribeRender = describeData => {
-    const {
-      value,
-      type,
-      valueType,
-      label,
-      show = true,
-      precision = 2,
-      code
-    } = describeData;
-    // show为false直接隐藏
+  const subDescribeRender = (describeData) => {
+    var _a, _b;
+    const { value, type, valueType, label, show = true, precision = 2, code } = describeData;
     if (!show) {
-      return '';
+      return "";
     }
     let result;
     switch (valueType || type) {
-      case 'thousandth':
-      case 'money':
-        // 千分位
-        result = value || _isNumber(value) ? formatAmount(value, precision) : '-';
+      case "thousandth":
+      case "money":
+        result = value || isNumber(value) ? formatAmount(value, precision) : "-";
         break;
-      case 'enumName':
-        // 枚举-展示name
+      case "enumName":
         result = getEnumLabel(code, value);
         break;
-      case 'enumCodeName':
-        // 枚举-展示code-name
+      case "enumCodeName":
         result = getEnumLabel(code, value, true);
         break;
-      case 'date':
-        // 年月日
-        result = value ? dayjs(value)?.format('YYYY-MM-DD') : '-';
+      case "date":
+        result = value ? (_a = dayjs(value)) == null ? void 0 : _a.format("YYYY-MM-DD") : "-";
         break;
-      case 'dateTime':
-        // 年月日 时分秒
-        result = value ? dayjs(value)?.format('YYYY-MM-DD HH:mm:ss') : '-';
+      case "dateTime":
+        result = value ? (_b = dayjs(value)) == null ? void 0 : _b.format("YYYY-MM-DD HH:mm:ss") : "-";
         break;
       default:
-        result = String(value).includes('undefined') || !value ? '-' : value;
+        result = String(value).includes("undefined") || !value ? "-" : value;
         break;
     }
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("span", {
-        children: label
-      }), /*#__PURE__*/_jsx("span", {
-        className: "describe-value",
-        children: result
-      })]
-    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { children: label }),
+      /* @__PURE__ */ jsx("span", { className: "describe-value", children: result })
+    ] });
   };
-
-  /**
-   * 头部右侧按钮面板渲染
-   */
   const actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return /*#__PURE__*/_jsx(Space, {
-        separator: /*#__PURE__*/_jsx(Divider, {
-          orientation: "vertical"
-        }),
-        children: actionRender.map((item, index) => {
-          const actionKey = ( /*#__PURE__*/React.isValidElement(item) && item.key != null ? String(item.key) : undefined) ?? toKeyPart(item?.type) ?? `action-${index}`;
-          if (_isFunction(item?.type)) {
-            return /*#__PURE__*/_jsx("div", {
-              children: item
-            }, actionKey);
-          }
-          // 判断第一层dom节点为空
-          if (item?.type && !item?.props?.children) {
-            return null;
-          }
-          return /*#__PURE__*/_jsx("div", {
-            children: item
-          }, actionKey);
-        })
-      });
+      return /* @__PURE__ */ jsx(Space, { separator: /* @__PURE__ */ jsx(Divider, { orientation: "vertical" }), children: actionRender.map((item, index) => {
+        var _a;
+        const actionKey = (React.isValidElement(item) && item.key != null ? String(item.key) : void 0) ?? toKeyPart(item == null ? void 0 : item.type) ?? `action-${index}`;
+        if (isFunction(item == null ? void 0 : item.type)) {
+          return /* @__PURE__ */ jsx("div", { children: item }, actionKey);
+        }
+        if ((item == null ? void 0 : item.type) && !((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.children)) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx("div", { children: item }, actionKey);
+      }) });
     }
     return actionRender;
   };
-
-  /**
-   * 总结信息面板渲染
-   */
   const breadcrumbRender = () => {
     if (Array.isArray(finalBreadcrumbColumns) && !finalBreadcrumbColumns.length) {
       return [];
     }
-    const list = finalBreadcrumbColumns?.filter(item => {
-      return item.type === 'breadcrumb';
+    const list = finalBreadcrumbColumns == null ? void 0 : finalBreadcrumbColumns.filter((item) => {
+      return item.type === "breadcrumb";
     });
     return list.map((item, index) => {
-      const {
-        value,
-        show = true,
-        tag
-      } = item;
+      var _a;
+      const { value, show = true, tag } = item;
       const breadcrumbItemKey = toKeyPart(value) ?? `breadcrumb-${index}`;
       const tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
-          return /*#__PURE__*/_jsx(Space, {
-            size: 8,
-            children: tag.map((tagItem, tagIndex) => {
-              return /*#__PURE__*/_jsx("div", {
+          return /* @__PURE__ */ jsx(Space, { size: 8, children: tag.map((tagItem, tagIndex) => {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
                 className: "pro-header-tag",
                 children: tagItem
-              }, getTagKey(tagItem, breadcrumbItemKey, tagIndex));
-            })
-          });
+              },
+              getTagKey(tagItem, breadcrumbItemKey, tagIndex)
+            );
+          }) });
         }
-        return tag ? /*#__PURE__*/_jsx("div", {
-          className: "pro-header-tag",
-          children: tag
-        }) : null;
+        return tag ? /* @__PURE__ */ jsx("div", { className: "pro-header-tag", children: tag }) : null;
       };
-
-      // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
         return null;
       }
-      // 判断第一层dom节点为空
-      if (value?.type && !value?.props?.children) {
+      if ((value == null ? void 0 : value.type) && !((_a = value == null ? void 0 : value.props) == null ? void 0 : _a.children)) {
         return null;
       }
       return {
         key: breadcrumbItemKey,
-        title: /*#__PURE__*/_jsxs(Space, {
-          size: 4,
-          children: [value, " ", tagRender()]
-        })
+        title: /* @__PURE__ */ jsxs(Space, { size: 4, children: [
+          value,
+          " ",
+          tagRender()
+        ] })
       };
-    }).filter(Boolean); // 过滤掉null值
+    }).filter(Boolean);
   };
-
-  /**
-   * 头部左侧导航栏后业务信息
-   */
   const infoRender = () => {
     if (!Array.isArray(finalBreadcrumbColumns)) {
-      return '';
+      return "";
     }
-    const list = finalBreadcrumbColumns?.filter(item => {
-      return item.type !== 'breadcrumb';
+    const list = finalBreadcrumbColumns == null ? void 0 : finalBreadcrumbColumns.filter((item) => {
+      return item.type !== "breadcrumb";
     });
     if (!list.length) {
       return null;
     }
-    return /*#__PURE__*/_jsx("ul", {
-      className: "pro-header-info",
-      children: list.map((item, index) => {
-        const {
-          value,
-          type = 'info',
-          show = true,
-          width,
-          tag
-        } = item;
-        const infoItemKey = (type && toKeyPart(value) ? `${type}-${toKeyPart(value)}` : undefined) ?? toKeyPart(value) ?? `info-${index}`;
-        // show或者值不存在为false直接隐藏¸
-        if (!show || !value) {
-          return '';
-        }
-        // 判断第一层dom节点为空
-        if (value?.type && !value?.props?.children) {
-          return '';
+    return /* @__PURE__ */ jsx("ul", { className: "pro-header-info", children: list.map((item, index) => {
+      var _a;
+      const { value, type = "info", show = true, width, tag } = item;
+      const infoItemKey = (type && toKeyPart(value) ? `${type}-${toKeyPart(value)}` : void 0) ?? toKeyPart(value) ?? `info-${index}`;
+      if (!show || !value) {
+        return "";
+      }
+      if ((value == null ? void 0 : value.type) && !((_a = value == null ? void 0 : value.props) == null ? void 0 : _a.children)) {
+        return "";
+      }
+      let val = String(value).includes("undefined") || !value ? "-" : value;
+      if (type === "version" && val) {
+        val = `${locale.ProHeader.versionTitle}${val}`;
+      }
+      const breadcrumbCls = classnames({
+        "breadcrumb-value": true,
+        omit: width
+      });
+      const valueRender = (type2) => {
+        let valRender = /* @__PURE__ */ jsx("div", { className: breadcrumbCls, style: { width }, children: /* @__PURE__ */ jsxs(Space, { size: 4, children: [
+          val,
+          " ",
+          tag ? /* @__PURE__ */ jsx("div", { className: "pro-header-tag", children: tag }) : null
+        ] }) });
+        if (type2 === "copy") {
+          return valRender = /* @__PURE__ */ jsxs(Fragment, { children: [
+            width ? /* @__PURE__ */ jsx(Tooltip, { title: val, children: valRender }) : valRender,
+            /* @__PURE__ */ jsx(Copy, { text: val })
+          ] });
         }
-        // value为null或者undefined返回'-'
-        let val = String(value).includes('undefined') || !value ? '-' : value;
-        if (type === 'version' && val) {
-          val = `${locale.ProHeader.versionTitle}${val}`;
+        if (width) {
+          return /* @__PURE__ */ jsx(Tooltip, { title: val, children: valRender });
         }
-
-        // 面包屑样式
-        const breadcrumbCls = classnames({
-          'breadcrumb-value': true,
-          omit: width
-        });
-        const valueRender = type => {
-          let valRender = /*#__PURE__*/_jsx("div", {
-            className: breadcrumbCls,
-            style: {
-              width
-            },
-            children: /*#__PURE__*/_jsxs(Space, {
-              size: 4,
-              children: [val, " ", tag ? /*#__PURE__*/_jsx("div", {
-                className: "pro-header-tag",
-                children: tag
-              }) : null]
-            })
-          });
-          if (type === 'copy') {
-            return valRender = /*#__PURE__*/_jsxs(_Fragment, {
-              children: [width ? /*#__PURE__*/_jsx(Tooltip, {
-                title: val,
-                children: valRender
-              }) : valRender, /*#__PURE__*/_jsx(Copy, {
-                text: val
-              })]
-            });
-          }
-          if (width) {
-            return /*#__PURE__*/_jsx(Tooltip, {
-              title: val,
-              children: valRender
-            });
-          }
-          return valRender;
-        };
-        return /*#__PURE__*/_jsx("li", {
+        return valRender;
+      };
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
           className: classnames({
-            version: ['version', 'tag'].includes(type),
-            hidden: ['version', 'tag'].includes(type) && !val
+            version: ["version", "tag"].includes(type),
+            hidden: ["version", "tag"].includes(type) && !val
           }),
-          children: type === 'copy' ? valueRender('copy') : valueRender()
-        }, infoItemKey);
-      })
-    });
+          children: type === "copy" ? valueRender("copy") : valueRender()
+        },
+        infoItemKey
+      );
+    }) });
   };
-
-  // 说明：以下两个 class 的判断沿用原有等价逻辑（去掉了原表达式里对 describeColumns 的重复判断）。
-  // has = 有次级描述 或 有主级描述；no = 无主级描述。二者非严格互斥（原实现即如此，未改动其行为）。
-  const noDescribe = _isEmpty(describeColumns);
-  const hasDescribe = !_isEmpty(finalSubDescribeColumns) || !noDescribe;
-  const hasFixedTop = fixedTop !== undefined && fixedTop !== null;
+  const noDescribe = isEmpty(describeColumns);
+  const hasDescribe = !isEmpty(finalSubDescribeColumns) || !noDescribe;
+  const hasFixedTop = fixedTop !== void 0 && fixedTop !== null;
   const cls = classnames({
-    'pro-header': true,
-    'pro-header-fixed': hasFixedTop,
-    'pro-header-shadow': showShadow,
+    "pro-header": true,
+    "pro-header-fixed": hasFixedTop,
+    "pro-header-shadow": showShadow,
     // 内部窗口滚动自带阴影场景
-    'pro-header-no-back': !backState,
-    'pro-header-has-describe': hasDescribe,
-    'pro-header-no-describe': noDescribe,
+    "pro-header-no-back": !backState,
+    "pro-header-has-describe": hasDescribe,
+    "pro-header-no-describe": noDescribe,
     [`${className}`]: className
   });
-  if (title && !_isEmpty(finalBreadcrumbColumns)) {
-    console.error('warning: The title and the breadcrumbList cannot be used together');
+  if (title && !isEmpty(finalBreadcrumbColumns)) {
+    console.error("warning: The title and the breadcrumbList cannot be used together");
   }
-
-  // title默认不显示返回按钮，只有showBack设置为true时才显示
   if (title && props.showBack) {
     finalTitle = null;
     finalBreadcrumbColumns.push({
-      type: 'breadcrumb',
+      type: "breadcrumb",
       value: title
     });
   }
@@ -403,11 +282,7 @@ const ProHeader = props => {
       }
       return false;
     }
-    // 处理 Modal.confirm 的 width 类型兼容性问题
-    const {
-      width,
-      ...restModalProps
-    } = isConfirmBackModalProps || {};
+    const { width, ...restModalProps } = isConfirmBackModalProps || {};
     Modal.confirm({
       title: `${locale.ProHeader.confirmTitle}`,
       okText: `${locale.ProHeader.confirm}`,
@@ -416,71 +291,56 @@ const ProHeader = props => {
         onBack && onBack();
       },
       // 仅当 width 是 string 或 number 时才传递
-      ...(width && (typeof width === 'string' || typeof width === 'number') ? {
-        width
-      } : {}),
+      ...width && (typeof width === "string" || typeof width === "number") ? { width } : {},
       ...restModalProps
     });
   };
-  return /*#__PURE__*/_jsx("div", {
-    className: cls,
-    style: {
-      ...style,
-      ...(hasFixedTop ? {
-        top: fixedTop
-      } : {}),
-      zIndex
-    },
-    "data-pro-step-sticky-header": hasFixedTop ? 'true' : undefined,
-    children: finalTitle ? /*#__PURE__*/_jsx("div", {
-      className: "pro-header-title",
-      children: finalTitle
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "pro-header-top",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: classnames({
-            'pro-header-left': true,
-            'pro-header-left-space': !backState
-          }),
-          children: /*#__PURE__*/_jsxs(Space, {
-            size: backState ? 4 : 0,
-            children: [backState ? /*#__PURE__*/_jsx(ProBackBtn, {
-              onBack: onConfirm
-            }) : null, /*#__PURE__*/_jsx(Breadcrumb, {
-              separator: ">",
-              items: breadcrumbRender()
-            }), infoRender()]
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          className: "pro-header-right",
-          children: actionsRender()
-        })]
-      }), describeRender(describeColumns), !_isEmpty(finalSubDescribeColumns) ? /*#__PURE__*/_jsxs("div", {
-        className: classnames({
-          'pro-header-nav': true,
-          'pro-header-nav-open': fold,
-          'pro-header-nav-hidden': !fold
-        }),
-        children: [/*#__PURE__*/_jsx("ul", {
-          children: finalSubDescribeColumns.map((item, index) => {
-            return /*#__PURE__*/_jsx("li", {
-              children: subDescribeRender(item)
-            }, getSubDescribeKey(item, index));
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          className: "pro-header-fold",
-          children: /*#__PURE__*/_jsx("div", {
-            className: "pro-header-fold-bg",
-            onClick: toggle,
-            children: /*#__PURE__*/_jsx(ReactSVG, {
-              className: "fold-icon",
-              src: foldSvg
-            }, "copy-icon")
-          })
-        })]
-      }) : null]
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cls,
+      style: { ...style, ...hasFixedTop ? { top: fixedTop } : {}, zIndex },
+      "data-pro-step-sticky-header": hasFixedTop ? "true" : void 0,
+      children: finalTitle ? /* @__PURE__ */ jsx("div", { className: "pro-header-title", children: finalTitle }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "pro-header-top", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classnames({
+                "pro-header-left": true,
+                "pro-header-left-space": !backState
+              }),
+              children: /* @__PURE__ */ jsxs(Space, { size: backState ? 4 : 0, children: [
+                backState ? /* @__PURE__ */ jsx(ProBackBtn, { onBack: onConfirm }) : null,
+                /* @__PURE__ */ jsx(Breadcrumb, { separator: ">", items: breadcrumbRender() }),
+                infoRender()
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pro-header-right", children: actionsRender() })
+        ] }),
+        describeRender(describeColumns),
+        !isEmpty(finalSubDescribeColumns) ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classnames({
+              "pro-header-nav": true,
+              "pro-header-nav-open": fold,
+              "pro-header-nav-hidden": !fold
+            }),
+            children: [
+              /* @__PURE__ */ jsx("ul", { children: finalSubDescribeColumns.map((item, index) => {
+                return /* @__PURE__ */ jsx("li", { children: subDescribeRender(item) }, getSubDescribeKey(item, index));
+              }) }),
+              /* @__PURE__ */ jsx("div", { className: "pro-header-fold", children: /* @__PURE__ */ jsx("div", { className: "pro-header-fold-bg", onClick: toggle, children: /* @__PURE__ */ jsx(ReactSVG, { className: "fold-icon", src: foldSvg }, "copy-icon") }) })
+            ]
+          }
+        ) : null
+      ] })
+    }
+  );
+};
+var ProHeader_default = memo(ProHeader);
+export {
+  ProHeader_default as default
 };
-export default /*#__PURE__*/memo(ProHeader);