@oceanbase/ui 1.0.0-alpha.8 → 1.0.0

package/es/Dialog/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; }
@@ -67,6 +68,8 @@ var DialogComp = function DialogComp(props) {
     setRootWidth = props.setRootWidth,
     _props$isEmbed = props.isEmbed,
     isEmbed = _props$isEmbed === void 0 ? false : _props$isEmbed;
+  var titleId = React.useId();
+  var dialogRootRef = useRef(null);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('dialog');
@@ -203,6 +206,34 @@ var DialogComp = function DialogComp(props) {
     setDialogTop(tempState.top);
     setRootWidthInEmbedMode(tempState.width);
   }, [visible, clientWidth, clientHeight, getDefaultEmbedState, setRootWidthInEmbedMode]);
+  useEffect(function () {
+    if (!visible) return;
+    var frame = requestAnimationFrame(function () {
+      if (!minimize) {
+        var _dialogRootRef$curren;
+        (_dialogRootRef$curren = dialogRootRef.current) === null || _dialogRootRef$curren === void 0 || _dialogRootRef$curren.focus({
+          preventScroll: true
+        });
+      }
+    });
+    return function () {
+      return cancelAnimationFrame(frame);
+    };
+  }, [visible, minimize]);
+  useEffect(function () {
+    if (!visible) return;
+    var onDocKeyDown = function onDocKeyDown(e) {
+      if (e.key !== 'Escape') return;
+      var root = dialogRootRef.current;
+      var target = e.target;
+      if (root && target && !root.contains(target)) return;
+      onClose === null || onClose === void 0 || onClose();
+    };
+    document.addEventListener('keydown', onDocKeyDown);
+    return function () {
+      return document.removeEventListener('keydown', onDocKeyDown);
+    };
+  }, [visible, onClose]);
   useEffect(function () {
     if (isEmbed) {
       setMinimize(false);
@@ -422,24 +453,32 @@ var DialogComp = function DialogComp(props) {
 
   // Render methods
   var renderControlLink = function renderControlLink() {
+    if (!(extLink !== null && extLink !== void 0 && extLink.link)) {
+      return null;
+    }
+    var linkText = extLink.text || (locale === null || locale === void 0 ? void 0 : locale.openHelpCenter);
     return /*#__PURE__*/_jsx("span", {
       className: "".concat(prefixCls, "-item"),
-      children: /*#__PURE__*/_jsx("a", {
+      children: /*#__PURE__*/_jsxs("a", {
         className: "".concat(prefixCls, "-item-link"),
-        href: extLink === null || extLink === void 0 ? void 0 : extLink.link,
+        href: extLink.link,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: /*#__PURE__*/_jsx("svg", {
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "".concat(prefixCls, "-item-link-text"),
+          children: linkText
+        }), /*#__PURE__*/_jsx("svg", {
           className: "icon",
           viewBox: "0 0 1024 1024",
           version: "1.1",
           xmlns: "http://www.w3.org/2000/svg",
           width: "16",
           height: "16",
+          "aria-hidden": true,
           children: /*#__PURE__*/_jsx("path", {
             d: "M880.0256 912.0256H144.0256a31.9488 31.9488 0 0 1-32.0512-32V144.0256c0-17.7152 14.336-32.0512 32.0512-32.0512h359.936c4.4544 0 8.0384 3.584 8.0384 8.0384v56.0128c0 4.352-3.584 7.9872-7.9872 7.9872h-320v655.9744h655.9744v-320c0-4.4032 3.584-7.9872 8.0384-7.9872h55.9616c4.4032 0 8.0384 3.584 8.0384 7.9872v359.9872c0 17.7152-14.336 32-32 32zM770.8672 199.1168l-52.224-52.224a8.0384 8.0384 0 0 1 4.7104-13.568l179.4048-20.992c5.12-0.6144 9.5232 3.6864 8.9088 8.9088l-20.992 179.4048a8.0384 8.0384 0 0 1-13.6192 4.6592L824.6784 252.928l-256.2048 256.2048c-3.072 3.072-8.192 3.072-11.264 0l-42.4448-42.3936a8.0384 8.0384 0 0 1 0-11.264l256.1024-256.3584z"
           })
-        })
+        })]
       })
     });
   };
@@ -447,27 +486,47 @@ var DialogComp = function DialogComp(props) {
     if (isEmbed) {
       return /*#__PURE__*/_jsxs("span", {
         className: "".concat(prefixCls, "-controls"),
-        children: [renderControlLink(), /*#__PURE__*/_jsx("span", {
+        children: [renderControlLink(), /*#__PURE__*/_jsx("button", {
+          type: "button",
           className: "".concat(prefixCls, "-item"),
+          "aria-label": locale === null || locale === void 0 ? void 0 : locale.closeDialog,
           onClick: handleClose,
-          children: /*#__PURE__*/_jsx(CloseOutlined, {})
+          children: /*#__PURE__*/_jsx("span", {
+            "aria-hidden": true,
+            children: /*#__PURE__*/_jsx(CloseOutlined, {})
+          })
         })]
       });
     }
     return /*#__PURE__*/_jsxs("span", {
       className: "".concat(prefixCls, "-controls"),
-      children: [renderControlLink(), /*#__PURE__*/_jsx("span", {
+      children: [renderControlLink(), /*#__PURE__*/_jsx("button", {
+        type: "button",
         className: "".concat(prefixCls, "-item"),
+        "aria-label": minimize ? locale === null || locale === void 0 ? void 0 : locale.restoreWindow : locale === null || locale === void 0 ? void 0 : locale.minimize,
         onClick: toggleMinimize,
-        children: minimize ? /*#__PURE__*/_jsx(ExpandAltOutlined, {}) : /*#__PURE__*/_jsx(MinusOutlined, {})
-      }), enableMaximization && /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          children: minimize ? /*#__PURE__*/_jsx(ExpandAltOutlined, {}) : /*#__PURE__*/_jsx(MinusOutlined, {})
+        })
+      }), enableMaximization && /*#__PURE__*/_jsx("button", {
+        type: "button",
         className: "".concat(prefixCls, "-item"),
+        "aria-label": maximization ? locale === null || locale === void 0 ? void 0 : locale.exitFullscreen : locale === null || locale === void 0 ? void 0 : locale.maximize,
         onClick: toggleMaximization,
-        children: maximization ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {}) : /*#__PURE__*/_jsx(FullscreenOutlined, {})
-      }), /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          children: maximization ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {}) : /*#__PURE__*/_jsx(FullscreenOutlined, {})
+        })
+      }), /*#__PURE__*/_jsx("button", {
+        type: "button",
         className: "".concat(prefixCls, "-item"),
+        "aria-label": locale === null || locale === void 0 ? void 0 : locale.closeDialog,
         onClick: handleClose,
-        children: /*#__PURE__*/_jsx(CloseOutlined, {})
+        children: /*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          children: /*#__PURE__*/_jsx(CloseOutlined, {})
+        })
       })]
     });
   };
@@ -484,6 +543,7 @@ var DialogComp = function DialogComp(props) {
       onDoubleClick: toggleMaximization,
       children: [/*#__PURE__*/_jsx("span", {
         className: "".concat(prefixCls, "-title"),
+        id: titleId,
         children: title || (locale === null || locale === void 0 ? void 0 : locale.helpDocument)
       }), renderControls()]
     });
@@ -570,10 +630,14 @@ var DialogComp = function DialogComp(props) {
   var renderDialog = function renderDialog() {
     var style = getStyle;
     return wrapSSR( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+      ref: dialogRootRef,
       className: "".concat(prefixCls, "-container ").concat(className || '', " ").concat(isEmbed ? "".concat(prefixCls, "-container-embed") : ''),
-      style: style
+      style: style,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": titleId
     }, minimize ? {} : {
-      tabIndex: 0
+      tabIndex: -1
     }), {}, {
       children: [renderHeader(), renderContent(), isEmbed ? renderEmbedBorders() : renderBorders(), /*#__PURE__*/_jsx(EventProxy, {
         onPointerMove: onDragMove,

package/es/Dialog/locale/en-US.d.ts

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/en-US.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: 'Documentation',
-  openHelpCenter: 'Document Center'
+  openHelpCenter: 'Document Center',
+  closeDialog: 'Close dialog',
+  minimize: 'Minimize',
+  restoreWindow: 'Restore window',
+  maximize: 'Maximize',
+  exitFullscreen: 'Exit fullscreen'
 };

package/es/Dialog/locale/ja-JP.d.ts

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/ja-JP.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: 'ヘルプ',
-  openHelpCenter: 'ドキュメントセンターで開く'
+  openHelpCenter: 'ドキュメントセンターで開く',
+  closeDialog: 'ダイアログを閉じる',
+  minimize: '最小化',
+  restoreWindow: 'ウィンドウを復元',
+  maximize: '最大化',
+  exitFullscreen: '全画面を終了'
 };

package/es/Dialog/locale/zh-CN.d.ts

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/zh-CN.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: '帮助文档',
-  openHelpCenter: '打开文档中心'
+  openHelpCenter: '打开文档中心',
+  closeDialog: '关闭对话框',
+  minimize: '最小化',
+  restoreWindow: '还原窗口',
+  maximize: '最大化',
+  exitFullscreen: '退出全屏'
 };

package/es/Dialog/locale/zh-TW.d.ts

@@ -1,5 +1,10 @@
 declare const _default: {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 };
 export default _default;

package/es/Dialog/locale/zh-TW.js

@@ -1,4 +1,9 @@
 export default {
   helpDocument: '幫助文檔',
-  openHelpCenter: '打開文檔中心'
+  openHelpCenter: '打開文檔中心',
+  closeDialog: '關閉對話框',
+  minimize: '最小化',
+  restoreWindow: '還原視窗',
+  maximize: '最大化',
+  exitFullscreen: '結束全螢幕'
 };

package/es/Dialog/style/index.js

@@ -21,7 +21,7 @@ export var genDialogStyle = function genDialogStyle(token) {
     boxSizing: 'content-box',
     color: '#eee',
     backgroundColor: 'rgba(65, 74, 77, 1)',
-    borderRadius: 8,
+    borderRadius: token.borderRadiusLG,
     boxShadow: boxShadowSecondary,
     transition: 'visibility 0.2s ease-in-out, opacity 0.2s linear'
   }, "".concat(componentCls, "-header"), _defineProperty(_defineProperty(_defineProperty({
@@ -50,19 +50,38 @@ export var genDialogStyle = function genDialogStyle(token) {
     alignItems: 'center',
     height: '100%',
     textAlign: 'center'
-  }, "".concat(componentCls, "-item"), _defineProperty({
-    display: 'inline-block',
-    width: 15,
+  }, "".concat(componentCls, "-item"), _defineProperty(_defineProperty({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 24,
+    minHeight: 24,
+    width: 24,
     marginLeft: 16,
     color: fontColor,
     fontSize: 15,
-    lineHeight: 15,
+    lineHeight: 1,
     textAlign: 'center',
     cursor: 'pointer',
-    transitionDuration: '0.3s'
+    transitionDuration: '0.3s',
+    border: 'none',
+    background: 'transparent',
+    padding: 0,
+    font: 'inherit',
+    verticalAlign: 'middle'
   }, "".concat(componentCls, "-item-link"), {
     paddingTop: 2,
     color: fontColor
+  }), "".concat(componentCls, "-item-link-text"), {
+    position: 'absolute',
+    width: 1,
+    height: 1,
+    padding: 0,
+    margin: -1,
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    whiteSpace: 'nowrap',
+    border: 0
   })))), "".concat(componentCls, "-main"), _defineProperty(_defineProperty({
     position: 'relative',
     height: "calc(100% - ".concat(header, "px)"),

package/es/DocDialog/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; }
@@ -36,33 +37,51 @@ var DocDialogComp = function DocDialogComp(props) {
     _props$embedConfig = props.embedConfig,
     embedConfig = _props$embedConfig === void 0 ? {} : _props$embedConfig,
     _props$normalConfig = props.normalConfig,
-    normalConfig = _props$normalConfig === void 0 ? {} : _props$normalConfig;
-  var _useState = useState(document.body.clientHeight),
+    normalConfig = _props$normalConfig === void 0 ? {} : _props$normalConfig,
+    locale = props.locale;
+  // Avoid SSR issue: only read document/window on client (e.g. Next.js)
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     clientHeight = _useState2[0],
     setClientHeight = _useState2[1];
-  var _useState3 = useState(document.body.clientWidth),
+  var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
     clientWidth = _useState4[0],
     setClientWidth = _useState4[1];
-  var location = window.location;
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    location = _useState6[0],
+    setLocation = _useState6[1];
+  useEffect(function () {
+    if (typeof window !== 'undefined') {
+      setClientHeight(window.document.body.clientHeight);
+      setClientWidth(window.document.body.clientWidth);
+      setLocation({
+        pathname: window.location.pathname
+      });
+    }
+  }, []);
   var currentLink = useMemo(function () {
-    var _link$;
-    var pathname = location.pathname;
+    var _location$pathname, _link$;
+    var pathname = (_location$pathname = location === null || location === void 0 ? void 0 : location.pathname) !== null && _location$pathname !== void 0 ? _location$pathname : '';
     var link = Object.entries(docUrls).find(function (set) {
       return pathname.indexOf(set[0]) > -1;
     });
     return (_link$ = link === null || link === void 0 ? void 0 : link[1]) !== null && _link$ !== void 0 ? _link$ : fallbackUrl;
   }, [location, docUrls, fallbackUrl]);
   var handleResize = debounce(function () {
-    setClientWidth(document.body.clientWidth);
-    setClientHeight(document.body.clientHeight);
+    if (typeof window !== 'undefined') {
+      setClientWidth(window.document.body.clientWidth);
+      setClientHeight(window.document.body.clientHeight);
+    }
   }, 300);
   useEffect(function () {
+    if (typeof window === 'undefined') return;
     window.addEventListener('resize', handleResize);
     return function () {
       window.removeEventListener('resize', handleResize);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- register resize listener once on mount
   }, []);
   var DialogProps = useMemo(function () {
     var maxDialogHeight = clientHeight - defautTop;
@@ -108,7 +127,8 @@ var DocDialogComp = function DocDialogComp(props) {
   return /*#__PURE__*/_jsx("div", {
     children: /*#__PURE__*/_jsx(Dialog, _objectSpread(_objectSpread({}, DialogProps), {}, {
       children: /*#__PURE__*/_jsx("iframe", {
-        src: currentLink
+        src: currentLink,
+        title: title || (locale === null || locale === void 0 ? void 0 : locale.docIframeTitle)
       })
     }))
   });

package/es/DocDialog/locale/en-US.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/en-US.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: 'Help documentation'
+};

package/es/DocDialog/locale/ja-JP.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/ja-JP.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: 'ヘルプドキュメント'
+};

package/es/DocDialog/locale/zh-CN.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/zh-CN.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: '帮助文档'
+};

package/es/DocDialog/locale/zh-TW.d.ts

@@ -1,2 +1,4 @@
-declare const _default: {};
+declare const _default: {
+    docIframeTitle: string;
+};
 export default _default;

package/es/DocDialog/locale/zh-TW.js

@@ -1 +1,3 @@
-export default {};
+export default {
+  docIframeTitle: '說明文件'
+};

package/es/FooterToolbar/index.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
 import type { FooterToolbarProps as AntFooterToolbarProps } from '@ant-design/pro-layout/es/components/FooterToolbar';
-export type FooterToolbarProps = AntFooterToolbarProps;
-declare const FooterToolbar: React.FC<FooterToolbarProps>;
-export default FooterToolbar;
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+export interface FooterToolbarProps extends AntFooterToolbarProps, LocaleWrapperProps {
+    /** 覆盖 locale 中的 toolbar 可访问名称 */
+    toolbarAriaLabel?: string;
+}
+declare const _default: any;
+export default _default;

package/es/FooterToolbar/index.js

@@ -1,5 +1,7 @@
+"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 = ["portalDom", "prefixCls"];
+var _excluded = ["portalDom", "prefixCls", "toolbarAriaLabel", "locale"],
+  _excluded2 = ["theme"];
 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; }
@@ -10,21 +12,36 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useContext } from 'react';
 import { FooterToolbar as AntFooterToolbar } from '@ant-design/pro-components';
 import { ConfigProvider } from '@oceanbase/design';
+import LocaleWrapper from "../locale/LocaleWrapper";
 import useStyle from "./style";
+import zhCN from "./locale/zh-CN";
 import { jsx as _jsx } from "react/jsx-runtime";
-var FooterToolbar = function FooterToolbar(_ref) {
-  var _ref$portalDom = _ref.portalDom,
-    portalDom = _ref$portalDom === void 0 ? false : _ref$portalDom,
-    customizePrefixCls = _ref.prefixCls,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+var FooterToolbar = function FooterToolbar(props) {
+  var _props$portalDom = props.portalDom,
+    portalDom = _props$portalDom === void 0 ? false : _props$portalDom,
+    customizePrefixCls = props.prefixCls,
+    toolbarAriaLabel = props.toolbarAriaLabel,
+    locale = props.locale,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = rest,
+    _injectedTheme = _ref.theme,
+    restProps = _objectWithoutProperties(_ref, _excluded2);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
-    portalDom: portalDom,
-    prefixCls: customizePrefixCls
-  }, restProps)));
+  var label = toolbarAriaLabel !== null && toolbarAriaLabel !== void 0 ? toolbarAriaLabel : locale === null || locale === void 0 ? void 0 : locale.toolbarLabel;
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    role: "toolbar",
+    "aria-label": label,
+    children: /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
+      portalDom: portalDom,
+      prefixCls: customizePrefixCls
+    }, restProps))
+  }));
 };
-export default FooterToolbar;
+export default LocaleWrapper({
+  componentName: 'FooterToolbar',
+  defaultLocale: zhCN
+})(FooterToolbar);

package/es/FooterToolbar/locale/en-US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/en-US.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: 'Footer actions'
+};

package/es/FooterToolbar/locale/ja-JP.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/ja-JP.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: 'フッター操作'
+};

package/es/FooterToolbar/locale/zh-CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/zh-CN.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: '底部操作栏'
+};

package/es/FooterToolbar/locale/zh-TW.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbarLabel: string;
+};
+export default _default;

package/es/FooterToolbar/locale/zh-TW.js

@@ -0,0 +1,3 @@
+export default {
+  toolbarLabel: '底部操作列'
+};

package/es/FooterToolbar/style/index.js

@@ -5,11 +5,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
   var componentCls = token.componentCls,
-    colorBgBase = token.colorBgBase,
-    borderRadius = token.borderRadius,
-    boxShadowSecondary = token.boxShadowSecondary,
-    controlHeightLG = token.controlHeightLG;
-  return _defineProperty({}, "".concat(componentCls), {
+    colorBgBase = token.colorBgBase;
+  return _defineProperty({}, "div".concat(componentCls), {
     flexDirection: 'row-reverse',
     lineHeight: 'initial',
     alignItems: 'center',
@@ -19,7 +16,7 @@ export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
     paddingInline: token.paddingXL,
     width: '100%',
     backgroundColor: colorBgBase,
-    boxShadow: boxShadowSecondary,
+    boxShadow: '0px -1px 2px 0px #1320391A',
     borderBlockStart: 'none'
   });
 };

package/es/FullscreenBox/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 _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); }
@@ -24,7 +25,8 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className = _ref.className,
     defaultMode = _ref.defaultMode,
     children = _ref.children,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    locale = _ref.locale;
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('fullscreen-box');
@@ -103,13 +105,8 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
     };
   });
-  var icon = innerFullscreen ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {
-    className: "".concat(prefixCls, "-header-icon"),
-    onClick: toggleFullscreen
-  }) : /*#__PURE__*/_jsx(FullscreenOutlined, {
-    className: "".concat(prefixCls, "-header-icon"),
-    onClick: toggleFullscreen
-  });
+  var fullscreenLabel = innerFullscreen ? locale === null || locale === void 0 ? void 0 : locale.exitFullscreen : locale === null || locale === void 0 ? void 0 : locale.enterFullscreen;
+  var fullscreenIcon = innerFullscreen ? /*#__PURE__*/_jsx(FullscreenExitOutlined, {}) : /*#__PURE__*/_jsx(FullscreenOutlined, {});
   useEffect(function () {
     if (innerFullscreen) {
       document.body.classList.add("".concat(prefixCls, "-body-overflow-hidden"));
@@ -137,7 +134,18 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "data-testid": "header",
       children: [/*#__PURE__*/_jsxs("div", {
         className: "".concat(prefixCls, "-header-left"),
-        children: [icon, title && /*#__PURE__*/_jsx("span", {
+        children: [/*#__PURE__*/_jsx("button", {
+          type: "button",
+          className: "".concat(prefixCls, "-header-icon-btn"),
+          "aria-label": fullscreenLabel,
+          "aria-pressed": innerFullscreen,
+          onClick: toggleFullscreen,
+          children: /*#__PURE__*/_jsx("span", {
+            className: "".concat(prefixCls, "-header-icon"),
+            "aria-hidden": true,
+            children: fullscreenIcon
+          })
+        }), title && /*#__PURE__*/_jsx("span", {
           className: "".concat(prefixCls, "-header-title"),
           children: title
         })]
@@ -150,7 +158,8 @@ var FullscreenBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return wrapSSR( /*#__PURE__*/_jsxs("div", {
     ref: containerRef,
     style: style,
-    className: classnames("".concat(prefixCls, "-box"), className, _defineProperty({}, "".concat(prefixCls, "-box-fullscreen"), innerFullscreen)),
+    className: classnames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-fullscreen"), innerFullscreen)),
+    "aria-live": "polite",
     children: [headerContent, children]
   }));
 });