@zat-design/sisyphus-react 4.0.19 → 4.1.0

package/lib/ProLayout/components/ProHeader/style/index.less

@@ -4,7 +4,7 @@
 .pro-header {
   padding: 10px 0 0 0 !important;
   background-color: var(--zaui-base-bg, #ffffff);
-  box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
+  box-shadow: 0px 3px 8px 1px rgba(0, 55, 93, 0.1);
 
   &.pro-header-no-back.pro-header-has-describe {
     .pro-header-top {
@@ -76,6 +76,7 @@
             right: 0;
             background: #fff;
             letter-spacing: 2px;
+            height: 24px;
           }
         }
       }

package/lib/ProLayout/components/TabsManager/components/TabsHeader.d.ts

@@ -0,0 +1,12 @@
+import type { TabsProps } from 'antd';
+export interface TabsHeaderProps {
+    activeKey: string | undefined;
+    tabsItems: TabsProps['items'];
+    onTabChange: (activeKey: string) => void;
+    onTabEdit: (targetKey: string, action: 'add' | 'remove') => void;
+}
+/**
+ * 标签页头部：监听 window 滚动（实际滚动在 window/documentElement，非 body），
+ * 滚动时添加阴影类名；仅此组件随滚动重渲染，不带动父组件内容区。
+ */
+export declare function TabsHeader({ activeKey, tabsItems, onTabChange, onTabEdit }: TabsHeaderProps): import("react/jsx-runtime").JSX.Element;

package/lib/ProLayout/components/TabsManager/components/TabsHeader.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabsHeader = TabsHeader;
+var _react = require("react");
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 标签页头部：监听 window 滚动（实际滚动在 window/documentElement，非 body），
+ * 滚动时添加阴影类名；仅此组件随滚动重渲染，不带动父组件内容区。
+ */
+function TabsHeader(_ref) {
+  var activeKey = _ref.activeKey,
+    tabsItems = _ref.tabsItems,
+    onTabChange = _ref.onTabChange,
+    onTabEdit = _ref.onTabEdit;
+  var _useState = (0, _react.useState)(() => typeof window !== 'undefined' ? window.scrollY : 0),
+    _useState2 = _slicedToArray(_useState, 2),
+    windowScrollY = _useState2[0],
+    setWindowScrollY = _useState2[1];
+  (0, _react.useEffect)(() => {
+    if (typeof window === 'undefined') return;
+    var onScroll = () => setWindowScrollY(window.scrollY);
+    window.addEventListener('scroll', onScroll, {
+      passive: true
+    });
+    return () => window.removeEventListener('scroll', onScroll);
+  }, []);
+  var isScrolled = windowScrollY > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "pro-layout-tabs-header",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
+      activeKey: activeKey,
+      onChange: onTabChange,
+      onEdit: onTabEdit,
+      type: "editable-card",
+      hideAdd: true,
+      items: tabsItems,
+      className: "pro-layout-tabs-antd",
+      classNames: {
+        popup: {
+          root: 'pro-layout-tabs-dropdown-menu'
+        }
+      }
+    }), isScrolled && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-layout-tabs-header-shadow",
+      "aria-hidden": true
+    })]
+  });
+}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _antd = require("antd");
 var _useTabsState2 = require("./hooks/useTabsState");
 var _TabItem = require("./components/TabItem");
+var _TabsHeader = require("./components/TabsHeader");
 var _TabsContext = require("./components/TabsContext");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -130,28 +130,6 @@ var TabsManager = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }));
   }, [state.tabsList, state.activeKey, config === null || config === void 0 ? void 0 : config.menuItems, config === null || config === void 0 ? void 0 : config.tabMenuClick, switchTab, removeTab, closeOtherTabs, closeRightTabs, closeAllTabs]);
 
-  // 渲染标签页列表
-  var renderTabList = () => {
-    if (state.tabsList.length === 0) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "pro-layout-tabs-header",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
-        activeKey: state.activeKey || undefined,
-        onChange: handleTabChange,
-        onEdit: handleTabEdit,
-        type: "editable-card",
-        hideAdd: true,
-        items: tabsItems,
-        className: "pro-layout-tabs-antd",
-        classNames: {
-          popup: {
-            root: 'pro-layout-tabs-dropdown-menu'
-          }
-        }
-      })
-    });
-  };
-
   // 从 config 中获取组件解析函数和空状态组件
   var activeComponent = config === null || config === void 0 ? void 0 : config.activeComponent;
   var emptyComponent = config === null || config === void 0 ? void 0 : config.empty;
@@ -205,7 +183,12 @@ var TabsManager = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-layout-tabs",
       "data-testid": "tabs-manager",
-      children: [renderTabList(), renderContent()]
+      children: [state.tabsList.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsHeader.TabsHeader, {
+        activeKey: state.activeKey || undefined,
+        tabsItems: tabsItems,
+        onTabChange: handleTabChange,
+        onTabEdit: handleTabEdit
+      }), renderContent()]
     })
   });
 });

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

@@ -15,9 +15,24 @@
     padding: 12px 0;
     border-bottom: none;
     position: sticky;
-    top: 48px;
-    z-index: 20;
-    background: #f3f5f8;
+    top: 64px;
+    z-index: 90;
+    background: #fff;
+    box-shadow: none;
+    transition: box-shadow 0.3s ease;
+
+    &-shadow {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: 1px;
+      background: transparent;
+      pointer-events: none;
+      z-index: 1;
+      box-shadow: 1px 2px 4px 1px rgba(0, 55, 93, .2);
+    }
+
     .pro-layout-tab-icon {  
       display: none !important;
     }
@@ -79,6 +94,7 @@
     // 覆盖 nav 样式，使其匹配 pro-layout-tabs-header
     .@{ant-prefix}-tabs-nav {
       margin: 0;
+      // padding: 0 var(--zaui-space-size-md, 16px);
       padding: 0;
       border-bottom: none;
 
@@ -121,7 +137,7 @@
       padding: 0 !important;
       margin: 0 !important;
       background: transparent !important;
-      border: none !important;
+      border: none ;
       border-radius: 0 !important;
       cursor: pointer;
       transition: none; // 由内部 TabItemComponent 处理过渡
@@ -139,6 +155,7 @@
       .pro-layout-tab-item {
         width: 100%;
         height: 100%;
+        border: 1px solid rgb(217, 217, 217);
       }
     }
 
@@ -146,6 +163,9 @@
     .@{ant-prefix}-tabs-tab-active {
       background: transparent !important;
       border: none !important;
+      .pro-layout-tab-item{
+        border-color: transparent !important;
+      }
 
       &::before {
         display: none;
@@ -267,10 +287,6 @@
   }
 }
 
-.pro-layout-dark .pro-layout-tabs {
-  --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;

package/lib/ProLayout/index.js

@@ -28,6 +28,7 @@ var _useProLayoutTabs = require("./components/TabsManager/hooks/useProLayoutTabs
 var _useActiveTab = require("./components/TabsManager/hooks/useActiveTab");
 var _utils = require("./utils");
 var _utils2 = require("./components/TabsManager/utils");
+var _header_bg = _interopRequireDefault(require("../assets/header_bg.png"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -50,7 +51,7 @@ var ProLayout = props => {
     _props$pure = props.pure,
     pure = _props$pure === void 0 ? false : _props$pure,
     _props$headerHeight = props.headerHeight,
-    headerHeight = _props$headerHeight === void 0 ? 48 : _props$headerHeight,
+    headerHeight = _props$headerHeight === void 0 ? 64 : _props$headerHeight,
     _props$contentStyle = props.contentStyle,
     contentStyle = _props$contentStyle === void 0 ? {} : _props$contentStyle,
     _props$waterMarkProps = props.waterMarkProps,
@@ -60,8 +61,6 @@ var ProLayout = props => {
     dataSource = props.dataSource,
     _props$pathPrefix = props.pathPrefix,
     pathPrefix = _props$pathPrefix === void 0 ? '' : _props$pathPrefix,
-    _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'dark' : _props$theme,
     target = props.target,
     onCollapsedChange = props.onCollapsedChange,
     _props$collapsed = props.collapsed,
@@ -73,6 +72,7 @@ var ProLayout = props => {
     _props$title = props.title,
     title = _props$title === void 0 ? '' : _props$title,
     logo = props.logo,
+    appsOptions = props.appsOptions,
     _props$iconfontUrl = props.iconfontUrl,
     iconfontUrl = _props$iconfontUrl === void 0 ? '' : _props$iconfontUrl,
     sideMenuFooterRender = props.sideMenuFooterRender,
@@ -213,7 +213,8 @@ var ProLayout = props => {
     headerContentRender,
     rightContentRender,
     title,
-    logo
+    logo,
+    appsOptions
   };
 
   // 为Notice组件创建专门的props对象
@@ -237,18 +238,21 @@ var ProLayout = props => {
       onCollapsedChange && onCollapsedChange(!collapsed);
     },
     pure,
-    theme,
     sideMenuFooterRender,
     sideMenuHeaderRender,
-    onMenuClick: handleMenuClick
+    onMenuClick: handleMenuClick,
+    appsOptions
   };
   var layoutDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)({
       'pro-layout': true,
-      'pro-layout-dark': theme === 'dark',
-      'pro-layout-light': theme === 'light',
+      'pro-layout-light': true,
+      'pro-layout-pure': typeof pure === 'boolean' ? pure : (pure === null || pure === void 0 ? void 0 : pure.topMenu) || (pure === null || pure === void 0 ? void 0 : pure.leftMenu),
       [`${className}`]: className
     }),
+    style: {
+      '--header-bg-image': `url(${_header_bg.default})`
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Header, _objectSpread({}, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Notice, _objectSpread({}, noticeProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: contentCls,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Menu, _objectSpread({}, menuProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/ProLayout/propTypes.d.ts

@@ -1,5 +1,63 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ProWaterMarkType } from '../ProWaterMark/propsType';
+/**
+ * @description 应用选项类型(无分组模式)
+ */
+export interface AppsOption {
+    /**
+     * @description 应用唯一标识值
+     * @default -
+     */
+    value: string;
+    /**
+     * @description 应用名称
+     * @default -
+     */
+    label: ReactNode;
+    /**
+     * @description 应用图标
+     * @default -
+     */
+    icon?: ReactNode;
+    /**
+     * @description 点击回调
+     * @default -
+     */
+    onChange?: (value: string, option: AppsOption) => void;
+    /**
+     * @description 允许扩展字段
+     */
+    [key: string]: any;
+}
+/**
+ * @description 应用分组类型(分组模式)
+ */
+export interface AppsGroup {
+    /**
+     * @description 分组唯一标识
+     * @default -
+     */
+    value: string;
+    /**
+     * @description 分组名称
+     * @default -
+     */
+    label: ReactNode;
+    /**
+     * @description 分组图标
+     * @default -
+     */
+    icon?: ReactNode;
+    /**
+     * @description 该分组下的应用列表
+     * @default []
+     */
+    options: AppsOption[];
+    /**
+     * @description 允许扩展字段
+     */
+    [key: string]: any;
+}
 export interface MenusType {
     /**
      * @description 菜单ID
@@ -83,10 +141,6 @@ export interface DataSourceType {
      */
     menus?: MenusType[];
 }
-/**
- * @description 主题枚举类型
- */
-type themeEnum = 'light' | 'dark';
 /**
  * @description 是否带有菜单界面的配置
  */
@@ -125,6 +179,11 @@ interface ProLayoutBaseProps {
      * @default -
      */
     sideMenuFooterRender?: ReactNode;
+    /**
+     * @description 头部标题区自定义渲染
+     * @default -
+     */
+    headerTitleRender?: ReactNode;
     /**
      * @description 通告
      * @default -
@@ -162,7 +221,7 @@ interface ProLayoutBaseProps {
     pure?: pureKey;
     /**
      * @description 头部区域高度
-     * @default 48
+     * @default 64
      */
     headerHeight?: number;
     /**
@@ -194,16 +253,16 @@ interface ProLayoutBaseProps {
      * @default "_self"
      */
     target?: '_blank' | '_parent' | '_self' | '_top';
-    /**
-     * @description 主题
-     * @default "light"
-     */
-    theme?: themeEnum;
     /**
      * @description 子元素
      * @default -
      */
     children?: ReactNode;
+    /**
+     * @description 应用入口配置(支持分组和扁平两种模式)
+     * @default -
+     */
+    appsOptions?: AppsGroup[] | AppsOption[];
     /**
      * @description 允许扩展字段
      */

package/lib/ProLayout/propTypes.js

@@ -5,7 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.validateTabsProps = exports.isTabsMode = void 0;
 /**
- * @description 主题枚举类型
+ * @description 应用选项类型(无分组模式)
+ */
+
+/**
+ * @description 应用分组类型(分组模式)
  */
 
 /**

package/lib/ProLayout/style/index.less

@@ -9,7 +9,25 @@
 .pro-layout {
   display: flex;
   flex-direction: column;
-  background: var(--zaui-base-bg, #ffffff);
+  min-height: 100vh;
+  background: #F7F9FD;
+  position: relative;
+
+  // 背景图层：固定在顶部，延伸到可视区域下方，z-index低于header和content让内容显示在背景之上
+  &::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 200px;
+    background-image: var(--header-bg-image);
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-size: 100% auto;
+    pointer-events: none;
+    z-index: 1;
+  }
 
   .pro-layout-menu-open {
     .pro-layout-open-menu-lv1 {
@@ -19,11 +37,8 @@
     }
   }
 
-  // light模式
-  &.pro-layout-light {
-
-    // pro-collapse折叠调整
-    .pro-collapse {
+  // pro-collapse折叠调整
+  .pro-collapse {
       border-radius:  var(--zaui-border-radius, 8px);
       &.@{ant-prefix}-collapse-borderless{
         background: #fff;
@@ -93,14 +108,9 @@
     }
 
 
-    .pro-layout-content {
-      padding: 0 var(--zaui-space-size-md, 16px);
-      background: #f3f5f8;
-    }
-
     .pro-layout-menu-open,
     .pro-layout-menu {
-      box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
+      box-shadow: none;
     }
 
     .pro-layout-open-menu .@{ant-prefix}-menu-title-content div .pro-layout-icon {
@@ -109,10 +119,14 @@
       color: var(--zaui-text, #343434);
     }
     .pro-layout-menu-fold {
+      background: #F7F9FD;
+
       .pro-layout-menu-fold-list {
-        border-right: 1px solid #f0f0f0;
+        background: #F7F9FD;
+        border-right: none;
         li {
           position: relative;
+          background: #F7F9FD;
 
           & > div {
             position: relative;
@@ -164,9 +178,8 @@
     }
 
     .pro-layout-menu-collapsed {
-      position: relative;
-      background: var(--zaui-base-bg, #fff);
-      border-right: 1px solid #f0f0f0;
+      background: #F7F9FD;
+      border-right: none;
       &:hover {
         background: transparent !important;
       }
@@ -200,6 +213,7 @@
     }
     .@{ant-prefix}-menu-root {
       overflow-x: hidden !important;
+      border: none !important;
     }
 
     .anticon-caret-down {
@@ -208,14 +222,32 @@
     }
 
     .pro-layout-row .pro-layout-menu {
-      background: var(--zaui-base-bg, #ffffff);
+      background: #F7F9FD;
+    }
+
+    // 所有 Menu 相关的背景色统一为 #F7F9FD
+    .pro-layout-open-menu {
+      background: #F7F9FD;
+
+      .@{ant-prefix}-menu {
+        background: #F7F9FD;
+      }
+
+      .@{ant-prefix}-menu-root {
+        background: #F7F9FD;
+      }
+
+      .@{ant-prefix}-menu-sub {
+        background: #F7F9FD !important;
+      }
+
     }
 
     .pro-layout-open-menu
       .@{ant-prefix}-menu-root
       > .@{ant-prefix}-menu-submenu
       .@{ant-prefix}-menu-sub {
-      background: var(--zaui-base-bg, #ffffff);
+      background: #F7F9FD;
     }
 
     .pro-layout-open-menu .@{ant-prefix}-menu-title-content div h2 {
@@ -232,7 +264,7 @@
     .pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover,
     .pro-layout-open-menu .@{ant-prefix}-menu-item-selected{
       position: relative;
-      background: transparent;
+      background-color: transparent !important;
 
       &:before {
         position: absolute;
@@ -258,34 +290,37 @@
         color: var(--zaui-brand, #006aff) !important;
       }
     }
-  }
-
-  .pro-layout-row-has-notice {
-    .pro-layout-content {
-      min-height: calc(100vh - 80px);
-    }
-  }
 
   /** 内容区 */
   .pro-layout-content {
-    z-index: 1;
-    flex: auto;
-    flex: auto;
-    min-height: calc(100vh - 48px);
-    margin-top: 48px;
+    position: relative;
+    z-index: 10;
+    flex: 1;
+    margin-top: 64px;
+    margin-right: var(--zaui-space-size-md, 16px);
+    margin-bottom: 0;
     margin-left: 48px;
-    padding: 0 var(--zaui-space-size-lg, 32px);
+    padding: 0 var(--zaui-space-size-md, 16px);
+    background: #FFFFFF;
+    border-top: 1px solid rgb(235 236 238);
+    border-right: 1px solid rgb(235 236 238);
+    border-left: 1px solid rgb(235 236 238);
+    border-bottom: none;
+    border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0;
     transition: all 0.24s ease;
+  }
 
-    &.pro-layout-has-notice {
-      min-height: calc(100vh - 80px);
-      margin-top: 80px;
+  // 纯净模式：隐藏背景图
+  &.pro-layout-pure {
+    &::before {
+      display: none;
     }
   }
 
   .pro-layout-row-pure {
     .pro-layout-content {
       margin: 0 !important;
+      background: #fff;
     }
   }
 

package/lib/ProStep/components/Step/index.js

@@ -27,7 +27,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Step = _ref => {
   var _locale$ProStep;
-  var fixedTop = _ref.fixedTop,
+  var _ref$fixedTop = _ref.fixedTop,
+    fixedTop = _ref$fixedTop === void 0 ? 64 : _ref$fixedTop,
     _ref$dataSource = _ref.dataSource,
     dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
     activeKey = _ref.activeKey,

package/lib/ProStep/utils/index.js

@@ -47,8 +47,9 @@ var handleScroll = (id, options) => {
     } else {
       // 如果没有错误表单项，则滚动到指定元素位置
       setTimeout((0, _lodash.debounce)(() => {
+        var rect = dom.getBoundingClientRect();
         window.scrollTo({
-          top: dom.offsetTop - targetOffset,
+          top: window.scrollY + rect.top - targetOffset,
           behavior: 'smooth'
         });
       }, 100), 0);

package/lib/assets/apps.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="AI投保作业平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="顶部导航栏样式" transform="translate(-74, -101)" fill="#343434">
+            <g id="编组备份" transform="translate(54, 86)">
+                <g id="编组" transform="translate(10, 5)">
+                    <g id="编组-33" transform="translate(10, 10)">
+                        <rect id="矩形" x="0" y="0" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-31" x="0" y="6.26086957" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-34" x="0" y="12.5217391" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-29" x="6.26086957" y="0" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-32" x="6.26086957" y="6.26086957" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-35" x="6.26086957" y="12.5217391" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-30" x="12.5217391" y="0" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-33" x="12.5217391" y="6.26086957" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                        <rect id="矩形备份-36" x="12.5217391" y="12.5217391" width="3.47826087" height="3.47826087" rx="0.447204977"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/style/theme/antd.less

@@ -735,4 +735,9 @@
 
 .@{ant-prefix}-picker{
   width: 100%;
+}
+
+// 遮罩样式调整
+.@{ant-prefix}-drawer .@{ant-prefix}-drawer-mask.@{ant-prefix}-drawer-mask-blur{
+  backdrop-filter: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.0.19",
+  "version": "4.1.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",