@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

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

@@ -1,317 +1,480 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProLayout/components/ProHeader/index.tsx
-var ProHeader_exports = {};
-__export(ProHeader_exports, {
-  default: () => ProHeader_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProHeader_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_utils = require("@zat-design/utils");
-var import_classnames = __toESM(require("classnames"));
-var import_dayjs = __toESM(require("dayjs"));
-var import_ahooks = require("ahooks");
-var import_lodash = require("lodash");
-var import_react_svg = require("react-svg");
-var import_arrow = __toESM(require("../../../assets/arrow.svg"));
-var import_components = require("./components");
-var import_getEnumLabel = __toESM(require("../../../ProEnum/utils/getEnumLabel"));
-var import_locale = __toESM(require("../../../locale"));
-var import_utils2 = require("./utils");
-var { formatAmount } = import_utils.tools;
-var ProHeader = (props) => {
-  const {
-    breadcrumbColumns,
-    actionRender,
-    describeColumns,
-    subDescribeColumns,
-    onBack,
-    className,
-    bodyOverFlowHidden = false,
-    fixedTop,
-    showBack = true,
-    showShadow = false,
-    zIndex = 98,
-    title,
-    autoBack = 2,
-    collapsed = true,
-    style,
-    isConfirmBack = false,
-    isConfirmBackModalProps = {}
-  } = props;
-  const [backState, setBackState] = (0, import_react.useState)(showBack);
-  const [fold, { toggle }] = (0, import_ahooks.useToggle)(collapsed);
-  const ref = (0, import_react.useRef)(null);
-  const size = (0, import_ahooks.useSize)(ref);
-  let _title = title;
-  const _breadcrumbColumns = breadcrumbColumns || [];
-  const _subDescribeColumns = subDescribeColumns || [];
-  (0, import_react.useEffect)(() => {
+exports.default = void 0;
+require("antd/es/breadcrumb/style");
+var _breadcrumb = _interopRequireDefault(require("antd/es/breadcrumb"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/modal/style");
+var _modal = _interopRequireDefault(require("antd/es/modal"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("antd/es/divider/style");
+var _divider = _interopRequireDefault(require("antd/es/divider"));
+require("antd/es/tooltip/style");
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@zat-design/utils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dayjs3 = _interopRequireDefault(require("dayjs"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _reactSvg = require("react-svg");
+var _arrow = _interopRequireDefault(require("../../../assets/arrow.svg"));
+var _components = require("./components");
+var _getEnumLabel = _interopRequireDefault(require("../../../ProEnum/utils/getEnumLabel"));
+var _locale = _interopRequireDefault(require("../../../locale"));
+var _utils2 = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["width"];
+/* eslint-disable react/no-array-index-key */
+var formatAmount = _utils.tools.formatAmount;
+var ProHeader = props => {
+  var breadcrumbColumns = props.breadcrumbColumns,
+    actionRender = props.actionRender,
+    describeColumns = props.describeColumns,
+    subDescribeColumns = props.subDescribeColumns,
+    onBack = props.onBack,
+    className = props.className,
+    _props$bodyOverFlowHi = props.bodyOverFlowHidden,
+    bodyOverFlowHidden = _props$bodyOverFlowHi === void 0 ? false : _props$bodyOverFlowHi,
+    fixedTop = props.fixedTop,
+    _props$showBack = props.showBack,
+    showBack = _props$showBack === void 0 ? true : _props$showBack,
+    _props$showShadow = props.showShadow,
+    showShadow = _props$showShadow === void 0 ? false : _props$showShadow,
+    _props$zIndex = props.zIndex,
+    zIndex = _props$zIndex === void 0 ? 98 : _props$zIndex,
+    title = props.title,
+    _props$autoBack = props.autoBack,
+    autoBack = _props$autoBack === void 0 ? 2 : _props$autoBack,
+    _props$collapsed = props.collapsed,
+    collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
+    style = props.style,
+    _props$isConfirmBack = props.isConfirmBack,
+    isConfirmBack = _props$isConfirmBack === void 0 ? false : _props$isConfirmBack,
+    _props$isConfirmBackM = props.isConfirmBackModalProps,
+    isConfirmBackModalProps = _props$isConfirmBackM === void 0 ? {} : _props$isConfirmBackM;
+  var _useState = (0, _react.useState)(showBack),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    backState = _useState2[0],
+    setBackState = _useState2[1];
+  var _useToggle = (0, _ahooks.useToggle)(collapsed),
+    _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
+    fold = _useToggle2[0],
+    toggle = _useToggle2[1].toggle;
+  var ref = (0, _react.useRef)(null);
+  var size = (0, _ahooks.useSize)(ref);
+  var _title = title;
+
+  // 面包屑配置数据源
+  var _breadcrumbColumns = breadcrumbColumns || [];
+
+  // 次级配置数据源
+  var _subDescribeColumns = subDescribeColumns || [];
+  (0, _react.useEffect)(() => {
     if (bodyOverFlowHidden) {
-      const bodyElement = document.querySelector("body");
-      bodyElement.style.overflow = "hidden";
+      var bodyElement = document.querySelector('body');
+      bodyElement.style.overflow = 'hidden';
     }
     return () => {
-      const bodyElement = document.querySelector("body");
-      bodyElement.style.overflow = "";
+      var bodyElement = document.querySelector('body');
+      bodyElement.style.overflow = '';
     };
   }, [bodyOverFlowHidden]);
-  (0, import_react.useEffect)(() => {
-    const isNewPage = window.history.length;
+  (0, _react.useEffect)(() => {
+    var isNewPage = window.history.length;
+    // history的记录，默认2，代办新开页面
     if (isNewPage <= autoBack) {
       setBackState(false);
     }
   }, []);
-  const describeRender = (describeData) => {
+
+  /**
+   * 主级描述数据渲染
+   */
+  var describeRender = describeData => {
     if (!Array.isArray(describeData)) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(
-      "ul",
-      {
-        className: (0, import_classnames.default)({
-          "pro-header-describe": true,
-          "pro-header-describe-open": fold,
-          "pro-header-describe-hidden": !fold
-        })
-      },
-      describeData.map((item, index) => {
-        const { value, copyable, show = true, tag, label, link, items = [], width } = item;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: (0, _classnames.default)({
+        'pro-header-describe': true,
+        'pro-header-describe-open': fold,
+        'pro-header-describe-hidden': !fold
+      }),
+      children: describeData.map((item, index) => {
+        var value = item.value,
+          copyable = item.copyable,
+          _item$show = item.show,
+          show = _item$show === void 0 ? true : _item$show,
+          tag = item.tag,
+          label = item.label,
+          link = item.link,
+          _item$items = item.items,
+          items = _item$items === void 0 ? [] : _item$items,
+          width = item.width;
+        // show为false直接隐藏¸
         if (show === false || !show) {
           return null;
         }
-        const onlyTag = tag && !label && !value;
-        const tagRender = (parmas) => {
-          if (Array.isArray(parmas == null ? void 0 : parmas.tag) && (parmas == null ? void 0 : parmas.tag.length)) {
-            return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, parmas.tag.map((tagItem, index2) => {
-              return /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag", key: index2 }, tagItem);
-            }));
+        var onlyTag = tag && !label && !value;
+        var tagRender = parmas => {
+          if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && parmas !== null && parmas !== void 0 && parmas.tag.length) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+              size: 4,
+              children: parmas.tag.map((tagItem, index) => {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: "pro-header-tag",
+                  children: tagItem
+                }, index);
+              })
+            });
           }
-          return (parmas == null ? void 0 : parmas.tag) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag" }, parmas == null ? void 0 : parmas.tag) : null;
+          return parmas !== null && parmas !== void 0 && parmas.tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "pro-header-tag",
+            children: parmas === null || parmas === void 0 ? void 0 : parmas.tag
+          }) : null;
         };
-        const valueRender = (parmas) => {
-          return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4, align: (parmas == null ? void 0 : parmas.tag) ? "baseline" : "center" }, (parmas == null ? void 0 : parmas.link) ? /* @__PURE__ */ import_react.default.createElement("a", { href: parmas.link, rel: "noopener noreferrer", target: "_blank" }, parmas == null ? void 0 : parmas.value) : parmas == null ? void 0 : parmas.value, (parmas == null ? void 0 : parmas.copyable) && (0, import_lodash.isString)(parmas == null ? void 0 : parmas.value) ? /* @__PURE__ */ import_react.default.createElement(import_components.Copy, { text: parmas.value }) : null, tagRender({ tag: parmas == null ? void 0 : parmas.tag }));
+
+        /** 单行渲染 */
+        var valueRender = parmas => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            size: 4,
+            align: parmas !== null && parmas !== void 0 && parmas.tag ? 'baseline' : 'center',
+            children: [parmas !== null && parmas !== void 0 && parmas.link ? /*#__PURE__*/(0, _jsxRuntime.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 && parmas.copyable && (0, _lodash.isString)(parmas === null || parmas === void 0 ? void 0 : parmas.value) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Copy, {
+              text: parmas.value
+            }) : null, tagRender({
+              tag: parmas === null || parmas === void 0 ? void 0 : parmas.tag
+            })]
+          });
         };
-        const itemsRender = () => {
-          const itemsHidden = (0, import_utils2.checkDescribeItemsHidden)(ref == null ? void 0 : ref.current);
-          const result = /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              ref,
-              className: (0, import_classnames.default)({
-                "pro-header-describe-items": true,
-                "pro-header-describe-items-more": items.length >= 2
-              })
-            },
-            (items == null ? void 0 : items.length) > 3 ? `共${items == null ? void 0 : items.length}个，` : null,
-            items.map(
-              (item2, index2) => {
-                return /* @__PURE__ */ import_react.default.createElement("span", { key: index2 }, valueRender(item2), (items == null ? void 0 : items.length) !== index2 + 1 ? " 、" : null);
-              }
-            ),
-            itemsHidden ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pro-header-describe-items-omit" }, "...") : null
-          );
+
+        /** 多行渲染 */
+        var itemsRender = () => {
+          // items配置是否超长，超长配置... + tip 提示
+          var itemsHidden = (0, _utils2.checkDescribeItemsHidden)(ref === null || ref === void 0 ? void 0 : ref.current);
+          var result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            ref: ref,
+            className: (0, _classnames.default)({
+              'pro-header-describe-items': true,
+              'pro-header-describe-items-more': items.length >= 2
+            }),
+            children: [(items === null || items === void 0 ? void 0 : items.length) > 3 ? `共${items === null || items === void 0 ? void 0 : items.length}个，` : null, items.map((item, index) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                children: [valueRender(item), (items === null || items === void 0 ? void 0 : items.length) !== index + 1 ? ' 、' : null]
+              }, index);
+            }), itemsHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "pro-header-describe-items-omit",
+              children: "..."
+            }) : null]
+          });
           if (itemsHidden) {
-            const tipResult = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, items.map(
-              (item2, index2) => {
-                return /* @__PURE__ */ import_react.default.createElement("p", { key: index2, className: "pro-header-describe-items-tip-value" }, valueRender(item2));
-              }
-            ));
-            return /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Tooltip,
-              {
-                placement: "bottomLeft",
-                classNames: {
-                  root: "pro-header-describe-items-tip"
-                },
-                title: tipResult
+            var tipResult = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: items.map((item, index) => {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+                  className: "pro-header-describe-items-tip-value",
+                  children: valueRender(item)
+                }, index);
+              })
+            });
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+              placement: "bottomLeft",
+              classNames: {
+                root: 'pro-header-describe-items-tip'
               },
-              result
-            );
+              title: tipResult,
+              children: result
+            });
           }
           return result;
         };
-        const tagCls = (0, import_classnames.default)({
-          "pro-header-only-tag": onlyTag,
-          "pro-header-describe-items-calc": (0, import_lodash.isString)(width) ? width.includes("calc") : false
+        var tagCls = (0, _classnames.default)({
+          'pro-header-only-tag': onlyTag,
+          'pro-header-describe-items-calc': (0, _lodash.isString)(width) ? width.includes('calc') : false
         });
-        return /* @__PURE__ */ import_react.default.createElement("li", { key: index, className: tagCls, style: { width } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, label ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pro-header-describe-label" }, label) : null, /* @__PURE__ */ import_react.default.createElement("span", { className: "pro-header-describe-value" }, (items == null ? void 0 : items.length) ? itemsRender() : /* @__PURE__ */ import_react.default.createElement("span", null, valueRender({ value, copyable, tag, link })))));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: tagCls,
+          style: {
+            width
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            size: 4,
+            children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "pro-header-describe-label",
+              children: label
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "pro-header-describe-value",
+              children: items !== null && items !== void 0 && items.length ? itemsRender() : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: valueRender({
+                  value,
+                  copyable,
+                  tag,
+                  link
+                })
+              })
+            })]
+          })
+        }, index);
       })
-    );
+    });
   };
-  const subDescribeRender = (describeData) => {
-    var _a, _b;
-    const { value, type, valueType, label, show = true, precision = 2, code } = describeData;
+
+  /**
+   * 次级描述数据渲染
+   */
+  var subDescribeRender = describeData => {
+    var _dayjs, _dayjs2;
+    var value = describeData.value,
+      type = describeData.type,
+      valueType = describeData.valueType,
+      label = describeData.label,
+      _describeData$show = describeData.show,
+      show = _describeData$show === void 0 ? true : _describeData$show,
+      _describeData$precisi = describeData.precision,
+      precision = _describeData$precisi === void 0 ? 2 : _describeData$precisi,
+      code = describeData.code;
+    // show为false直接隐藏
     if (!show) {
-      return "";
+      return '';
     }
-    let result;
+    var result;
     switch (valueType || type) {
-      case "thousandth":
-      case "money":
-        result = value || (0, import_lodash.isNumber)(value) ? formatAmount(value, precision) : "-";
+      case 'thousandth':
+      case 'money':
+        // 千分位
+        result = value || (0, _lodash.isNumber)(value) ? formatAmount(value, precision) : '-';
         break;
-      case "enumName":
-        result = (0, import_getEnumLabel.default)(code, value);
+      case 'enumName':
+        // 枚举-展示name
+        result = (0, _getEnumLabel.default)(code, value);
         break;
-      case "enumCodeName":
-        result = (0, import_getEnumLabel.default)(code, value, true);
+      case 'enumCodeName':
+        // 枚举-展示code-name
+        result = (0, _getEnumLabel.default)(code, value, true);
         break;
-      case "date":
-        result = value ? (_a = (0, import_dayjs.default)(value)) == null ? void 0 : _a.format("YYYY-MM-DD") : "-";
+      case 'date':
+        // 年月日
+        result = value ? (_dayjs = (0, _dayjs3.default)(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format('YYYY-MM-DD') : '-';
         break;
-      case "dateTime":
-        result = value ? (_b = (0, import_dayjs.default)(value)) == null ? void 0 : _b.format("YYYY-MM-DD HH:mm:ss") : "-";
+      case 'dateTime':
+        // 年月日 时分秒
+        result = value ? (_dayjs2 = (0, _dayjs3.default)(value)) === null || _dayjs2 === void 0 ? void 0 : _dayjs2.format('YYYY-MM-DD HH:mm:ss') : '-';
         break;
       default:
-        result = String(value).includes("undefined") || !value ? "-" : value;
+        result = String(value).includes('undefined') || !value ? '-' : value;
         break;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, label), /* @__PURE__ */ import_react.default.createElement("span", { className: "describe-value" }, result));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "describe-value",
+        children: result
+      })]
+    });
   };
-  const actionsRender = () => {
+
+  /**
+   * 头部右侧按钮面板渲染
+   */
+  var actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { split: /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }) }, actionRender.map((item, index) => {
-        var _a;
-        if ((0, import_lodash.isFunction)(item == null ? void 0 : item.type)) {
-          return /* @__PURE__ */ import_react.default.createElement("div", { key: index }, item);
-        }
-        if ((item == null ? void 0 : item.type) && !((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.children)) {
-          return null;
-        }
-        return /* @__PURE__ */ import_react.default.createElement("div", { key: index }, item);
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        split: /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider.default, {
+          type: "vertical"
+        }),
+        children: actionRender.map((item, index) => {
+          var _item$props;
+          if ((0, _lodash.isFunction)(item === null || item === void 0 ? void 0 : item.type)) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: item
+            }, index);
+          }
+          // 判断第一层dom节点为空
+          if (item !== null && item !== void 0 && item.type && !(item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children)) {
+            return null;
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: item
+          }, index);
+        })
+      });
     }
     return actionRender;
   };
-  const breadcrumbRender = () => {
+
+  /**
+   * 总结信息面板渲染
+   */
+  var breadcrumbRender = () => {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
       return [];
     }
-    const list = _breadcrumbColumns == null ? void 0 : _breadcrumbColumns.filter((item) => {
-      return item.type === "breadcrumb";
+    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
+      return item.type === 'breadcrumb';
     });
     return list.map((item, index) => {
-      var _a;
-      const { value, show = true, tag } = item;
-      const tagRender = () => {
+      var _value$props;
+      var value = item.value,
+        _item$show2 = item.show,
+        show = _item$show2 === void 0 ? true : _item$show2,
+        tag = item.tag;
+      var tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
-          return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 8 }, tag.map((tagItem, index2) => {
-            return /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag", key: index2 }, tagItem);
-          }));
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+            size: 8,
+            children: tag.map((tagItem, index) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "pro-header-tag",
+                children: tagItem
+              }, index);
+            })
+          });
         }
-        return tag ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag" }, tag) : null;
+        return tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "pro-header-tag",
+          children: tag
+        }) : null;
       };
+
+      // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
         return null;
       }
-      if ((value == null ? void 0 : value.type) && !((_a = value == null ? void 0 : value.props) == null ? void 0 : _a.children)) {
+      // 判断第一层dom节点为空
+      if (value !== null && value !== void 0 && value.type && !(value !== null && value !== void 0 && (_value$props = value.props) !== null && _value$props !== void 0 && _value$props.children)) {
         return null;
       }
       return {
         key: index,
-        title: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, value, " ", tagRender())
+        title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+          size: 4,
+          children: [value, " ", tagRender()]
+        })
       };
-    }).filter(Boolean);
+    }).filter(Boolean); // 过滤掉null值
   };
-  const infoRender = () => {
+
+  /**
+   * 头部左侧导航栏后业务信息
+   */
+  var infoRender = () => {
     if (!Array.isArray(_breadcrumbColumns)) {
-      return "";
+      return '';
     }
-    const list = _breadcrumbColumns == null ? void 0 : _breadcrumbColumns.filter((item) => {
-      return item.type !== "breadcrumb";
+    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
+      return item.type !== 'breadcrumb';
     });
     if (!list.length) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("ul", { className: "pro-header-info" }, list.map((item, index) => {
-      var _a;
-      const { value, type = "info", show = true, width, tag } = item;
-      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 = `${import_locale.default.ProHeader.versionTitle}${val}`;
-      }
-      const breadcrumbCls = (0, import_classnames.default)({
-        "breadcrumb-value": true,
-        omit: width
-      });
-      const valueRender = (type2) => {
-        let valRender = /* @__PURE__ */ import_react.default.createElement("div", { className: breadcrumbCls, style: { width } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, val, " ", tag ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag" }, tag) : null));
-        if (type2 === "copy") {
-          return valRender = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, width ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: val }, valRender) : valRender, /* @__PURE__ */ import_react.default.createElement(import_components.Copy, { text: val }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: "pro-header-info",
+      children: list.map((item, index) => {
+        var _value$props2;
+        var value = item.value,
+          _item$type = item.type,
+          type = _item$type === void 0 ? 'info' : _item$type,
+          _item$show3 = item.show,
+          show = _item$show3 === void 0 ? true : _item$show3,
+          width = item.width,
+          tag = item.tag;
+        // show或者值不存在为false直接隐藏¸
+        if (!show || !value) {
+          return '';
         }
-        if (width) {
-          return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: val }, valRender);
+        // 判断第一层dom节点为空
+        if (value !== null && value !== void 0 && value.type && !(value !== null && value !== void 0 && (_value$props2 = value.props) !== null && _value$props2 !== void 0 && _value$props2.children)) {
+          return '';
         }
-        return valRender;
-      };
-      return /* @__PURE__ */ import_react.default.createElement(
-        "li",
-        {
-          key: index,
-          className: (0, import_classnames.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 = `${_locale.default.ProHeader.versionTitle}${val}`;
+        }
+
+        // 面包屑样式
+        var breadcrumbCls = (0, _classnames.default)({
+          'breadcrumb-value': true,
+          omit: width
+        });
+        var valueRender = type => {
+          var valRender = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: breadcrumbCls,
+            style: {
+              width
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+              size: 4,
+              children: [val, " ", tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "pro-header-tag",
+                children: tag
+              }) : null]
+            })
+          });
+          if (type === 'copy') {
+            return valRender = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [width ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+                title: val,
+                children: valRender
+              }) : valRender, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Copy, {
+                text: val
+              })]
+            });
+          }
+          if (width) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+              title: val,
+              children: valRender
+            });
+          }
+          return valRender;
+        };
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: (0, _classnames.default)({
+            version: ['version', 'tag'].includes(type),
+            hidden: ['version', 'tag'].includes(type) && !val
+          }),
+          children: type === 'copy' ? valueRender('copy') : valueRender()
+        }, index);
+      })
+    });
   };
-  const cls = (0, import_classnames.default)({
-    "pro-header": true,
-    "pro-header-fixed": fixedTop,
-    "pro-header-shadow": showShadow,
+  var cls = (0, _classnames.default)({
+    'pro-header': true,
+    'pro-header-fixed': fixedTop,
+    'pro-header-shadow': showShadow,
     // 内部窗口滚动自带阴影场景
-    "pro-header-no-back": !backState,
-    "pro-header-has-describe": !(0, import_lodash.isEmpty)(_subDescribeColumns) || !(0, import_lodash.isEmpty)(describeColumns) || !(0, import_lodash.isEmpty)(describeColumns),
-    "pro-header-no-describe": (0, import_lodash.isEmpty)(_subDescribeColumns) && (0, import_lodash.isEmpty)(describeColumns) || (0, import_lodash.isEmpty)(describeColumns),
+    'pro-header-no-back': !backState,
+    'pro-header-has-describe': !(0, _lodash.isEmpty)(_subDescribeColumns) || !(0, _lodash.isEmpty)(describeColumns) || !(0, _lodash.isEmpty)(describeColumns),
+    'pro-header-no-describe': (0, _lodash.isEmpty)(_subDescribeColumns) && (0, _lodash.isEmpty)(describeColumns) || (0, _lodash.isEmpty)(describeColumns),
     [`${className}`]: className
   });
-  if (title && !(0, import_lodash.isEmpty)(_breadcrumbColumns)) {
-    console.error("warning: The title and the breadcrumbList cannot be used together");
+  if (title && !(0, _lodash.isEmpty)(_breadcrumbColumns)) {
+    console.error('warning: The title and the breadcrumbList cannot be used together');
   }
+
+  // title默认不显示返回按钮，只有showBack设置为true时才显示
   if (title && props.showBack) {
     _title = null;
     _breadcrumbColumns.push({
-      type: "breadcrumb",
+      type: 'breadcrumb',
       value: title
     });
   }
-  const onConfirm = () => {
+  var onConfirm = () => {
     if (!isConfirmBack) {
       onBack && onBack();
       if (!onBack) {
@@ -319,41 +482,76 @@ var ProHeader = (props) => {
       }
       return false;
     }
-    const { width, ...restModalProps } = isConfirmBackModalProps || {};
-    import_antd.Modal.confirm({
-      title: `${import_locale.default.ProHeader.confirmTitle}`,
-      okText: `${import_locale.default.ProHeader.confirm}`,
-      cancelText: `${import_locale.default.ProHeader.cancel}`,
+    // 处理 Modal.confirm 的 width 类型兼容性问题
+    var _ref = isConfirmBackModalProps || {},
+      width = _ref.width,
+      restModalProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _modal.default.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: `${_locale.default.ProHeader.confirmTitle}`,
+      okText: `${_locale.default.ProHeader.confirm}`,
+      cancelText: `${_locale.default.ProHeader.cancel}`,
       onOk: () => {
         onBack && onBack();
-      },
-      // 仅当 width 是 string 或 number 时才传递
-      ...width && (typeof width === "string" || typeof width === "number") ? { width } : {},
-      ...restModalProps
-    });
+      }
+    }, width && (typeof width === 'string' || typeof width === 'number') ? {
+      width
+    } : {}), restModalProps));
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: cls, style: { ...style, top: fixedTop, zIndex } }, _title ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-title" }, _title) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-top" }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "pro-header-left": true,
-        "pro-header-left-space": !backState
-      })
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: backState ? 4 : 0 }, backState ? /* @__PURE__ */ import_react.default.createElement(import_components.ProBackBtn, { onBack: onConfirm }) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Breadcrumb, { separator: ">", items: breadcrumbRender() }), infoRender())
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-right" }, actionsRender())), describeRender(describeColumns), !(0, import_lodash.isEmpty)(_subDescribeColumns) ? /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "pro-header-nav": true,
-        "pro-header-nav-open": fold,
-        "pro-header-nav-hidden": !fold
-      })
-    },
-    /* @__PURE__ */ import_react.default.createElement("ul", null, _subDescribeColumns.map((item, index) => {
-      return /* @__PURE__ */ import_react.default.createElement("li", { key: index }, subDescribeRender(item));
-    })),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-fold" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-fold-bg", onClick: toggle }, /* @__PURE__ */ import_react.default.createElement(import_react_svg.ReactSVG, { key: "copy-icon", className: "fold-icon", src: import_arrow.default })))
-  ) : null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: cls,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+      top: fixedTop,
+      zIndex
+    }),
+    children: _title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-header-title",
+      children: _title
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "pro-header-top",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)({
+            'pro-header-left': true,
+            'pro-header-left-space': !backState
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            size: backState ? 4 : 0,
+            children: [backState ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ProBackBtn, {
+              onBack: onConfirm
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_breadcrumb.default, {
+              separator: ">",
+              items: breadcrumbRender()
+            }), infoRender()]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "pro-header-right",
+          children: actionsRender()
+        })]
+      }), describeRender(describeColumns), !(0, _lodash.isEmpty)(_subDescribeColumns) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)({
+          'pro-header-nav': true,
+          'pro-header-nav-open': fold,
+          'pro-header-nav-hidden': !fold
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+          children: _subDescribeColumns.map((item, index) => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+              children: subDescribeRender(item)
+            }, index);
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "pro-header-fold",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "pro-header-fold-bg",
+            onClick: toggle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+              className: "fold-icon",
+              src: _arrow.default
+            }, "copy-icon")
+          })
+        })]
+      }) : null]
+    })
+  });
 };
-var ProHeader_default = (0, import_react.memo)(ProHeader);
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProHeader);