@oceanbase/ui 0.3.2 → 0.3.3

package/es/Boundary/Components/Code.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { CodeType } from '../constant';
 import type { BoundaryLocale } from '../IBoundary';
-export interface IBoundaryCode extends LocaleWrapperProps {
+export interface IBoundaryCode extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     code: CodeType;
     onClick?: () => void;
     children?: React.ReactNode;

package/es/Boundary/Components/Code.js

@@ -1,8 +1,18 @@
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Button } from '@oceanbase/design';
 import React, { useMemo } from 'react';
 import LocaleWrapper from "../../locale/LocaleWrapper";
 import { CODE_PRESET } from "../constant";
 import zhCN from "../locale/zh-CN";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var BoundaryCode = function BoundaryCode(props) {
@@ -12,13 +22,16 @@ var BoundaryCode = function BoundaryCode(props) {
     imageUrl = props.imageUrl,
     title = props.title,
     buttonText = props.buttonText,
-    locale = props.locale;
+    locale = props.locale,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
   var info = useMemo(function () {
     var data = CODE_PRESET(locale);
     return data[code];
   }, [code, locale]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "boundary-container boundary-code",
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: classNames('boundary-container', 'boundary-code', "ob-boundary-".concat(code), className)
+  }, restProps), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: "empty",
       children: [/*#__PURE__*/_jsx("img", {
@@ -31,7 +44,7 @@ var BoundaryCode = function BoundaryCode(props) {
         children: buttonText || info.buttonText
       })]
     })
-  });
+  }));
 };
 export var Code = LocaleWrapper({
   componentName: 'Boundary',

package/es/Boundary/Components/Exception.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { BoundaryLocale } from '../IBoundary';
-export interface ExceptionProps extends LocaleWrapperProps {
+export interface ExceptionProps extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     imageUrl?: string;

package/es/Boundary/Components/Exception.js

@@ -1,4 +1,9 @@
+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; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -17,6 +22,7 @@ import React from 'react';
 import LocaleWrapper from "../../locale/LocaleWrapper";
 import { EXCEPTION_PRESET } from "../constant";
 import zhCN from "../locale/zh-CN";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
@@ -71,7 +77,9 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
         showError = _this$props$showError === void 0 ? false : _this$props$showError,
         _this$props$hasButton = _this$props.hasButton,
         hasButton = _this$props$hasButton === void 0 ? true : _this$props$hasButton,
-        locale = _this$props.locale;
+        locale = _this$props.locale,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
       var errorInfo = EXCEPTION_PRESET(locale).ERROR_BOUNDARY;
       var notCompatibleInfo = EXCEPTION_PRESET(locale).INCOMPATIBLE_VERSION;
       var _this$state = this.state,
@@ -80,8 +88,9 @@ 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__*/_jsx("div", {
-          className: "boundary-container",
+        return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+          className: classNames('boundary-container', 'ob-boundary-error', className)
+        }, restProps), {}, {
           children: /*#__PURE__*/_jsxs("div", {
             className: "empty",
             children: [/*#__PURE__*/_jsx("img", {
@@ -110,10 +119,11 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
               children: buttonText || errorInfo.buttonText
             }) : '']
           })
-        });
+        }));
       } else if (isNotCompatible) {
-        return /*#__PURE__*/_jsx("div", {
-          className: "boundary-container",
+        return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+          className: classNames('boundary-container', 'ob-boundary-browser-not-compatible', className)
+        }, restProps), {}, {
           children: /*#__PURE__*/_jsxs("div", {
             className: "empty",
             children: [/*#__PURE__*/_jsx("img", {
@@ -124,7 +134,7 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
               children: subscription ? subscription : notCompatibleInfo.subscription
             })]
           })
-        });
+        }));
       }
       return this.props.children;
     }

package/es/Boundary/Components/Function.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { FunctionConfigType, FunctionStateType } from '../constant';
-export interface IBoundaryFunction {
+export interface IBoundaryFunction extends React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     state: FunctionStateType;
     config: FunctionConfigType;

package/es/Boundary/Components/Function.js

@@ -1,17 +1,30 @@
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Button } from '@oceanbase/design';
 import React, { useMemo } from 'react';
+import classNames from 'classnames';
 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,
     config = props.config,
-    onClick = props.onClick;
+    onClick = props.onClick,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
   var info = useMemo(function () {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "boundary-container",
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: classNames('boundary-container', 'ob-boundary-function', className)
+  }, restProps), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: "empty",
       children: [/*#__PURE__*/_jsx("img", {
@@ -24,5 +37,5 @@ export var BoundaryFunction = function BoundaryFunction(props) {
         children: info.buttonText
       })]
     })
-  });
+  }));
 };

package/lib/Boundary/Components/Code.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { CodeType } from '../constant';
 import type { BoundaryLocale } from '../IBoundary';
-export interface IBoundaryCode extends LocaleWrapperProps {
+export interface IBoundaryCode extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     code: CodeType;
     onClick?: () => void;
     children?: React.ReactNode;

package/lib/Boundary/Components/Code.js

@@ -37,13 +37,26 @@ var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../../locale/LocaleWrapper"));
 var import_constant = require("../constant");
 var import_zh_CN = __toESM(require("../locale/zh-CN"));
+var import_classnames = __toESM(require("classnames"));
 var BoundaryCode = (props) => {
-  const { children, onClick, code, imageUrl, title, buttonText, locale } = props;
+  const { children, onClick, code, imageUrl, title, buttonText, locale, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     const data = (0, import_constant.CODE_PRESET)(locale);
     return data[code];
   }, [code, locale]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container boundary-code" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || info.title), children, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, buttonText || info.buttonText)));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "boundary-container",
+        "boundary-code",
+        `ob-boundary-${code}`,
+        className
+      ),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || info.title), children, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, buttonText || info.buttonText))
+  );
 };
 var Code = (0, import_LocaleWrapper.default)({
   componentName: "Boundary",

package/lib/Boundary/Components/Exception.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { BoundaryLocale } from '../IBoundary';
-export interface ExceptionProps extends LocaleWrapperProps {
+export interface ExceptionProps extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     imageUrl?: string;

package/lib/Boundary/Components/Exception.js

@@ -37,6 +37,7 @@ var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../../locale/LocaleWrapper"));
 var import_constant = require("../constant");
 var import_zh_CN = __toESM(require("../locale/zh-CN"));
+var import_classnames = __toESM(require("classnames"));
 var BoundaryException = class extends import_react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -74,7 +75,9 @@ var BoundaryException = class extends import_react.default.PureComponent {
       isNotCompatible,
       showError = false,
       hasButton = true,
-      locale
+      locale,
+      className,
+      ...restProps
     } = this.props;
     const errorInfo = (0, import_constant.EXCEPTION_PRESET)(locale).ERROR_BOUNDARY;
     const notCompatibleInfo = (0, import_constant.EXCEPTION_PRESET)(locale).INCOMPATIBLE_VERSION;
@@ -82,24 +85,42 @@ var BoundaryException = class extends import_react.default.PureComponent {
     const errorDescription = info == null ? void 0 : info.componentStack;
     const errorMessage = (error || "").toString();
     if ((_a = this.state) == null ? void 0 : _a.hasError) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || errorInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || errorInfo.title), showError ? /* @__PURE__ */ import_react.default.createElement(
-        import_design.Alert,
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          type: "error",
-          showIcon: true,
-          message: errorMessage,
-          description: errorDescription,
-          style: {
-            marginTop: 24,
-            overflow: "auto",
-            maxHeight: "50vh",
-            // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
-            textAlign: "left"
+          className: (0, import_classnames.default)("boundary-container", "ob-boundary-error", className),
+          ...restProps
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || errorInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || errorInfo.title), showError ? /* @__PURE__ */ import_react.default.createElement(
+          import_design.Alert,
+          {
+            type: "error",
+            showIcon: true,
+            message: errorMessage,
+            description: errorDescription,
+            style: {
+              marginTop: 24,
+              overflow: "auto",
+              maxHeight: "50vh",
+              // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
+              textAlign: "left"
+            }
           }
-        }
-      ) : subscription && /* @__PURE__ */ import_react.default.createElement("span", null, subscription), hasButton ? /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: () => this.onClick() }, buttonText || errorInfo.buttonText) : ""));
+        ) : subscription && /* @__PURE__ */ import_react.default.createElement("span", null, subscription), hasButton ? /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: () => this.onClick() }, buttonText || errorInfo.buttonText) : "")
+      );
     } else if (isNotCompatible) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || notCompatibleInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || notCompatibleInfo.title), /* @__PURE__ */ import_react.default.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription)));
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "boundary-container",
+            "ob-boundary-browser-not-compatible",
+            className
+          ),
+          ...restProps
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || notCompatibleInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || notCompatibleInfo.title), /* @__PURE__ */ import_react.default.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription))
+      );
     }
     return this.props.children;
   }

package/lib/Boundary/Components/Function.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { FunctionConfigType, FunctionStateType } from '../constant';
-export interface IBoundaryFunction {
+export interface IBoundaryFunction extends React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     state: FunctionStateType;
     config: FunctionConfigType;

package/lib/Boundary/Components/Function.js

@@ -34,12 +34,20 @@ __export(Function_exports, {
 module.exports = __toCommonJS(Function_exports);
 var import_design = require("@oceanbase/design");
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var BoundaryFunction = (props) => {
-  const { children, state, config, onClick } = props;
+  const { children, state, config, onClick, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, info.title), children, info.buttonText && /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, info.buttonText)));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("boundary-container", "ob-boundary-function", className),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, info.title), children, info.buttonText && /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, info.buttonText))
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -37,7 +37,7 @@
     "@ant-design/cssinjs": "^1.19.1",
     "@ant-design/pro-components": "^2.7.0",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.3.2",
+    "@oceanbase/design": "^0.3.3",
     "@oceanbase/icons": "^0.3.1",
     "@oceanbase/util": "^0.3.1",
     "ahooks": "^2.10.14",
@@ -65,5 +65,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "c3c5dcb67381da262998f97e5c6a83a7dba73a00"
+  "gitHead": "862f7cbc51b348bac6166b8d61e20153c017d87e"
 }