@oceanbase/ui 0.2.19 → 0.2.21

package/es/BasicLayout/index.js

@@ -1,9 +1,10 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["children", "location", "banner", "iconUrl", "logoUrl", "simpleLogoUrl", "topHeader", "menus", "defaultCollapsed", "defaultSelectedKeys", "defaultOpenKeys", "sideHeader", "subSideMenuProps", "subSideMenus", "prefixCls", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,6 +29,9 @@ import Header from "./Header";
 import zhCN from "./locale/zh-CN";
 import useStyle from "./style";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var Content = Layout.Content,
   Sider = Layout.Sider;
 var SubMenu = Menu.SubMenu,
@@ -142,10 +146,9 @@ var BasicLayout = function BasicLayout(_ref) {
           childAccessible = _ref3$accessible === void 0 ? true : _ref3$accessible;
         return childAccessible;
       }) : item.accessible)) {
-        pre.push( /*#__PURE__*/React.createElement(SubMenu, {
+        pre.push( /*#__PURE__*/_jsx(SubMenu, {
           "data-testid": "menu.sub",
-          key: item.link,
-          title: /*#__PURE__*/React.createElement(Tooltip, _extends({
+          title: /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
             placement: "right",
             title: item.title
             // SubMenu 通常都会带 icon，因此这里判断英文环境下如果标题字符长度 > 15 就支持 tooltip 展示
@@ -153,37 +156,48 @@ var BasicLayout = function BasicLayout(_ref) {
             visible: false,
             // Support for antd 5.0
             open: false
-          }, {
+          }), {}, {
             getPopupContainer: function getPopupContainer() {
               return document.body;
-            }
-          }), /*#__PURE__*/React.createElement("span", null, renderIcon(item), /*#__PURE__*/React.createElement("span", null, item.title)))
-        }, renderMenu(item.children)));
+            },
+            children: /*#__PURE__*/_jsxs("span", {
+              children: [renderIcon(item), /*#__PURE__*/_jsx("span", {
+                children: item.title
+              })]
+            })
+          })),
+          children: renderMenu(item.children)
+        }, item.link));
       } else if (!item.children && accessible) {
-        pre.push( /*#__PURE__*/React.createElement(Item, {
+        pre.push( /*#__PURE__*/_jsx(Item, {
           "data-testid": "menu.item",
-          key: item.link,
           onClick: function onClick() {
             if (pathname !== item.link) {
               navigate === null || navigate === void 0 ? void 0 : navigate(item.link);
             }
-          }
-        }, /*#__PURE__*/React.createElement(Tooltip, _extends({
-          placement: "right",
-          title: item.title
-          // 对于 Menu.Item，英文环境下如果标题字符长度 > 20 就支持 tooltip 展示
-        }, isEnglish() && item.title && item.title.length > 20 ? {} : {
-          visible: false,
-          // Support for antd 5.0
-          open: false
-        }, {
-          getPopupContainer: function getPopupContainer() {
-            return document.body;
-          }
-        }), /*#__PURE__*/React.createElement("span", null, renderIcon(item), /*#__PURE__*/React.createElement("span", null, item.title)))));
+          },
+          children: /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+            placement: "right",
+            title: item.title
+            // 对于 Menu.Item，英文环境下如果标题字符长度 > 20 就支持 tooltip 展示
+          }, isEnglish() && item.title && item.title.length > 20 ? {} : {
+            visible: false,
+            // Support for antd 5.0
+            open: false
+          }), {}, {
+            getPopupContainer: function getPopupContainer() {
+              return document.body;
+            },
+            children: /*#__PURE__*/_jsxs("span", {
+              children: [renderIcon(item), /*#__PURE__*/_jsx("span", {
+                children: item.title
+              })]
+            })
+          }))
+        }, item.link));
       }
       if (item.divider && accessible) {
-        pre.push( /*#__PURE__*/React.createElement(Divider, {
+        pre.push( /*#__PURE__*/_jsx(Divider, {
           style: {
             // 渐变的分隔线
             borderImage: "linear-gradient(90deg, ".concat(token.colorTextQuaternary, " 0%, ").concat(setAlpha(token.colorTextQuaternary, 0), " 100%) 1")
@@ -207,29 +221,32 @@ var BasicLayout = function BasicLayout(_ref) {
           childAccessible = _ref4$accessible === void 0 ? true : _ref4$accessible;
         return childAccessible;
       }) : item.accessible)) {
-        pre.push( /*#__PURE__*/React.createElement(SubMenu, {
-          key: item.link,
-          title: renderIcon(item, isSubSider)
-        }, renderMenu(item.children)));
+        pre.push( /*#__PURE__*/_jsx(SubMenu, {
+          title: renderIcon(item, isSubSider),
+          children: renderMenu(item.children)
+        }, item.link));
       } else if (!item.children && accessible) {
-        pre.push( /*#__PURE__*/React.createElement(Item, {
+        pre.push( /*#__PURE__*/_jsx(Item, {
           "data-testid": "menu.item",
-          key: item.link,
           onClick: function onClick() {
             if (pathname !== item.link) {
               navigate === null || navigate === void 0 ? void 0 : navigate(item.link);
             }
-          }
-        }, /*#__PURE__*/React.createElement(Tooltip, {
-          placement: "right",
-          title: item.title,
-          getPopupContainer: function getPopupContainer() {
-            return document.body;
-          }
-        }, /*#__PURE__*/React.createElement("div", null, renderIcon(item, isSubSider)))));
+          },
+          children: /*#__PURE__*/_jsx(Tooltip, {
+            placement: "right",
+            title: item.title,
+            getPopupContainer: function getPopupContainer() {
+              return document.body;
+            },
+            children: /*#__PURE__*/_jsx("div", {
+              children: renderIcon(item, isSubSider)
+            })
+          })
+        }, item.link));
       }
       if (item.divider && accessible) {
-        pre.push( /*#__PURE__*/React.createElement(Divider, null));
+        pre.push( /*#__PURE__*/_jsx(Divider, {}));
       }
       return pre;
     }, []);
@@ -245,74 +262,98 @@ var BasicLayout = function BasicLayout(_ref) {
   } else if (!subSideMenus && !menus) {
     siderWidth = 0;
   }
-  return wrapSSR( /*#__PURE__*/React.createElement(React.Fragment, null, banner && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-banner-wrapper")
-  }, banner), /*#__PURE__*/React.createElement(Layout, _extends({
-    className: classNames(prefix, className, basicLayoutCls, _defineProperty({}, "".concat(prefix, "-with-banner"), banner))
-  }, restProps), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, _extends({
-    pathname: pathname,
-    iconUrl: iconUrl,
-    logoUrl: logoUrl,
-    simpleLogoUrl: simpleLogoUrl
-  }, topHeader)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Layout, {
-    className: "".concat(prefix, "-content-layout"),
-    style: {
-      marginTop: 48
-    }
-  }, (subSideMenus || menus) && /*#__PURE__*/React.createElement(Sider, {
-    theme: "light",
-    width: siderWidth,
-    className: classNames("".concat(prefix, "-sider"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "-sider-collapsed"), collapsed), _defineProperty(_classNames2, "".concat(prefix, "-sider-has-sub-sider"), subSideMenus), _classNames2))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-sider-wrapper")
-  }, subSideMenus && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-sub-sider")
-  }, /*#__PURE__*/React.createElement(Menu, _extends({}, subSideMenuProps, {
-    mode: "vertical",
-    className: "".concat(prefix, "-menu-vertical")
-  }), renderCollapsedMenu(subSideMenus, true))), (sideHeader || menus) && /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-sider-content")
-  }, sideHeader && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-sider-header")
-  }, sideHeader), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-menu-wrapper")
-  }, collapsed ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-menu-collapsed")
-  }, /*#__PURE__*/React.createElement(Menu, _extends({}, menuProps, {
-    mode: "vertical",
-    className: "".concat(prefix, "-menu-vertical")
-  }), renderCollapsedMenu(menus, false))) : /*#__PURE__*/React.createElement(Menu, _extends({}, menuProps, {
-    mode: "inline",
-    expandIcon: function expandIcon(_ref5) {
-      var isOpen = _ref5.isOpen;
-      return /*#__PURE__*/React.createElement(CaretRightFilled, {
-        rotate: isOpen ? 90 : 0,
-        style: {
-          fontSize: 12
-        }
-      });
-    },
-    className: "".concat(prefix, "-menu")
-  }), renderMenu(menus)))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-sider-border")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-sider-collapse"),
-    onClick: function onClick() {
-      setCollapsed(!collapsed);
-      // 导航展开/收起时，重置 openKeys
-      setOpenKeys([]);
-    }
-  }, collapsed ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null)))))), /*#__PURE__*/React.createElement(Content, {
-    className: classNames("".concat(prefix, "-content"), "".concat(prefix, "-content-").concat(siderWidth)),
-    style: {
-      marginLeft: siderWidth
-    }
-  }, children)))))));
+  return wrapSSR( /*#__PURE__*/_jsxs(_Fragment, {
+    children: [banner && /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefix, "-banner-wrapper"),
+      children: banner
+    }), /*#__PURE__*/_jsx(Layout, _objectSpread(_objectSpread({
+      className: classNames(prefix, className, basicLayoutCls, _defineProperty({}, "".concat(prefix, "-with-banner"), banner))
+    }, restProps), {}, {
+      children: /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx(Header, _objectSpread({
+          pathname: pathname,
+          iconUrl: iconUrl,
+          logoUrl: logoUrl,
+          simpleLogoUrl: simpleLogoUrl
+        }, topHeader)), /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsxs(Layout, {
+            className: "".concat(prefix, "-content-layout"),
+            style: {
+              marginTop: 48
+            },
+            children: [(subSideMenus || menus) && /*#__PURE__*/_jsx(Sider, {
+              theme: "light",
+              width: siderWidth,
+              className: classNames("".concat(prefix, "-sider"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "-sider-collapsed"), collapsed), _defineProperty(_classNames2, "".concat(prefix, "-sider-has-sub-sider"), subSideMenus), _classNames2)),
+              children: /*#__PURE__*/_jsxs("div", {
+                className: "".concat(prefix, "-sider-wrapper"),
+                children: [subSideMenus && /*#__PURE__*/_jsx("div", {
+                  className: "".concat(prefix, "-sub-sider"),
+                  children: /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({}, subSideMenuProps), {}, {
+                    mode: "vertical",
+                    className: "".concat(prefix, "-menu-vertical"),
+                    children: renderCollapsedMenu(subSideMenus, true)
+                  }))
+                }), (sideHeader || menus) && /*#__PURE__*/_jsxs("div", {
+                  style: {
+                    display: 'flex',
+                    width: '100%'
+                  },
+                  children: [/*#__PURE__*/_jsxs("div", {
+                    className: "".concat(prefix, "-sider-content"),
+                    children: [sideHeader && /*#__PURE__*/_jsx("div", {
+                      className: "".concat(prefix, "-sider-header"),
+                      children: sideHeader
+                    }), /*#__PURE__*/_jsx("div", {
+                      className: "".concat(prefix, "-menu-wrapper"),
+                      children: collapsed ? /*#__PURE__*/_jsx("div", {
+                        className: "".concat(prefix, "-menu-collapsed"),
+                        children: /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({}, menuProps), {}, {
+                          mode: "vertical",
+                          className: "".concat(prefix, "-menu-vertical"),
+                          children: renderCollapsedMenu(menus, false)
+                        }))
+                      }) : /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({}, menuProps), {}, {
+                        mode: "inline",
+                        expandIcon: function expandIcon(_ref5) {
+                          var isOpen = _ref5.isOpen;
+                          return /*#__PURE__*/_jsx(CaretRightFilled, {
+                            rotate: isOpen ? 90 : 0,
+                            style: {
+                              fontSize: 12
+                            }
+                          });
+                        },
+                        className: "".concat(prefix, "-menu"),
+                        children: renderMenu(menus)
+                      }))
+                    })]
+                  }), /*#__PURE__*/_jsx("div", {
+                    className: "".concat(prefix, "-sider-border"),
+                    children: /*#__PURE__*/_jsx("div", {
+                      className: "".concat(prefix, "-sider-collapse"),
+                      onClick: function onClick() {
+                        setCollapsed(!collapsed);
+                        // 导航展开/收起时，重置 openKeys
+                        setOpenKeys([]);
+                      },
+                      children: collapsed ? /*#__PURE__*/_jsx(RightOutlined, {}) : /*#__PURE__*/_jsx(LeftOutlined, {})
+                    })
+                  })]
+                })]
+              })
+            }), /*#__PURE__*/_jsx(Content, {
+              className: classNames("".concat(prefix, "-content"), "".concat(prefix, "-content-").concat(siderWidth)),
+              style: {
+                marginLeft: siderWidth
+              },
+              children: children
+            })]
+          })
+        })]
+      })
+    }))]
+  }));
 };
 export default LocaleWrapper({
   componentName: 'BasicLayout',

package/es/BatchOperationBar/index.js

@@ -18,6 +18,8 @@ import React, { useEffect, useMemo, useState } from 'react';
 import LocaleWrapper from "../locale/LocaleWrapper";
 import "./index.less";
 import zhCN from "./locale/zh-CN";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = 'ob-batch-operation-bar';
 var BatchOperationBar = function BatchOperationBar(props) {
   var _classnames3, _locale$alertText, _locale$alertText$rep, _classnames5;
@@ -38,11 +40,11 @@ var BatchOperationBar = function BatchOperationBar(props) {
     _props$openText = props.openText,
     openText = _props$openText === void 0 ? locale === null || locale === void 0 ? void 0 : locale.openText : _props$openText,
     _props$openIcon = props.openIcon,
-    openIcon = _props$openIcon === void 0 ? /*#__PURE__*/React.createElement(DownOutlined, null) : _props$openIcon,
+    openIcon = _props$openIcon === void 0 ? /*#__PURE__*/_jsx(DownOutlined, {}) : _props$openIcon,
     _props$hiddenText = props.hiddenText,
     hiddenText = _props$hiddenText === void 0 ? locale === null || locale === void 0 ? void 0 : locale.hiddenText : _props$hiddenText,
     _props$hiddenIcon = props.hiddenIcon,
-    hiddenIcon = _props$hiddenIcon === void 0 ? /*#__PURE__*/React.createElement(UpOutlined, null) : _props$hiddenIcon,
+    hiddenIcon = _props$hiddenIcon === void 0 ? /*#__PURE__*/_jsx(UpOutlined, {}) : _props$hiddenIcon,
     _props$showCancelBtn = props.showCancelBtn,
     showCancelBtn = _props$showCancelBtn === void 0 ? true : _props$showCancelBtn,
     _props$showOpenBtn = props.showOpenBtn,
@@ -84,41 +86,56 @@ var BatchOperationBar = function BatchOperationBar(props) {
   var disPlayBtnRender = function disPlayBtnRender() {
     var _classnames;
     if (!showOpenBtn) return null;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "-open-btn"), isOpen), _defineProperty(_classnames, "".concat(prefix, "-close-btn"), !isOpen), _defineProperty(_classnames, "".concat(prefix, "-display-btn"), true), _classnames)),
       onClick: function onClick() {
         return setIsOpen(!isOpen);
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: classnames(_defineProperty({}, "".concat(prefix, "-display-text"), true))
-    }, isOpen ? hiddenText : openText), isOpen ? hiddenIcon : openIcon);
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        className: classnames(_defineProperty({}, "".concat(prefix, "-display-text"), true)),
+        children: isOpen ? hiddenText : openText
+      }), isOpen ? hiddenIcon : openIcon]
+    });
   };
   useEffect(function () {
     if (isEmpty(selectedRows) || !selectedRows) setSelectedData([]);else setSelectedData(selectedRows);
   }, [selectedRows]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classnames((_classnames3 = {}, _defineProperty(_classnames3, className, !!className), _defineProperty(_classnames3, prefix, true), _classnames3)),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-header")
-  }, /*#__PURE__*/React.createElement(Space, null, !!alertRender ? alertRender === null || alertRender === void 0 ? void 0 : alertRender(selectedData) : /*#__PURE__*/React.createElement(Space, null, title && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-title")
-  }, title), /*#__PURE__*/React.createElement("span", null, locale === null || locale === void 0 ? void 0 : (_locale$alertText = locale.alertText) === null || _locale$alertText === void 0 ? 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))), !!showCancelBtn && /*#__PURE__*/React.createElement("span", {
-    className: classnames(_defineProperty({}, "".concat(prefix, "-cancel"), true)),
-    onClick: function onClick() {
-      return cleanSelectedRows();
-    }
-  }, cancelText), disPlayBtnRender()), !!alertOptionRender && /*#__PURE__*/React.createElement("div", null, alertOptionRender === null || alertOptionRender === void 0 ? void 0 : alertOptionRender({
-    selectedRows: selectedData,
-    setSelectedRows: setSelectedRows,
-    cleanSelectedRows: cleanSelectedRows
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classnames((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-active"), !!isOpen), _defineProperty(_classnames5, "".concat(prefix, "-content-hidden"), !isOpen), _classnames5))
-  }, typeof content === 'function' ? content === null || content === void 0 ? void 0 : content({
-    selectedRows: selectedData,
-    setSelectedRows: setSelectedRows,
-    cleanSelectedRows: cleanSelectedRows
-  }) : content));
+    style: style,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefix, "-header"),
+      children: [/*#__PURE__*/_jsxs(Space, {
+        children: [!!alertRender ? alertRender === null || alertRender === void 0 ? void 0 : alertRender(selectedData) : /*#__PURE__*/_jsxs(Space, {
+          children: [title && /*#__PURE__*/_jsx("span", {
+            className: "".concat(prefix, "-title"),
+            children: title
+          }), /*#__PURE__*/_jsx("span", {
+            children: locale === null || locale === void 0 ? void 0 : (_locale$alertText = locale.alertText) === null || _locale$alertText === void 0 ? 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)
+          })]
+        }), !!showCancelBtn && /*#__PURE__*/_jsx("span", {
+          className: classnames(_defineProperty({}, "".concat(prefix, "-cancel"), true)),
+          onClick: function onClick() {
+            return cleanSelectedRows();
+          },
+          children: cancelText
+        }), disPlayBtnRender()]
+      }), !!alertOptionRender && /*#__PURE__*/_jsx("div", {
+        children: alertOptionRender === null || alertOptionRender === void 0 ? void 0 : alertOptionRender({
+          selectedRows: selectedData,
+          setSelectedRows: setSelectedRows,
+          cleanSelectedRows: cleanSelectedRows
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: classnames((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-active"), !!isOpen), _defineProperty(_classnames5, "".concat(prefix, "-content-hidden"), !isOpen), _classnames5)),
+      children: typeof content === 'function' ? content === null || content === void 0 ? void 0 : content({
+        selectedRows: selectedData,
+        setSelectedRows: setSelectedRows,
+        cleanSelectedRows: cleanSelectedRows
+      }) : content
+    })]
+  });
 };
 export default LocaleWrapper({
   componentName: 'BatchOperationBar',

package/es/Boundary/Components/Code.js

@@ -3,6 +3,8 @@ import React, { useMemo } from 'react';
 import LocaleWrapper from "../../locale/LocaleWrapper";
 import { CODE_PRESET } from "../constant";
 import zhCN from "../locale/zh-CN";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var BoundaryCode = function BoundaryCode(props) {
   var children = props.children,
     onClick = props.onClick,
@@ -15,16 +17,21 @@ var BoundaryCode = function BoundaryCode(props) {
     var data = CODE_PRESET(locale);
     return data[code];
   }, [code, locale]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "boundary-container boundary-code"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "empty"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: imageUrl || info.imageUrl
-  }), /*#__PURE__*/React.createElement("h4", null, title || info.title), children, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: onClick || info.onClick
-  }, buttonText || info.buttonText)));
+  return /*#__PURE__*/_jsx("div", {
+    className: "boundary-container boundary-code",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "empty",
+      children: [/*#__PURE__*/_jsx("img", {
+        src: imageUrl || info.imageUrl
+      }), /*#__PURE__*/_jsx("h4", {
+        children: title || info.title
+      }), children, /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: onClick || info.onClick,
+        children: buttonText || info.buttonText
+      })]
+    })
+  });
 };
 export var Code = LocaleWrapper({
   componentName: 'Boundary',

package/es/Boundary/Components/Exception.js

@@ -17,6 +17,8 @@ import React from 'react';
 import LocaleWrapper from "../../locale/LocaleWrapper";
 import { EXCEPTION_PRESET } from "../constant";
 import zhCN from "../locale/zh-CN";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(BoundaryException, _React$PureComponent);
   var _super = _createSuper(BoundaryException);
@@ -78,38 +80,51 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
       var errorDescription = info === null || info === void 0 ? void 0 : info.componentStack;
       var errorMessage = (error || '').toString();
       if ((_this$state2 = this.state) !== null && _this$state2 !== void 0 && _this$state2.hasError) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "boundary-container"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "empty"
-        }, /*#__PURE__*/React.createElement("img", {
-          src: imageUrl || errorInfo.imageUrl
-        }), /*#__PURE__*/React.createElement("h4", null, title || errorInfo.title), showError ? /*#__PURE__*/React.createElement(Alert, {
-          type: "error",
-          showIcon: true,
-          message: errorMessage,
-          description: errorDescription,
-          style: {
-            marginTop: 24,
-            overflow: 'auto',
-            maxHeight: '50vh',
-            // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
-            textAlign: 'left'
-          }
-        }) : subscription && /*#__PURE__*/React.createElement("span", null, subscription), hasButton ? /*#__PURE__*/React.createElement(Button, {
-          type: "primary",
-          onClick: function onClick() {
-            return _this2.onClick();
-          }
-        }, buttonText || errorInfo.buttonText) : ''));
+        return /*#__PURE__*/_jsx("div", {
+          className: "boundary-container",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "empty",
+            children: [/*#__PURE__*/_jsx("img", {
+              src: imageUrl || errorInfo.imageUrl
+            }), /*#__PURE__*/_jsx("h4", {
+              children: title || errorInfo.title
+            }), showError ? /*#__PURE__*/_jsx(Alert, {
+              type: "error",
+              showIcon: true,
+              message: errorMessage,
+              description: errorDescription,
+              style: {
+                marginTop: 24,
+                overflow: 'auto',
+                maxHeight: '50vh',
+                // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
+                textAlign: 'left'
+              }
+            }) : subscription && /*#__PURE__*/_jsx("span", {
+              children: subscription
+            }), hasButton ? /*#__PURE__*/_jsx(Button, {
+              type: "primary",
+              onClick: function onClick() {
+                return _this2.onClick();
+              },
+              children: buttonText || errorInfo.buttonText
+            }) : '']
+          })
+        });
       } else if (isNotCompatible) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "boundary-container"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "empty"
-        }, /*#__PURE__*/React.createElement("img", {
-          src: imageUrl || notCompatibleInfo.imageUrl
-        }), /*#__PURE__*/React.createElement("h4", null, title || notCompatibleInfo.title), /*#__PURE__*/React.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription)));
+        return /*#__PURE__*/_jsx("div", {
+          className: "boundary-container",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "empty",
+            children: [/*#__PURE__*/_jsx("img", {
+              src: imageUrl || notCompatibleInfo.imageUrl
+            }), /*#__PURE__*/_jsx("h4", {
+              children: title || notCompatibleInfo.title
+            }), /*#__PURE__*/_jsx("span", {
+              children: subscription ? subscription : notCompatibleInfo.subscription
+            })]
+          })
+        });
       }
       return this.props.children;
     }

package/es/Boundary/Components/Function.js

@@ -1,5 +1,7 @@
 import { Button } from '@oceanbase/design';
 import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BoundaryFunction = function BoundaryFunction(props) {
   var children = props.children,
     state = props.state,
@@ -8,14 +10,19 @@ export var BoundaryFunction = function BoundaryFunction(props) {
   var info = useMemo(function () {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "boundary-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "empty"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: info.imageUrl
-  }), /*#__PURE__*/React.createElement("h4", null, info.title), children, info.buttonText && /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: onClick || info.onClick
-  }, info.buttonText)));
+  return /*#__PURE__*/_jsx("div", {
+    className: "boundary-container",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "empty",
+      children: [/*#__PURE__*/_jsx("img", {
+        src: info.imageUrl
+      }), /*#__PURE__*/_jsx("h4", {
+        children: info.title
+      }), children, info.buttonText && /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: onClick || info.onClick,
+        children: info.buttonText
+      })]
+    })
+  });
 };