@zat-design/sisyphus-react 4.0.13 → 4.0.15

package/es/ProLayout/components/TabsManager/style/index.less

@@ -1,3 +1,5 @@
+@import '../../../../style/variables.less'; // 引入变量
+
 .pro-layout-tabs {
   --pro-layout-tabs-primary: var(--ant-primary-color, #1677ff);
   --pro-layout-tabs-active-bg: var(--ant-color-success, #00b578);
@@ -8,18 +10,22 @@
   height: 100%;
 
   &-header {
-    display: flex;
     align-items: center;
     min-height: 48px;
     padding: 12px 0;
     border-bottom: none;
+    position: sticky;
+    top: 48px;
+    z-index: 1;
+    background: #f3f5f8;
+    .@{ant-prefix}-tabs-nav-list{
+      overflow: initial;
+    }
 
     .pro-layout-tab-list {
       display: flex;
       flex: 1;
       gap: 12px;
-      overflow-x: auto;
-      overflow-y: hidden;
 
       &::-webkit-scrollbar {
         height: 3px;
@@ -46,12 +52,109 @@
   }
 
   &-content {
+    flex: 1;
+    overflow-y: auto;
+    min-height: 0; // 重要：允许 flex 子元素缩小到内容以下
+
     .tab-pane {
       &.hidden {
         display: none;
       }
     }
   }
+
+  // antd Tabs 样式覆盖
+  .pro-layout-tabs-antd {
+    width: 100%;
+    height: 100%;
+
+    // 隐藏 Tabs 的内容区域，因为我们使用 renderContent() 渲染
+    .@{ant-prefix}-tabs-content-holder {
+      display: none !important;
+    }
+
+    // 覆盖 nav 样式，使其匹配 pro-layout-tabs-header
+    .@{ant-prefix}-tabs-nav {
+      margin: 0;
+      padding: 0;
+      border-bottom: none;
+
+      &::before {
+        display: none; // 隐藏底部边框
+      }
+    }
+
+    // 覆盖 nav-list 样式，使其匹配 pro-layout-tab-list
+    .@{ant-prefix}-tabs-nav-list {
+      display: flex;
+      flex: 1;
+      gap: 12px;
+
+      &::-webkit-scrollbar {
+        height: 3px;
+      }
+
+      &::-webkit-scrollbar-track {
+        background: transparent;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        background: #d9d9d9;
+        border-radius: 3px;
+
+        &:hover {
+          background: #bfbfbf;
+        }
+      }
+    }
+
+    // 覆盖 tab 样式，使其匹配 pro-layout-tab-item
+    .@{ant-prefix}-tabs-tab {
+      position: relative;
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      min-height: 36px;
+      padding: 0 !important;
+      margin: 0 !important;
+      background: transparent !important;
+      border: none !important;
+      border-radius: 0 !important;
+      cursor: pointer;
+      transition: none; // 由内部 TabItemComponent 处理过渡
+
+      &:hover {
+        background: transparent !important;
+      }
+
+      // 隐藏 antd 默认的关闭按钮（我们使用自定义的）
+      .@{ant-prefix}-tabs-tab-remove {
+        display: none !important;
+      }
+
+      // TabItemComponent 的样式应该在这里应用
+      .pro-layout-tab-item {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    // 激活状态样式（由 TabItemComponent 内部处理）
+    .@{ant-prefix}-tabs-tab-active {
+      background: transparent !important;
+      border: none !important;
+
+      &::before {
+        display: none;
+      }
+    }
+
+    // 隐藏 ink-bar（下划线）
+    .@{ant-prefix}-tabs-ink-bar {
+      display: none !important;
+    }
+
+  }
 }
 
 .pro-layout-tab-item {
@@ -165,6 +268,15 @@
   --pro-layout-tabs-text-color: rgba(255, 255, 255, 0.85);
 }
 
+.pro-layout-tabs-dropdown-menu{
+  .@{ant-prefix}-tabs-dropdown-menu-item-remove{
+    display: none !important;
+  }
+  .pro-layout-tab-content{
+    width: 100%;
+  }
+}
+
 // 响应式适配
 @media (max-width: 768px) {
   .pro-layout-tab-item {

package/es/ProLayout/index.js

@@ -142,23 +142,37 @@ var ProLayout = props => {
     });
   };
   var handleMenuClick = useCallback(params => {
-    if (isTabsLayout) {
-      var _tabsManagerRef$curre, _tabsManagerRef$curre2;
-      // 只有最后一级菜单（叶子节点）才设置选中路径
-      if (params.item && isLeafMenuItem(params.item)) {
-        var _params$item, _params$item2, _params$item3;
-        var targetPath = ((_params$item = params.item) === null || _params$item === void 0 ? void 0 : _params$item.url) || ((_params$item2 = params.item) === null || _params$item2 === void 0 ? void 0 : _params$item2.redirectUrl) || ((_params$item3 = params.item) === null || _params$item3 === void 0 ? void 0 : _params$item3.router);
-        if (targetPath && targetPath !== selectedPath) {
-          setState({
-            selectedPath: targetPath
-          });
-        }
-      }
-      (_tabsManagerRef$curre = tabsManagerRef.current) === null || _tabsManagerRef$curre === void 0 || (_tabsManagerRef$curre2 = _tabsManagerRef$curre.handleMenuClick) === null || _tabsManagerRef$curre2 === void 0 || _tabsManagerRef$curre2.call(_tabsManagerRef$curre, params);
-      return;
+    var _tabsManagerRef$curre, _tabsManagerRef$curre2, _tabsManagerRef$curre3, _tabsManagerRef$curre4, _params$item, _params$item2, _params$item3;
+    // 非 tabs 模式，直接调用原始回调并允许激活
+    if (!isTabsLayout) {
+      onMenuClick === null || onMenuClick === void 0 || onMenuClick(params);
+      return true;
+    }
+
+    // tabs 模式：调用 TabsManager 的 handleMenuClick 来添加标签页
+    (_tabsManagerRef$curre = tabsManagerRef.current) === null || _tabsManagerRef$curre === void 0 || (_tabsManagerRef$curre2 = _tabsManagerRef$curre.handleMenuClick) === null || _tabsManagerRef$curre2 === void 0 || _tabsManagerRef$curre2.call(_tabsManagerRef$curre, params);
+
+    // 非叶子节点，直接允许激活
+    if (!params.item || !isLeafMenuItem(params.item)) {
+      return true;
+    }
+
+    // 叶子节点：检查是否可以添加标签页（检查 max 限制）
+    var canAdd = (_tabsManagerRef$curre3 = tabsManagerRef.current) === null || _tabsManagerRef$curre3 === void 0 || (_tabsManagerRef$curre4 = _tabsManagerRef$curre3.canAddTab) === null || _tabsManagerRef$curre4 === void 0 ? void 0 : _tabsManagerRef$curre4.call(_tabsManagerRef$curre3, params.item);
+    if (!canAdd) {
+      // 超过限制，返回 false 阻止菜单激活
+      return false;
+    }
+
+    // 可以添加标签页，设置选中路径（激活菜单）
+    var targetPath = ((_params$item = params.item) === null || _params$item === void 0 ? void 0 : _params$item.url) || ((_params$item2 = params.item) === null || _params$item2 === void 0 ? void 0 : _params$item2.redirectUrl) || ((_params$item3 = params.item) === null || _params$item3 === void 0 ? void 0 : _params$item3.router);
+    if (targetPath && targetPath !== selectedPath) {
+      setState({
+        selectedPath: targetPath
+      });
     }
-    onMenuClick === null || onMenuClick === void 0 || onMenuClick(params);
-  }, [isTabsLayout, onMenuClick, selectedPath, setState]);
+    return true;
+  }, [isTabsLayout, onMenuClick, selectedPath]);
 
   /**
    * 关闭提示框

package/es/ProLayout/propTypes.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ProWaterMarkProps } from '../ProWaterMark/propsType';
+import { ProWaterMarkType } from '../ProWaterMark/propsType';
 export interface MenusType {
     /**
      * @description 菜单ID
@@ -174,7 +174,7 @@ interface ProLayoutBaseProps {
      * @description 水印配置
      * @default {}
      */
-    waterMarkProps?: ProWaterMarkProps;
+    waterMarkProps?: ProWaterMarkType;
     /**
      * @description 折叠回调事件
      * @default -
@@ -188,7 +188,7 @@ interface ProLayoutBaseProps {
         item: MenusType | null;
         key: string;
         keyPath: string[];
-    }) => void;
+    }) => void | boolean;
     /**
      * @description 规定在何处打开被链接文档
      * @default "_self"

package/es/ProLayout/utils/index.js

@@ -9,6 +9,40 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 /* eslint-disable prefer-destructuring */
 /* eslint-disable no-mixed-operators */
 import { isPlainObject } from 'lodash';
+/**
+ * 检查并更新最佳模糊匹配
+ * @param pathName 目标路径
+ * @param itemUrl 菜单项URL
+ * @param itemRedirectUrl 菜单项重定向URL
+ * @param keyIdPath 菜单项ID路径
+ * @param bestMatch 当前最佳匹配
+ * @returns 更新后的最佳匹配
+ */
+var updateBestMatch = (pathName, itemUrl, itemRedirectUrl, keyIdPath, bestMatch) => {
+  // 检查 itemUrl 是否匹配
+  if (itemUrl && pathName.includes(itemUrl)) {
+    var urlLength = itemUrl.length;
+    if (!bestMatch || urlLength > bestMatch.urlLength) {
+      return {
+        keyIdPath,
+        urlLength
+      };
+    }
+  }
+
+  // 检查 itemRedirectUrl 是否匹配
+  if (itemRedirectUrl && pathName.includes(itemRedirectUrl)) {
+    var _urlLength = itemRedirectUrl.length;
+    if (!bestMatch || _urlLength > bestMatch.urlLength) {
+      return {
+        keyIdPath,
+        urlLength: _urlLength
+      };
+    }
+  }
+  return bestMatch;
+};
+
 /**
  * 通过URL获取对应keyIdPath
  * @param menus  菜单数据
@@ -16,30 +50,42 @@ import { isPlainObject } from 'lodash';
  * @return result
  */
 export var getIdsByPathName = (menus, activeMenu) => {
-  var _pathName = window.location.pathname;
-  if (activeMenu) {
-    _pathName = activeMenu;
-  }
+  var _bestMatch;
+  var _pathName = activeMenu || window.location.pathname;
   var result;
+  var bestMatch = null;
   var menuDeep = menuDeepItem => {
     for (var i = 0; i <= menuDeepItem.length - 1; i++) {
+      var _item$url, _item$redirectUrl;
       var item = menuDeepItem[i];
-      // 只包含一级菜单时，解决URL：/endorsement/demo/123无法选中问题
+      var itemUrl = (item === null || item === void 0 || (_item$url = item.url) === null || _item$url === void 0 ? void 0 : _item$url.split('?')[0]) || '';
+      var itemRedirectUrl = (item === null || item === void 0 || (_item$redirectUrl = item.redirectUrl) === null || _item$redirectUrl === void 0 ? void 0 : _item$redirectUrl.split('?')[0]) || '';
+
+      // 精确匹配：完全相等时直接返回
       if ((item === null || item === void 0 ? void 0 : item.url) === _pathName || item.redirectUrl === _pathName) {
         result = item.keyIdPath;
-        break;
+        return;
       }
-      if (Array.isArray(item.children) && item.children.length) {
+
+      // 如果有子菜单，递归查找
+      var hasChildren = Array.isArray(item.children) && item.children.length;
+      if (hasChildren) {
         menuDeep(item.children);
-      } else if ((item !== null && item !== void 0 && item.url && _pathName.includes(item.url.split('?')[0]) || item !== null && item !== void 0 && item.redirectUrl && _pathName.includes(item.redirectUrl.split('?')[0])) && !result) {
-        // 当循环到最后一层时判断URL是否包含最后一层的URL，解决URL在URL中不存在的场景
-        result = item.keyIdPath;
-        break;
+        // 如果递归后找到了精确匹配，直接返回
+        if (result) {
+          return;
+        }
+        continue;
       }
+
+      // 叶子节点：使用最长匹配策略选择最精确的匹配
+      bestMatch = updateBestMatch(_pathName, itemUrl, itemRedirectUrl, item.keyIdPath, bestMatch);
     }
   };
   menuDeep(menus);
-  return result || [];
+
+  // 如果没有精确匹配，使用最佳模糊匹配
+  return result || ((_bestMatch = bestMatch) === null || _bestMatch === void 0 ? void 0 : _bestMatch.keyIdPath) || [];
 };
 
 /**
@@ -144,33 +190,51 @@ export function getUrlParams(name) {
  * @param routerMatch  匹配模式id & url
  */
 export var getPathNameKey = _ref => {
+  var _bestMatch2;
   var menus = _ref.menus,
     pathName = _ref.pathName;
   var result;
+  var bestMatch = null;
   var menuDeep = menuDeepItem => {
     if (!Array.isArray(menuDeepItem) || !menuDeepItem.length) {
-      return [];
+      return;
     }
     for (var i = 0; i <= menuDeepItem.length - 1; i++) {
+      var _item$url2, _item$redirectUrl2;
       var item = menuDeepItem[i];
+
+      // 跳过无效的菜单项
       if (!Array.isArray(item.keyUrlPath) || !item.keyUrlPath.length) {
-        break;
+        continue;
       }
+      var itemUrl = (item === null || item === void 0 || (_item$url2 = item.url) === null || _item$url2 === void 0 ? void 0 : _item$url2.split('?')[0]) || '';
+      var itemRedirectUrl = (item === null || item === void 0 || (_item$redirectUrl2 = item.redirectUrl) === null || _item$redirectUrl2 === void 0 ? void 0 : _item$redirectUrl2.split('?')[0]) || '';
+
+      // 精确匹配：完全相等时直接返回
       if ((item === null || item === void 0 ? void 0 : item.url) === pathName || (item === null || item === void 0 ? void 0 : item.redirectUrl) === pathName) {
         result = item.keyIdPath;
-        break;
+        return;
       }
-      if (Array.isArray(item.children) && item.children.length) {
+
+      // 如果有子菜单，递归查找
+      var hasChildren = Array.isArray(item.children) && item.children.length;
+      if (hasChildren) {
         menuDeep(item.children);
-      } else if ((item !== null && item !== void 0 && item.url && pathName.includes(item.url.split('?')[0]) || item !== null && item !== void 0 && item.redirectUrl && pathName.includes(item.redirectUrl.split('?')[0])) && !result) {
-        // URL未匹配时，循环到最后一层时判断URL是否包含最后一层的URL，解决URL在URL中不存在的场景
-        result = item.keyIdPath;
-        break;
+        // 如果递归后找到了精确匹配，直接返回
+        if (result) {
+          return;
+        }
+        continue;
       }
+
+      // 叶子节点：使用最长匹配策略选择最精确的匹配
+      bestMatch = updateBestMatch(pathName, itemUrl, itemRedirectUrl, item.keyIdPath, bestMatch);
     }
   };
   menuDeep(menus);
-  return result;
+
+  // 如果没有精确匹配，使用最佳模糊匹配
+  return result || ((_bestMatch2 = bestMatch) === null || _bestMatch2 === void 0 ? void 0 : _bestMatch2.keyIdPath);
 };
 
 /**

package/es/ProTable/style/index.less

@@ -50,10 +50,14 @@
           white-space: normal;
         }
         &.@{ant-prefix}-table-row-expand-icon-cell {
+          display: flex;
+          justify-content: center;
+          align-items: center;
           >button.@{ant-prefix}-table-row-expand-icon{
-            left: 50%;
-            top: 50%;
-            transform: translate(-50%, -50%);
+            position: relative;
+            left: auto;
+            top: auto;
+            transform: none;
           }
         }
       }
@@ -488,6 +492,7 @@
       align-items: center;
 
       .icon-tip {
+        margin-left: 8px;
         div {
           width: 14px;
           height: 14px;
@@ -609,6 +614,17 @@
       border: none;
     }
   }
+
+  // 嵌套子表格缩进样式（针对展开行中的 ProTable）
+  .@{ant-prefix}-table-tbody {
+    > tr.@{ant-prefix}-table-expanded-row {
+      > td {
+        > .pro-table {
+          margin-inline: calc(var(--ant-control-interactive-size) + 2 * var(--ant-padding) - var(--ant-table-cell-padding-inline)) calc(-1 * var(--ant-table-cell-padding-inline));
+        }
+      }
+    }
+  }
 }
 
 .@{ant-prefix}-dropdown-placement-bottomLeft {

package/es/ProWaterMark/propsType.d.ts

@@ -1,64 +1,6 @@
 import type { ReactNode } from 'react';
-export interface ProWaterMarkType {
-    /**
-     * @description       水印内容
-     * @default           -
-     */
+import type { WatermarkProps } from 'antd';
+export interface ProWaterMarkType extends WatermarkProps {
     children?: ReactNode;
-    /**
-     * @description       水印文本, 为数组时表示多行水印
-     * @default           -
-     */
-    content: string | string[];
-    /**
-     * @description       水印层级
-     * @default           9999
-     */
-    zIndex?: number;
-    /**
-     * @description       图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印
-     * @default           -
-     */
-    image?: string;
-    /**
-     * @description      单个水印宽度
-     * @default         120
-     */
-    width?: number;
-    /**
-     * @description       单个水印高度
-     * @default           64
-     */
-    height?: number;
-    /**
-     * @description     旋转的角度
-     * @default           -22
-     */
-    rotate?: number;
-    /**
-     * @description     设置字体大小
-     * @default          16
-     */
-    fontSize?: number;
-    /**
-     * @description     设置字体粗细
-     * @default          normal
-     */
-    fontWeight?: number | string;
-    /**
-     * @description     规定字体样式
-     * @default          'normal'
-     */
-    fontStyle?: 'normal' | 'italic';
-    /**
-     * @description     设置字体颜色
-     * @default          #000
-     */
-    fontColor?: string;
-    /**
-     * @description     设置水印文字的字体
-     * @default         sans-serif
-     */
-    fontFamily?: string;
+    [key: string]: any;
 }
-export type ProWaterMarkProps = ProWaterMarkType;

package/es/locale/en_US.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     ProLayout: {
         tipAlt: string;
         closeAlt: string;
+        tabMaxLimitMessage: string;
     };
     ProHeader: {
         versionTitle: string;

package/es/locale/en_US.js

@@ -8,7 +8,8 @@ export default {
   },
   ProLayout: {
     tipAlt: 'Tips',
-    closeAlt: 'Close'
+    closeAlt: 'Close',
+    tabMaxLimitMessage: 'Menu tabs cannot exceed the maximum limit of {max}'
   },
   ProHeader: {
     versionTitle: 'Version number',

package/es/locale/zh_CN.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     ProLayout: {
         tipAlt: string;
         closeAlt: string;
+        tabMaxLimitMessage: string;
     };
     ProHeader: {
         versionTitle: string;

package/es/locale/zh_CN.js

@@ -8,7 +8,8 @@ export default {
   },
   ProLayout: {
     tipAlt: '提示',
-    closeAlt: '关闭'
+    closeAlt: '关闭',
+    tabMaxLimitMessage: '菜单tab不能超过上限{max}'
   },
   ProHeader: {
     versionTitle: '版本号',