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

package/es/BasicLayout/index.js

@@ -1,6 +1,6 @@
 "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", "location", "banner", "iconUrl", "logoUrl", "simpleLogoUrl", "topHeader", "menus", "defaultCollapsed", "defaultSelectedKeys", "defaultOpenKeys", "sideHeader", "subSideMenuProps", "subSideMenus", "className", "prefixCls"];
+var _excluded = ["children", "location", "banner", "iconUrl", "logoUrl", "simpleLogoUrl", "topHeader", "menus", "defaultCollapsed", "defaultSelectedKeys", "defaultOpenKeys", "sideHeader", "subSideMenuProps", "subSideMenus", "className", "prefixCls", "locale"];
 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; }
@@ -39,7 +39,8 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 var Content = Layout.Content,
   Sider = Layout.Sider;
 var SubMenu = Menu.SubMenu,
-  Item = Menu.Item;
+  Item = Menu.Item,
+  ItemGroup = Menu.ItemGroup;
 var BasicLayout = function BasicLayout(_ref) {
   var children = _ref.children,
     _ref$location = _ref.location,
@@ -63,6 +64,7 @@ var BasicLayout = function BasicLayout(_ref) {
     subSideMenus = _ref.subSideMenus,
     className = _ref.className,
     customizePrefixCls = _ref.prefixCls,
+    locale = _ref.locale,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
@@ -125,13 +127,17 @@ var BasicLayout = function BasicLayout(_ref) {
     var keys = [];
     (menuList || []).forEach(function (item) {
       var itemChildren = item.children || [];
-      var childrenKeys = itemChildren.map(function (child) {
-        return child.link;
-      });
-      if (childrenKeys.includes(selectedKey)) {
-        keys = [].concat(_toConsumableArray(keys), [item.link]);
+      if (item.type === 'group') {
+        keys = [].concat(_toConsumableArray(keys), _toConsumableArray(getParentKeys(itemChildren, selectedKey)));
       } else {
-        keys = [].concat(_toConsumableArray(keys), [getParentKeys(itemChildren, selectedKey)]);
+        var childrenKeys = itemChildren.map(function (child) {
+          return child.link;
+        }).filter(Boolean);
+        if (childrenKeys.includes(selectedKey)) {
+          keys = [].concat(_toConsumableArray(keys), [item.link]);
+        } else {
+          keys = [].concat(_toConsumableArray(keys), _toConsumableArray(getParentKeys(itemChildren, selectedKey)));
+        }
       }
     });
     return keys;
@@ -139,13 +145,20 @@ var BasicLayout = function BasicLayout(_ref) {
   var getFlatMenuKeys = function getFlatMenuKeys(menuList) {
     var keys = [];
     (menuList || []).forEach(function (item) {
-      if (item.children) {
-        keys = keys.concat(getFlatMenuKeys(item.children));
+      if (item.type === 'group') {
+        keys = keys.concat(getFlatMenuKeys(item.children || []));
+      } else {
+        if (item.children) {
+          keys = keys.concat(getFlatMenuKeys(item.children));
+        }
+        keys.push(item.link || '');
       }
-      keys.push(item.link || '');
     });
     return keys;
   };
+  var isCurrentMenuPage = function isCurrentMenuPage(link) {
+    return !!link && selectedKeys[0] === link;
+  };
 
   // 渲染菜单中的图标
   var renderIcon = function renderIcon(item) {
@@ -159,12 +172,18 @@ var BasicLayout = function BasicLayout(_ref) {
 
   // 渲染菜单
   var renderMenu = function renderMenu(data) {
-    return data.reduce(function (pre, item) {
-      var _item$children;
+    return data.reduce(function (pre, item, index) {
+      var _item$children, _item$children2;
       var _item$accessible = item.accessible,
         accessible = _item$accessible === void 0 ? true : _item$accessible;
-      if (item.children && (isNullValue(item.accessible) ? // 如果子菜单本身没有设置 accessible，但只要其 children 之一可访问，则子菜单仍然展示
-      (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.some(function (_ref3) {
+      if (item.type === 'group' && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length && accessible) {
+        var _item$title;
+        pre.push( /*#__PURE__*/_jsx(ItemGroup, {
+          title: item.title,
+          children: renderMenu(item.children)
+        }, (_item$title = item.title) !== null && _item$title !== void 0 ? _item$title : "group-".concat(index)));
+      } else if (item.children && (isNullValue(item.accessible) ? // 如果子菜单本身没有设置 accessible，但只要其 children 之一可访问，则子菜单仍然展示
+      (_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.some(function (_ref3) {
         var _ref3$accessible = _ref3.accessible,
           childAccessible = _ref3$accessible === void 0 ? true : _ref3$accessible;
         return childAccessible;
@@ -187,9 +206,10 @@ var BasicLayout = function BasicLayout(_ref) {
           }),
           children: renderMenu(item.children)
         }, item.link));
-      } else if (!item.children && accessible) {
+      } else if (!item.children && accessible && item.link) {
         pre.push( /*#__PURE__*/_jsx(Item, {
           "data-testid": "menu.item",
+          "aria-current": isCurrentMenuPage(item.link) ? 'page' : undefined,
           onClick: function onClick() {
             if (pathname !== item.link) {
               navigate === null || navigate === void 0 || navigate(item.link);
@@ -226,12 +246,18 @@ var BasicLayout = function BasicLayout(_ref) {
   // 渲染收起菜单
   var renderCollapsedMenu = function renderCollapsedMenu(data) {
     var isSubSider = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return data.reduce(function (pre, item) {
-      var _item$children2;
+    return data.reduce(function (pre, item, index) {
+      var _item$children3, _item$children4;
       var _item$accessible2 = item.accessible,
         accessible = _item$accessible2 === void 0 ? true : _item$accessible2;
-      if (item.children && (isNullValue(item.accessible) ? // 如果子菜单本身没有设置 accessible，但只要其 children 之一可访问，则子菜单仍然展示
-      (_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.some(function (_ref4) {
+      if (item.type === 'group' && (_item$children3 = item.children) !== null && _item$children3 !== void 0 && _item$children3.length && accessible) {
+        var _item$title2;
+        pre.push( /*#__PURE__*/_jsx(ItemGroup, {
+          title: item.title,
+          children: renderMenu(item.children)
+        }, (_item$title2 = item.title) !== null && _item$title2 !== void 0 ? _item$title2 : "group-".concat(index)));
+      } else if (item.children && (isNullValue(item.accessible) ? // 如果子菜单本身没有设置 accessible，但只要其 children 之一可访问，则子菜单仍然展示
+      (_item$children4 = item.children) === null || _item$children4 === void 0 ? void 0 : _item$children4.some(function (_ref4) {
         var _ref4$accessible = _ref4.accessible,
           childAccessible = _ref4$accessible === void 0 ? true : _ref4$accessible;
         return childAccessible;
@@ -240,9 +266,10 @@ var BasicLayout = function BasicLayout(_ref) {
           title: renderIcon(item, isSubSider),
           children: renderMenu(item.children)
         }, item.link));
-      } else if (!item.children && accessible) {
+      } else if (!item.children && accessible && item.link) {
         pre.push( /*#__PURE__*/_jsx(Item, {
           "data-testid": "menu.item",
+          "aria-current": isCurrentMenuPage(item.link) ? 'page' : undefined,
           onClick: function onClick() {
             if (pathname !== item.link) {
               navigate === null || navigate === void 0 || navigate(item.link);
@@ -301,6 +328,8 @@ var BasicLayout = function BasicLayout(_ref) {
               theme: "light",
               width: siderWidth,
               className: classNames("".concat(prefixCls, "-sider"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-sider-collapsed"), collapsed), "".concat(prefixCls, "-sider-has-sub-sider"), subSideMenus)),
+              role: "navigation",
+              "aria-label": locale === null || locale === void 0 ? void 0 : locale.sideNavigation,
               children: /*#__PURE__*/_jsxs("div", {
                 className: "".concat(prefixCls, "-sider-wrapper"),
                 children: [subSideMenus && /*#__PURE__*/_jsx("div", {
@@ -346,14 +375,20 @@ var BasicLayout = function BasicLayout(_ref) {
                     })]
                   }), /*#__PURE__*/_jsx("div", {
                     className: "".concat(prefixCls, "-sider-border"),
-                    children: /*#__PURE__*/_jsx("div", {
+                    children: /*#__PURE__*/_jsx("button", {
+                      type: "button",
                       className: "".concat(prefixCls, "-sider-collapse"),
+                      "aria-expanded": !collapsed,
+                      "aria-label": collapsed ? locale === null || locale === void 0 ? void 0 : locale.expandSider : locale === null || locale === void 0 ? void 0 : locale.collapseSider,
                       onClick: function onClick() {
                         setCollapsed(!collapsed);
                         // 导航展开/收起时，重置 openKeys
                         setOpenKeys([]);
                       },
-                      children: collapsed ? /*#__PURE__*/_jsx(RightOutlined, {}) : /*#__PURE__*/_jsx(LeftOutlined, {})
+                      children: /*#__PURE__*/_jsx("span", {
+                        "aria-hidden": true,
+                        children: collapsed ? /*#__PURE__*/_jsx(RightOutlined, {}) : /*#__PURE__*/_jsx(LeftOutlined, {})
+                      })
                     })
                   })]
                 })]
@@ -363,7 +398,10 @@ var BasicLayout = function BasicLayout(_ref) {
               style: {
                 marginLeft: siderWidth
               },
-              children: children
+              children: /*#__PURE__*/_jsx("main", {
+                className: "".concat(prefixCls, "-content-main"),
+                children: children
+              })
             })]
           })
         })]

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

@@ -9,5 +9,8 @@ declare const _default: {
     releaseTime: string;
     company: string;
     right: string;
+    expandSider: string;
+    collapseSider: string;
+    sideNavigation: string;
 };
 export default _default;

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

@@ -8,5 +8,8 @@ export default {
   version: 'Version',
   releaseTime: 'Release date',
   company: 'Beijing OceanBase Technology Co., Ltd.',
-  right: 'All Rights Reserved'
+  right: 'All Rights Reserved',
+  expandSider: 'Expand main navigation',
+  collapseSider: 'Collapse main navigation',
+  sideNavigation: 'Main navigation'
 };

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

@@ -9,5 +9,8 @@ declare const _default: {
     releaseTime: string;
     company: string;
     right: string;
+    expandSider: string;
+    collapseSider: string;
+    sideNavigation: string;
 };
 export default _default;

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

@@ -8,5 +8,8 @@ export default {
   version: 'バージョン',
   releaseTime: 'リリース日',
   company: 'Beijing OceanBase Technology Co., Ltd.',
-  right: 'All Rights Reserved'
+  right: 'All Rights Reserved',
+  expandSider: 'メインナビを展開',
+  collapseSider: 'メインナビを折りたたむ',
+  sideNavigation: 'メインナビゲーション'
 };

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

@@ -9,5 +9,8 @@ declare const _default: {
     releaseTime: string;
     company: string;
     right: string;
+    expandSider: string;
+    collapseSider: string;
+    sideNavigation: string;
 };
 export default _default;

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

@@ -8,5 +8,8 @@ export default {
   version: '版本号',
   releaseTime: '发布日期',
   company: '北京奥星贝斯科技有限公司',
-  right: '版权所有'
+  right: '版权所有',
+  expandSider: '展开主导航',
+  collapseSider: '收起主导航',
+  sideNavigation: '主导航'
 };

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

@@ -9,5 +9,8 @@ declare const _default: {
     releaseTime: string;
     company: string;
     right: string;
+    expandSider: string;
+    collapseSider: string;
+    sideNavigation: string;
 };
 export default _default;

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

@@ -8,5 +8,8 @@ export default {
   version: '版本號',
   releaseTime: '發佈日期',
   company: '北京奧星貝斯科技有限公司',
-  right: '版權所有'
+  right: '版權所有',
+  expandSider: '展開主導航',
+  collapseSider: '收起主導航',
+  sideNavigation: '主導航'
 };

package/es/BasicLayout/style/index.js

@@ -63,7 +63,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
   }, "".concat(proComponentsCls, "-page-container"), {
     // 48px is the height of BasicLayout header
     minHeight: 'calc(100vh - 48px)'
-  }), "".concat(componentCls, "-content-layout"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  }), "".concat(componentCls, "-content-layout"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     maxWidth: maxWidth,
     // 居中对齐
     margin: '0 auto'
@@ -109,7 +109,12 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
     border: "1px solid ".concat(colorBorder),
     borderRadius: '10px',
     cursor: 'pointer',
-    opacity: 0
+    opacity: 0,
+    font: 'inherit',
+    padding: 0,
+    margin: 0,
+    appearance: 'none',
+    WebkitAppearance: 'none'
   }, iconCls, {
     fontSize: 'px',
     display: 'block',
@@ -272,6 +277,9 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
   })), "".concat(componentCls, "-content"), {
     backgroundColor: colorBgLayout,
     transition: 'all 0.3s'
+  }), "".concat(componentCls, "-content-main"), {
+    display: 'block',
+    minHeight: '100%'
   }))), "@media (min-width: ".concat(maxWidth, ")"), _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-content-layout"), _defineProperty({}, "".concat(componentCls, "-sider"), {
     paddingLeft: 0
   }))), "".concat(proComponentsCls, "-footer-bar"), {

package/es/BatchOperationBar/index.js

@@ -90,15 +90,21 @@ var BatchOperationBar = function BatchOperationBar(props) {
   };
   var disPlayBtnRender = function disPlayBtnRender() {
     if (!showOpenBtn) return null;
-    return /*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/_jsxs("button", {
+      type: "button",
       className: classnames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-open-btn"), isOpen), "".concat(prefixCls, "-close-btn"), !isOpen), "".concat(prefixCls, "-display-btn"), true)),
+      "aria-expanded": isOpen,
+      "aria-label": isOpen ? String(hiddenText) : String(openText),
       onClick: function onClick() {
         return setIsOpen(!isOpen);
       },
       children: [/*#__PURE__*/_jsx("span", {
         className: classnames(_defineProperty({}, "".concat(prefixCls, "-display-text"), true)),
         children: isOpen ? hiddenText : openText
-      }), isOpen ? hiddenIcon : openIcon]
+      }), /*#__PURE__*/_jsx("span", {
+        "aria-hidden": true,
+        children: isOpen ? hiddenIcon : openIcon
+      })]
     });
   };
   useEffect(function () {
@@ -107,6 +113,8 @@ var BatchOperationBar = function BatchOperationBar(props) {
   return wrapSSR( /*#__PURE__*/_jsxs("div", {
     className: classnames(_defineProperty(_defineProperty({}, className, !!className), prefixCls, true)),
     style: style,
+    role: "toolbar",
+    "aria-label": typeof (locale === null || locale === void 0 ? void 0 : locale.toolbarLabel) === 'string' ? locale.toolbarLabel : undefined,
     children: [/*#__PURE__*/_jsxs("div", {
       className: "".concat(prefixCls, "-header"),
       children: [/*#__PURE__*/_jsxs(Space, {
@@ -115,9 +123,12 @@ var BatchOperationBar = function BatchOperationBar(props) {
             className: "".concat(prefixCls, "-title"),
             children: title
           }), /*#__PURE__*/_jsx("span", {
-            children: locale === null || locale === void 0 || (_locale$alertText = locale.alertText) === null || _locale$alertText === void 0 || (_locale$alertText$rep = _locale$alertText.replace) === null || _locale$alertText$rep === void 0 ? void 0 : _locale$alertText$rep.call(_locale$alertText, /\$\{\}/, (selectedData === null || selectedData === void 0 ? void 0 : selectedData.length) || 0)
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            children: locale === null || locale === void 0 || (_locale$alertText = locale.alertText) === null || _locale$alertText === void 0 || (_locale$alertText$rep = _locale$alertText.replace) === null || _locale$alertText$rep === void 0 ? void 0 : _locale$alertText$rep.call(_locale$alertText, /\$\{\}/, String((selectedData === null || selectedData === void 0 ? void 0 : selectedData.length) || 0))
           })]
-        }), !!showCancelBtn && /*#__PURE__*/_jsx("span", {
+        }), !!showCancelBtn && /*#__PURE__*/_jsx("button", {
+          type: "button",
           className: classnames(_defineProperty({}, "".concat(prefixCls, "-cancel"), true)),
           onClick: function onClick() {
             return cleanSelectedRows();

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

@@ -3,5 +3,6 @@ declare const _default: {
     openText: string;
     hiddenText: string;
     alertText: string;
+    toolbarLabel: string;
 };
 export default _default;

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

@@ -2,5 +2,6 @@ export default {
   cancelText: 'Deselect',
   openText: 'Expand Selected',
   hiddenText: 'Collapse Selected',
-  alertText: '${} items selected'
+  alertText: '${} items selected',
+  toolbarLabel: 'Batch actions'
 };

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

@@ -3,5 +3,6 @@ declare const _default: {
     openText: string;
     hiddenText: string;
     alertText: string;
+    toolbarLabel: string;
 };
 export default _default;

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

@@ -2,5 +2,6 @@ export default {
   cancelText: '選択解除',
   openText: '選択済みを展開',
   hiddenText: '選択済みを折りたたむ',
-  alertText: '${} 件を選択しました'
+  alertText: '${} 件を選択しました',
+  toolbarLabel: '一括操作'
 };

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

@@ -3,5 +3,6 @@ declare const _default: {
     openText: string;
     hiddenText: string;
     alertText: string;
+    toolbarLabel: string;
 };
 export default _default;

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

@@ -2,5 +2,6 @@ export default {
   cancelText: '取消选择',
   openText: '展开已选',
   hiddenText: '收起已选',
-  alertText: '已选择 ${} 项'
+  alertText: '已选择 ${} 项',
+  toolbarLabel: '批量操作'
 };

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

@@ -3,5 +3,6 @@ declare const _default: {
     openText: string;
     hiddenText: string;
     alertText: string;
+    toolbarLabel: string;
 };
 export default _default;

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

@@ -2,5 +2,6 @@ export default {
   cancelText: '取消選擇',
   openText: '展開選擇',
   hiddenText: '收起已選',
-  alertText: '已選擇 ${} 項'
+  alertText: '已選擇 ${} 項',
+  toolbarLabel: '批次操作'
 };

package/es/BatchOperationBar/style/index.js

@@ -27,7 +27,12 @@ export var genBatchOperationBarStyle = function genBatchOperationBarStyle(token)
     fontWeight: fontWeightStrong
   }), "".concat(componentCls, "-cancel, ").concat(componentCls, "-display-btn"), {
     color: token.colorPrimary,
-    cursor: 'pointer'
+    cursor: 'pointer',
+    border: 'none',
+    background: 'transparent',
+    padding: 0,
+    font: 'inherit',
+    textAlign: 'inherit'
   }), "".concat(componentCls, "-display-text"), {
     marginRight: 4
   })), "".concat(componentCls, "-content"), {

package/es/DateRanger/Ranger.js

@@ -552,7 +552,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
             }
           }, omit(rest, 'value', 'onChange', 'style', 'className', 'onClick', 'disabled', 'format')))
         })]
-      }), /*#__PURE__*/_jsxs(Radio.Group, {
+      }), (hasRewind || hasForward) && /*#__PURE__*/_jsxs(Radio.Group, {
         value: isPlay ? 'play' : '',
         className: "".concat(prefix, "-playback-control"),
         buttonStyle: "solid",
@@ -563,6 +563,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           },
           children: /*#__PURE__*/_jsx(Radio.Button, {
             value: "stepBack",
+            "aria-label": locale.jumpBack,
             style: {
               paddingInline: 8,
               borderInlineStart: 0,
@@ -585,7 +586,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
                 rangeChange([newStartTime, newEndTime]);
               }
             },
-            children: /*#__PURE__*/_jsx(LeftOutlined, {})
+            children: /*#__PURE__*/_jsx(LeftOutlined, {
+              "aria-hidden": true
+            })
           })
         }), hasForward && /*#__PURE__*/_jsx(Tooltip, {
           title: locale.jumpForward,
@@ -594,6 +597,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           },
           children: /*#__PURE__*/_jsx(Radio.Button, {
             value: "stepForward",
+            "aria-label": locale.jumpForward,
             style: {
               paddingInline: 8,
               borderTopLeftRadius: 0,
@@ -613,11 +617,14 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
                 }
               }
             },
-            children: /*#__PURE__*/_jsx(RightOutlined, {})
+            children: /*#__PURE__*/_jsx(RightOutlined, {
+              "aria-hidden": true
+            })
           })
         })]
       })]
     }), hasSync && rangeName !== CUSTOMIZE && /*#__PURE__*/_jsx(Button, {
+      "aria-label": locale.syncToCurrent,
       style: {
         paddingInline: 8,
         color: token.colorTextSecondary
@@ -625,8 +632,11 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClick: function onClick() {
         setNow();
       },
-      children: /*#__PURE__*/_jsx(SyncOutlined, {})
+      children: /*#__PURE__*/_jsx(SyncOutlined, {
+        "aria-hidden": true
+      })
     }), hasZoomOut && /*#__PURE__*/_jsx(Button, {
+      "aria-label": locale.zoomOutRange,
       disabled: !nextRangeItem,
       style: {
         color: token.colorTextSecondary
@@ -639,7 +649,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           return;
         }
       },
-      icon: /*#__PURE__*/_jsx(ZoomOutOutlined, {})
+      icon: /*#__PURE__*/_jsx(ZoomOutOutlined, {
+        "aria-hidden": true
+      })
     })]
   }));
 });

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

@@ -52,5 +52,7 @@ declare const _default: {
     current: string;
     jumpBack: string;
     jumpForward: string;
+    syncToCurrent: string;
+    zoomOutRange: string;
 };
 export default _default;

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

@@ -16,5 +16,7 @@ export default _objectSpread({
   confirm: 'Confirm',
   current: 'Current',
   jumpBack: 'Previous Interval',
-  jumpForward: 'Next Interval'
+  jumpForward: 'Next Interval',
+  syncToCurrent: 'Sync to current time',
+  zoomOutRange: 'Expand time range'
 }, en_US);

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

@@ -52,5 +52,7 @@ declare const _default: {
     current: string;
     jumpBack: string;
     jumpForward: string;
+    syncToCurrent: string;
+    zoomOutRange: string;
 };
 export default _default;

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

@@ -16,5 +16,7 @@ export default _objectSpread({
   confirm: 'OK',
   current: '現在',
   jumpBack: '前の期間へ',
-  jumpForward: '次の期間へ'
+  jumpForward: '次の期間へ',
+  syncToCurrent: '現在時刻に同期',
+  zoomOutRange: '時間範囲を拡大'
 }, ja_JP);

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

@@ -52,5 +52,7 @@ declare const _default: {
     current: string;
     jumpBack: string;
     jumpForward: string;
+    syncToCurrent: string;
+    zoomOutRange: string;
 };
 export default _default;

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

@@ -16,5 +16,7 @@ export default _objectSpread({
   confirm: '确定',
   current: '当前',
   jumpBack: '向前跳转一个时间区间',
-  jumpForward: '向后跳转一个时间区间'
+  jumpForward: '向后跳转一个时间区间',
+  syncToCurrent: '同步到当前时间',
+  zoomOutRange: '放大时间范围'
 }, zh_CN);

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

@@ -52,5 +52,7 @@ declare const _default: {
     current: string;
     jumpBack: string;
     jumpForward: string;
+    syncToCurrent: string;
+    zoomOutRange: string;
 };
 export default _default;

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

@@ -16,5 +16,7 @@ export default _objectSpread({
   confirm: '確定',
   current: '當前',
   jumpBack: '向前跳轉一個時間區間',
-  jumpForward: '向後跳轉一個時間區間'
+  jumpForward: '向後跳轉一個時間區間',
+  syncToCurrent: '同步到當前時間',
+  zoomOutRange: '放大時間範圍'
 }, zh_TW);

package/es/Dialog/index.d.ts

@@ -3,6 +3,11 @@ import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 export interface DialogLocale {
     helpDocument: string;
     openHelpCenter: string;
+    closeDialog: string;
+    minimize: string;
+    restoreWindow: string;
+    maximize: string;
+    exitFullscreen: string;
 }
 export interface DialogExtLink {
     text?: string;