@oceanbase/ui 1.0.0-alpha.19 → 1.0.0-alpha.20

package/lib/Dialog/index.js

@@ -60,6 +60,8 @@ const DialogComp = props => {
     setRootWidth,
     isEmbed = false
   } = props;
+  const titleId = _react.default.useId();
+  const dialogRootRef = (0, _react.useRef)(null);
   const {
     getPrefixCls
   } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
@@ -167,6 +169,29 @@ const DialogComp = props => {
     setDialogTop(tempState.top);
     setRootWidthInEmbedMode(tempState.width);
   }, [visible, clientWidth, clientHeight, getDefaultEmbedState, setRootWidthInEmbedMode]);
+  (0, _react.useEffect)(() => {
+    if (!visible) return;
+    const frame = requestAnimationFrame(() => {
+      if (!minimize) {
+        dialogRootRef.current?.focus({
+          preventScroll: true
+        });
+      }
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [visible, minimize]);
+  (0, _react.useEffect)(() => {
+    if (!visible) return;
+    const onDocKeyDown = e => {
+      if (e.key !== 'Escape') return;
+      const root = dialogRootRef.current;
+      const target = e.target;
+      if (root && target && !root.contains(target)) return;
+      onClose?.();
+    };
+    document.addEventListener('keydown', onDocKeyDown);
+    return () => document.removeEventListener('keydown', onDocKeyDown);
+  }, [visible, onClose]);
   (0, _react.useEffect)(() => {
     if (isEmbed) {
       setMinimize(false);
@@ -386,24 +411,32 @@ const DialogComp = props => {
 
   // Render methods
   const renderControlLink = () => {
+    if (!extLink?.link) {
+      return null;
+    }
+    const linkText = extLink.text || locale?.openHelpCenter;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: `${prefixCls}-item`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
         className: `${prefixCls}-item-link`,
-        href: extLink?.link,
+        href: extLink.link,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${prefixCls}-item-link-text`,
+          children: linkText
+        }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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"
           })
-        })
+        })]
       })
     });
   };
@@ -411,27 +444,47 @@ const DialogComp = props => {
     if (isEmbed) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: `${prefixCls}-controls`,
-        children: [renderControlLink(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: [renderControlLink(), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
           className: `${prefixCls}-item`,
+          "aria-label": locale?.closeDialog,
           onClick: handleClose,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            "aria-hidden": true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+          })
         })]
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: `${prefixCls}-controls`,
-      children: [renderControlLink(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [renderControlLink(), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
         className: `${prefixCls}-item`,
+        "aria-label": minimize ? locale?.restoreWindow : locale?.minimize,
         onClick: toggleMinimize,
-        children: minimize ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExpandAltOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.MinusOutlined, {})
-      }), enableMaximization && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          "aria-hidden": true,
+          children: minimize ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExpandAltOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.MinusOutlined, {})
+        })
+      }), enableMaximization && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
         className: `${prefixCls}-item`,
+        "aria-label": maximization ? locale?.exitFullscreen : locale?.maximize,
         onClick: toggleMaximization,
-        children: maximization ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenExitOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenOutlined, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          "aria-hidden": true,
+          children: maximization ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenExitOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenOutlined, {})
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
         className: `${prefixCls}-item`,
+        "aria-label": locale?.closeDialog,
         onClick: handleClose,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          "aria-hidden": true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+        })
       })]
     });
   };
@@ -452,6 +505,7 @@ const DialogComp = props => {
       onDoubleClick: toggleMaximization,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: `${prefixCls}-title`,
+        id: titleId,
         children: title || locale?.helpDocument
       }), renderControls()]
     });
@@ -538,10 +592,14 @@ const DialogComp = props => {
   const renderDialog = () => {
     const style = getStyle;
     return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: dialogRootRef,
       className: `${prefixCls}-container ${className || ''} ${isEmbed ? `${prefixCls}-container-embed` : ''}`,
       style: style,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": titleId,
       ...(minimize ? {} : {
-        tabIndex: 0
+        tabIndex: -1
       }),
       children: [renderHeader(), renderContent(), isEmbed ? renderEmbedBorders() : renderBorders(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EventProxy.EventProxy, {
         onPointerMove: onDragMove,

package/lib/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/lib/Dialog/locale/en-US.js

@@ -6,5 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = exports.default = {
   helpDocument: 'Documentation',
-  openHelpCenter: 'Document Center'
+  openHelpCenter: 'Document Center',
+  closeDialog: 'Close dialog',
+  minimize: 'Minimize',
+  restoreWindow: 'Restore window',
+  maximize: 'Maximize',
+  exitFullscreen: 'Exit fullscreen'
 };

package/lib/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/lib/Dialog/locale/ja-JP.js

@@ -6,5 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = exports.default = {
   helpDocument: 'ヘルプ',
-  openHelpCenter: 'ドキュメントセンターで開く'
+  openHelpCenter: 'ドキュメントセンターで開く',
+  closeDialog: 'ダイアログを閉じる',
+  minimize: '最小化',
+  restoreWindow: 'ウィンドウを復元',
+  maximize: '最大化',
+  exitFullscreen: '全画面を終了'
 };

package/lib/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/lib/Dialog/locale/zh-CN.js

@@ -6,5 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = exports.default = {
   helpDocument: '帮助文档',
-  openHelpCenter: '打开文档中心'
+  openHelpCenter: '打开文档中心',
+  closeDialog: '关闭对话框',
+  minimize: '最小化',
+  restoreWindow: '还原窗口',
+  maximize: '最大化',
+  exitFullscreen: '退出全屏'
 };

package/lib/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/lib/Dialog/locale/zh-TW.js

@@ -6,5 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = exports.default = {
   helpDocument: '幫助文檔',
-  openHelpCenter: '打開文檔中心'
+  openHelpCenter: '打開文檔中心',
+  closeDialog: '關閉對話框',
+  minimize: '最小化',
+  restoreWindow: '還原視窗',
+  maximize: '最大化',
+  exitFullscreen: '結束全螢幕'
 };

package/lib/Dialog/style/index.js

@@ -59,18 +59,38 @@ const genDialogStyle = token => {
           height: '100%',
           textAlign: 'center',
           [`${componentCls}-item`]: {
-            display: 'inline-block',
-            width: 15,
+            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',
+            border: 'none',
+            background: 'transparent',
+            padding: 0,
+            font: 'inherit',
+            verticalAlign: 'middle',
             [`${componentCls}-item-link`]: {
               paddingTop: 2,
               color: fontColor
+            },
+            [`${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
             }
           }
         }

package/lib/DocDialog/index.js

@@ -30,7 +30,8 @@ const DocDialogComp = props => {
     className,
     normalModeWidth = DEFAULT_MOBILE_CLIENT_WIDTH,
     embedConfig = {},
-    normalConfig = {}
+    normalConfig = {},
+    locale
   } = props;
   // Avoid SSR issue: only read document/window on client (e.g. Next.js)
   const [clientHeight, setClientHeight] = (0, _react.useState)(0);
@@ -109,7 +110,8 @@ const DocDialogComp = props => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
       ...DialogProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
-        src: currentLink
+        src: currentLink,
+        title: title || locale?.docIframeTitle
       })
     })
   });

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

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

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

@@ -4,4 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  docIframeTitle: 'Help documentation'
+};

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

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

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

@@ -4,4 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  docIframeTitle: 'ヘルプドキュメント'
+};

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

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

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

@@ -4,4 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  docIframeTitle: '帮助文档'
+};

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

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

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

@@ -4,4 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  docIframeTitle: '說明文件'
+};

package/lib/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/lib/FooterToolbar/index.js

@@ -7,17 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _proComponents = require("@ant-design/pro-components");
 var _design = require("@oceanbase/design");
+var _LocaleWrapper = _interopRequireDefault(require("../locale/LocaleWrapper"));
 var _style = _interopRequireDefault(require("./style"));
+var _zhCN = _interopRequireDefault(require("./locale/zh-CN"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const FooterToolbar = ({
-  // render footer under parent instead of body by default
-  portalDom = false,
-  prefixCls: customizePrefixCls,
-  ...restProps
-}) => {
+const FooterToolbar = props => {
+  const {
+    portalDom = false,
+    prefixCls: customizePrefixCls,
+    toolbarAriaLabel,
+    locale,
+    ...rest
+  } = props;
+  const {
+    theme: _injectedTheme,
+    ...restProps
+  } = rest;
   const {
     getPrefixCls
   } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
@@ -25,10 +33,18 @@ const FooterToolbar = ({
   const {
     wrapSSR
   } = (0, _style.default)(prefixCls);
-  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_proComponents.FooterToolbar, {
-    portalDom: portalDom,
-    prefixCls: customizePrefixCls,
-    ...restProps
+  const label = toolbarAriaLabel ?? locale?.toolbarLabel;
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    role: "toolbar",
+    "aria-label": label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_proComponents.FooterToolbar, {
+      portalDom: portalDom,
+      prefixCls: customizePrefixCls,
+      ...restProps
+    })
   }));
 };
-var _default = exports.default = FooterToolbar;
+var _default = exports.default = (0, _LocaleWrapper.default)({
+  componentName: 'FooterToolbar',
+  defaultLocale: _zhCN.default
+})(FooterToolbar);

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  toolbarLabel: 'Footer actions'
+};

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  toolbarLabel: 'フッター操作'
+};

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  toolbarLabel: '底部操作栏'
+};

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  toolbarLabel: '底部操作列'
+};

package/lib/FullscreenBox/index.js

@@ -22,7 +22,8 @@ const FullscreenBox = /*#__PURE__*/_react.default.forwardRef(({
   className,
   defaultMode,
   children,
-  onChange
+  onChange,
+  locale
 }, ref) => {
   const {
     getPrefixCls
@@ -99,13 +100,8 @@ const FullscreenBox = /*#__PURE__*/_react.default.forwardRef(({
       changeFullscreen(fullscreen);
     }
   }));
-  const icon = innerFullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenExitOutlined, {
-    className: `${prefixCls}-header-icon`,
-    onClick: toggleFullscreen
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenOutlined, {
-    className: `${prefixCls}-header-icon`,
-    onClick: toggleFullscreen
-  });
+  const fullscreenLabel = innerFullscreen ? locale?.exitFullscreen : locale?.enterFullscreen;
+  const fullscreenIcon = innerFullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenExitOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenOutlined, {});
   (0, _react.useEffect)(() => {
     if (innerFullscreen) {
       document.body.classList.add(`${prefixCls}-body-overflow-hidden`);
@@ -133,7 +129,18 @@ const FullscreenBox = /*#__PURE__*/_react.default.forwardRef(({
       "data-testid": "header",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: `${prefixCls}-header-left`,
-        children: [icon, title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: `${prefixCls}-header-icon-btn`,
+          "aria-label": fullscreenLabel,
+          "aria-pressed": innerFullscreen,
+          onClick: toggleFullscreen,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: `${prefixCls}-header-icon`,
+            "aria-hidden": true,
+            children: fullscreenIcon
+          })
+        }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: `${prefixCls}-header-title`,
           children: title
         })]
@@ -146,9 +153,10 @@ const FullscreenBox = /*#__PURE__*/_react.default.forwardRef(({
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: containerRef,
     style: style,
-    className: (0, _classnames.default)(`${prefixCls}-box`, className, {
-      [`${prefixCls}-box-fullscreen`]: innerFullscreen
+    className: (0, _classnames.default)(prefixCls, className, {
+      [`${prefixCls}-fullscreen`]: innerFullscreen
     }),
+    "aria-live": "polite",
     children: [headerContent, children]
   }));
 });

package/lib/FullscreenBox/locale/en-US.d.ts

@@ -1,2 +1,5 @@
-declare const _default: {};
+declare const _default: {
+    enterFullscreen: string;
+    exitFullscreen: string;
+};
 export default _default;

package/lib/FullscreenBox/locale/en-US.js

@@ -4,4 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  enterFullscreen: 'Enter fullscreen',
+  exitFullscreen: 'Exit fullscreen'
+};

package/lib/FullscreenBox/locale/ja-JP.d.ts

@@ -1,2 +1,5 @@
-declare const _default: {};
+declare const _default: {
+    enterFullscreen: string;
+    exitFullscreen: string;
+};
 export default _default;

package/lib/FullscreenBox/locale/ja-JP.js

@@ -4,4 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  enterFullscreen: '全画面表示',
+  exitFullscreen: '全画面表示を終了'
+};

package/lib/FullscreenBox/locale/zh-CN.d.ts

@@ -1,2 +1,5 @@
-declare const _default: {};
+declare const _default: {
+    enterFullscreen: string;
+    exitFullscreen: string;
+};
 export default _default;

package/lib/FullscreenBox/locale/zh-CN.js

@@ -4,4 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  enterFullscreen: '进入全屏',
+  exitFullscreen: '退出全屏'
+};

package/lib/FullscreenBox/locale/zh-TW.d.ts

@@ -1,2 +1,5 @@
-declare const _default: {};
+declare const _default: {
+    enterFullscreen: string;
+    exitFullscreen: string;
+};
 export default _default;

package/lib/FullscreenBox/locale/zh-TW.js

@@ -4,4 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {};
+var _default = exports.default = {
+  enterFullscreen: '進入全螢幕',
+  exitFullscreen: '退出全螢幕'
+};