@oceanbase/design 0.4.16 → 0.4.18

package/lib/result/index.js

@@ -33,7 +33,7 @@ __export(result_exports, {
   default: () => result_default
 });
 module.exports = __toCommonJS(result_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -46,22 +46,23 @@ var import__2 = __toESM(require("./404"));
 var import__3 = __toESM(require("./500"));
 var import_style = __toESM(require("./style"));
 __reExport(result_exports, require("antd/es/result"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Result = ({ status, prefixCls: customizePrefixCls, ...restProps }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("result", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const resultCls = (0, import_classnames.default)(prefixCls);
   const statusMap = {
-    success: /* @__PURE__ */ import_react.default.createElement(import_Success.default, null),
-    error: /* @__PURE__ */ import_react.default.createElement(import_Error.default, null),
-    warning: /* @__PURE__ */ import_react.default.createElement(import_Warning.default, null),
-    processing: /* @__PURE__ */ import_react.default.createElement(import_Processing.default, null),
-    403: /* @__PURE__ */ import_react.default.createElement(import__.default, null),
-    404: /* @__PURE__ */ import_react.default.createElement(import__2.default, null),
-    500: /* @__PURE__ */ import_react.default.createElement(import__3.default, null)
+    success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Success.default, {}),
+    error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Error.default, {}),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Warning.default, {}),
+    processing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Processing.default, {}),
+    403: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, {}),
+    404: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, {}),
+    500: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__3.default, {})
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Result,
       {
         icon: statusMap[status],

package/lib/segmented/index.js

@@ -40,6 +40,7 @@ var import_typography = __toESM(require("../typography"));
 var import_badge = __toESM(require("../badge"));
 var import_style = __toESM(require("./style"));
 __reExport(segmented_exports, require("antd/es/segmented"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
@@ -50,21 +51,24 @@ var Segmented = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const renderBadge = (0, import_react.useCallback)((badge) => {
       if (typeof badge === "object" && !isReactNode(badge)) {
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { ...badge });
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { count: badge });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { count: badge });
     }, []);
     const newOptions = options == null ? void 0 : options.map((item) => {
       if (typeof item === "object") {
         const { label, badge, ...restItem } = item;
         return {
           ...restItem,
-          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 4, align: "center", justify: "center" }, (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: item.ellipsis }, label) : label, badge && renderBadge(badge))
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 4, align: "center", justify: "center", children: [
+            (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.default.Text, { ellipsis: item.ellipsis, children: label }) : label,
+            badge && renderBadge(badge)
+          ] })
         };
       }
       return item;
     });
-    return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Segmented, { ref, options: newOptions, ...restProps }));
+    return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Segmented, { ref, options: newOptions, ...restProps }));
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/lib/select/index.js

@@ -40,6 +40,7 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_en_US = __toESM(require("../locale/en-US"));
 var import_style = __toESM(require("./style"));
 __reExport(select_exports, require("antd/es/select"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalSelect = import_react.default.forwardRef(
   ({ locale: customLocale, prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { locale: contextLocale, getPrefixCls } = (0, import_react.useContext)(
@@ -56,7 +57,7 @@ var InternalSelect = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const selectCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Select,
         {
           ref,

package/lib/slider/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(slider_exports, require("antd/es/slider"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Slider = 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 Slider = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const sliderCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Slider, { ref, prefixCls: customizePrefixCls, className: sliderCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Slider, { ref, prefixCls: customizePrefixCls, className: sliderCls, ...restProps })
     );
   }
 );

package/lib/space/index.js

@@ -43,6 +43,7 @@ var import_antd = require("antd");
 var import_style = __toESM(require("./style"));
 __reExport(space_exports, require("antd/es/space"), module.exports);
 var import_context = require("antd/es/space/context");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Space = React.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = React.useContext(import_config_provider.ConfigContext);
@@ -56,7 +57,7 @@ var Space = React.forwardRef(
       },
       className
     );
-    return wrapSSR(/* @__PURE__ */ React.createElement(import_antd.Space, { ref, className: spaceCls, ...restProps }));
+    return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { ref, className: spaceCls, ...restProps }));
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/lib/spin/index.js

@@ -35,13 +35,14 @@ __export(spin_exports, {
 module.exports = __toCommonJS(spin_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_lottie = __toESM(require("../lottie"));
 var import_spin = __toESM(require("./assets/spin.json"));
 var import_spin_gray = __toESM(require("./assets/spin-gray.json"));
 var import_style = __toESM(require("./style"));
 __reExport(spin_exports, require("antd/es/spin"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Spin = ({
   prefixCls: customizePrefixCls,
   className,
@@ -50,7 +51,7 @@ var Spin = ({
   ...restProps
 }) => {
   const { getPrefixCls, spin } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const indicator = customizeIndicator || (spin == null ? void 0 : spin.indicator) || (gray ? /* @__PURE__ */ import_react.default.createElement(import_lottie.default, { animationData: import_spin_gray.default }) : /* @__PURE__ */ import_react.default.createElement(import_lottie.default, { animationData: import_spin.default }));
+  const indicator = customizeIndicator || (spin == null ? void 0 : spin.indicator) || (gray ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lottie.default, { animationData: import_spin_gray.default }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lottie.default, { animationData: import_spin.default }));
   const isDefaultIndicator = !(customizeIndicator || (spin == null ? void 0 : spin.indicator));
   const isGrayIndicator = isDefaultIndicator && gray;
   const prefixCls = getPrefixCls("spin", customizePrefixCls);
@@ -63,7 +64,7 @@ var Spin = ({
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Spin,
       {
         prefixCls: customizePrefixCls,
@@ -75,7 +76,7 @@ var Spin = ({
   );
 };
 Spin.setDefaultIndicator = import_antd.Spin.setDefaultIndicator;
-Spin.setDefaultIndicator(/* @__PURE__ */ import_react.default.createElement(Spin, null));
+Spin.setDefaultIndicator(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spin, {}));
 if (process.env.NODE_ENV !== "production") {
   Spin.displayName = import_antd.Spin.displayName;
 }

package/lib/switch/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(switch_exports, require("antd/es/switch"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalSwitch = 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 InternalSwitch = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const switchCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, { ref, prefixCls: customizePrefixCls, className: switchCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { ref, prefixCls: customizePrefixCls, className: switchCls, ...restProps })
     );
   }
 );

package/lib/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/table/index.js

@@ -45,6 +45,7 @@ var import_useDefaultPagination = __toESM(require("./hooks/useDefaultPagination"
 var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
 var import_en_US = __toESM(require("../locale/en-US"));
 __reExport(table_exports, require("antd/es/table"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 function Table(props, ref) {
   var _a, _b;
   const {
@@ -73,7 +74,7 @@ function Table(props, ref) {
   const { getPrefixCls, locale, table } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const {
     batchOperationBar,
-    emptyText = /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE }),
+    emptyText = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE }),
     ...restLocale
   } = {
     ...customLocale,
@@ -112,7 +113,7 @@ function Table(props, ref) {
         render: (text, record, index) => {
           const element = item.render ? item.render(text, record, index) : record[item.dataIndex];
           const elementType = element == null ? void 0 : element.type;
-          return (elementType == null ? void 0 : elementType.__ANT_TOOLTIP) === true ? element : /* @__PURE__ */ import_react.default.createElement(
+          return (elementType == null ? void 0 : elementType.__ANT_TOOLTIP) === true ? element : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_typography.default.Text,
             {
               ellipsis: {
@@ -120,9 +121,9 @@ function Table(props, ref) {
                   placement: "topLeft",
                   title: element
                 }
-              }
-            },
-            /* @__PURE__ */ import_react.default.createElement("span", null, element)
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: element })
+            }
           );
         }
       };
@@ -148,35 +149,47 @@ function Table(props, ref) {
     if ((0, import_lodash.isEmpty)(rowSelection) || (0, import_lodash.isEmpty)(currentSelectedRowKeys)) {
       return (
         // @ts-ignore
-        /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)))
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)) })
       );
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-batch-operation-bar` }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Space,
-      {
-        size: 8,
-        style: {
-          marginRight: 24
-        }
-      },
-      toolAlertRender && toolAlertRender(currentSelectedRowKeys, currentSelectedRows),
-      !toolAlertRender && toolAlertRender !== false && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection` }, /* @__PURE__ */ import_react.default.createElement("span", null, batchOperationBar == null ? void 0 : batchOperationBar.selected), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-batch-operation-selection-count` }, (currentSelectedRowKeys == null ? void 0 : currentSelectedRowKeys.length) || 0), /* @__PURE__ */ import_react.default.createElement("span", null, batchOperationBar == null ? void 0 : batchOperationBar.object)),
-      !hiddenCancelBtn && /* @__PURE__ */ import_react.default.createElement("a", { onClick: handleOptionsCancel }, cancelText ?? (batchOperationBar == null ? void 0 : batchOperationBar.cancel)),
-      toolSelectedContent && /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Popover,
-        {
-          placement: "top",
-          overlayClassName: `${prefixCls}-batch-operation-selection-popover`,
-          content: toolSelectedContent == null ? void 0 : toolSelectedContent(currentSelectedRowKeys, currentSelectedRows),
-          trigger: "click",
-          open: openPopover
-        },
-        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopover(!openPopover) }, openPopover ? collapseText ?? (batchOperationBar == null ? void 0 : batchOperationBar.collapse) : openText ?? (batchOperationBar == null ? void 0 : batchOperationBar.open))
-      )
-    ), toolOptionsRender && /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 8 }, toolOptionsRender == null ? void 0 : toolOptionsRender(currentSelectedRowKeys, currentSelectedRows))), /* @__PURE__ */ import_react.default.createElement("span", null, pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range))));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-batch-operation-bar`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_antd.Space,
+          {
+            size: 8,
+            style: {
+              marginRight: 24
+            },
+            children: [
+              toolAlertRender && toolAlertRender(currentSelectedRowKeys, currentSelectedRows),
+              !toolAlertRender && toolAlertRender !== false && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefixCls}-batch-operation-selection`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: batchOperationBar == null ? void 0 : batchOperationBar.selected }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-batch-operation-selection-count`, children: (currentSelectedRowKeys == null ? void 0 : currentSelectedRowKeys.length) || 0 }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: batchOperationBar == null ? void 0 : batchOperationBar.object })
+              ] }),
+              !hiddenCancelBtn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { onClick: handleOptionsCancel, children: cancelText ?? (batchOperationBar == null ? void 0 : batchOperationBar.cancel) }),
+              toolSelectedContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_antd.Popover,
+                {
+                  placement: "top",
+                  overlayClassName: `${prefixCls}-batch-operation-selection-popover`,
+                  content: toolSelectedContent == null ? void 0 : toolSelectedContent(currentSelectedRowKeys, currentSelectedRows),
+                  trigger: "click",
+                  open: openPopover,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { onClick: () => setOpenPopover(!openPopover), children: openPopover ? collapseText ?? (batchOperationBar == null ? void 0 : batchOperationBar.collapse) : openText ?? (batchOperationBar == null ? void 0 : batchOperationBar.open) })
+                }
+              )
+            ]
+          }
+        ),
+        toolOptionsRender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { size: 8, children: toolOptionsRender == null ? void 0 : toolOptionsRender(currentSelectedRowKeys, currentSelectedRows) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pagination && (pagination == null ? void 0 : pagination.showTotal) && (pagination == null ? void 0 : pagination.showTotal(total, range)) })
+    ] });
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Table,
       {
         ...props,
@@ -185,7 +198,7 @@ function Table(props, ref) {
         className: tableCls,
         locale: {
           ...restLocale,
-          emptyText: /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty-wrapper` }, typeof emptyText === "function" ? emptyText() : emptyText)
+          emptyText: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-empty-wrapper`, children: typeof emptyText === "function" ? emptyText() : emptyText })
         },
         size,
         bordered: bordered || innerBordered,

package/lib/table/style/index.js

@@ -106,9 +106,7 @@ var genTableStyle = (token) => {
           transition: `background ${token.motionDurationMid}`
         },
         // empty style
-        [`${componentCls}-placeholder td`]: {
-          borderBottom: "none"
-        },
+        [`${componentCls}-placeholder td`]: {},
         [`${componentCls}-empty-wrapper`]: {
           minHeight: 360 - token.paddingSM * 2,
           display: "flex",
@@ -178,7 +176,7 @@ var genTableStyle = (token) => {
         borderRadius: `0px 0px ${token.borderRadiusLG}px ${token.borderRadiusLG}px`
       }
     },
-    // 带边框的表格样式
+    // 带内部边框的表格样式
     [`${componentCls}-wrapper${componentCls}-inner-bordered ${componentCls}-bordered`]: {
       [`${componentCls}-container`]: {
         borderInlineStart: "none",

package/lib/tabs/index.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition, TabsRef } from 'antd/es/tabs';
 import type { Tab as AntTab } from 'rc-tabs/es/interface';
+import { genTabsStyle } from './style';
+import TabPane from './TabPane';
 import type { TabPaneProps } from './TabPane';
 import type { BadgeProps } from '../badge';
 export * from 'antd/es/tabs';
@@ -17,13 +19,13 @@ export type Tab = {
     badge?: BadgeType;
 } & (AntTab | AntTabOptional);
 export interface TabsProps extends Omit<AntTabsProps, 'items'> {
+    divider?: boolean;
     items?: Tab[];
 }
 export type TabsPosition = AntTabsPosition;
-declare const Tabs: {
-    ({ children, items, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    TabPane: React.FC<TabPaneProps>;
-    genTabsStyle: (token: Partial<import("./style").TabsToken>) => import("@ant-design/cssinjs").CSSObject;
-    displayName: string;
+type CompoundedComponent = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<TabsRef>> & {
+    TabPane: typeof TabPane;
+    genTabsStyle: typeof genTabsStyle;
 };
+declare const Tabs: CompoundedComponent;
 export default Tabs;

package/lib/tabs/index.js

@@ -33,9 +33,9 @@ __export(tabs_exports, {
   default: () => tabs_default
 });
 module.exports = __toCommonJS(tabs_exports);
-var import_util = require("@oceanbase/util");
-var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_util = require("@oceanbase/util");
 var import_classnames = __toESM(require("classnames"));
 var import_badge = __toESM(require("../badge"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -43,70 +43,81 @@ var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
 var import_style = __toESM(require("./style"));
 var import_TabPane = __toESM(require("./TabPane"));
 __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
-var Tabs = ({
-  children,
-  items,
-  type,
-  tabPosition,
-  prefixCls: customizePrefixCls,
-  className,
-  ...restProps
-}) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("tabs", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const tabsCls = (0, import_classnames.default)(className);
-  const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
-  const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
-  const renderBadge = (0, import_react.useCallback)(
-    (badge) => {
-      if (typeof badge === "object" && !isReactNode(badge)) {
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
+var Tabs = import_react.default.forwardRef(
+  ({
+    children,
+    divider = false,
+    items,
+    type,
+    tabPosition,
+    prefixCls: customizePrefixCls,
+    className,
+    ...restProps
+  }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("tabs", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const tabsCls = (0, import_classnames.default)(className, {
+      [`${prefixCls}-no-divider`]: !divider
+    });
+    const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
+    const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
+    const renderBadge = (0, import_react.useCallback)(
+      (badge) => {
+        if (typeof badge === "object" && !isReactNode(badge)) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
+      },
+      [prefixCls]
+    );
+    let newItems = (0, import_useLegacyItems.default)(items, children);
+    newItems = newItems == null ? void 0 : newItems.map((item) => {
+      if (!(0, import_util.isNullValue)(item.divider)) {
+        return {
+          ...item,
+          key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Divider,
+            {
+              type: isHorizontal ? "vertical" : "horizontal",
+              className: `${prefixCls}-divider`
+            }
+          ),
+          disabled: true
+        };
+      } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
+        return {
+          ...item,
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+            item.label,
+            item.badge && renderBadge(item.badge),
+            !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag`, children: item.tag })
+          ] })
+        };
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
-    },
-    [prefixCls]
-  );
-  let newItems = (0, import_useLegacyItems.default)(items, children);
-  newItems = newItems == null ? void 0 : newItems.map((item) => {
-    if (!(0, import_util.isNullValue)(item.divider)) {
-      return {
-        ...item,
-        key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
-        label: /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Divider,
-          {
-            type: isHorizontal ? "vertical" : "horizontal",
-            className: `${prefixCls}-divider`
-          }
-        ),
-        disabled: true
-      };
-    } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
-      return {
-        ...item,
-        label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
-      };
-    }
-    return item;
-  });
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Tabs,
-      {
-        items: newItems,
-        type,
-        tabPosition,
-        prefixCls: customizePrefixCls,
-        className: tabsCls,
-        ...restProps
-      }
-    )
-  );
-};
+      return item;
+    });
+    return wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Tabs,
+        {
+          ref,
+          items: newItems,
+          type,
+          tabPosition,
+          prefixCls: customizePrefixCls,
+          className: tabsCls,
+          ...restProps
+        }
+      )
+    );
+  }
+);
 Tabs.TabPane = import_TabPane.default;
 Tabs.genTabsStyle = import_style.genTabsStyle;
 if (process.env.NODE_ENV !== "production") {

package/lib/tabs/style/index.js

@@ -28,10 +28,12 @@ var genTabsStyle = (token) => {
   const { antCls, componentCls, colorInfo, colorInfoBg, colorTextSecondary, colorFillQuaternary } = token;
   return {
     [componentCls]: {
-      [`&${componentCls}-top, &${componentCls}-bottom`]: {
-        [`${componentCls}-nav::before`]: {
-          // 页签位置为 top 和 bottom 时，去掉分割线
-          border: "none"
+      [`&${componentCls}-no-divider`]: {
+        // divider prop work for top and bottom tabs
+        [`&${componentCls}-top, &${componentCls}-bottom`]: {
+          [`${componentCls}-nav::before`]: {
+            border: "none"
+          }
         }
       },
       [`${componentCls}-tab`]: {

package/lib/tag/index.js

@@ -41,6 +41,7 @@ var import_typography = __toESM(require("../typography"));
 var import_style = __toESM(require("./style"));
 var import_getEllipsisConfig = require("../_util/getEllipsisConfig");
 __reExport(tag_exports, require("antd/es/tag"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tag = import_react.default.forwardRef(
   ({
     children,
@@ -64,18 +65,21 @@ var Tag = import_react.default.forwardRef(
       },
       className
     );
-    const realIcon = icon ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon` }, icon) : null;
+    const realIcon = icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-icon`, children: icon }) : null;
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tag,
         {
           ref,
           prefixCls: customizePrefixCls,
           className: tagCls,
           icon: ellipsisConfig ? null : icon,
-          ...restProps
-        },
-        ellipsisConfig ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: ellipsisConfig }, realIcon, children) : children
+          ...restProps,
+          children: ellipsisConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_typography.default.Text, { ellipsis: ellipsisConfig, children: [
+            realIcon,
+            children
+          ] }) : children
+        }
       )
     );
   }