@oceanbase/design 0.1.0

package/lib/Table/index.js

@@ -0,0 +1,172 @@
+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);
+
+// src/Table/index.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  default: () => Table_default
+});
+module.exports = __toCommonJS(Table_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_lodash = require("lodash");
+var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
+var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_style = __toESM(require("./style"));
+function Table(props) {
+  const locale = props == null ? void 0 : props.locale;
+  const {
+    columns,
+    pagination,
+    rowSelection,
+    toolAlertRender,
+    toolOptionsRender,
+    toolSelectedContent,
+    locales,
+    expandable,
+    hiddenCancelBtn = false,
+    cancelText = locale == null ? void 0 : locale.cancel,
+    collapseText = locale == null ? void 0 : locale.collapse,
+    openText = locale == null ? void 0 : locale.open,
+    prefixCls: customizePrefixCls,
+    className
+  } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("table", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+  const tableCls = (0, import_classnames.default)(
+    {
+      [`${prefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable)
+    },
+    className,
+    hashId
+  );
+  const [openPopver, setOpenPopver] = (0, import_react.useState)(false);
+  const [currentSelectedRowKeys, setCurrentSelectedRowKeys] = (0, import_react.useState)();
+  const [currentSelectedRows, setCurrentSelectedRows] = (0, import_react.useState)([]);
+  const [currentSelectedInfo, setCurrentSelectedInfo] = (0, import_react.useState)({});
+  const newColumns = columns.map((item) => {
+    if (item.ellipsis) {
+      return {
+        ...item,
+        ellipsis: item.ellipsis === true ? item.ellipsis : {
+          showTitle: false,
+          ...item.ellipsis
+        },
+        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(
+            import_antd.Typography.Text,
+            {
+              ellipsis: {
+                tooltip: {
+                  placement: "topLeft",
+                  title: element
+                }
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement("span", null, element)
+          );
+        }
+      };
+    }
+    return item;
+  });
+  const handleSelectedData = (selectedRowKeys, selectedRows, info) => {
+    setCurrentSelectedRowKeys(selectedRowKeys);
+    setCurrentSelectedRows(selectedRows);
+    setCurrentSelectedInfo(info);
+  };
+  const handleOptionsCancel = () => {
+    rowSelection == null ? void 0 : rowSelection.onChange([], [], currentSelectedInfo);
+    handleSelectedData([], [], currentSelectedInfo);
+  };
+  (0, import_react.useEffect)(() => {
+    if ((0, import_lodash.isEmpty)(currentSelectedRows) && toolSelectedContent)
+      setOpenPopver(false);
+  }, [currentSelectedRows]);
+  const renderOptionsBar = (total, range) => {
+    if ((0, import_lodash.isEmpty)(rowSelection) || (0, import_lodash.isEmpty)(currentSelectedRowKeys)) {
+      return /* @__PURE__ */ import_react.default.createElement("span", null, 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, locale == null ? void 0 : locale.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, locale == null ? void 0 : locale.object)),
+      !hiddenCancelBtn && /* @__PURE__ */ import_react.default.createElement("a", { onClick: handleOptionsCancel }, cancelText),
+      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: openPopver
+        },
+        /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpenPopver(!openPopver) }, openPopver ? collapseText : openText)
+      )
+    ), 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 wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        ...props,
+        prefixCls: customizePrefixCls,
+        className: tableCls,
+        locale: locales,
+        columns: newColumns,
+        rowSelection: rowSelection ? {
+          ...rowSelection,
+          onChange: (selectedRowKeys, selectedRows, info) => {
+            handleSelectedData(selectedRowKeys, selectedRows, info);
+            rowSelection == null ? void 0 : rowSelection.onChange(selectedRowKeys, selectedRows, info);
+          }
+        } : void 0,
+        pagination: pagination === false ? false : {
+          ...pagination,
+          showTotal: renderOptionsBar
+        }
+      }
+    )
+  );
+}
+var Table_default = (0, import_LocaleWrapper.default)({
+  componentName: "Table",
+  defaultLocale: import_zh_CN.default
+})(Table);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Table/locale/en-US.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    selected: string;
+    object: string;
+    cancel: string;
+    collapse: string;
+    open: string;
+};
+export default _default;

package/lib/Table/locale/en-US.js

@@ -0,0 +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);
+
+// src/Table/locale/en-US.ts
+var en_US_exports = {};
+__export(en_US_exports, {
+  default: () => en_US_default
+});
+module.exports = __toCommonJS(en_US_exports);
+var en_US_default = {
+  selected: "Selected",
+  object: "Objects",
+  cancel: "Cancel",
+  collapse: "Collapse",
+  open: "Open"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Table/locale/zh-CN.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    selected: string;
+    object: string;
+    cancel: string;
+    collapse: string;
+    open: string;
+};
+export default _default;

package/lib/Table/locale/zh-CN.js

@@ -0,0 +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);
+
+// src/Table/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  selected: "已选",
+  object: "个对象",
+  cancel: "取消",
+  collapse: "收起",
+  open: "展开"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Table/locale/zh-TW.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    selected: string;
+    object: string;
+    cancel: string;
+    collapse: string;
+    open: string;
+};
+export default _default;

package/lib/Table/locale/zh-TW.js

@@ -0,0 +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);
+
+// src/Table/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  selected: "已選",
+  object: "個對象",
+  cancel: "取消",
+  collapse: "收起",
+  open: "展開"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Table/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type TableToken = FullToken<'Table'>;
+export declare const genTableStyle: GenerateStyle<TableToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element;
+    hashId: string;
+};
+export default _default;

package/lib/Table/style/index.js

@@ -0,0 +1,220 @@
+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);
+
+// src/Table/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genTableStyle: () => genTableStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genTableStyle = (token) => {
+  const {
+    antCls,
+    componentCls,
+    colorTextBase,
+    colorBgBase,
+    colorTextSecondary,
+    colorTextTertiary,
+    colorFillQuaternary,
+    colorPrimaryBg,
+    colorPrimaryBgHover,
+    colorLink,
+    borderRadiusLG,
+    colorBorderSecondary,
+    paddingSM,
+    padding,
+    paddingLG,
+    marginLG,
+    marginXS,
+    marginSM
+  } = token;
+  const largeCellPadding = `${paddingSM}px ${padding}px`;
+  return {
+    // 表格通用样式
+    [`${componentCls}-wrapper ${componentCls}`]: {
+      color: colorTextBase,
+      backgroundColor: colorBgBase,
+      borderRadius: borderRadiusLG,
+      // head 样式
+      [`${componentCls}-thead > tr`]: {
+        ["td, th"]: {
+          // 弱化列标题
+          color: colorTextTertiary,
+          fontWeight: "normal",
+          backgroundColor: colorBgBase
+        },
+        [`td${componentCls}-row-expand-icon-cell`]: {
+          backgroundColor: colorBgBase
+        },
+        // 去掉排序列表头的灰色背景
+        [`th${componentCls}-column-sort`]: {
+          backgroundColor: colorBgBase
+        },
+        [`${componentCls}-cell-scrollbar`]: {
+          boxShadow: `0 1px 0 1px ${colorBgBase}`
+        }
+      },
+      // body 样式
+      [`${componentCls}-tbody`]: {
+        // 斑马纹样式
+        [`tr:nth-child(2n + 1):not(${componentCls}-placeholder):not(${componentCls}-row-selected)`]: {
+          td: {
+            backgroundColor: colorBgBase
+          }
+        },
+        [`tr:nth-child(2n):not(${componentCls}-placeholder):not(${componentCls}-row-selected):not(${componentCls}-expanded-row)`]: {
+          td: {
+            backgroundColor: colorFillQuaternary
+          }
+        },
+        // hover 行样式
+        [`tr:not(${componentCls}-placeholder):not(${componentCls}-expanded-row):hover`]: {
+          td: {
+            backgroundColor: `${colorPrimaryBgHover} !important`
+          }
+        },
+        // 选中行样式
+        [`tr${componentCls}-row-selected > td`]: {
+          backgroundColor: colorPrimaryBg
+        },
+        // 展开行样式
+        [`${componentCls}-expanded-row > td`]: {
+          padding: `${paddingSM}px ${paddingLG}px ${paddingSM}px ${padding + paddingLG}px !important`,
+          backgroundColor: colorBgBase,
+          // 除内嵌子表格外，设置其他内嵌元素样式
+          [`& > *:not(${componentCls}-wrapper)`]: {
+            marginTop: -marginSM,
+            padding: largeCellPadding,
+            backgroundColor: colorFillQuaternary,
+            borderRadius: borderRadiusLG
+          }
+        },
+        // 嵌套子表格样式
+        [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
+          // 调整嵌套子表格的间距
+          marginBlock: "0 !important",
+          marginInline: "0 !important",
+          // 设置嵌套子表格的单元格背景色
+          [`${componentCls}-thead > tr > th`]: {
+            backgroundColor: `${colorFillQuaternary} !important`
+          },
+          [`${componentCls}-tbody ${componentCls}-row td`]: {
+            backgroundColor: `${colorFillQuaternary} !important`
+          },
+          // 设置最后一行左右两列的圆角
+          [`${componentCls}-tbody > tr:last-child`]: {
+            ["td:first-child, td:last-child"]: {
+              borderRadius: borderRadiusLG
+            }
+          }
+        }
+      }
+    },
+    // large 表格样式
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}:not(${componentCls}-middle):not(${componentCls}-small)`]: {
+        [`${componentCls}-thead > tr`]: {
+          ["td, th"]: {
+            padding: largeCellPadding
+          }
+        }
+      },
+      [`${componentCls}-tbody`]: {
+        [`tr:not(${componentCls}-measure-row) > td`]: {
+          padding: largeCellPadding
+        }
+      }
+    },
+    // 去掉非展开表格的边框
+    [`${componentCls}-wrapper:not(${componentCls}-expandable)`]: {
+      [`${componentCls}:not(${componentCls}-bordered)`]: {
+        [`${componentCls}-tbody`]: {
+          [`tr:not(${componentCls}-measure-row) > td`]: {
+            border: "none"
+          }
+        }
+      }
+    },
+    // 可展开表格样式
+    [`${componentCls}-wrapper${componentCls}-expandable`]: {
+      [`${componentCls}`]: {
+        [`${componentCls}-tbody`]: {
+          // 去掉斑马纹
+          [`tr:nth-child(2n):not(${componentCls}-placeholder):not(${componentCls}-expanded-row)`]: {
+            td: {
+              backgroundColor: colorBgBase
+            },
+            ["&:hover"]: {
+              td: {
+                backgroundColor: colorPrimaryBgHover
+              }
+            }
+          }
+        }
+      },
+      [`${componentCls}-pagination`]: {
+        [`&${antCls}-pagination`]: {
+          borderTop: "none"
+        }
+      }
+    },
+    // 分页器样式
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}-pagination`]: {
+        [`&${antCls}-pagination`]: {
+          padding: `${padding}px 0`,
+          margin: "0 !important",
+          borderTop: `1px solid ${colorBorderSecondary}`
+        },
+        // 批量操作栏样式
+        [`${componentCls}-batch-operation-bar`]: {
+          position: "absolute",
+          left: 0,
+          display: "inline-block",
+          marginRight: marginLG,
+          [`${componentCls}-batch-operation-selection`]: {
+            color: colorTextSecondary,
+            fontWeight: 500,
+            [`${componentCls}-batch-operation-selection-count`]: {
+              margin: `0 ${marginXS}px`,
+              color: colorLink
+            }
+          }
+        }
+      }
+    },
+    // 批量操作栏中的弹出层样式
+    [`${antCls}-popover${componentCls}-batch-operation-selection-popover`]: {
+      [`${antCls}-popover-inner`]: {
+        padding: 0
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Table", (token) => {
+    return [genTableStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genTableStyle
+});

package/lib/Tabs/TabPane.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { TabPaneProps as AntTabPaneProps } from 'antd/es/tabs/TabPane';
+export interface TabPaneProps extends AntTabPaneProps {
+    tag?: React.ReactNode;
+}
+declare const _default: React.FC<AntTabPaneProps>;
+export default _default;

package/lib/Tabs/TabPane.js

@@ -0,0 +1,28 @@
+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);
+
+// src/Tabs/TabPane.tsx
+var TabPane_exports = {};
+__export(TabPane_exports, {
+  default: () => TabPane_default
+});
+module.exports = __toCommonJS(TabPane_exports);
+var import_antd = require("antd");
+var TabPane_default = import_antd.Tabs.TabPane;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Tabs/hooks/useInkBar.d.ts

@@ -0,0 +1,12 @@
+import type { MutableRefObject } from 'react';
+import type { TabsPosition, TabsType } from 'antd/es/tabs';
+import type { SizeType } from 'antd/es/config-provider/SizeContext';
+declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
+    prefixCls: string;
+    activeKey: string;
+    size: SizeType;
+    type: TabsType;
+    tabPosition: TabsPosition;
+    containerRef: MutableRefObject<HTMLDivElement>;
+}) => void;
+export default _default;

package/lib/Tabs/hooks/useInkBar.js

@@ -0,0 +1,64 @@
+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);
+
+// src/Tabs/hooks/useInkBar.ts
+var useInkBar_exports = {};
+__export(useInkBar_exports, {
+  default: () => useInkBar_default
+});
+module.exports = __toCommonJS(useInkBar_exports);
+var import_react = require("react");
+var useInkBar_default = ({
+  prefixCls,
+  activeKey,
+  size,
+  type,
+  tabPosition,
+  containerRef
+}) => {
+  const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
+  const isVertical = tabPosition === "left" || tabPosition === "right";
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const containerNode = containerRef.current;
+    const inkBarNode = (_a = containerNode == null ? void 0 : containerNode.getElementsByClassName(
+      `${prefixCls}-ink-bar`
+    )) == null ? void 0 : _a[0];
+    const activeTabNode = containerNode == null ? void 0 : containerNode.querySelector(`[data-node-key="${activeKey}"]`);
+    const activeTabBtnNode = containerNode == null ? void 0 : containerNode.querySelector(
+      `[data-node-key="${activeKey}"]>.${prefixCls}-tab-btn`
+    );
+    const horizontalOffset = 8;
+    setTimeout(() => {
+      if ((!type || type === "line") && inkBarNode) {
+        if (isHorizontal && (activeTabNode == null ? void 0 : activeTabNode.offsetWidth) > 32) {
+          inkBarNode.style.width = `${(activeTabNode == null ? void 0 : activeTabNode.offsetWidth) - horizontalOffset * 2}px`;
+          inkBarNode.style.marginLeft = `${horizontalOffset}px`;
+          inkBarNode.style.marginTop = "0px";
+        }
+        if (isVertical) {
+          inkBarNode.style.height = `${activeTabBtnNode == null ? void 0 : activeTabBtnNode.offsetHeight}px`;
+          inkBarNode.style.marginTop = `${((activeTabNode == null ? void 0 : activeTabNode.offsetHeight) - (activeTabBtnNode == null ? void 0 : activeTabBtnNode.offsetHeight)) / 2}px`;
+          inkBarNode.style.marginLeft = "0px";
+        }
+      }
+    }, 100);
+  }, [prefixCls, activeKey, size, type, isHorizontal, isVertical, containerRef]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { Tab } from 'rc-tabs/lib/interface';
+import type { TabsProps } from '..';
+export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): Tab[];