@zat-design/sisyphus-react 4.3.1-beta.1 → 4.3.2

package/es/ProIcon/index.js

@@ -310,26 +310,20 @@ const ProIcon = props => {
     children: /*#__PURE__*/_jsx(Tooltip, {
       title: iconText,
       children: buttonIcon && !willBeWrappedByButton ? /*#__PURE__*/_jsx(Button, {
+        className: "pro-icon-btn-inner",
         style: {
           width: size,
-          height: size,
-          border: 'none',
-          borderRadius: 0,
-          padding: 0,
-          verticalAlign: 'baseline'
+          height: size
         },
         type: "text",
         icon: icon,
         ...buttonProps
       }) : /*#__PURE__*/_jsx(Space, {
         children: /*#__PURE__*/_jsx("span", {
+          className: "pro-icon-wrapper",
           style: {
             width: size,
-            height: size,
-            border: 'none',
-            borderRadius: 0,
-            padding: 0,
-            verticalAlign: 'baseline'
+            height: size
           },
           children: icon
         })

package/es/ProIcon/style/index.less

@@ -12,6 +12,17 @@
   }
 }
 
+// 内层图标容器（buttonIcon=false 时的 span，buttonIcon=true 时的 Button）
+// 静态样式统一在此，动态 width/height 通过内联 style 传入
+.pro-icon-wrapper,
+.pro-icon-btn-inner {
+  display: inline-block;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  vertical-align: baseline;
+}
+
 .pro-icon-btn {
   .anticon {
     display: inline-block;
@@ -20,8 +31,6 @@
   &.@{ant-prefix}-btn-icon-only {
     width: auto;
     height: auto;
-    padding: 0;
     vertical-align: 0;
-    border: 0;
   }
 }

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -187,8 +187,7 @@ const OpenMenu = props => {
         }
       },
       style: {
-        height: dataSource.sideMenu ? 'auto' : `calc(100vh - ${dataSource?.height || 0}px)`,
-        color: 'red'
+        height: dataSource.sideMenu ? 'auto' : `calc(100vh - ${dataSource?.height || 0}px)`
       }
     }), /*#__PURE__*/_jsx(Link, {
       to: router,

package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less

@@ -165,8 +165,9 @@
       background: transparent !important;
 
       .@{ant-prefix}-menu-title-content div {
-        .pro-layout-icon {
-          color: var(--zaui-text, #343434);
+        .pro-layout-icon,
+        .anticon {
+          color: var(--zaui-text, #343434) !important;
         }
 
         h2 {

package/es/ProLayout/components/Layout/Menu/SideMenu/style/index.less

@@ -65,6 +65,15 @@
           }
         }
 
+        // ProIcon 渲染为 .anticon 包裹层，需单独处理间距和颜色锁定
+        .@{ant-prefix}-menu-title-content div .anticon {
+          flex: 0 0 20px;
+          width: 20px;
+          height: 20px;
+          margin-right: 12px;
+          color: var(--zaui-text, #343434) !important;
+        }
+
         .pro-layout-icon {
           color: var(--zaui-text, #343434) !important;
           fill: currentcolor;

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

@@ -170,6 +170,7 @@
       margin-left: 0;
       background: #e7e8ee;
       transition: none;
+      border-color: #e7e8ee;
       &.@{ant-prefix}-tabs-tab-active {
         background: #ffffff;
         border-top: 2px solid var(--zaui-brand, #006aff);

package/es/ProLayout/index.js

@@ -191,6 +191,10 @@ const ProLayout = props => {
   });
   const noticeHeight = notice ? 32 : 0;
 
+  // pure 模式下 Header 不渲染，有效头部高度为 0
+  const isPureHeader = typeof pure === 'boolean' ? pure : !!pure?.topMenu;
+  const effectiveHeaderHeight = isPureHeader ? 0 : headerHeight;
+
   // 为Header组件创建专门的props对象
   const headerProps = {
     headerHeight,
@@ -238,7 +242,7 @@ const ProLayout = props => {
     }),
     style: {
       '--header-bg-image': `url(${headerBg})`,
-      '--pro-layout-header-height': `${headerHeight}px`
+      '--pro-layout-header-height': `${effectiveHeaderHeight}px`
     },
     children: [/*#__PURE__*/_jsx(Header, {
       ...headerProps
@@ -248,7 +252,7 @@ const ProLayout = props => {
       ref: setTabsBarEl,
       className: `pro-layout-tabs-bar-wrapper${hasTabs ? ' tabs-visible' : ''}${collapsed ? ' tabs-menu-open' : ''}`,
       style: {
-        marginTop: headerHeight + noticeHeight
+        marginTop: effectiveHeaderHeight + noticeHeight
       }
     }), /*#__PURE__*/_jsxs("div", {
       className: contentCls,

package/es/ProLayout/style/index.less

@@ -365,6 +365,7 @@
     .pro-layout-content {
       margin: 0 !important;
       background: #fff;
+      border: none;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.3.1-beta.1",
+  "version": "4.3.2",
   "license": "MIT",
   "files": [
     "es",