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

package/lib/style/global.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'antd/dist/reset.css';
+export interface GlobalStyleProps {
+    prefixCls?: string;
+}
+declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export { GlobalStyle };
+export default GlobalStyle;

package/lib/style/global.js

@@ -0,0 +1,176 @@
+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/style/global.tsx
+var global_exports = {};
+__export(global_exports, {
+  GlobalStyle: () => GlobalStyle,
+  default: () => global_default
+});
+module.exports = __toCommonJS(global_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = __toESM(require("../theme"));
+var import_Inter_Regular = __toESM(require("../fonts/Inter-Regular.woff2"));
+var import_Inter_Medium = __toESM(require("../fonts/Inter-Medium.woff2"));
+var import_Inter_SemiBold = __toESM(require("../fonts/Inter-SemiBold.woff2"));
+var import_Consolas = __toESM(require("../fonts/Consolas.woff2"));
+var import_HelveticaNeue = __toESM(require("../fonts/HelveticaNeue.woff2"));
+var import_reset = require("antd/dist/reset.css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var genGlobalStyle = (token, prefixCls) => {
+  const antCls = `.${prefixCls}`;
+  const buttonComponentCls = `${antCls}-btn`;
+  const typographyComponentCls = `${antCls}-typography`;
+  const menuComponentCls = `${antCls}-menu`;
+  return [
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "lighter",
+        fontWeight: 300,
+        // load priority: local font > self-hosting font > remote font
+        src: `local('Inter'), url(${import_Inter_Regular.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*ucHoQ4exBNYAAAAARtAAAAgAemfOAQ/Inter-Regular.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "normal",
+        fontWeight: 400,
+        src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "medium",
+        fontWeight: 500,
+        src: `local('Inter'), url(${import_Inter_Medium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Inter",
+        fontStyle: "semibold",
+        fontWeight: 600,
+        src: `local('Inter'), url(${import_Inter_SemiBold.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*tcOIT5gLQl4AAAAARwAAAAgAemfOAQ/Inter-SemiBold.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Consolas",
+        src: `local('Consolas'), url(${import_Consolas.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "@font-face": {
+        fontFamily: "Helvetica Neue",
+        src: `local('Helvetica Neue'), url(${import_HelveticaNeue.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2') format('woff2')`,
+        fontDisplay: "swap"
+      }
+    },
+    {
+      "pre, code, kbd, samp": {
+        fontFamily: token.fontFamilyCode
+      },
+      "input::placeholder": {
+        // affact all placeholder excluding select
+        fontWeight: token.fontWeightWeak
+      },
+      "*": {
+        scrollbarColor: `${token.colorFillSecondary} transparent`
+      },
+      ".rc-virtual-list-scrollbar-thumb": {
+        background: `${token.colorFillSecondary} !important`
+      },
+      // handle font-size: 12px font weight
+      [`[style*='font-size: 12px']`]: {
+        fontWeight: token.fontWeightWeak
+      },
+      // link with href or data-aspm-param^="obcloud_openLink= show underline on hover
+      // except disabled and antd element
+      'a[href], a[data-aspm-param^="obcloud_openLink="]': {
+        [`&:not([disabled]):not([class^="${prefixCls}-"]):hover`]: {
+          textDecoration: "underline"
+        }
+      },
+      // handle link style in button
+      [`${buttonComponentCls}${buttonComponentCls}-link:not(${buttonComponentCls}-disabled)`]: {
+        '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+          "&:hover": {
+            textDecoration: "underline"
+          }
+        }
+      },
+      // handle link style in typography
+      [`${typographyComponentCls}:not(${typographyComponentCls}-disabled)`]: {
+        '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+          "&:hover": {
+            textDecoration: "underline"
+          }
+        }
+      },
+      // handle link style in menu
+      [`${menuComponentCls}`]: {
+        [`${menuComponentCls}-item`]: {
+          [`${menuComponentCls}-title-content`]: {
+            "a:hover": {
+              textDecoration: "none"
+            }
+          }
+        }
+      }
+    }
+  ];
+};
+var GlobalStyle = ({ prefixCls = "ant" }) => {
+  const { theme, token } = import_theme.default.useToken();
+  const wrapSSR = (0, import_cssinjs.useStyleRegister)(
+    {
+      theme,
+      token,
+      path: ["global"],
+      hashId: "",
+      // Empty hashId for global styles
+      order: -1e3
+      // Inject before other styles
+    },
+    () => genGlobalStyle(token, prefixCls)
+  );
+  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}));
+};
+var global_default = GlobalStyle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalStyle
+});

package/lib/style/reset.css

@@ -1 +1,2 @@
-@import '~antd/dist/reset.css';
+/* antd/dist/reset.css is imported in global.tsx */
+/* reserve this file for compatibility with antd */

package/lib/switch/index.js

@@ -39,14 +39,15 @@ 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);
     const prefixCls = getPrefixCls("switch", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const [wrapCSSVar] = (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 })
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { ref, prefixCls: customizePrefixCls, className: switchCls, ...restProps })
     );
   }
 );

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SwitchToken = FullToken<'Switch'>;
 export declare const genSwitchStyle: GenerateStyle<SwitchToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/switch/style/index.js

@@ -32,12 +32,9 @@ var genSwitchStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Switch", (token) => {
-    return [genSwitchStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Switch", (token) => {
+  return [genSwitchStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genSwitchStyle

package/lib/table/index.d.ts

@@ -41,10 +41,7 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     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;
     Summary: typeof Summary;
-    useStyle: (prefixCls: string) => {
-        wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;
-        hashId: string;
-    };
+    useStyle: (prefixCls: string, rootCls?: string) => readonly [(node: ReactElement<any, string | React.JSXElementConstructor<any>>) => ReactElement<any, string | React.JSXElementConstructor<any>>, string, string];
     useDefaultPagination: (pagination?: false | import("antd").TablePaginationConfig) => false | import("antd").TablePaginationConfig;
 };
 export default _default;

package/lib/table/index.js

@@ -44,7 +44,9 @@ var import_style = __toESM(require("./style"));
 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"));
+var import_theme = __toESM(require("../theme"));
 __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 {
@@ -64,16 +66,18 @@ function Table(props, ref) {
     collapseText,
     openText,
     expandable,
+    scroll,
     hiddenCancelBtn = false,
     prefixCls: customizePrefixCls,
     className
   } = props;
   const extendedContext = (0, import_react.useContext)(import_config_provider.default.ExtendedConfigContext);
   const pagination = (0, import_useDefaultPagination.default)(customPagination);
+  const { token } = import_theme.default.useToken();
   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,
@@ -84,7 +88,7 @@ function Table(props, ref) {
     }
   };
   const prefixCls = getPrefixCls("table", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const [wrapCSSVar] = (0, import_style.default)(prefixCls);
   const tableCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable),
@@ -112,7 +116,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,15 +124,16 @@ 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 })
+            }
           );
         }
       };
     }
     return item;
   });
+  const hasEllipsisColumn = newColumns.some((item) => item.ellipsis);
   const handleSelectedData = (selectedRowKeys, selectedRows, info) => {
     setCurrentSelectedRowKeys(selectedRowKeys);
     setCurrentSelectedRows(selectedRows);
@@ -148,75 +153,116 @@ 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(
-      import_antd.Table,
+  return wrapCSSVar(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_config_provider.default,
       {
-        ...props,
-        ref,
-        prefixCls: customizePrefixCls,
-        className: tableCls,
-        locale: {
-          ...restLocale,
-          emptyText: /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty-wrapper` }, typeof emptyText === "function" ? emptyText() : emptyText)
-        },
-        size,
-        bordered: bordered || innerBordered,
-        columns: newColumns,
-        rowClassName: (...args) => {
-          return (0, import_classnames.default)(
-            typeof rowClassName === "function" ? rowClassName(...args) : rowClassName,
-            {
-              [`${prefixCls}-expand-row-by-click`]: expandable == null ? void 0 : expandable.expandRowByClick
+        theme: {
+          components: {
+            Button: {
+              fontSize: token.fontSizeSM,
+              controlHeight: token.controlHeightSM,
+              paddingInline: token.paddingXS
+            },
+            Pagination: {
+              fontSize: token.fontSizeSM,
+              controlHeight: token.controlHeightSM
+            },
+            Select: {
+              fontSize: token.fontSizeSM,
+              controlHeight: token.controlHeightSM,
+              // control select padding by inputPaddingHorizontalBase
+              paddingSM: token.paddingXS
             }
-          );
+          }
         },
-        expandable: expandable ? {
-          columnWidth: !size || size === "large" ? 40 : 32,
-          ...expandable
-        } : void 0,
-        rowSelection: rowSelection ? {
-          columnWidth: table == null ? void 0 : table.selectionColumnWidth,
-          ...rowSelection,
-          onChange: (selectedRowKeys, selectedRows, info) => {
-            var _a2;
-            handleSelectedData(selectedRowKeys, selectedRows, info);
-            (_a2 = rowSelection == null ? void 0 : rowSelection.onChange) == null ? void 0 : _a2.call(rowSelection, selectedRowKeys, selectedRows, info);
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Table,
+          {
+            ...props,
+            ref,
+            prefixCls: customizePrefixCls,
+            className: tableCls,
+            locale: {
+              ...restLocale,
+              emptyText: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-empty-wrapper`, children: typeof emptyText === "function" ? emptyText() : emptyText })
+            },
+            size,
+            bordered: bordered || innerBordered,
+            columns: newColumns,
+            rowClassName: (...args) => {
+              return (0, import_classnames.default)(
+                typeof rowClassName === "function" ? rowClassName(...args) : rowClassName,
+                {
+                  [`${prefixCls}-expand-row-by-click`]: expandable == null ? void 0 : expandable.expandRowByClick
+                }
+              );
+            },
+            expandable: expandable ? {
+              columnWidth: !size || size === "large" ? 40 : 32,
+              ...expandable
+            } : void 0,
+            rowSelection: rowSelection ? {
+              columnWidth: table == null ? void 0 : table.selectionColumnWidth,
+              ...rowSelection,
+              onChange: (selectedRowKeys, selectedRows, info) => {
+                var _a2;
+                handleSelectedData(selectedRowKeys, selectedRows, info);
+                (_a2 = rowSelection == null ? void 0 : rowSelection.onChange) == null ? void 0 : _a2.call(rowSelection, selectedRowKeys, selectedRows, info);
+              }
+            } : void 0,
+            scroll: {
+              // enable auto x scroll when there is no ellipsis column
+              x: hasEllipsisColumn ? void 0 : "max-content",
+              ...scroll
+            },
+            footer,
+            pagination: pagination === false ? false : {
+              ...pagination,
+              hideOnSinglePage: toolAlertRender || toolOptionsRender || toolSelectedContent || (pagination == null ? void 0 : pagination.showSizeChanger) ? false : (pagination == null ? void 0 : pagination.hideOnSinglePage) !== void 0 ? pagination == null ? void 0 : pagination.hideOnSinglePage : extendedContext.hideOnSinglePage,
+              showTotal: renderOptionsBar
+            }
           }
-        } : void 0,
-        footer,
-        pagination: pagination === false ? false : {
-          ...pagination,
-          hideOnSinglePage: toolAlertRender || toolOptionsRender || toolSelectedContent || (pagination == null ? void 0 : pagination.showSizeChanger) ? false : (pagination == null ? void 0 : pagination.hideOnSinglePage) !== void 0 ? pagination == null ? void 0 : pagination.hideOnSinglePage : extendedContext.hideOnSinglePage,
-          showTotal: renderOptionsBar
-        }
+        )
       }
     )
   );

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

@@ -1,10 +1,7 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TableToken = FullToken<'Table'>;
 export declare const genTableStyle: (token: TableToken) => CSSObject;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;