@tiny-design/react 1.0.4

package/es/table/style/index.css

@@ -0,0 +1,105 @@
+.ty-table {
+  color: var(--ty-color-text, #32325d);
+  font-size: 1rem;
+}
+.ty-table__wrapper {
+  overflow-x: auto;
+}
+.ty-table__table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: auto;
+}
+.ty-table_bordered .ty-table__table {
+  border: 1px solid var(--ty-table-border, #dee2e6);
+}
+.ty-table_bordered .ty-table__cell {
+  border: 1px solid var(--ty-table-border, #dee2e6);
+}
+.ty-table_sm .ty-table__cell {
+  padding: 8px 8px;
+  font-size: 0.875rem;
+}
+.ty-table_md .ty-table__cell {
+  padding: 12px 16px;
+}
+.ty-table_lg .ty-table__cell {
+  padding: 16px 16px;
+  font-size: 1.25rem;
+}
+.ty-table__thead_sticky {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+.ty-table__row_spacer td {
+  padding: 0 !important;
+  border: 0 !important;
+}
+.ty-table__thead .ty-table__cell {
+  background: var(--ty-table-header-bg, #f6f9fc);
+  font-weight: 500;
+  border-bottom: 1px solid var(--ty-table-border, #dee2e6);
+}
+.ty-table__cell {
+  text-align: left;
+  vertical-align: middle;
+}
+.ty-table__cell_sortable {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ty-table__cell_sortable:hover {
+  background: var(--ty-table-hover, #e9ecef);
+}
+.ty-table__cell_ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 0;
+}
+.ty-table__cell_align-center {
+  text-align: center;
+}
+.ty-table__cell_align-right {
+  text-align: right;
+}
+.ty-table__tbody .ty-table__row {
+  border-bottom: 1px solid var(--ty-table-border, #e9ecef);
+  transition: background 0.2s;
+}
+.ty-table__tbody .ty-table__row:hover {
+  background: var(--ty-table-hover, #f6f9fc);
+}
+.ty-table__tbody .ty-table__row_selected {
+  background: var(--ty-table-selected-bg, rgba(110, 65, 191, 0.06));
+}
+.ty-table__selection-col {
+  width: 40px;
+  text-align: center;
+}
+.ty-table__col-title {
+  display: inline;
+}
+.ty-table__sorter {
+  display: inline-flex;
+  flex-direction: column;
+  margin-left: 4px;
+  vertical-align: middle;
+  line-height: 1;
+}
+.ty-table__sorter-icon {
+  font-size: 8px;
+  line-height: 8px;
+  color: var(--ty-color-text-secondary, #ced4da);
+}
+.ty-table__sorter-icon_active {
+  color: var(--ty-color-primary, #6e41bf);
+}
+.ty-table__empty-cell, .ty-table__loading-cell {
+  text-align: center;
+  padding: 32px !important;
+  color: var(--ty-color-text-secondary, #adb5bd);
+}

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

@@ -0,0 +1 @@
+export { };

package/es/table/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/table/table.d.ts

@@ -0,0 +1,8 @@
+import { TableProps } from "./types.js";
+import React from "react";
+
+//#region src/table/table.d.ts
+declare const Table: React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Table };
+//# sourceMappingURL=table.d.ts.map

package/es/table/table.js

@@ -0,0 +1,294 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useVirtualScroll } from "../_utils/use-virtual-scroll.js";
+import pagination_default from "../pagination/index.js";
+import React, { useContext, useEffect, useMemo, useState } from "react";
+import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/table/table.tsx
+const ROW_HEIGHT_MAP = {
+	sm: 40,
+	md: 48,
+	lg: 56
+};
+const getRowKey = (record, rowKey, index) => {
+	if (typeof rowKey === "function") return rowKey(record);
+	const key = record[rowKey];
+	return key !== void 0 ? key : index;
+};
+const getValue = (record, dataIndex) => {
+	return record[dataIndex];
+};
+const Table = React.forwardRef((props, ref) => {
+	const { columns, dataSource = [], rowKey = "key", loading = false, bordered = false, size, scroll, virtual = false, height, itemHeight: itemHeightProp, rowSelection, pagination, onChange, emptyText = "No Data", showHeader = true, rowClassName, onRow, prefixCls: customisedCls, className, style, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("table", configContext.prefixCls, customisedCls);
+	const tableSize = size || configContext.componentSize || "md";
+	if (virtual && height == null) console.warn("[tiny-design: Table] `height` is required when `virtual` is enabled.");
+	const isVirtual = virtual && height != null;
+	const [sortField, setSortField] = useState();
+	const [sortOrder, setSortOrder] = useState(null);
+	const [currentPage, setCurrentPage] = useState(1);
+	const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;
+	const [selectedKeys, setSelectedKeys] = useState(rowSelection?.selectedRowKeys ?? []);
+	useEffect(() => {
+		if (rowSelection?.selectedRowKeys) setSelectedKeys(rowSelection.selectedRowKeys);
+	}, [rowSelection?.selectedRowKeys]);
+	useEffect(() => {
+		for (const col of columns) if (col.defaultSortOrder) {
+			setSortField(col.dataIndex);
+			setSortOrder(col.defaultSortOrder);
+			break;
+		}
+	}, []);
+	const sortedData = useMemo(() => {
+		if (!sortField || !sortOrder) return [...dataSource];
+		const col = columns.find((c) => c.dataIndex === sortField);
+		if (!col?.sorter) return [...dataSource];
+		const sorted = [...dataSource];
+		const sorterFn = typeof col.sorter === "function" ? col.sorter : (a, b) => {
+			const va = getValue(a, sortField);
+			const vb = getValue(b, sortField);
+			if (va < vb) return -1;
+			if (va > vb) return 1;
+			return 0;
+		};
+		sorted.sort((a, b) => {
+			const result = sorterFn(a, b);
+			return sortOrder === "descend" ? -result : result;
+		});
+		return sorted;
+	}, [
+		dataSource,
+		sortField,
+		sortOrder,
+		columns
+	]);
+	const rowHeight = itemHeightProp ?? ROW_HEIGHT_MAP[tableSize] ?? ROW_HEIGHT_MAP.md;
+	const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({
+		itemCount: sortedData.length,
+		itemHeight: rowHeight,
+		containerHeight: height ?? 0
+	});
+	const paginatedData = useMemo(() => {
+		if (isVirtual) return sortedData;
+		if (pagination === false) return sortedData;
+		const start = ((pagination?.current ?? currentPage) - 1) * pageSize;
+		return sortedData.slice(start, start + pageSize);
+	}, [
+		sortedData,
+		pagination,
+		currentPage,
+		pageSize,
+		isVirtual
+	]);
+	const paginationConfig = pagination && typeof pagination === "object" ? pagination : void 0;
+	const totalItems = paginationConfig?.total ?? dataSource.length;
+	const activePage = paginationConfig?.current ?? currentPage;
+	const handleSort = (col) => {
+		if (!col.sorter) return;
+		let newOrder;
+		if (sortField !== col.dataIndex) newOrder = "ascend";
+		else if (sortOrder === "ascend") newOrder = "descend";
+		else if (sortOrder === "descend") newOrder = null;
+		else newOrder = "ascend";
+		setSortField(newOrder ? col.dataIndex : void 0);
+		setSortOrder(newOrder);
+		onChange?.({
+			current: activePage,
+			pageSize
+		}, {
+			field: col.dataIndex,
+			order: newOrder
+		});
+	};
+	const handlePageChange = (page) => {
+		setCurrentPage(page);
+		pagination && pagination.onChange?.(page, pageSize);
+		onChange?.({
+			current: page,
+			pageSize
+		}, {
+			field: sortField,
+			order: sortOrder
+		});
+	};
+	const handleSelectAll = () => {
+		if (!rowSelection) return;
+		const allKeys = paginatedData.map((record, i) => getRowKey(record, rowKey, i));
+		const allSelected = allKeys.every((k) => selectedKeys.includes(k));
+		const newKeys = allSelected ? [] : allKeys;
+		if (!rowSelection.selectedRowKeys) setSelectedKeys(newKeys);
+		const newRows = allSelected ? [] : paginatedData;
+		rowSelection.onChange?.(newKeys, newRows);
+	};
+	const handleSelectRow = (record, key) => {
+		if (!rowSelection) return;
+		const isRadio = rowSelection.type === "radio";
+		let newKeys;
+		if (isRadio) newKeys = [key];
+		else newKeys = selectedKeys.includes(key) ? selectedKeys.filter((k) => k !== key) : [...selectedKeys, key];
+		if (!rowSelection.selectedRowKeys) setSelectedKeys(newKeys);
+		const newRows = dataSource.filter((r, i) => newKeys.includes(getRowKey(r, rowKey, i)));
+		rowSelection.onChange?.(newKeys, newRows);
+	};
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_bordered`]: bordered,
+		[`${prefixCls}_${tableSize}`]: tableSize,
+		[`${prefixCls}_loading`]: loading
+	});
+	const tableStyle = {};
+	if (scroll?.x) tableStyle.minWidth = scroll.x;
+	const wrapperStyle = {};
+	if (isVirtual) {
+		wrapperStyle.height = height;
+		wrapperStyle.overflowY = "auto";
+	} else if (scroll?.y) {
+		wrapperStyle.maxHeight = scroll.y;
+		wrapperStyle.overflowY = "auto";
+	}
+	const allPageKeys = paginatedData.map((r, i) => getRowKey(r, rowKey, i));
+	const allSelected = allPageKeys.length > 0 && allPageKeys.every((k) => selectedKeys.includes(k));
+	const someSelected = allPageKeys.some((k) => selectedKeys.includes(k));
+	const colCount = columns.length + (rowSelection ? 1 : 0);
+	const renderRow = (record, rowIndex) => {
+		const key = getRowKey(record, rowKey, rowIndex);
+		const isSelected = selectedKeys.includes(key);
+		return /* @__PURE__ */ jsxs("tr", {
+			className: classNames(`${prefixCls}__row`, { [`${prefixCls}__row_selected`]: isSelected }, typeof rowClassName === "function" ? rowClassName(record, rowIndex) : rowClassName),
+			...onRow?.(record, rowIndex) ?? {},
+			children: [rowSelection && /* @__PURE__ */ jsx("td", {
+				className: `${prefixCls}__cell ${prefixCls}__selection-col`,
+				children: /* @__PURE__ */ jsx("input", {
+					type: rowSelection.type === "radio" ? "radio" : "checkbox",
+					checked: isSelected,
+					onChange: () => handleSelectRow(record, key),
+					"aria-label": `Select row ${rowIndex + 1}`
+				})
+			}), columns.map((col, colIndex) => {
+				const colKey = col.key ?? col.dataIndex ?? colIndex;
+				const value = getValue(record, col.dataIndex);
+				return /* @__PURE__ */ jsx("td", {
+					className: classNames(`${prefixCls}__cell`, col.className, {
+						[`${prefixCls}__cell_ellipsis`]: col.ellipsis,
+						[`${prefixCls}__cell_align-${col.align}`]: col.align
+					}),
+					style: { width: col.width },
+					children: col.render ? col.render(value, record, rowIndex) : value
+				}, colKey);
+			})]
+		}, key);
+	};
+	const renderTbody = () => {
+		if (loading) return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+			className: `${prefixCls}__cell ${prefixCls}__loading-cell`,
+			colSpan: colCount,
+			children: "Loading..."
+		}) });
+		if (isVirtual) {
+			if (sortedData.length === 0) return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+				className: `${prefixCls}__cell ${prefixCls}__empty-cell`,
+				colSpan: colCount,
+				children: emptyText
+			}) });
+			const [start, end] = visibleRange;
+			const topHeight = offsetY;
+			const bottomHeight = totalHeight - offsetY - (end - start + 1) * rowHeight;
+			return /* @__PURE__ */ jsxs(Fragment, { children: [
+				topHeight > 0 && /* @__PURE__ */ jsx("tr", {
+					className: `${prefixCls}__row_spacer`,
+					children: /* @__PURE__ */ jsx("td", {
+						colSpan: colCount,
+						style: { height: topHeight }
+					})
+				}),
+				sortedData.slice(start, end + 1).map((record, i) => renderRow(record, start + i)),
+				bottomHeight > 0 && /* @__PURE__ */ jsx("tr", {
+					className: `${prefixCls}__row_spacer`,
+					children: /* @__PURE__ */ jsx("td", {
+						colSpan: colCount,
+						style: { height: Math.max(0, bottomHeight) }
+					})
+				})
+			] });
+		}
+		if (paginatedData.length === 0) return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+			className: `${prefixCls}__cell ${prefixCls}__empty-cell`,
+			colSpan: colCount,
+			children: emptyText
+		}) });
+		return paginatedData.map((record, rowIndex) => renderRow(record, rowIndex));
+	};
+	const theadCls = classNames(`${prefixCls}__thead`, { [`${prefixCls}__thead_sticky`]: isVirtual });
+	const showPagination = pagination !== false && !isVirtual;
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__wrapper`,
+			style: wrapperStyle,
+			onScroll: isVirtual ? onScroll : void 0,
+			children: /* @__PURE__ */ jsxs("table", {
+				className: `${prefixCls}__table`,
+				style: tableStyle,
+				children: [showHeader && /* @__PURE__ */ jsx("thead", {
+					className: theadCls,
+					children: /* @__PURE__ */ jsxs("tr", { children: [rowSelection && /* @__PURE__ */ jsx("th", {
+						className: `${prefixCls}__cell ${prefixCls}__selection-col`,
+						children: rowSelection.type !== "radio" && /* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							checked: allSelected,
+							ref: (el) => {
+								if (el) el.indeterminate = someSelected && !allSelected;
+							},
+							onChange: handleSelectAll,
+							"aria-label": "Select all"
+						})
+					}), columns.map((col, i) => {
+						const key = col.key ?? col.dataIndex ?? i;
+						return /* @__PURE__ */ jsxs("th", {
+							className: classNames(`${prefixCls}__cell`, col.className, {
+								[`${prefixCls}__cell_sortable`]: !!col.sorter,
+								[`${prefixCls}__cell_align-${col.align}`]: col.align
+							}),
+							style: { width: col.width },
+							onClick: () => handleSort(col),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: `${prefixCls}__col-title`,
+								children: col.title
+							}), col.sorter && /* @__PURE__ */ jsxs("span", {
+								className: `${prefixCls}__sorter`,
+								children: [/* @__PURE__ */ jsx("span", {
+									className: classNames(`${prefixCls}__sorter-icon`, { [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === "ascend" }),
+									children: "▲"
+								}), /* @__PURE__ */ jsx("span", {
+									className: classNames(`${prefixCls}__sorter-icon`, { [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === "descend" }),
+									children: "▼"
+								})]
+							})]
+						}, key);
+					})] })
+				}), /* @__PURE__ */ jsx("tbody", {
+					className: `${prefixCls}__tbody`,
+					children: renderTbody()
+				})]
+			})
+		}), showPagination && /* @__PURE__ */ jsx(pagination_default, {
+			current: activePage,
+			total: totalItems,
+			pageSize,
+			align: paginationConfig?.align ?? "right",
+			size: paginationConfig?.size,
+			disabled: paginationConfig?.disabled,
+			onChange: (page) => handlePageChange(page),
+			style: { padding: "16px 0" }
+		})]
+	});
+});
+Table.displayName = "Table";
+//#endregion
+export { Table as default };
+
+//# sourceMappingURL=table.js.map

package/es/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["Pagination"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { TableProps, ColumnType, SortOrder } from './types';\n\nconst ROW_HEIGHT_MAP = { sm: 40, md: 48, lg: 56 } as const;\n\nconst getRowKey = <T,>(record: T, rowKey: string | ((record: T) => React.Key), index: number): React.Key => {\n  if (typeof rowKey === 'function') return rowKey(record);\n  const key = (record as any)[rowKey];\n  return key !== undefined ? key : index;\n};\n\nconst getValue = <T,>(record: T, dataIndex: string): any => {\n  return (record as any)[dataIndex];\n};\n\nconst Table = React.forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const {\n    columns,\n    dataSource = [],\n    rowKey = 'key',\n    loading = false,\n    bordered = false,\n    size,\n    scroll,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    rowSelection,\n    pagination,\n    onChange,\n    emptyText = 'No Data',\n    showHeader = true,\n    rowClassName,\n    onRow,\n    prefixCls: customisedCls,\n    className,\n    style,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('table', configContext.prefixCls, customisedCls);\n  const tableSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-ui: Table] `height` is required when `virtual` is enabled.');\n  }\n\n  const isVirtual = virtual && height != null;\n\n  // Sorting\n  const [sortField, setSortField] = useState<string | undefined>();\n  const [sortOrder, setSortOrder] = useState<SortOrder>(null);\n\n  // Pagination\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  // Selection\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys ?? []\n  );\n\n  useEffect(() => {\n    if (rowSelection?.selectedRowKeys) {\n      setSelectedKeys(rowSelection.selectedRowKeys);\n    }\n  }, [rowSelection?.selectedRowKeys]);\n\n  // Initialize default sort\n  useEffect(() => {\n    for (const col of columns) {\n      if (col.defaultSortOrder) {\n        setSortField(col.dataIndex);\n        setSortOrder(col.defaultSortOrder);\n        break;\n      }\n    }\n  }, []);\n\n  const sortedData = useMemo(() => {\n    if (!sortField || !sortOrder) return [...dataSource];\n    const col = columns.find((c) => c.dataIndex === sortField);\n    if (!col?.sorter) return [...dataSource];\n    const sorted = [...dataSource];\n    const sorterFn =\n      typeof col.sorter === 'function'\n        ? col.sorter\n        : (a: any, b: any) => {\n            const va = getValue(a, sortField);\n            const vb = getValue(b, sortField);\n            if (va < vb) return -1;\n            if (va > vb) return 1;\n            return 0;\n          };\n    sorted.sort((a, b) => {\n      const result = sorterFn(a, b);\n      return sortOrder === 'descend' ? -result : result;\n    });\n    return sorted;\n  }, [dataSource, sortField, sortOrder, columns]);\n\n  const rowHeight = itemHeightProp ?? ROW_HEIGHT_MAP[tableSize] ?? ROW_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: sortedData.length,\n    itemHeight: rowHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const paginatedData = useMemo(() => {\n    if (isVirtual) return sortedData;\n    if (pagination === false) return sortedData;\n    const page = pagination?.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, pagination, currentPage, pageSize, isVirtual]);\n\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const handleSort = (col: ColumnType) => {\n    if (!col.sorter) return;\n    let newOrder: SortOrder;\n    if (sortField !== col.dataIndex) {\n      newOrder = 'ascend';\n    } else if (sortOrder === 'ascend') {\n      newOrder = 'descend';\n    } else if (sortOrder === 'descend') {\n      newOrder = null;\n    } else {\n      newOrder = 'ascend';\n    }\n    setSortField(newOrder ? col.dataIndex : undefined);\n    setSortOrder(newOrder);\n    onChange?.({ current: activePage, pageSize }, { field: col.dataIndex, order: newOrder });\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n    onChange?.({ current: page, pageSize }, { field: sortField, order: sortOrder });\n  };\n\n  const handleSelectAll = () => {\n    if (!rowSelection) return;\n    const allKeys = paginatedData.map((record, i) => getRowKey(record, rowKey, i));\n    const allSelected = allKeys.every((k) => selectedKeys.includes(k));\n    const newKeys = allSelected ? [] : allKeys;\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = allSelected ? [] : paginatedData;\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const handleSelectRow = (record: any, key: React.Key) => {\n    if (!rowSelection) return;\n    const isRadio = rowSelection.type === 'radio';\n    let newKeys: React.Key[];\n    if (isRadio) {\n      newKeys = [key];\n    } else {\n      newKeys = selectedKeys.includes(key)\n        ? selectedKeys.filter((k) => k !== key)\n        : [...selectedKeys, key];\n    }\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = dataSource.filter((r, i) => newKeys.includes(getRowKey(r, rowKey, i)));\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_${tableSize}`]: tableSize,\n    [`${prefixCls}_loading`]: loading,\n  });\n\n  const tableStyle: React.CSSProperties = {};\n  if (scroll?.x) tableStyle.minWidth = scroll.x;\n\n  const wrapperStyle: React.CSSProperties = {};\n  if (isVirtual) {\n    wrapperStyle.height = height;\n    wrapperStyle.overflowY = 'auto';\n  } else if (scroll?.y) {\n    wrapperStyle.maxHeight = scroll.y;\n    wrapperStyle.overflowY = 'auto';\n  }\n\n  const allPageKeys = paginatedData.map((r, i) => getRowKey(r, rowKey, i));\n  const allSelected = allPageKeys.length > 0 && allPageKeys.every((k) => selectedKeys.includes(k));\n  const someSelected = allPageKeys.some((k) => selectedKeys.includes(k));\n\n  const colCount = columns.length + (rowSelection ? 1 : 0);\n\n  const renderRow = (record: any, rowIndex: number) => {\n    const key = getRowKey(record, rowKey, rowIndex);\n    const isSelected = selectedKeys.includes(key);\n    const rowCls = classNames(`${prefixCls}__row`, {\n      [`${prefixCls}__row_selected`]: isSelected,\n    }, typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName);\n    const rowProps = onRow?.(record, rowIndex) ?? {};\n    return (\n      <tr key={key} className={rowCls} {...rowProps}>\n        {rowSelection && (\n          <td className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n            <input\n              type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n              checked={isSelected}\n              onChange={() => handleSelectRow(record, key)}\n              aria-label={`Select row ${rowIndex + 1}`}\n            />\n          </td>\n        )}\n        {columns.map((col, colIndex) => {\n          const colKey = col.key ?? col.dataIndex ?? colIndex;\n          const value = getValue(record, col.dataIndex);\n          const tdCls = classNames(`${prefixCls}__cell`, col.className, {\n            [`${prefixCls}__cell_ellipsis`]: col.ellipsis,\n            [`${prefixCls}__cell_align-${col.align}`]: col.align,\n          });\n          return (\n            <td key={colKey} className={tdCls} style={{ width: col.width }}>\n              {col.render ? col.render(value, record, rowIndex) : value}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  const renderTbody = () => {\n    if (loading) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__loading-cell`}\n            colSpan={colCount}\n          >\n            Loading...\n          </td>\n        </tr>\n      );\n    }\n\n    if (isVirtual) {\n      if (sortedData.length === 0) {\n        return (\n          <tr>\n            <td className={`${prefixCls}__cell ${prefixCls}__empty-cell`} colSpan={colCount}>\n              {emptyText}\n            </td>\n          </tr>\n        );\n      }\n      const [start, end] = visibleRange;\n      const topHeight = offsetY;\n      const bottomHeight = totalHeight - offsetY - (end - start + 1) * rowHeight;\n      return (\n        <>\n          {topHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: topHeight }} />\n            </tr>\n          )}\n          {sortedData.slice(start, end + 1).map((record, i) => renderRow(record, start + i))}\n          {bottomHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: Math.max(0, bottomHeight) }} />\n            </tr>\n          )}\n        </>\n      );\n    }\n\n    if (paginatedData.length === 0) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__empty-cell`}\n            colSpan={colCount}\n          >\n            {emptyText}\n          </td>\n        </tr>\n      );\n    }\n\n    return paginatedData.map((record, rowIndex) => renderRow(record, rowIndex));\n  };\n\n  const theadCls = classNames(`${prefixCls}__thead`, {\n    [`${prefixCls}__thead_sticky`]: isVirtual,\n  });\n\n  const showPagination = pagination !== false && !isVirtual;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div\n        className={`${prefixCls}__wrapper`}\n        style={wrapperStyle}\n        onScroll={isVirtual ? onScroll : undefined}\n      >\n        <table className={`${prefixCls}__table`} style={tableStyle}>\n          {showHeader && (\n            <thead className={theadCls}>\n              <tr>\n                {rowSelection && (\n                  <th className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n                    {rowSelection.type !== 'radio' && (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected; }}\n                        onChange={handleSelectAll}\n                        aria-label=\"Select all\"\n                      />\n                    )}\n                  </th>\n                )}\n                {columns.map((col, i) => {\n                  const key = col.key ?? col.dataIndex ?? i;\n                  const thCls = classNames(`${prefixCls}__cell`, col.className, {\n                    [`${prefixCls}__cell_sortable`]: !!col.sorter,\n                    [`${prefixCls}__cell_align-${col.align}`]: col.align,\n                  });\n                  return (\n                    <th\n                      key={key}\n                      className={thCls}\n                      style={{ width: col.width }}\n                      onClick={() => handleSort(col)}\n                    >\n                      <span className={`${prefixCls}__col-title`}>{col.title}</span>\n                      {col.sorter && (\n                        <span className={`${prefixCls}__sorter`}>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'ascend',\n                          })}>▲</span>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'descend',\n                          })}>▼</span>\n                        </span>\n                      )}\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n          )}\n          <tbody className={`${prefixCls}__tbody`}>\n            {renderTbody()}\n          </tbody>\n        </table>\n      </div>\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: '16px 0' }}\n        />\n      )}\n    </div>\n  );\n});\n\nTable.displayName = 'Table';\nexport default Table;\n"],"mappings":"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"}

package/es/table/types.d.ts

@@ -0,0 +1,59 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import { PaginationProps } from "../pagination/types.js";
+import React from "react";
+
+//#region src/table/types.d.ts
+type SortOrder = 'ascend' | 'descend' | null;
+type ColumnAlign = 'left' | 'center' | 'right';
+interface ColumnType<T = any> {
+  title: React.ReactNode;
+  dataIndex: string;
+  key?: string;
+  width?: number | string;
+  align?: ColumnAlign;
+  fixed?: 'left' | 'right';
+  sorter?: boolean | ((a: T, b: T) => number);
+  defaultSortOrder?: SortOrder;
+  render?: (value: any, record: T, index: number) => React.ReactNode;
+  ellipsis?: boolean;
+  className?: string;
+}
+type RowSelection<T = any> = {
+  selectedRowKeys?: React.Key[];
+  onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+  type?: 'checkbox' | 'radio';
+};
+interface TablePaginationConfig extends Pick<PaginationProps, 'size' | 'align' | 'disabled'> {
+  current?: number;
+  pageSize?: number;
+  total?: number;
+  onChange?: (page: number, pageSize: number) => void;
+}
+interface TableProps<T = any> extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  columns: ColumnType<T>[];
+  dataSource?: T[];
+  rowKey?: string | ((record: T) => React.Key);
+  loading?: boolean;
+  bordered?: boolean;
+  size?: SizeType;
+  virtual?: boolean;
+  height?: number;
+  itemHeight?: number;
+  scroll?: {
+    x?: number | string;
+    y?: number | string;
+  };
+  rowSelection?: RowSelection<T>;
+  pagination?: false | TablePaginationConfig;
+  onChange?: (pagination: TablePaginationConfig, sorter: {
+    field?: string;
+    order?: SortOrder;
+  }) => void;
+  emptyText?: React.ReactNode;
+  showHeader?: boolean;
+  rowClassName?: string | ((record: T, index: number) => string);
+  onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>;
+}
+//#endregion
+export { TableProps };
+//# sourceMappingURL=types.d.ts.map

package/es/tabs/index.d.ts

@@ -0,0 +1,12 @@
+import { TabItem, TabPanelProps, TabPosition, TabType, TabsProps } from "./types.js";
+import { Tabs } from "./tabs.js";
+import { TabPanel } from "./tab-panel.js";
+
+//#region src/tabs/index.d.ts
+type ITabs = typeof Tabs & {
+  Panel: typeof TabPanel;
+};
+declare const DefaultTabs: ITabs;
+//#endregion
+export { DefaultTabs };
+//# sourceMappingURL=index.d.ts.map

package/es/tabs/index.js

@@ -0,0 +1,11 @@
+import '../style/base.css';
+import './style/index.css';
+import Tabs from "./tabs.js";
+import TabPanel from "./tab-panel.js";
+//#region src/tabs/index.tsx
+const DefaultTabs = Tabs;
+DefaultTabs.Panel = TabPanel;
+//#endregion
+export { DefaultTabs as default };
+
+//# sourceMappingURL=index.js.map

package/es/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tabs/index.tsx"],"sourcesContent":["import Tabs from './tabs';\nimport TabPanel from './tab-panel';\n\nexport type { TabsProps, TabItem, TabType, TabPosition, TabPanelProps } from './types';\n\ntype ITabs = typeof Tabs & {\n  Panel: typeof TabPanel;\n};\n\nconst DefaultTabs = Tabs as ITabs;\nDefaultTabs.Panel = TabPanel;\n\nexport default DefaultTabs;\n"],"mappings":";;;AASA,MAAM,cAAc;AACpB,YAAY,QAAQ"}