@rainbow-oh/yee-c 0.5.1 → 0.6.0

package/dist/cjs/Table/demo/components-override.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Table/demo/components-override.js

@@ -0,0 +1,54 @@
+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/demo/components-override.tsx
+var components_override_exports = {};
+__export(components_override_exports, {
+  default: () => components_override_default
+});
+module.exports = __toCommonJS(components_override_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var CustomTbody = (props) => /* @__PURE__ */ import_react.default.createElement("tbody", { className: props.className, "data-custom-tbody": true }, props.children);
+var CustomRow = ({ record, index, columns, rowKey }) => /* @__PURE__ */ import_react.default.createElement("tr", { "data-row-key": rowKey, style: { background: index % 2 === 0 ? "#f8fafc" : void 0 } }, /* @__PURE__ */ import_react.default.createElement("td", { style: { width: 40, textAlign: "center", color: "#2563eb", fontWeight: 700 } }, index + 1), columns.map((col) => /* @__PURE__ */ import_react.default.createElement("td", { key: String(col.key) }, record[col.dataIndex || ""])));
+var components_override_default = () => {
+  const columns = [
+    { title: "Name", dataIndex: "name", key: "name" },
+    { title: "Age", dataIndex: "age", key: "age" },
+    { title: "Address", dataIndex: "address", key: "address" }
+  ];
+  const dataSource = [
+    { key: "1", name: "John Brown", age: 32, address: "New York No. 1 Lake Park" },
+    { key: "2", name: "Jim Green", age: 42, address: "London No. 1 Lake Park" },
+    { key: "3", name: "Joe Black", age: 32, address: "Sidney No. 1 Lake Park" }
+  ];
+  const components = {
+    body: { tbody: CustomTbody, row: CustomRow }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, components });
+};

package/dist/cjs/Table/demo/grouping.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Table/demo/grouping.js

@@ -0,0 +1,129 @@
+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/demo/grouping.tsx
+var grouping_exports = {};
+__export(grouping_exports, {
+  default: () => grouping_default
+});
+module.exports = __toCommonJS(grouping_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var grouping_default = () => {
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react.useState)([]);
+  const columns = [
+    {
+      title: "Name",
+      dataIndex: "name",
+      key: "name",
+      fixed: "left",
+      width: 120,
+      sorter: true
+    },
+    {
+      title: "Info",
+      key: "info",
+      children: [
+        { title: "Age", dataIndex: "age", key: "age", width: 100, sorter: true },
+        {
+          title: "Address",
+          dataIndex: "address",
+          key: "address",
+          width: 200
+        }
+      ]
+    },
+    {
+      title: "Company",
+      key: "company",
+      children: [
+        {
+          title: "Name",
+          dataIndex: "companyName",
+          key: "companyName",
+          width: 180
+        },
+        {
+          title: "Address",
+          dataIndex: "companyAddress",
+          key: "companyAddress",
+          width: 220
+        }
+      ]
+    },
+    {
+      title: "Action",
+      key: "action",
+      fixed: "right",
+      width: 100,
+      render: (record) => /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => console.log(record) }, "Edit")
+    }
+  ];
+  const dataSource = [
+    {
+      key: "1",
+      name: "John Brown",
+      age: 32,
+      address: "New York No. 1 Lake Park",
+      companyName: "Acme Inc.",
+      companyAddress: "NY Office"
+    },
+    {
+      key: "2",
+      name: "Jim Green",
+      age: 42,
+      address: "London No. 1 Lake Park",
+      companyName: "Globex",
+      companyAddress: "London Office"
+    },
+    {
+      key: "3",
+      name: "Joe Black",
+      age: 28,
+      address: "Sidney No. 1 Lake Park",
+      companyName: "Initech",
+      companyAddress: "Sidney Office"
+    }
+  ];
+  const rowSelection = {
+    type: "checkbox",
+    selectedRowKeys,
+    onChange: (keys) => setSelectedRowKeys(keys)
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Table,
+    {
+      columns,
+      dataSource,
+      rowKey: "key",
+      rowSelection,
+      bordered: true,
+      scroll: { x: 1200 }
+    }
+  );
+};

package/dist/cjs/Table/hooks/useColumns.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ColumnProps, ExpandableType, RowSelectionType } from '../interface';
+import type { ColumnProps, ExpandableType, RowSelectionType } from '../interface';
 export default function useColumns({ children, columns, rowSelection, expandable, }: {
     children?: React.ReactElement<ColumnProps> | React.ReactElement<ColumnProps>[];
     columns: ColumnProps[];
@@ -7,5 +7,5 @@ export default function useColumns({ children, columns, rowSelection, expandable
     expandable?: ExpandableType;
 }): {
     wrapedColumns: any;
-    columns: ColumnProps[];
+    headerRows: any;
 };

package/dist/cjs/Table/hooks/useColumns.js

@@ -1,8 +1,6 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -20,7 +18,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -53,6 +50,7 @@ var import_react = __toESM(require("react"));
 var import_useDeepCompareMemo = __toESM(require("../../hooks/useDeepCompareMemo"));
 var import_deepClone = __toESM(require("../../utils/deepClone"));
 var import_util = require("../util");
+var import_header = require("../util/header");
 function useColumns({
   children,
   columns,
@@ -61,48 +59,28 @@ function useColumns({
 }) {
   const shouldRenderSelection = !!rowSelection;
   const shouldRenderExpand = !!expandable;
-  const getColumnsFromChild = (children2) => {
-    const columns2 = [];
-    import_react.default.Children.forEach(children2, (child) => {
+  const getColumnsFromChild = (childs) => {
+    const cols = [];
+    import_react.default.Children.forEach(childs, (child) => {
       if (child) {
-        columns2.push(__spreadValues({}, child.props));
+        cols.push(__spreadValues({}, child.props));
       }
     });
-    return columns2.length ? columns2 : null;
+    return cols.length ? cols : null;
   };
   const childColumns = (0, import_react.useMemo)(() => {
     return children ? getColumnsFromChild(children) : null;
   }, [children]);
-  const wrapColumns = (columns2) => {
-    let result = (0, import_deepClone.default)(columns2);
-    if (rowSelection) {
-      const { index = 1 } = rowSelection;
-      const loc = index - 1;
-      result.splice(loc, 0, __spreadProps(__spreadValues({
-        width: 50
-      }, rowSelection), {
-        key: "YEE_SELECTION_COL"
-      }));
-    }
-    if (expandable) {
-      const { index = 1, visible = true } = expandable;
-      const loc = index ? index - 1 : rowSelection ? 1 : 0;
-      if (visible !== false) {
-        result.splice(loc, 0, __spreadProps(__spreadValues({
-          width: 50
-        }, expandable), {
-          key: "YEE_EXPAND_COL"
-        }));
-      }
-    }
-    result = (0, import_util.handleColumns)(result);
-    return result;
-  };
-  const mergedColumns = (0, import_useDeepCompareMemo.default)(() => {
-    return wrapColumns(childColumns || columns || []);
+  const { wrapedColumns, headerRows } = (0, import_useDeepCompareMemo.default)(() => {
+    const base = (0, import_deepClone.default)(childColumns || columns || []) || [];
+    const tree = (0, import_header.injectSelectionExpand)(base, rowSelection, expandable);
+    const leaves = (0, import_header.flattenLeafColumns)(tree);
+    const wraped = (0, import_util.handleColumns)(leaves);
+    const rows = (0, import_header.parseHeaderRows)(tree);
+    return { wrapedColumns: wraped, headerRows: rows };
   }, [childColumns, columns, shouldRenderSelection, shouldRenderExpand]);
   return {
-    wrapedColumns: mergedColumns,
-    columns: childColumns || columns
+    wrapedColumns,
+    headerRows
   };
 }

package/dist/cjs/Table/index.d.ts

@@ -2,7 +2,7 @@ import Column from './column';
 import Summary from './summary';
 import InternalTable from './table';
 import Head from './theader';
-export type { ColumnProps, PaginationType, RowSelectionType, TableProps, onChangeParams, } from './interface';
+export type { ColumnProps, PaginationType, RowSelectionType, TableProps, TableComponents, TableBodyComponents, TableRowRendererProps, HeaderCell, onChangeParams, } from './interface';
 type TableType = typeof InternalTable & {
     Column: typeof Column;
     Summary: typeof Summary;

package/dist/cjs/Table/interface.d.ts

@@ -66,6 +66,14 @@ export interface HeadCellProps extends Omit<WrapedColumnProps, 'title'> {
     };
     onSort?: (dataIndex: string, sorter: any) => void;
     onInternalFilter?: (dataIndex: string, value: string) => void;
+    /**
+     * Horizontal span, used for grouped header cells
+     */
+    colSpan?: number;
+    /**
+     * Vertical span, used for grouped header cells
+     */
+    rowSpan?: number;
 }
 export interface RowSelectionType {
     /**
@@ -226,9 +234,9 @@ export interface ColumnProps {
      */
     helper?: string | React.ReactNode;
     /**
-     * Callback function for custom cell content
+     * Sub-columns for header grouping (multi-level header). Use cell `render` for custom cell content.
      */
-    children?: (record: Record<string, any>, rowIndex: number) => React.ReactNode;
+    children?: ColumnProps[];
     /**
      * Set cell properties
      */
@@ -252,7 +260,50 @@ export interface WrapedColumnProps extends ColumnProps, ExpandableType, Omit<Row
      */
     isFixedRightFirst?: boolean;
 }
+/**
+ * A header cell resolved from the column tree, with computed span info for multi-level headers.
+ */
+export interface HeaderCell {
+    /**
+     * The source wrapped column (leaf or group)
+     */
+    column: WrapedColumnProps;
+    /**
+     * Horizontal span (number of leaf columns covered)
+     */
+    colSpan: number;
+    /**
+     * Vertical span (number of header rows covered)
+     */
+    rowSpan: number;
+    /**
+     * Whether this cell has sub-columns (group header)
+     */
+    hasSubColumns?: boolean;
+}
 type DownloadType = ButtonProps;
+/**
+ * 行接管渲染器收到的 props（components.body.row）
+ */
+export interface TableRowRendererProps {
+    record: Record<string, any>;
+    index: number;
+    columns: WrapedColumnProps[];
+    /** 当前行 key 值（= record[rowKey]），可作 sortable id */
+    rowKey: string | number;
+}
+/**
+ * 可被外部接管的 <tbody> / 行渲染
+ */
+export interface TableBodyComponents {
+    /** 替换 <tbody>；常用于在外部包 SortableContext 等 Provider */
+    tbody?: React.ElementType;
+    /** 整行接管：消费方自行渲染 <tr> + 单元格（含拖拽手柄等） */
+    row?: React.ComponentType<TableRowRendererProps>;
+}
+export interface TableComponents {
+    body?: TableBodyComponents;
+}
 export type SemanticProps = {
     /**
      * Semantic class names
@@ -265,7 +316,7 @@ export type SemanticProps = {
     /**
      * Custom table elements
      */
-    components?: Partial<Record<SemanticType, React.ReactNode>>;
+    components?: TableComponents;
 };
 export interface HeaderProps extends SemanticProps {
     /**
@@ -316,8 +367,8 @@ export interface TableRowProps {
     stripe?: boolean;
     expandedKeyType?: string;
     onRow?: (record: Record<string, any>, index: number) => Record<string, any>;
-    rowClassName?: (record: Record<string, any>, index: number) => string;
-    rowStyle?: (record: Record<string, any>, index: number) => React.CSSProperties;
+    rowClassName?: (record: Record<string, any>, index: number) => string | undefined;
+    rowStyle?: (record: Record<string, any>, index: number) => React.CSSProperties | undefined;
     onDoubleClick?: (record: Record<string, any>, event: React.MouseEvent<HTMLTableRowElement>) => void;
     onExpand: ({ expanded, record, index, }: {
         expanded: boolean;
@@ -403,7 +454,7 @@ export interface TableProps extends FooterProps, Omit<HeaderProps, 'pageData'>,
     /**
      * Custom table elements
      */
-    components?: Partial<Record<SemanticType, React.ReactNode>>;
+    components?: TableComponents;
     /**
      * Whether to show outer and column borders
      */
@@ -447,11 +498,11 @@ export interface TableProps extends FooterProps, Omit<HeaderProps, 'pageData'>,
     /**
      * Row class name, unlike classNames, this prop can be set dynamically via a function
      */
-    rowClassName?: (record: object) => string;
+    rowClassName?: (record: object) => string | undefined;
     /**
      * Row style, unlike styles, this prop can be set dynamically via a function
      */
-    rowStyle?: (record: object) => React.CSSProperties;
+    rowStyle?: (record: object) => React.CSSProperties | undefined;
     /**
      * Pagination config
      */

package/dist/cjs/Table/style/index.less

@@ -153,7 +153,25 @@
 
   &-tbody {
     @{pls}-cell {
-      background-color: var(--yee-table-cell-bg-color, #fff);
+      background-color: var(--yee-table-cell-bg-color, inherit);
+    }
+
+    @{pls}-row {
+      &:hover {
+        background-color: var(--yee-table-tbody-tr-hover-bg-color);
+      }
+    }
+  }
+
+  &-odd-row {
+    > @{pls}-cell {
+      background-color: var(--yee-table-odd-row-bg-color);
+    }
+  }
+
+  &-even-row {
+    > @{pls}-cell {
+      background-color: var(--yee-table-even-row-bg-color);
     }
   }
 

package/dist/cjs/Table/table.js

@@ -149,7 +149,7 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
   const allKeys = (0, import_react.useMemo)(() => {
     return Array.isArray(dataSource) ? dataSource.map((item) => getRowKey(item)) : [];
   }, [dataSource, rowKey, getRowKey]);
-  const { wrapedColumns, columns } = (0, import_useColumns.default)({
+  const { wrapedColumns, headerRows } = (0, import_useColumns.default)({
     children,
     columns: propColumns,
     expandable,
@@ -162,7 +162,7 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
     data: sortedData,
     sorters,
     onSort
-  } = (0, import_useSorter.default)({ data: filteredData, columns });
+  } = (0, import_useSorter.default)({ data: filteredData, columns: wrapedColumns });
   const { pageData, current, pageSize, pagination } = (0, import_usePagination.default)({
     data: sortedData,
     pagination: propPagination,
@@ -185,7 +185,6 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
   const {
     selectedRowKeys,
     checkedAll,
-    pageDataRowKeys,
     onCheckAll,
     onChange: onSelectionChange
   } = (0, import_useSelection.default)({ pageData, dataSource, getRowKey, rowSelection, allKeys });
@@ -237,7 +236,7 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
         prefixCls,
         header,
         download,
-        columns,
+        columns: wrapedColumns,
         pageData,
         dataSource
       }
@@ -251,8 +250,7 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_theader.default,
       __spreadProps(__spreadValues({}, ths), {
-        columns: wrapedColumns,
-        pageDataRowKeys,
+        headerRows,
         checkedAll,
         sorters,
         onSort,
@@ -297,7 +295,7 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
       {
         value: {
           prefixCls,
-          columns,
+          columns: wrapedColumns,
           classNames,
           styles,
           components,

package/dist/cjs/Table/tbody/cell.d.ts

@@ -7,7 +7,6 @@ export interface BodyCellProps {
     fixedToLeft?: number;
     current: number;
     pageSize: number;
-    children?: (record: Record<string, any>, index: number) => React.ReactNode;
 }
 declare const TableCell: React.FC<BodyCellProps>;
 export default TableCell;

package/dist/cjs/Table/tbody/cell.js

@@ -66,7 +66,6 @@ var TableCell = (props) => {
     className,
     styles,
     classNames,
-    children,
     onCell,
     render
   } = column;
@@ -75,9 +74,6 @@ var TableCell = (props) => {
     if (render) {
       return typeof render === "function" ? render(record, rowIndex) : render;
     }
-    if (typeof children === "function") {
-      return children(record, rowIndex);
-    }
     return /* @__PURE__ */ React.createElement(
       "div",
       {

package/dist/cjs/Table/tbody/index.js

@@ -67,19 +67,36 @@ var import_table = require("../table");
 var import_lazy_row = __toESM(require("./lazy-row"));
 var import_row = __toESM(require("./row"));
 var TableBody = (props) => {
+  var _b, _c, _d;
   const _a = props, { columns, pageData, lazyLoad } = _a, rest = __objRest(_a, ["columns", "pageData", "lazyLoad"]);
-  const { prefixCls } = import_react.default.useContext(import_table.TableCtx);
+  const { prefixCls, components, rowKey } = import_react.default.useContext(import_table.TableCtx);
   const { locale } = (0, import_locale.useLocale)();
   const { table: tableLocale } = locale;
   const empty = /* @__PURE__ */ import_react.default.createElement("tbody", { className: `${prefixCls}-tbody` }, /* @__PURE__ */ import_react.default.createElement("tr", { className: `${prefixCls}-no-record` }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 999 }, tableLocale.emptyText)));
   const dataLength = pageData.length;
   if (dataLength === 0)
     return empty;
+  const BodyWrapper = (_c = (_b = components == null ? void 0 : components.body) == null ? void 0 : _b.tbody) != null ? _c : "tbody";
+  const RowRenderer = (_d = components == null ? void 0 : components.body) == null ? void 0 : _d.row;
+  const resolveRowKey = (record) => typeof rowKey === "function" ? rowKey(record) : record[rowKey];
   const getRenderRows = () => {
     if (lazyLoad) {
       return /* @__PURE__ */ import_react.default.createElement(import_lazy_row.default, __spreadProps(__spreadValues({}, rest), { pageData, columns }));
     }
     return pageData.map((record, index) => {
+      if (RowRenderer) {
+        const rk = resolveRowKey(record);
+        return /* @__PURE__ */ import_react.default.createElement(
+          RowRenderer,
+          {
+            key: rk != null ? rk : index,
+            record,
+            index,
+            columns,
+            rowKey: rk
+          }
+        );
+      }
       return /* @__PURE__ */ import_react.default.createElement(
         import_row.default,
         __spreadProps(__spreadValues({}, rest), {
@@ -91,7 +108,7 @@ var TableBody = (props) => {
       );
     });
   };
-  const tbody = /* @__PURE__ */ import_react.default.createElement("tbody", { className: `${prefixCls}-tbody` }, getRenderRows());
+  const tbody = /* @__PURE__ */ import_react.default.createElement(BodyWrapper, { className: `${prefixCls}-tbody` }, getRenderRows());
   return tbody;
 };
 var tbody_default = TableBody;

package/dist/cjs/Table/tbody/row.js

@@ -127,20 +127,24 @@ var TableRow = (props) => {
     });
   };
   const getSelection = (column) => {
-    const _a2 = column, { type, onCell } = _a2, restCol = __objRest(_a2, ["type", "onCell"]);
-    const key = record[rowKey];
-    const props2 = onCell ? onCell(record, index) : {};
-    const checked = selectedRowKeys == null ? void 0 : selectedRowKeys.includes(key);
-    const commonProps = __spreadProps(__spreadValues(__spreadValues({}, restCol), props2), {
+    const { type, disabled: colDisabled, onCell } = column;
+    const rowKeyValue = record[rowKey];
+    const props2 = (onCell == null ? void 0 : onCell(record, index)) || {};
+    const checked = selectedRowKeys == null ? void 0 : selectedRowKeys.includes(rowKeyValue);
+    const disabled = typeof colDisabled === "function" ? colDisabled(record, index) : Array.isArray(colDisabled) ? colDisabled[index] : !!colDisabled;
+    const commonProps = __spreadValues({
       checked,
-      value: key,
-      onChange: onSelectionChange
-    });
+      value: rowKeyValue,
+      onChange: onSelectionChange,
+      disabled
+    }, props2);
     if (type === "checkbox") {
-      return /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, __spreadValues({}, commonProps));
-    } else {
-      return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({}, commonProps));
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_Checkbox.default,
+        __spreadValues({}, commonProps)
+      );
     }
+    return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({}, commonProps));
   };
   let colSpanStart = Infinity;
   let colSpanEnd = -1;

package/dist/cjs/Table/theader/cell.js

@@ -86,6 +86,8 @@ var HeadCell = (props) => {
     internalFilters,
     style,
     width,
+    colSpan,
+    rowSpan,
     onHeaderCell,
     onSort,
     onInternalFilter
@@ -107,6 +109,8 @@ var HeadCell = (props) => {
     "internalFilters",
     "style",
     "width",
+    "colSpan",
+    "rowSpan",
     "onHeaderCell",
     "onSort",
     "onInternalFilter"
@@ -203,7 +207,9 @@ var HeadCell = (props) => {
     return __spreadProps(__spreadValues({}, cellProps), {
       className: cls,
       scope: "col",
-      style: styles2
+      style: styles2,
+      colSpan,
+      rowSpan
     });
   };
   const thProps = getThProps();

package/dist/cjs/Table/theader/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { HeadCellProps } from '../interface';
+import type { HeaderCell } from '../interface';
 export interface TableHeadProps {
-    children?: React.ReactNode;
-    columns?: Array<HeadCellProps>;
-    isExpandable?: boolean;
-    expandedColumn?: number;
+    /**
+     * Resolved 2D header rows (one array per header row), produced by parseHeaderRows
+     */
+    headerRows?: HeaderCell[][];
 }
 declare const _default: React.NamedExoticComponent<any>;
 export default _default;