@oceanbase/ui 1.0.0-alpha.9 → 1.0.0

package/es/Action/Group.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import type { ButtonSize } from '@oceanbase/design/es/button';
-import type { BaseProps } from './Item';
 export interface GroupProps {
     prefixCls?: string;
     size?: number;
     dropDownPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
-    children: React.ReactElement<BaseProps> | React.ReactElement<BaseProps>[];
+    children: React.ReactNode;
     shouldVisible?: (key: string) => boolean;
     shouldDisabled?: (key: string) => boolean;
     enableLoading?: boolean;

package/es/Action/Group.js

@@ -1,11 +1,15 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
 import React, { useContext } from 'react';
-import { Button, Dropdown, Menu, Space, Tooltip, Typography, ConfigProvider } from '@oceanbase/design';
+import { Button, Dropdown, Drawer, Menu, Modal, Space, Tooltip, Typography, ConfigProvider } from '@oceanbase/design';
 import { EllipsisOutlined, LoadingOutlined } from '@oceanbase/icons';
 import { isBoolean, max, omit } from 'lodash';
 import useStyle from "./style";
@@ -30,23 +34,56 @@ var getOrder = function getOrder(_ref) {
   return order;
 };
 
+/**
+ * 判断是否是 Action 组件（Action.Button 或 Action.Link）
+ */
+var getActionDisplayName = function getActionDisplayName(element) {
+  var _element$type;
+  return (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.__DISPLAY_NAME;
+};
+var isActionComponent = function isActionComponent(element) {
+  var name = getActionDisplayName(element);
+  return name === 'button' || name === 'link';
+};
+
+/** 不向内部查找 Action：与操作列同级的 Modal/Drawer 等应整体忽略 */
+var isOpaqueToActionSearch = function isOpaqueToActionSearch(element) {
+  var t = element.type;
+  return t === Modal || t === Drawer;
+};
+var REACT_HOOKS_IN_SOURCE = /\buse(?:State|Effect|Reducer|Ref|Context|Memo|Callback|LayoutEffect|ImperativeHandle|DeferredValue|SyncExternalStore|Insertion|Id)\b/;
+
+/**
+ * 粗略判断函数组件是否可能使用 Hooks。含 Hooks 的不能在 Group 渲染阶段同步调用，需按「函数子树」整体参与折叠。
+ */
+var isLikelyUsingReactHooks = function isLikelyUsingReactHooks(fn) {
+  return REACT_HOOKS_IN_SOURCE.test(Function.prototype.toString.call(fn));
+};
+var isClassComponent = function isClassComponent(type) {
+  if (typeof type !== 'function') {
+    return false;
+  }
+  var proto = type.prototype;
+  return !!(proto && (proto.isReactComponent || proto.render));
+};
+
 /**
  * 递归查找 Action 组件（可能被 Popconfirm/Tooltip 等组件包裹）
- * 返回实际的 Action 组件和其 props
+ * 返回实际的 Action 组件和是否被包裹
  */
 var findActionComponent = function findActionComponent(element) {
-  var _element$type, _element$type2, _element$props;
+  var _element$props;
   var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   if (! /*#__PURE__*/React.isValidElement(element)) {
     return null;
   }
-
-  // 检查是否是 Action.Button 或 Action.Link
-  // @ts-ignore
-  if (((_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.__DISPLAY_NAME) === 'button' || ((_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.__DISPLAY_NAME) === 'link') {
+  if (isOpaqueToActionSearch(element)) {
+    return null;
+  }
+  if (isActionComponent(element)) {
     return {
       action: element,
-      wrapper: null
+      hasWrapper: false
     };
   }
 
@@ -54,24 +91,117 @@ var findActionComponent = function findActionComponent(element) {
   if (depth > 10) {
     return null;
   }
-
-  // 如果有 children，递归查找
   var elementChildren = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.children;
-  if (elementChildren) {
-    var child = React.Children.only(elementChildren);
-    if ( /*#__PURE__*/React.isValidElement(child)) {
+  if (elementChildren == null) {
+    return null;
+  }
+  var childArray = React.Children.toArray(elementChildren).filter(React.isValidElement);
+  var _iterator = _createForOfIteratorHelper(childArray),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var child = _step.value;
       var result = findActionComponent(child, depth + 1);
       if (result) {
-        // 如果找到了 Action 组件，当前元素就是 wrapper
         return {
           action: result.action,
-          wrapper: element
+          hasWrapper: true
         };
       }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
   return null;
 };
+/**
+ * 扁平化 Fragment，过滤 null / false。
+ * - Action（及可解析的外包）→ 操作位
+ * - 无 Hooks 的函数组件 → 同步求值后递归展开（如 () => <Action.Button />）
+ * - 含 Hooks 的函数组件 → 整体占 1 位
+ * - Modal / Drawer → 透传挂载，不占折叠位
+ */
+var normalizeActionGroupPieces = function normalizeActionGroupPieces(node) {
+  var out = [];
+  React.Children.forEach(node, function (child) {
+    if (child == null || typeof child === 'boolean') {
+      return;
+    }
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return;
+    }
+    if (child.type === React.Fragment) {
+      normalizeActionGroupPieces(child.props.children).forEach(function (p) {
+        return out.push(p);
+      });
+      return;
+    }
+    if (findActionComponent(child)) {
+      out.push({
+        kind: 'action',
+        el: child
+      });
+      return;
+    }
+    if (isOpaqueToActionSearch(child)) {
+      out.push({
+        kind: 'passthrough',
+        el: child
+      });
+      return;
+    }
+    var t = child.type;
+    if (typeof t === 'function' && !isClassComponent(t)) {
+      if (isLikelyUsingReactHooks(t)) {
+        out.push({
+          kind: 'function-child',
+          el: child
+        });
+        return;
+      }
+      try {
+        var rendered = t(child.props);
+        if (rendered == null) {
+          return;
+        }
+        normalizeActionGroupPieces(rendered).forEach(function (p) {
+          return out.push(p);
+        });
+      } catch (_unused) {
+        out.push({
+          kind: 'function-child',
+          el: child
+        });
+      }
+      return;
+    }
+    out.push({
+      kind: 'function-child',
+      el: child
+    });
+  });
+  return out;
+};
+
+/**
+ * 递归克隆元素树，将 newProps 应用到最内层的 Action 组件
+ */
+var cloneWithActionProps = function cloneWithActionProps(element, newProps) {
+  var _element$props2;
+  if (isActionComponent(element)) {
+    return /*#__PURE__*/React.cloneElement(element, _objectSpread(_objectSpread({}, newProps), element.props));
+  }
+  var elementChildren = (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children;
+  if ( /*#__PURE__*/React.isValidElement(elementChildren)) {
+    return /*#__PURE__*/React.cloneElement(element, _objectSpread(_objectSpread({}, element.props), {}, {
+      key: newProps.key,
+      children: cloneWithActionProps(elementChildren, newProps)
+    }));
+  }
+  return element;
+};
 
 /**
  * 渲染菜单项内容，保持嵌套的 Popconfirm/Tooltip 结构
@@ -81,40 +211,19 @@ var renderMenuItemContent = function renderMenuItemContent(action, actionProps,
     children = actionProps.children,
     tooltip = actionProps.tooltip;
   var result = findActionComponent(action);
-  if (!result) {
-    // 如果没有找到嵌套结构，使用默认渲染
-    var _content = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || action]
-    });
-    // 如果有 tooltip，用 Tooltip 包裹
-    return tooltip ? /*#__PURE__*/_jsx(Tooltip, {
-      title: tooltip,
-      children: _content
-    }) : _content;
-  }
-  var actualAction = result.action,
-    wrapper = result.wrapper;
-
-  // 创建新的 action 元素，保留所有 props 并添加 loading 状态
-  var newAction = /*#__PURE__*/React.cloneElement(actualAction, _objectSpread(_objectSpread(_objectSpread({}, actualAction.props), actionProps), {}, {
-    children: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || actualAction.props.children]
-    })
-  }));
+  var actualAction = (result === null || result === void 0 ? void 0 : result.action) || action;
+  var content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || actualAction.props.children]
+  });
 
-  // 如果 action 被包裹，需要重新构建包裹结构
-  if (wrapper) {
-    var wrapperProps = wrapper.props;
-    // 保持原有的 wrapper 结构，只更新 children
-    return /*#__PURE__*/React.cloneElement(wrapper, _objectSpread(_objectSpread({}, wrapperProps), {}, {
-      children: newAction
+  // 如果有 wrapper，需要重新构建包裹结构
+  if (result !== null && result !== void 0 && result.hasWrapper) {
+    return cloneWithActionProps(action, _objectSpread(_objectSpread({}, actionProps), {}, {
+      children: content
     }));
   }
 
-  // 如果没有包裹，直接渲染，如果有 tooltip 则用 Tooltip 包裹
-  var content = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || actualAction.props.children]
-  });
+  // 没有包裹时，如果有 tooltip 则用 Tooltip 包裹
   return tooltip ? /*#__PURE__*/_jsx(Tooltip, {
     title: tooltip,
     children: content
@@ -137,35 +246,79 @@ export default (function (_ref2) {
   var prefixCls = getPrefixCls('action', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var visibleActions = Array.isArray(children) ? children.filter(function (c) {
-    if (isBoolean(c.props.visible) && shouldVisible) return c.props.visible && shouldVisible(c.key);
-    if (isBoolean(c.props.visible)) return c.props.visible;else if (shouldVisible) return shouldVisible(c.key);
+  var childPieces = normalizeActionGroupPieces(children);
+  var passthroughChildren = childPieces.filter(function (p) {
+    return p.kind === 'passthrough';
+  }).map(function (p) {
+    return p.el;
+  });
+  var slotPieces = childPieces.filter(function (p) {
+    return p.kind === 'action' || p.kind === 'function-child';
+  });
+  var visibleSlots = slotPieces.filter(function (p) {
+    var _findActionComponent;
+    if (p.kind === 'function-child') {
+      return true;
+    }
+    var c = p.el;
+    var inner = (_findActionComponent = findActionComponent(c)) === null || _findActionComponent === void 0 ? void 0 : _findActionComponent.action;
+    if (!inner) {
+      return false;
+    }
+    var bp = inner.props;
+    if (isBoolean(bp.visible) && shouldVisible) {
+      return bp.visible && shouldVisible(c.key);
+    }
+    if (isBoolean(bp.visible)) {
+      return bp.visible;
+    }
+    if (shouldVisible) {
+      return shouldVisible(c.key);
+    }
     return true;
-  }) : [children];
-  var visibleActionsSort = visibleActions.slice(0);
-  visibleActionsSort.sort(function (a, b) {
-    var orderA = getOrder(a.props);
-    var orderB = getOrder(b.props);
-    return orderB - orderA;
   });
-  var fixedSize = visibleActionsSort.filter(function (action) {
-    return action.props.type === 'primary' || action.props.fixed;
+  var visibleSlotsWithOrder = visibleSlots.map(function (p, sourceIdx) {
+    var _findActionComponent$, _findActionComponent2;
+    return {
+      piece: p,
+      sourceIdx: sourceIdx,
+      sortOrder: p.kind === 'action' ? getOrder(((_findActionComponent$ = (_findActionComponent2 = findActionComponent(p.el)) === null || _findActionComponent2 === void 0 ? void 0 : _findActionComponent2.action) !== null && _findActionComponent$ !== void 0 ? _findActionComponent$ : p.el).props) : getOrder({
+        type: undefined,
+        fixed: false
+      })
+    };
+  });
+  visibleSlotsWithOrder.sort(function (a, b) {
+    var d = b.sortOrder - a.sortOrder;
+    if (d !== 0) {
+      return d;
+    }
+    return a.sourceIdx - b.sourceIdx;
+  });
+  var visibleOrderedSlots = visibleSlotsWithOrder.map(function (x) {
+    return x.piece;
+  });
+  var fixedSize = visibleOrderedSlots.filter(function (p) {
+    var _findActionComponent$2, _findActionComponent3;
+    if (p.kind !== 'action') {
+      return false;
+    }
+    var props = ((_findActionComponent$2 = (_findActionComponent3 = findActionComponent(p.el)) === null || _findActionComponent3 === void 0 ? void 0 : _findActionComponent3.action) !== null && _findActionComponent$2 !== void 0 ? _findActionComponent$2 : p.el).props;
+    return props.type === 'primary' || props.fixed;
   }).length;
   var realSize = max([fixedSize, size]);
-  var mainActions = visibleActionsSort.slice(0, realSize);
-  var ellipsisActions = visibleActionsSort.slice(realSize);
+  var mainSlots = visibleOrderedSlots.slice(0, realSize);
+  var ellipsisSlots = visibleOrderedSlots.slice(realSize);
   var ellipsisType = 'link';
-
-  // @ts-ignore
-  if (visibleActionsSort.some(function (action) {
-    return action.type.__DISPLAY_NAME === 'button';
+  if (visibleOrderedSlots.some(function (p) {
+    var _findActionComponent$3, _findActionComponent4;
+    return p.kind === 'action' && getActionDisplayName((_findActionComponent$3 = (_findActionComponent4 = findActionComponent(p.el)) === null || _findActionComponent4 === void 0 ? void 0 : _findActionComponent4.action) !== null && _findActionComponent$3 !== void 0 ? _findActionComponent$3 : p.el) === 'button';
   })) {
     ellipsisType = 'button';
   }
-
-  // @ts-ignore
-  if (visibleActionsSort.some(function (action) {
-    return action.type.__DISPLAY_NAME === 'link';
+  if (visibleOrderedSlots.some(function (p) {
+    var _findActionComponent$4, _findActionComponent5;
+    return p.kind === 'action' && getActionDisplayName((_findActionComponent$4 = (_findActionComponent5 = findActionComponent(p.el)) === null || _findActionComponent5 === void 0 ? void 0 : _findActionComponent5.action) !== null && _findActionComponent$4 !== void 0 ? _findActionComponent$4 : p.el) === 'link';
   })) {
     ellipsisType = 'link';
   }
@@ -194,62 +347,81 @@ export default (function (_ref2) {
       })
     });
   }
-  return wrapSSR( /*#__PURE__*/_jsxs(Space, {
-    size: ellipsisType === 'button' ? 8 : 16,
-    children: [mainActions.map(function (action) {
-      return /*#__PURE__*/React.cloneElement(action, _objectSpread(_objectSpread({
-        // size should be covered by action props
-        size: buttonSize
-      }, action.props), {}, {
-        key: action.key,
-        enableLoading: enableLoading,
-        disabled: isBoolean(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
-      }));
-    }), ellipsisActions.length > 0 && /*#__PURE__*/_jsx(Dropdown, {
-      placement: dropDownPlacement,
-      overlay: /*#__PURE__*/_jsx(Menu, {
-        className: "".concat(prefixCls, "-more-menu"),
-        children: ellipsisActions.map(function (action, index) {
+  return wrapSSR( /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Space, {
+      size: ellipsisType === 'button' ? 8 : 16,
+      children: [mainSlots.map(function (slot, slotIndex) {
+        if (slot.kind === 'function-child') {
           var _ref3;
-          var actionKey = action.key;
-          // 查找实际的 Action 组件以获取 props
-          var actionResult = findActionComponent(action);
-          var actualAction = (actionResult === null || actionResult === void 0 ? void 0 : actionResult.action) || action;
-          var actionProps = actualAction.props;
-
-          // 当用户传入loading 或者 传入 disabled 的情况都要禁用按钮
-          var actionDisabled = actionProps.loading || (isBoolean(actionProps.disabled) ? actionProps.disabled : getDefaultDisabled(action.key));
-
-          // 提取需要传递给 Menu.Item 的 props（排除 danger，单独处理）
-          var menuItemProps = omit(actionProps, ['disabled', 'loading', 'tooltip', 'visible', 'fixed', 'enableLoading', 'onClick', 'children', 'danger']);
-
-          // 处理 onClick：如果 action 被 Popconfirm 包裹，Menu.Item 的 onClick 不应该直接触发 action 的 onClick
-          // 而是让 Popconfirm 来处理。如果没有 Popconfirm，则正常触发。
-          var handleMenuItemClick = function handleMenuItemClick(info) {
-            var _actionProps$onClick;
-            // 如果 action 被包裹（可能是 Popconfirm 或其他组件），不直接触发 onClick
-            // 让包裹组件来处理交互
-            if (actionResult !== null && actionResult !== void 0 && actionResult.wrapper) {
-              // 包裹组件会处理点击，这里不需要做任何事
-              // 注意：Menu.Item 的点击会关闭下拉菜单，但 Popconfirm 应该能够正常显示
-              return;
+          return /*#__PURE__*/_jsx(React.Fragment, {
+            children: slot.el
+          }, (_ref3 = slot.el.key) !== null && _ref3 !== void 0 ? _ref3 : "fn-main-".concat(slotIndex));
+        }
+        var action = slot.el;
+        var actionResult = findActionComponent(action);
+        var actualAction = (actionResult === null || actionResult === void 0 ? void 0 : actionResult.action) || action;
+        var actualActionProps = actualAction.props;
+        var newProps = {
+          key: action.key,
+          size: buttonSize,
+          enableLoading: enableLoading,
+          disabled: isBoolean(actualActionProps.disabled) ? actualActionProps.disabled : getDefaultDisabled(action.key)
+        };
+        return cloneWithActionProps(action, newProps);
+      }), ellipsisSlots.length > 0 && /*#__PURE__*/_jsx(Dropdown, {
+        placement: dropDownPlacement,
+        overlay: /*#__PURE__*/_jsx(Menu, {
+          className: "".concat(prefixCls, "-more-menu"),
+          children: ellipsisSlots.map(function (slot, index) {
+            var _ref5;
+            if (slot.kind === 'function-child') {
+              var _ref4;
+              var fcKey = (_ref4 = slot.el.key) !== null && _ref4 !== void 0 ? _ref4 : "fn-".concat(index);
+              return /*#__PURE__*/_jsx(Menu.Item, {
+                className: "".concat(prefixCls, "-more-menu-fn"),
+                style: {
+                  height: 'auto',
+                  lineHeight: 'normal',
+                  paddingBlock: 4
+                },
+                children: /*#__PURE__*/React.cloneElement(slot.el, {
+                  key: fcKey
+                })
+              }, fcKey);
             }
-            // 如果没有包裹，正常触发 onClick
-            (_actionProps$onClick = actionProps.onClick) === null || _actionProps$onClick === void 0 || _actionProps$onClick.call(actionProps, info.domEvent);
-          };
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(Menu.Item, _objectSpread(_objectSpread({
-              // @ts-ignore
-              onClick: handleMenuItemClick,
-              disabled: actionDisabled,
-              danger: !!actionProps.danger
-            }, menuItemProps), {}, {
-              children: renderMenuItemContent(action, actionProps, enableLoading)
-            }), (_ref3 = actionKey) !== null && _ref3 !== void 0 ? _ref3 : index.toString()), actionProps.divider && /*#__PURE__*/_jsx(Menu.Divider, {})]
-          });
-        })
-      }),
-      children: moreDom
+            var action = slot.el;
+            var actionKey = action.key;
+            var actionResult = findActionComponent(action);
+            var actualAction = (actionResult === null || actionResult === void 0 ? void 0 : actionResult.action) || action;
+            var actionProps = actualAction.props;
+            var actionDisabled = actionProps.loading || (isBoolean(actionProps.disabled) ? actionProps.disabled : getDefaultDisabled(action.key));
+            var menuItemProps = omit(actionProps, ['disabled', 'loading', 'tooltip', 'visible', 'fixed', 'enableLoading', 'onClick', 'children', 'danger']);
+            var handleMenuItemClick = function handleMenuItemClick(info) {
+              var _actionProps$onClick;
+              if (actionResult !== null && actionResult !== void 0 && actionResult.hasWrapper) {
+                return;
+              }
+              (_actionProps$onClick = actionProps.onClick) === null || _actionProps$onClick === void 0 || _actionProps$onClick.call(actionProps, info.domEvent);
+            };
+            return /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Menu.Item, _objectSpread(_objectSpread({
+                // @ts-ignore
+                onClick: handleMenuItemClick,
+                disabled: actionDisabled,
+                danger: !!actionProps.danger
+              }, menuItemProps), {}, {
+                children: renderMenuItemContent(action, actionProps, enableLoading)
+              }), (_ref5 = actionKey) !== null && _ref5 !== void 0 ? _ref5 : index.toString()), actionProps.divider && /*#__PURE__*/_jsx(Menu.Divider, {})]
+            });
+          })
+        }),
+        children: moreDom
+      })]
+    }), passthroughChildren.map(function (el, index) {
+      var _ref6;
+      return /*#__PURE__*/React.cloneElement(el, {
+        key: (_ref6 = el.key) !== null && _ref6 !== void 0 ? _ref6 : "action-group-extra-".concat(index)
+      });
     })]
   }));
 });

package/es/Action/Item.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "onClick", "enableLoading", "tooltip", "loading"],
   _excluded2 = ["disabled", "onClick", "children", "enableLoading", "tooltip", "loading", "type", "style"];

package/es/Action/index.js

@@ -1,3 +1,4 @@
+"use client";
 import Group from "./Group";
 import { ActionButton, ActionLink } from "./Item";
 export default {

package/es/BackgroundTaskManager/RefreshMan.js

@@ -1,3 +1,4 @@
+"use client";
 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); }

package/es/BackgroundTaskManager/index.d.ts

@@ -45,6 +45,8 @@ export interface BackgroundTaskManagerRef {
 interface IProps {
     rollingFrequency?: number;
     prefix: Namespace;
+    /** 后台任务队列变化时供读屏器播报的文案模板，`{count}` 为任务数 */
+    taskStatusTemplate?: string;
 }
 declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<BackgroundTaskManagerRef>>;
 export default _default;

package/es/BackgroundTaskManager/index.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,6 +19,7 @@ import { RefreshMan } from "./RefreshMan";
 // antd Notification组件支持的api种类
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var NotificationApi = /*#__PURE__*/function (NotificationApi) {
   NotificationApi["success"] = "success";
   NotificationApi["error"] = "error";
@@ -30,10 +32,23 @@ export var BackgroundTaskManagerConstants = {
   REFRESH_FREQUENCY: REFRESH_FREQUENCY,
   NotificationApi: NotificationApi
 };
+var visuallyHiddenStyle = {
+  position: 'absolute',
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: 'hidden',
+  clip: 'rect(0, 0, 0, 0)',
+  whiteSpace: 'nowrap',
+  border: 0
+};
 export default /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$rollingFrequen = props.rollingFrequency,
     rollingFrequency = _props$rollingFrequen === void 0 ? REFRESH_FREQUENCY.EXTREMELY : _props$rollingFrequen,
-    prefix = props.prefix;
+    prefix = props.prefix,
+    _props$taskStatusTemp = props.taskStatusTemplate,
+    taskStatusTemplate = _props$taskStatusTemp === void 0 ? '{count} background tasks in progress' : _props$taskStatusTemp;
   // 任务管理器的任务队列
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
@@ -154,10 +169,17 @@ export default /*#__PURE__*/forwardRef(function (props, ref) {
       window.removeEventListener('beforeunload', onUnload);
     };
   }, [queue, preset]);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: !!taskQueue.length && /*#__PURE__*/_jsx(RefreshMan, {
+  var statusMessage = taskQueue.length > 0 ? taskStatusTemplate.replace('{count}', String(taskQueue.length)) : '';
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      style: visuallyHiddenStyle,
+      children: statusMessage
+    }), !!taskQueue.length && /*#__PURE__*/_jsx(RefreshMan, {
       run: run,
       rollingFrequency: rollingFrequency
-    })
+    })]
   });
 });

package/es/BasicLayout/Header.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "showLabel", "title", "extra", "pathname", "welcomePath", "versionNoticePath", "docsPath", "pdfPath", "iconUrl", "logoUrl", "simpleLogoUrl", "username", "userMenu", "appData", "locale", "showHelp", "showLocale", "locales", "langs"];
 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; }

package/es/BasicLayout/index.d.ts

@@ -12,12 +12,14 @@ export interface SiderHeaderProps {
     badgeProps?: BadgeProps;
 }
 export interface MenuItem {
-    link: string;
+    link?: string;
     title: string;
     icon?: React.ReactNode;
     selectedIcon?: React.ReactNode;
     accessible?: boolean;
     divider?: boolean;
+    /** 与 antd Menu 一致，设为 'group' 时渲染为分组标题，children 为该组下的菜单项 */
+    type?: 'group';
     children?: MenuItem[];
 }
 export interface BasicLayoutProps extends LocaleWrapperProps {