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

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

@@ -1,469 +1,317 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProLayout/components/ProHeader/index.tsx
+var ProHeader_exports = {};
+__export(ProHeader_exports, {
+  default: () => ProHeader_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("antd/es/breadcrumb/style");
-var _breadcrumb = _interopRequireDefault(require("antd/es/breadcrumb"));
-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 _isString2 = _interopRequireDefault(require("lodash/isString"));
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _utils = require("@zat-design/utils");
-var _classnames2 = _interopRequireDefault(require("classnames"));
-var _moment3 = _interopRequireDefault(require("moment"));
-var _ahooks = require("ahooks");
-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");
-/* eslint-disable react/no-array-index-key */
-
-var formatAmount = _utils.tools.formatAmount;
-var ProHeader = function ProHeader(props) {
-  var _props$breadcrumbList = props.breadcrumbList,
-    breadcrumbList = _props$breadcrumbList === void 0 ? [] : _props$breadcrumbList,
-    breadcrumbColumns = props.breadcrumbColumns,
-    actionRender = props.actionRender,
-    _props$describeList = props.describeList,
-    describeList = _props$describeList === void 0 ? [] : _props$describeList,
-    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 ? 100 : _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 || breadcrumbList;
-  // 次级配置数据源
-  var _subDescribeColumns = subDescribeColumns || describeList;
-  (0, _react.useEffect)(function () {
+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)(() => {
     if (bodyOverFlowHidden) {
-      var bodyElement = document.querySelector('body');
-      bodyElement.style.overflow = 'hidden';
+      const bodyElement = document.querySelector("body");
+      bodyElement.style.overflow = "hidden";
     }
-    return function () {
-      var bodyElement = document.querySelector('body');
-      bodyElement.style.overflow = '';
+    return () => {
+      const bodyElement = document.querySelector("body");
+      bodyElement.style.overflow = "";
     };
   }, [bodyOverFlowHidden]);
-  (0, _react.useEffect)(function () {
-    var isNewPage = window.history.length;
-    // history的记录，默认2，代办新开页面
+  (0, import_react.useEffect)(() => {
+    const isNewPage = window.history.length;
     if (isNewPage <= autoBack) {
       setBackState(false);
     }
   }, []);
-  /**
-   * 主级描述数据渲染
-   */
-  var describeRender = function describeRender(describeData) {
+  const describeRender = (describeData) => {
     if (!Array.isArray(describeData)) {
       return null;
     }
-    return (0, _jsxRuntime.jsx)("ul", {
-      className: (0, _classnames2.default)({
-        'pro-header-describe': true,
-        'pro-header-describe-open': fold,
-        'pro-header-describe-hidden': !fold
-      }),
-      children: describeData.map(function (item, index) {
-        var value = item.value,
-          copyable = item.copyable,
-          _item$show = item.show,
-          show = _item$show === void 0 ? true : _item$show,
-          tag = item.tag,
-          label = item.label,
-          link = item.link,
-          _item$items = item.items,
-          items = _item$items === void 0 ? [] : _item$items,
-          width = item.width;
-        // show为false直接隐藏¸
+    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;
         if (show === false || !show) {
           return null;
         }
-        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 (0, _jsxRuntime.jsx)(_space.default, {
-              size: 4,
-              children: parmas.tag.map(function (tagItem, index) {
-                return (0, _jsxRuntime.jsx)("div", {
-                  className: "pro-header-tag",
-                  children: tagItem
-                }, index);
-              })
-            });
+        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);
+            }));
           }
-          return (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? (0, _jsxRuntime.jsx)("div", {
-            className: "pro-header-tag",
-            children: parmas === null || parmas === void 0 ? void 0 : parmas.tag
-          }) : null;
+          return (parmas == null ? void 0 : parmas.tag) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag" }, parmas == null ? void 0 : parmas.tag) : null;
         };
-        /** 单行渲染 */
-        var valueRender = function valueRender(parmas) {
-          return (0, _jsxRuntime.jsxs)(_space.default, {
-            size: 4,
-            align: (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? 'baseline' : 'center',
-            children: [(parmas === null || parmas === void 0 ? void 0 : parmas.link) ? (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 ? void 0 : parmas.copyable) && (0, _isString2.default)(parmas === null || parmas === void 0 ? void 0 : parmas.value) ? (0, _jsxRuntime.jsx)(_components.Copy, {
-              text: parmas.value
-            }) : null, tagRender({
-              tag: parmas === null || parmas === void 0 ? void 0 : parmas.tag
-            })]
-          });
+        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 itemsRender = function itemsRender() {
-          // items配置是否超长，超长配置... + tip 提示
-          var itemsHidden = (0, _utils2.checkDescribeItemsHidden)(ref === null || ref === void 0 ? void 0 : ref.current);
-          var result = (0, _jsxRuntime.jsxs)("div", {
-            ref: ref,
-            className: (0, _classnames2.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 ? "\u5171".concat(items === null || items === void 0 ? void 0 : items.length, "\u4E2A\uFF0C") : null, items.map(function (item, index) {
-              return (0, _jsxRuntime.jsxs)("span", {
-                children: [valueRender(item), (items === null || items === void 0 ? void 0 : items.length) !== index + 1 ? ' 、' : null]
-              }, index);
-            }), itemsHidden ? (0, _jsxRuntime.jsx)("span", {
-              className: "pro-header-describe-items-omit",
-              children: "..."
-            }) : null]
-          });
-          if (itemsHidden) {
-            var tipResult = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: items.map(function (item, index) {
-                return (0, _jsxRuntime.jsx)("p", {
-                  className: "pro-header-describe-items-tip-value",
-                  children: valueRender(item)
-                }, index);
+        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
               })
-            });
-            return (0, _jsxRuntime.jsx)(_tooltip.default, {
-              placement: "bottomLeft",
-              overlayClassName: "pro-header-describe-items-tip",
-              title: tipResult,
-              children: result
-            });
+            },
+            (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
+          );
+          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
+              },
+              result
+            );
           }
           return result;
         };
-        var tagCls = (0, _classnames2.default)({
-          'pro-header-only-tag': onlyTag,
-          'pro-header-describe-items-calc': (0, _isString2.default)(width) ? width.includes('calc') : false
+        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
         });
-        return (0, _jsxRuntime.jsx)("li", {
-          className: tagCls,
-          style: {
-            width: width
-          },
-          children: (0, _jsxRuntime.jsxs)(_space.default, {
-            size: 4,
-            children: [label ? (0, _jsxRuntime.jsx)("span", {
-              className: "pro-header-describe-label",
-              children: label
-            }) : null, (0, _jsxRuntime.jsx)("span", {
-              className: "pro-header-describe-value",
-              children: (items === null || items === void 0 ? void 0 : items.length) ? itemsRender() : (0, _jsxRuntime.jsx)("span", {
-                children: valueRender({
-                  value: value,
-                  copyable: copyable,
-                  tag: tag,
-                  link: link
-                })
-              })
-            })]
-          })
-        }, index);
+        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 })))));
       })
-    });
+    );
   };
-  /**
-   * 次级描述数据渲染
-   */
-  var subDescribeRender = function subDescribeRender(describeData) {
-    var _moment, _moment2;
-    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直接隐藏
+  const subDescribeRender = (describeData) => {
+    var _a, _b;
+    const { value, type, valueType, label, show = true, precision = 2, code } = describeData;
     if (!show) {
-      return '';
+      return "";
     }
-    var result;
+    let result;
     switch (valueType || type) {
-      case 'thousandth':
-      case 'money':
-        // 千分位
-        result = value || (0, _isNumber2.default)(value) ? formatAmount(value, precision) : '-';
+      case "thousandth":
+      case "money":
+        result = value || (0, import_lodash.isNumber)(value) ? formatAmount(value, precision) : "-";
         break;
-      case 'enumName':
-        // 枚举-展示name
-        result = (0, _getEnumLabel.default)(code, value);
+      case "enumName":
+        result = (0, import_getEnumLabel.default)(code, value);
         break;
-      case 'enumCodeName':
-        // 枚举-展示code-name
-        result = (0, _getEnumLabel.default)(code, value, true);
+      case "enumCodeName":
+        result = (0, import_getEnumLabel.default)(code, value, true);
         break;
-      case 'date':
-        // 年月日
-        result = value ? (_moment = (0, _moment3.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format('YYYY-MM-DD') : '-';
+      case "date":
+        result = value ? (_a = (0, import_dayjs.default)(value)) == null ? void 0 : _a.format("YYYY-MM-DD") : "-";
         break;
-      case 'dateTime':
-        // 年月日 时分秒
-        result = value ? (_moment2 = (0, _moment3.default)(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD HH:mm:ss') : '-';
+      case "dateTime":
+        result = value ? (_b = (0, import_dayjs.default)(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 (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsx)("span", {
-        children: label
-      }), (0, _jsxRuntime.jsx)("span", {
-        className: "describe-value",
-        children: result
-      })]
-    });
+    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));
   };
-  /**
-   * 头部右侧按钮面板渲染
-   */
-  var actionsRender = function actionsRender() {
+  const actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return (0, _jsxRuntime.jsx)(_space.default, {
-        split: (0, _jsxRuntime.jsx)(_divider.default, {
-          type: "vertical"
-        }),
-        children: actionRender.map(function (item, index) {
-          var _item$props;
-          if ((0, _isFunction2.default)(item === null || item === void 0 ? void 0 : item.type)) {
-            return (0, _jsxRuntime.jsx)("div", {
-              children: item
-            }, index);
-          }
-          // 判断第一层dom节点为空
-          if ((item === null || item === void 0 ? void 0 : item.type) && !(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.children)) {
-            return null;
-          }
-          return (0, _jsxRuntime.jsx)("div", {
-            children: item
-          }, index);
-        })
-      });
+      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 actionRender;
   };
-  /**
-   * 总结信息面板渲染
-   */
-  var breadcrumbRender = function breadcrumbRender() {
+  const breadcrumbRender = () => {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
-      return '';
+      return [];
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
-      return item.type === 'breadcrumb';
+    const list = _breadcrumbColumns == null ? void 0 : _breadcrumbColumns.filter((item) => {
+      return item.type === "breadcrumb";
     });
-    return list.map(function (item, index) {
-      var _value$props;
-      var value = item.value,
-        _item$show2 = item.show,
-        show = _item$show2 === void 0 ? true : _item$show2,
-        tag = item.tag;
-      var tagRender = function tagRender() {
+    return list.map((item, index) => {
+      var _a;
+      const { value, show = true, tag } = item;
+      const tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
-          return (0, _jsxRuntime.jsx)(_space.default, {
-            size: 8,
-            children: tag.map(function (tagItem, index) {
-              return (0, _jsxRuntime.jsx)("div", {
-                className: "pro-header-tag",
-                children: tagItem
-              }, index);
-            })
-          });
+          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 tag ? (0, _jsxRuntime.jsx)("div", {
-          className: "pro-header-tag",
-          children: tag
-        }) : null;
+        return tag ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-header-tag" }, tag) : null;
       };
-      // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
-        return '';
+        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)) {
-        return '';
+      if ((value == null ? void 0 : value.type) && !((_a = value == null ? void 0 : value.props) == null ? void 0 : _a.children)) {
+        return null;
       }
-      return (0, _jsxRuntime.jsx)(_breadcrumb.default.Item, {
-        children: (0, _jsxRuntime.jsxs)(_space.default, {
-          size: 4,
-          children: [value, " ", tagRender()]
-        })
-      }, index);
-    });
+      return {
+        key: index,
+        title: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, value, " ", tagRender())
+      };
+    }).filter(Boolean);
   };
-  /**
-   * 头部左侧导航栏后业务信息
-   */
-  var infoRender = function infoRender() {
+  const infoRender = () => {
     if (!Array.isArray(_breadcrumbColumns)) {
-      return '';
+      return "";
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
-      return item.type !== 'breadcrumb';
+    const list = _breadcrumbColumns == null ? void 0 : _breadcrumbColumns.filter((item) => {
+      return item.type !== "breadcrumb";
     });
     if (!list.length) {
       return null;
     }
-    return (0, _jsxRuntime.jsx)("ul", {
-      className: "pro-header-info",
-      children: list.map(function (item, index) {
-        var _value$props2;
-        var value = item.value,
-          _item$type = item.type,
-          type = _item$type === void 0 ? 'info' : _item$type,
-          _item$show3 = item.show,
-          show = _item$show3 === void 0 ? true : _item$show3,
-          width = item.width,
-          tag = item.tag;
-        // show或者值不存在为false直接隐藏¸
-        if (!show || !value) {
-          return '';
-        }
-        // 判断第一层dom节点为空
-        if ((value === null || value === void 0 ? void 0 : value.type) && !(value === null || value === void 0 ? void 0 : (_value$props2 = value.props) === null || _value$props2 === void 0 ? void 0 : _value$props2.children)) {
-          return '';
+    return /* @__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 }));
         }
-        // value为null或者undefined返回'-'
-        var val = String(value).includes('undefined') || !value ? '-' : value;
-        if (type === 'version' && val) {
-          val = "".concat(_locale.default.ProHeader.versionTitle).concat(val);
+        if (width) {
+          return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: val }, valRender);
         }
-        // 面包屑样式
-        var breadcrumbCls = (0, _classnames2.default)({
-          'breadcrumb-value': true,
-          omit: width
-        });
-        var valueRender = function valueRender(type) {
-          var valRender = (0, _jsxRuntime.jsx)("div", {
-            className: breadcrumbCls,
-            style: {
-              width: width
-            },
-            children: (0, _jsxRuntime.jsxs)(_space.default, {
-              size: 4,
-              children: [val, " ", tag ? (0, _jsxRuntime.jsx)("div", {
-                className: "pro-header-tag",
-                children: tag
-              }) : null]
-            })
-          });
-          if (type === 'copy') {
-            return valRender = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [width ? (0, _jsxRuntime.jsx)(_tooltip.default, {
-                title: val,
-                children: valRender
-              }) : valRender, (0, _jsxRuntime.jsx)(_components.Copy, {
-                text: val
-              })]
-            });
-          }
-          if (width) {
-            return (0, _jsxRuntime.jsx)(_tooltip.default, {
-              title: val,
-              children: valRender
-            });
-          }
-          return valRender;
-        };
-        return (0, _jsxRuntime.jsx)("li", {
-          className: (0, _classnames2.default)({
-            version: ['version', 'tag'].includes(type),
-            hidden: ['version', 'tag'].includes(type) && !val
-          }),
-          children: type === 'copy' ? valueRender('copy') : valueRender()
-        }, index);
-      })
-    });
+        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()
+      );
+    }));
   };
-  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
-    'pro-header': true,
-    'pro-header-fixed': fixedTop,
-    'pro-header-shadow': showShadow,
-    'pro-header-no-back': !backState,
-    'pro-header-has-describe': !(0, _isEmpty2.default)(_subDescribeColumns) || !(0, _isEmpty2.default)(describeColumns) || !(0, _isEmpty2.default)(describeColumns),
-    'pro-header-no-describe': (0, _isEmpty2.default)(_subDescribeColumns) && (0, _isEmpty2.default)(describeColumns) || (0, _isEmpty2.default)(describeColumns)
-  }, "".concat(className), className));
-  if (title && !(0, _isEmpty2.default)(_breadcrumbColumns)) {
-    console.error('warning: The title and the breadcrumbList cannot be used together');
+  const cls = (0, import_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),
+    [`${className}`]: className
+  });
+  if (title && !(0, import_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
     });
   }
-  var onConfirm = function onConfirm() {
+  const onConfirm = () => {
     if (!isConfirmBack) {
       onBack && onBack();
       if (!onBack) {
@@ -471,70 +319,41 @@ var ProHeader = function ProHeader(props) {
       }
       return false;
     }
-    _modal.default.confirm((0, _objectSpread2.default)({
-      title: "".concat(_locale.default.ProHeader.confirmTitle),
-      okText: "".concat(_locale.default.ProHeader.confirm),
-      cancelText: "".concat(_locale.default.ProHeader.cancel),
-      onOk: function onOk() {
+    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}`,
+      onOk: () => {
         onBack && onBack();
-      }
-    }, isConfirmBackModalProps));
+      },
+      // 仅当 width 是 string 或 number 时才传递
+      ...width && (typeof width === "string" || typeof width === "number") ? { width } : {},
+      ...restModalProps
+    });
   };
-  return (0, _jsxRuntime.jsx)("div", {
-    className: cls,
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
-      top: fixedTop,
-      zIndex: zIndex
-    }),
-    children: _title ? (0, _jsxRuntime.jsx)("div", {
-      className: "pro-header-title",
-      children: _title
-    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsxs)("div", {
-        className: "pro-header-top",
-        children: [(0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames2.default)({
-            'pro-header-left': true,
-            'pro-header-left-space': !backState
-          }),
-          children: (0, _jsxRuntime.jsxs)(_space.default, {
-            size: backState ? 4 : 0,
-            children: [backState ? (0, _jsxRuntime.jsx)(_components.ProBackBtn, {
-              onBack: onConfirm
-            }) : null, (0, _jsxRuntime.jsx)(_breadcrumb.default, {
-              separator: ">",
-              children: breadcrumbRender()
-            }), infoRender()]
-          })
-        }), (0, _jsxRuntime.jsx)("div", {
-          className: "pro-header-right",
-          children: actionsRender()
-        })]
-      }), describeRender(describeColumns), !(0, _isEmpty2.default)(_subDescribeColumns) ? (0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames2.default)({
-          'pro-header-nav': true,
-          'pro-header-nav-open': fold,
-          'pro-header-nav-hidden': !fold
-        }),
-        children: [(0, _jsxRuntime.jsx)("ul", {
-          children: _subDescribeColumns.map(function (item, index) {
-            return (0, _jsxRuntime.jsx)("li", {
-              children: subDescribeRender(item)
-            }, index);
-          })
-        }), (0, _jsxRuntime.jsx)("div", {
-          className: "pro-header-fold",
-          children: (0, _jsxRuntime.jsx)("div", {
-            className: "pro-header-fold-bg",
-            onClick: toggle,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "fold-icon",
-              src: _arrow.default
-            }, "copy-icon")
-          })
-        })]
-      }) : null]
-    })
-  });
+  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));
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProHeader);
+var ProHeader_default = (0, import_react.memo)(ProHeader);