@oceanbase/design 1.0.0-alpha.10 → 1.0.0-alpha.11

package/lib/table/style/index.js

@@ -1,31 +1,33 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/table/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genTableStyle: () => genTableStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_cssinjs = require("@ant-design/cssinjs");
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTableStyle = (token) => {
+exports.genTableStyle = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSmallBtnStyle = token => {
+  const {
+    antCls
+  } = token;
+  return {
+    // button is small size by default
+    [`${antCls}-btn:not(${antCls}-btn-sm):not(${antCls}-btn-lg)`]: {
+      height: token.controlHeightSM,
+      fontSize: token.fontSizeSM,
+      [`&:not(${antCls}-btn-icon-only):not(${antCls}-btn-circle)`]: {
+        paddingInline: token.paddingXS
+      },
+      [`&${antCls}-btn-icon-only`]: {
+        width: token.controlHeightSM
+      },
+      [`&${antCls}-btn-circle`]: {
+        minWidth: token.controlHeightSM
+      }
+    }
+  };
+};
+const genTableStyle = token => {
   const {
     antCls,
     componentCls,
@@ -55,7 +57,7 @@ var genTableStyle = (token) => {
       },
       // head 样式
       [`${componentCls}-thead > tr`]: {
-        ["th"]: {
+        ['th']: {
           color: colorTextSecondary,
           fontWeight: token.fontWeight,
           backgroundColor: colorBgBase
@@ -83,13 +85,13 @@ var genTableStyle = (token) => {
         },
         // expandRowByClick 行样式
         [`tr${componentCls}-expand-row-by-click`]: {
-          cursor: "pointer"
+          cursor: 'pointer'
         },
         // 去掉可展开行在展开时的底部 border
         [`tr > td:has(${componentCls}-row-expand-icon-expanded)`]: {
-          borderBottom: "none",
+          borderBottom: 'none',
           [`& ~ td`]: {
-            borderBottom: "none"
+            borderBottom: 'none'
           }
         },
         // 为了避免行展开/收起时出现 border 动画，覆盖 antd 默认配置，仅设置背景色动画
@@ -102,31 +104,18 @@ var genTableStyle = (token) => {
             fontSize: token.fontSizeSM
           }
         },
-        // button is small size by default
-        [`${antCls}-btn:not(${antCls}-btn-sm):not(${antCls}-btn-lg)`]: {
-          height: token.controlHeightSM,
-          fontSize: token.fontSizeSM,
-          [`&:not(${antCls}-btn-icon-only):not(${antCls}-btn-circle)`]: {
-            paddingInline: token.paddingXS
-          },
-          [`&${antCls}-btn-icon-only`]: {
-            width: token.controlHeightSM
-          },
-          [`&${antCls}-btn-circle`]: {
-            minWidth: token.controlHeightSM
-          }
-        },
+        ...genSmallBtnStyle(token),
         // empty style
         [`${componentCls}-placeholder td`]: {},
         [`${componentCls}-empty-wrapper`]: {
           minHeight: calc(360).sub(calc(token.paddingSM).mul(2).equal()).equal(),
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center"
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center'
         },
         // 嵌套子表格样式
         [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
-          borderBottom: "none",
+          borderBottom: 'none',
           // 设置嵌套子表格的表头背景色
           [`${componentCls}-thead > tr > th`]: {
             backgroundColor: token.colorFillQuaternary
@@ -140,7 +129,7 @@ var genTableStyle = (token) => {
           },
           // empty wrapper style
           [`${componentCls}-empty-wrapper`]: {
-            minHeight: "auto"
+            minHeight: 'auto'
           }
         }
       }
@@ -164,17 +153,17 @@ var genTableStyle = (token) => {
     // 带边框的表格样式
     [`${componentCls}-wrapper ${componentCls}${componentCls}-bordered`]: {
       [`${componentCls}-footer`]: {
-        borderRadius: `0px 0px ${(0, import_cssinjs.unit)(token.borderRadiusLG)} ${(0, import_cssinjs.unit)(token.borderRadiusLG)}`
+        borderRadius: `0px 0px ${(0, _cssinjs.unit)(token.borderRadiusLG)} ${(0, _cssinjs.unit)(token.borderRadiusLG)}`
       }
     },
     // 带内部边框的表格样式
     [`${componentCls}-wrapper${componentCls}-inner-bordered ${componentCls}-bordered`]: {
       [`${componentCls}-container`]: {
-        borderInlineStart: "none",
-        borderTop: "none",
+        borderInlineStart: 'none',
+        borderTop: 'none',
         [`${componentCls}-thead > tr > th, ${componentCls}-tbody > tr > td`]: {
-          ["&:last-child"]: {
-            borderInlineEnd: "none"
+          ['&:last-child']: {
+            borderInlineEnd: 'none'
           }
         }
       }
@@ -183,7 +172,7 @@ var genTableStyle = (token) => {
     [`${componentCls}-wrapper ${componentCls}:not(${componentCls}-bordered)`]: {
       // 单元格通用样式
       [`${componentCls}-thead, ${componentCls}-tbody`]: {
-        ["td, th"]: {
+        ['td, th']: {
           [`&${componentCls}-row-expand-icon-cell`]: {
             // 设置 paddingRight 即可
             paddingRight: token.paddingXS
@@ -215,6 +204,7 @@ var genTableStyle = (token) => {
     //       },
     //     },
     //   },
+
     // 非可展开表格、不带 footer 表格、非空表格、不带边框表格: 去掉底部圆角
     [`${componentCls}-wrapper:not(${componentCls}-expandable):not(${componentCls}-has-footer) ${componentCls}:not(${componentCls}-bordered):not(${componentCls}-empty)`]: {
       borderBottomLeftRadius: 0,
@@ -231,7 +221,7 @@ var genTableStyle = (token) => {
             },
             [`& > *${componentCls}-expanded-row-fixed`]: {
               paddingLeft: calc(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).add(token.padding).equal(),
-              margin: `-${(0, import_cssinjs.unit)(token.marginXS)} -${(0, import_cssinjs.unit)(token.margin)}`
+              margin: `-${(0, _cssinjs.unit)(token.marginXS)} -${(0, _cssinjs.unit)(token.margin)}`
             }
           },
           // 嵌套子表格和父表格第一列对齐
@@ -285,7 +275,7 @@ var genTableStyle = (token) => {
       [`${componentCls}-tbody`]: {
         [`${componentCls}-placeholder`]: {
           // hide empty when Table loading
-          visibility: "hidden"
+          visibility: 'hidden'
         }
       }
     },
@@ -294,14 +284,12 @@ var genTableStyle = (token) => {
       [`${componentCls}-pagination`]: {
         [`&${antCls}-pagination`]: {
           fontSize: token.fontSizeSM,
-          padding: `${(0, import_cssinjs.unit)(token.paddingSM)} 0`,
-          margin: "0 !important",
+          padding: `${(0, _cssinjs.unit)(token.paddingSM)} 0`,
+          margin: '0 !important',
           [`${antCls}-pagination-item, ${antCls}-pagination-total-text, ${antCls}-pagination-prev, ${antCls}-pagination-next`]: {
             height: token.controlHeightSM,
             minWidth: token.controlHeightSM,
-            lineHeight: (0, import_cssinjs.unit)(
-              calc(token.controlHeightSM).sub(calc(token.lineWidth).mul(2)).equal()
-            )
+            lineHeight: (0, _cssinjs.unit)(calc(token.controlHeightSM).sub(calc(token.lineWidth).mul(2)).equal())
           },
           [`${antCls}-pagination-options ${antCls}-select-single`]: {
             height: token.controlHeightSM,
@@ -312,16 +300,17 @@ var genTableStyle = (token) => {
         },
         // 批量操作栏样式
         [`${componentCls}-batch-operation-bar`]: {
-          position: "absolute",
+          position: 'absolute',
           left: 0,
-          display: "inline-block",
+          display: 'inline-block',
           marginRight: marginLG,
           [`${componentCls}-batch-operation-selection`]: {
             [`${componentCls}-batch-operation-selection-count`]: {
-              margin: `0 ${(0, import_cssinjs.unit)(marginXS)}`,
+              margin: `0 ${(0, _cssinjs.unit)(marginXS)}`,
               color: colorLink
             }
-          }
+          },
+          ...genSmallBtnStyle(token)
         }
       }
     },
@@ -335,16 +324,13 @@ var genTableStyle = (token) => {
     [`${antCls}-popover, ${antCls}-tooltip`]: {
       [`${componentCls} ${componentCls}-tbody`]: {
         [`${componentCls}-empty-wrapper`]: {
-          minHeight: "auto"
+          minHeight: 'auto'
         }
       }
     }
   };
 };
-var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Table", (token) => {
+exports.genTableStyle = genTableStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Table', token => {
   return [genTableStyle(token)];
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genTableStyle
-});
+});

package/lib/tabs/TabPane.js

@@ -1,26 +1,9 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/tabs/TabPane.tsx
-var TabPane_exports = {};
-__export(TabPane_exports, {
-  default: () => TabPane_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TabPane_exports);
-var import_antd = require("antd");
-var TabPane_default = import_antd.Tabs.TabPane;
+exports.default = void 0;
+var _antd = require("antd");
+"use client";
+var _default = exports.default = _antd.Tabs.TabPane;

package/lib/tabs/hooks/useLegacyItems.js

@@ -1,54 +1,38 @@
-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)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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);
+"use strict";
 
-// src/tabs/hooks/useLegacyItems.tsx
-var useLegacyItems_exports = {};
-__export(useLegacyItems_exports, {
-  default: () => useLegacyItems
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useLegacyItems_exports);
-var import_warning = __toESM(require("antd/es/_util/warning"));
-var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
-var React = __toESM(require("react"));
+exports.default = useLegacyItems;
+var _warning = _interopRequireDefault(require("antd/es/_util/warning"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
 function filter(items) {
-  return items.filter((item) => item);
+  return items.filter(item => item);
 }
+
+// ref: https://github.com/ant-design/ant-design/blob/master/components/tabs/hooks/useLegacyItems.ts
 function useLegacyItems(items, children) {
   if (items) {
     return items;
   }
-  (0, import_warning.default)(!children, "Tabs", "Tabs.TabPane is deprecated. Please use `items` directly.");
-  const childrenItems = (0, import_toArray.default)(children).map((node) => {
-    if (React.isValidElement(node)) {
-      const { key, props } = node;
-      const { tab, ...restProps } = props || {};
-      const item = {
+  (0, _warning.default)(!children, 'Tabs', 'Tabs.TabPane is deprecated. Please use `items` directly.');
+  const childrenItems = (0, _toArray.default)(children).map(node => {
+    if ( /*#__PURE__*/React.isValidElement(node)) {
+      const {
         key,
+        props
+      } = node;
+      const {
+        tab,
+        ...restProps
+      } = props || {};
+      const item = {
+        key: key,
         ...restProps,
         label: tab
       };
@@ -57,4 +41,4 @@ function useLegacyItems(items, children) {
     return null;
   });
   return filter(childrenItems);
-}
+}

package/lib/tabs/index.js

@@ -1,130 +1,113 @@
-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)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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);
+"use strict";
 
-// src/tabs/index.tsx
-var tabs_exports = {};
-__export(tabs_exports, {
-  default: () => tabs_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(tabs_exports);
-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"));
-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 _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _util = require("@oceanbase/util");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _badge = _interopRequireDefault(require("../badge"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _useLegacyItems = _interopRequireDefault(require("./hooks/useLegacyItems"));
+var _style = _interopRequireWildcard(require("./style"));
+var _TabPane = _interopRequireDefault(require("./TabPane"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _tabs = require("antd/es/tabs");
+Object.keys(_tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tabs[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const isReactNode = item => {
+  return /*#__PURE__*/_react.default.isValidElement(item);
 };
-var Tabs = import_react.default.forwardRef(
-  ({
-    children,
-    divider = false,
-    items,
-    type,
-    tabPosition,
+const Tabs = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  divider = false,
+  items,
+  type,
+  tabPosition,
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('tabs', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const tabsCls = (0, _classnames.default)(className, {
+    [`${prefixCls}-no-divider`]: !divider
+  });
+  const isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
+  const dividerList = items?.filter(item => item.divider) || [];
+  const renderBadge = (0, _react.useCallback)(badge => {
+    if (typeof badge === 'object' && !isReactNode(badge)) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+        ...badge,
+        className: (0, _classnames.default)(`${prefixCls}-tab-badge`, badge.className)
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+      className: `${prefixCls}-tab-badge`,
+      count: badge
+    });
+  }, [prefixCls]);
+  let newItems = (0, _useLegacyItems.default)(items, children);
+  newItems = newItems?.map(item => {
+    if (!(0, _util.isNullValue)(item.divider)) {
+      return {
+        ...item,
+        key: `divider-${dividerList?.indexOf(item)}`,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider
+        // horizontal tabs => vertical divider
+        , {
+          type: isHorizontal ? 'vertical' : 'horizontal',
+          className: `${prefixCls}-divider`
+        }),
+        disabled: true
+      };
+    } else if (!(0, _util.isNullValue)(item.tag) || !(0, _util.isNullValue)(item.badge)) {
+      return {
+        ...item,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 4,
+          children: [item.label, item.badge && renderBadge(item.badge), !(0, _util.isNullValue)(item.tag) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
+            bordered: false,
+            className: `${prefixCls}-tab-tag`,
+            children: item.tag
+          })]
+        })
+      };
+    }
+    return item;
+  });
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
+    ref: ref,
+    items: newItems,
+    type: type,
+    tabPosition: tabPosition,
     prefixCls: customizePrefixCls,
-    className,
+    className: tabsCls,
     ...restProps
-  }, ref) => {
-    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("tabs", customizePrefixCls);
-    const [wrapCSSVar] = (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 item;
-    });
-    return wrapCSSVar(
-      /* @__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") {
-  Tabs.displayName = import_antd.Tabs.displayName;
-}
-var tabs_default = Tabs;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/tabs")
+  }));
 });
+Tabs.TabPane = _TabPane.default;
+Tabs.genTabsStyle = _style.genTabsStyle;
+if (process.env.NODE_ENV !== 'production') {
+  Tabs.displayName = _antd.Tabs.displayName;
+}
+var _default = exports.default = Tabs;