@oceanbase/design 0.4.17 → 0.4.18

package/es/input-number/index.d.ts

@@ -8,7 +8,8 @@ export interface InputNumberLocale {
 export interface InputNumberProps extends AntInputNumberProps {
     locale?: InputNumberLocale;
 }
-type CompoundedComponent = React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>> & {
+type InputNumberRef = React.ComponentRef<typeof AntInputNumber>;
+type CompoundedComponent = React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: typeof AntInputNumber._InternalPanelDoNotUseOrYouWillBeFired;
 };
 declare const InputNumber: CompoundedComponent;

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

@@ -0,0 +1,3 @@
+import type { Locale } from '.';
+declare const _default: Locale;
+export default _default;

package/es/locale/ja-JP.js

@@ -0,0 +1,28 @@
+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 _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); }
+import jaJP from 'antd/es/locale/ja_JP';
+export default _objectSpread(_objectSpread({}, jaJP), {}, {
+  global: _objectSpread(_objectSpread({}, jaJP.global), {}, {
+    inputPlaceholder: '入力してください'
+  }),
+  Pagination: _objectSpread(_objectSpread({}, jaJP.Pagination), {}, {
+    total: '合計 ${total} 件'
+  }),
+  Drawer: {
+    okText: '確定',
+    cancelText: 'キャンセル'
+  },
+  Table: _objectSpread(_objectSpread({}, jaJP.Table), {}, {
+    batchOperationBar: {
+      selected: '選択済み',
+      object: '件',
+      cancel: 'キャンセル',
+      collapse: '折りたたむ',
+      open: '展開'
+    }
+  })
+});

package/es/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
-    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
+    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
+    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/alert/index.js

@@ -33,18 +33,19 @@ __export(alert_exports, {
   default: () => alert_default
 });
 module.exports = __toCommonJS(alert_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(alert_exports, require("antd/es/alert"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var iconMapOutlined = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null),
-  info: /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, null),
-  error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleOutlined, null),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null)
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, {}),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {})
 };
 var Alert = ({
   type,
@@ -65,7 +66,7 @@ var Alert = ({
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Alert,
       {
         type,

package/lib/badge/index.js

@@ -40,14 +40,15 @@ var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(badge_exports, require("antd/es/badge"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Badge = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }, ref) => {
     const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("badge", customizePrefixCls);
     const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
     const iconMap = {
-      default: /* @__PURE__ */ import_react.default.createElement(import_icons.MinusCircleFilled, { rotate: 45 }),
-      processing: /* @__PURE__ */ import_react.default.createElement(
+      default: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusCircleFilled, { rotate: 45 }),
+      processing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.Loading3QuartersOutlined,
         {
           style: {
@@ -56,12 +57,12 @@ var Badge = import_react.default.forwardRef(
           className: `${iconPrefixCls}-spin`
         }
       ),
-      success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
-      error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
-      warning: /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisCircleFilled, null)
+      success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleFilled, {}),
+      error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleFilled, {}),
+      warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisCircleFilled, {})
     };
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: status && icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "span",
         {
           ref,
@@ -69,17 +70,19 @@ var Badge = import_react.default.forwardRef(
           style: {
             display: "inline-block"
           },
-          ...restProps
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`)
-          },
-          import_react.default.isValidElement(icon) ? icon : iconMap[status]
-        ),
-        text && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-status-text` }, text)
-      ) : /* @__PURE__ */ import_react.default.createElement(
+          ...restProps,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`),
+                children: import_react.default.isValidElement(icon) ? icon : iconMap[status]
+              }
+            ),
+            text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-status-text`, children: text })
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Badge,
         {
           ref,
@@ -89,7 +92,7 @@ var Badge = import_react.default.forwardRef(
           text,
           ...restProps
         }
-      ))
+      ) })
     );
   }
 );

package/lib/button/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(button_exports, require("antd/es/button"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Button = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { theme, getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var Button = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls, theme == null ? void 0 : theme.isAliyun);
     const buttonCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
     );
   }
 );

package/lib/card/index.js

@@ -42,6 +42,7 @@ var import_util2 = require("../_util");
 var import_style = __toESM(require("./style"));
 __reExport(card_exports, require("antd/es/card/Card"), module.exports);
 __reExport(card_exports, require("antd/es/card"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Card = import_react.default.forwardRef(
   ({
     children,
@@ -74,13 +75,16 @@ var Card = import_react.default.forwardRef(
       if (!(0, import_util.isNullValue)(item.tag)) {
         return {
           ...item,
-          tab: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.tab, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag` }, item.tag))
+          tab: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+            item.tab,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag`, children: item.tag })
+          ] })
         };
       }
       return item;
     });
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Card,
         {
           ref,
@@ -91,9 +95,9 @@ var Card = import_react.default.forwardRef(
           bodyStyle,
           styles,
           className: cardCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

package/lib/checkbox/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(checkbox_exports, require("antd/es/checkbox"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalCheckbox = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var InternalCheckbox = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const checkboxCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Checkbox,
         {
           ref,

package/lib/config-provider/DefaultRenderEmpty.js

@@ -32,9 +32,10 @@ __export(DefaultRenderEmpty_exports, {
   default: () => DefaultRenderEmpty_default
 });
 module.exports = __toCommonJS(DefaultRenderEmpty_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import__ = require(".");
 var import_empty = __toESM(require("../empty"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultRenderEmpty = (props) => {
   const { componentName } = props;
   const { getPrefixCls } = (0, import_react.useContext)(import__.ConfigContext);
@@ -45,9 +46,9 @@ var DefaultRenderEmpty = (props) => {
     case "Cascader":
     case "Transfer":
     case "Mentions":
-      return /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE, className: `${prefix}-small` });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE, className: `${prefix}-small` });
     default:
-      return /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE });
   }
 };
 var DefaultRenderEmpty_default = DefaultRenderEmpty;

package/lib/config-provider/index.js

@@ -50,6 +50,7 @@ __reExport(config_provider_exports, require("antd/es/config-provider/context"),
 __reExport(config_provider_exports, require("antd/es/config-provider/SizeContext"), module.exports);
 __reExport(config_provider_exports, require("antd/es/config-provider/DisabledContext"), module.exports);
 __reExport(config_provider_exports, require("antd/es/config-provider"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var ExtendedConfigContext = import_react.default.createContext({
   navigate: void 0,
   hideOnSinglePage: false,
@@ -88,7 +89,7 @@ var ConfigProvider = ({
   const parentStyleContext = import_react.default.useContext(import_StyleContext.default);
   const mergedStyleProviderProps = (0, import_lodash.merge)({}, parentStyleContext, styleProviderProps);
   const mergedLocale = (0, import_lodash.merge)({}, parentContext.locale, locale);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.ConfigProvider,
     {
       locale: mergedLocale,
@@ -96,7 +97,7 @@ var ConfigProvider = ({
       collapse: (0, import_lodash.merge)(
         {},
         {
-          expandIcon: ({ isActive }) => /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 })
+          expandIcon: ({ isActive }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 })
         },
         parentContext.collapse,
         collapse
@@ -130,21 +131,24 @@ var ConfigProvider = ({
           )
         )
       }),
-      renderEmpty: parentContext.renderEmpty || ((componentName) => /* @__PURE__ */ import_react.default.createElement(import_DefaultRenderEmpty.default, { componentName })),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      ExtendedConfigContext.Provider,
-      {
-        value: {
-          navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate,
-          hideOnSinglePage: ((_b = parentContext.pagination) == null ? void 0 : _b.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage,
-          // inject static function to outermost ConfigProvider only
-          injectStaticFunction: false
+      renderEmpty: parentContext.renderEmpty || ((componentName) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultRenderEmpty.default, { componentName })),
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ExtendedConfigContext.Provider,
+        {
+          value: {
+            navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate,
+            hideOnSinglePage: ((_b = parentContext.pagination) == null ? void 0 : _b.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage,
+            // inject static function to outermost ConfigProvider only
+            injectStaticFunction: false
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.App, { component: false, ...appProps, children: [
+            children,
+            parentExtendedContext.injectStaticFunction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_static_function.default, {})
+          ] }) })
         }
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false, ...appProps }, children, parentExtendedContext.injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
-    )
+      )
+    }
   );
 };
 ConfigProvider.ConfigContext = import_antd.ConfigProvider.ConfigContext;

package/lib/descriptions/hooks/useItems.js

@@ -37,6 +37,7 @@ var import_warning = __toESM(require("antd/es/_util/warning"));
 var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
 var import_typography = __toESM(require("../../typography"));
 var import_getEllipsisConfig = require("../../_util/getEllipsisConfig");
+var import_jsx_runtime = require("react/jsx-runtime");
 var children2Items = (children) => {
   const childrenItems = (0, import_toArray.default)(children).map((node) => {
     if (import_react.default.isValidElement(node)) {
@@ -63,7 +64,7 @@ function convertItem(props, bordered) {
   return {
     ...restItemProps,
     // 无边框并且子元素非 Typography 时外面包一层 Typography.Text，以实现自动省略
-    children: bordered || (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TYPOGRAPHY) ? itemChildren : /* @__PURE__ */ import_react.default.createElement(
+    children: bordered || (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TYPOGRAPHY) ? itemChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_typography.default.Text,
       {
         ...restContentProps,
@@ -76,9 +77,9 @@ function convertItem(props, bordered) {
           } : editable === true ? {
             autoSize: false
           } : editable
-        )
-      },
-      itemChildren
+        ),
+        children: itemChildren
+      }
     )
   };
 }

package/lib/descriptions/index.js

@@ -35,12 +35,13 @@ __export(descriptions_exports, {
 module.exports = __toCommonJS(descriptions_exports);
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_Item = __toESM(require("./Item"));
 var import_useItems = __toESM(require("./hooks/useItems"));
 var import_style = __toESM(require("./style"));
 __reExport(descriptions_exports, require("antd/es/descriptions"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Descriptions = ({
   children,
   bordered,
@@ -61,7 +62,7 @@ var Descriptions = ({
   });
   const newItems = (0, import_useItems.default)(items, children, bordered);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Descriptions,
       {
         layout,

package/lib/drawer/index.js

@@ -43,6 +43,7 @@ var import_button = __toESM(require("../button"));
 var import_en_US = __toESM(require("../locale/en-US"));
 var import_style = __toESM(require("./style"));
 __reExport(drawer_exports, require("antd/es/drawer"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Drawer = ({
   locale: customLocale,
   children,
@@ -90,7 +91,7 @@ var Drawer = ({
     rootClassName
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_antd.Drawer,
       {
         destroyOnClose: true,
@@ -103,34 +104,42 @@ var Drawer = ({
           })
         },
         styles: (0, import_lodash.omit)(styles, ["body", "footer"]),
-        ...restProps
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          ref: (element) => {
-            setContentElement(element);
-          },
-          className: `${prefixCls}-body-content`,
-          style: {
-            ...bodyStyle,
-            ...styles == null ? void 0 : styles.body
-          }
-        },
-        children
-      ),
-      showFooter && // footer className should not be `${prefixCls}-footer` to avoid conflicts with antd
-      // ref: https://github.com/ant-design/ant-design/blob/master/components/drawer/style/index.ts#L214
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(`${prefixCls}-footer-container`, {
-            [`${prefixCls}-footer-container-shadow`]: isScroll && !isTotalScroll
-          }),
-          style: styles == null ? void 0 : styles.footer
-        },
-        (0, import_react.isValidElement)(footer) ? footer : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer-content` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_button.default, { onClick: onOk, type: "primary", loading: confirmLoading, ...okButtonProps }, okText || (drawerLocale == null ? void 0 : drawerLocale.okText)), /* @__PURE__ */ import_react.default.createElement(import_button.default, { onClick: handleCancel }, cancelText || (drawerLocale == null ? void 0 : drawerLocale.cancelText))), footerExtra)
-      )
+        ...restProps,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              ref: (element) => {
+                setContentElement(element);
+              },
+              className: `${prefixCls}-body-content`,
+              style: {
+                ...bodyStyle,
+                ...styles == null ? void 0 : styles.body
+              },
+              children
+            }
+          ),
+          showFooter && // footer className should not be `${prefixCls}-footer` to avoid conflicts with antd
+          // ref: https://github.com/ant-design/ant-design/blob/master/components/drawer/style/index.ts#L214
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_classnames.default)(`${prefixCls}-footer-container`, {
+                [`${prefixCls}-footer-container-shadow`]: isScroll && !isTotalScroll
+              }),
+              style: styles == null ? void 0 : styles.footer,
+              children: (0, import_react.isValidElement)(footer) ? footer : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-footer-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, { onClick: onOk, type: "primary", loading: confirmLoading, ...okButtonProps, children: okText || (drawerLocale == null ? void 0 : drawerLocale.okText) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, { onClick: handleCancel, children: cancelText || (drawerLocale == null ? void 0 : drawerLocale.cancelText) })
+                ] }),
+                footerExtra
+              ] })
+            }
+          )
+        ]
+      }
     )
   );
 };

package/lib/dropdown/dropdown-button.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/dropdown/dropdown-button.tsx
@@ -32,11 +22,11 @@ __export(dropdown_button_exports, {
   default: () => dropdown_button_default
 });
 module.exports = __toCommonJS(dropdown_button_exports);
-var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_icons = require("@oceanbase/icons");
-var DropdownButton = ({ icon = /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null), ...restProps }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown.Button, { icon, ...restProps });
+var import_jsx_runtime = require("react/jsx-runtime");
+var DropdownButton = ({ icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {}), ...restProps }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Dropdown.Button, { icon, ...restProps });
 };
 DropdownButton.__ANT_BUTTON = true;
 var dropdown_button_default = DropdownButton;

package/lib/dropdown/index.js

@@ -33,12 +33,12 @@ __export(dropdown_exports, {
   default: () => dropdown_default
 });
 module.exports = __toCommonJS(dropdown_exports);
-var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_dropdown_button = __toESM(require("./dropdown-button"));
 __reExport(dropdown_exports, require("antd/es/dropdown"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Dropdown = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Dropdown, { ...props });
 };
 Dropdown._InternalPanelDoNotUseOrYouWillBeFired = import_antd.Dropdown._InternalPanelDoNotUseOrYouWillBeFired;
 Dropdown.Button = import_dropdown_button.default;