@oceanbase/ui 1.0.0-alpha.9 → 1.0.0

package/es/BasicLayout/index.js

@@ -1,5 +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; }
@@ -38,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,
@@ -62,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;
@@ -124,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;
@@ -138,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) {
@@ -158,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;
@@ -186,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);
@@ -225,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;
@@ -239,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);
@@ -300,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", {
@@ -345,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, {})
+                      })
                     })
                   })]
                 })]
@@ -362,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

@@ -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; }
@@ -89,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 () {
@@ -106,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, {
@@ -114,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/Boundary/Components/Code.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", "code", "imageUrl", "title", "buttonText", "locale", "className"];
 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; }
@@ -39,7 +40,7 @@ var BoundaryCode = function BoundaryCode(props) {
     className: classNames('boundary-container', 'boundary-code', "".concat(prefixCls, "-").concat(code), className)
   }, restProps), {}, {
     children: /*#__PURE__*/_jsxs("div", {
-      className: "empty",
+      className: "boundary-empty",
       children: [/*#__PURE__*/_jsx("img", {
         src: imageUrl || info.imageUrl
       }), /*#__PURE__*/_jsx("h4", {

package/es/Boundary/Components/Exception.js

@@ -1,3 +1,4 @@
+"use client";
 var _excluded = ["imageUrl", "title", "buttonText", "subscription", "isNotCompatible", "showError", "hasButton", "locale", "className"];
 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; }
@@ -113,7 +114,7 @@ var ExceptionWrapper = function ExceptionWrapper(_ref) {
       className: classNames('boundary-container', "".concat(prefixCls, "-error"), className)
     }, restProps), {}, {
       children: /*#__PURE__*/_jsxs("div", {
-        className: "empty",
+        className: "boundary-empty",
         children: [/*#__PURE__*/_jsx("img", {
           src: imageUrl || errorInfo.imageUrl
         }), /*#__PURE__*/_jsx("h4", {
@@ -146,7 +147,7 @@ var ExceptionWrapper = function ExceptionWrapper(_ref) {
       className: classNames('boundary-container', "".concat(prefixCls, "-browser-not-compatible"), className)
     }, restProps), {}, {
       children: /*#__PURE__*/_jsxs("div", {
-        className: "empty",
+        className: "boundary-empty",
         children: [/*#__PURE__*/_jsx("img", {
           src: imageUrl || notCompatibleInfo.imageUrl
         }), /*#__PURE__*/_jsx("h4", {

package/es/Boundary/Components/Function.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", "state", "config", "onClick", "className"];
 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; }
@@ -32,7 +33,7 @@ export var BoundaryFunction = function BoundaryFunction(props) {
     className: classNames('boundary-container', "".concat(prefixCls, "-function"), className)
   }, restProps), {}, {
     children: /*#__PURE__*/_jsxs("div", {
-      className: "empty",
+      className: "boundary-empty",
       children: [/*#__PURE__*/_jsx("img", {
         src: info.imageUrl
       }), /*#__PURE__*/_jsx("h4", {

package/es/Boundary/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { BoundaryFunction, Code, Exception } from "./Components";
 export default {
   Code: Code,

package/es/Boundary/style/index.js

@@ -10,12 +10,14 @@ export var genBoundaryStyle = function genBoundaryStyle(token) {
     alignItems: 'center',
     justifyContent: 'center',
     height: '100%',
-    '.empty': {
+    backgroundColor: token.colorBgContainer,
+    paddingBlock: token.paddingLG,
+    paddingInline: token.paddingXL,
+    '.boundary-empty': {
       display: 'flex',
       flexDirection: 'column',
       alignItems: 'center',
       justifyContent: 'center',
-      paddingBottom: 60,
       '> img': {
         height: 102,
         marginBottom: 24
@@ -27,7 +29,7 @@ export var genBoundaryStyle = function genBoundaryStyle(token) {
       '> span': {
         marginTop: 8,
         color: colorTextTertiary,
-        fontSize: 14,
+        fontSize: token.fontSize,
         textAlign: 'center'
       },
       '> button': {

package/es/ContentWithIcon/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); }
 var _excluded = ["content", "tooltip", "prefixIcon", "suffixIcon", "className", "children", "iconType", "color", "tooltipWithLink", "popOver", "textHidden", "size", "infoColor", "exclamationColor"];
 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/ContentWithQuestion/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); }
 var _excluded = ["content", "tooltip", "prefixIcon", "suffixIcon", "prefixCls", "className", "children"];
 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/DateRanger/EditableDateTimeInput.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Dayjs } from 'dayjs';
+import type { Moment } from 'moment';
+export interface EditableDateTimeInputProps {
+    value?: [Dayjs | Moment | null, Dayjs | Moment | null];
+    onChange?: (value: [Dayjs | Moment, Dayjs | Moment]) => void;
+    format?: string;
+    hideYear?: boolean;
+    hideSecond?: boolean;
+    isMoment?: boolean;
+    isCn?: boolean;
+    className?: string;
+    prefixCls?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+    open?: boolean;
+}
+export interface EditableDateTimeInputRef {
+    hasPastedValue: boolean;
+    confirmPastedValue: () => void;
+}
+declare const EditableDateTimeInput: React.ForwardRefExoticComponent<EditableDateTimeInputProps & React.RefAttributes<EditableDateTimeInputRef>>;
+export default EditableDateTimeInput;