@rockshin/tao-ui 0.0.1

package/dist/components/table/table.js

@@ -0,0 +1,1022 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as compiler_runtime_c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useTaoConfig } from "../../provider/tao-provider.js";
+import { cx } from "../../utils/semantic.js";
+import { Pagination } from "../pagination/pagination.js";
+import "./table.css";
+function getRowKey(record, rowKey) {
+    if ('function' == typeof rowKey) return rowKey(record);
+    return record[rowKey];
+}
+function getColKey(col, index) {
+    return col.key ?? col.dataIndex ?? String(index);
+}
+function getCellValue(record, dataIndex) {
+    if (!dataIndex) return;
+    return record[dataIndex];
+}
+function SortIcon(t0) {
+    const $ = compiler_runtime_c(10);
+    const { order } = t0;
+    const t1 = order ?? void 0;
+    const t2 = "ascend" === order ? 1 : 0.3;
+    let t3;
+    if ($[0] !== t2) {
+        t3 = /*#__PURE__*/ jsx("path", {
+            d: "M7 2.5L10 6H4L7 2.5Z",
+            fill: "currentColor",
+            opacity: t2
+        });
+        $[0] = t2;
+        $[1] = t3;
+    } else t3 = $[1];
+    const t4 = "descend" === order ? 1 : 0.3;
+    let t5;
+    if ($[2] !== t4) {
+        t5 = /*#__PURE__*/ jsx("path", {
+            d: "M7 11.5L4 8H10L7 11.5Z",
+            fill: "currentColor",
+            opacity: t4
+        });
+        $[2] = t4;
+        $[3] = t5;
+    } else t5 = $[3];
+    let t6;
+    if ($[4] !== t3 || $[5] !== t5) {
+        t6 = /*#__PURE__*/ jsxs("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none",
+            "aria-hidden": true,
+            children: [
+                t3,
+                t5
+            ]
+        });
+        $[4] = t3;
+        $[5] = t5;
+        $[6] = t6;
+    } else t6 = $[6];
+    let t7;
+    if ($[7] !== t1 || $[8] !== t6) {
+        t7 = /*#__PURE__*/ jsx("span", {
+            "data-tao-table-sort-icon": "",
+            "data-tao-sort-order": t1,
+            children: t6
+        });
+        $[7] = t1;
+        $[8] = t6;
+        $[9] = t7;
+    } else t7 = $[9];
+    return t7;
+}
+function FilterIcon(t0) {
+    const $ = compiler_runtime_c(5);
+    const { active } = t0;
+    const t1 = active || void 0;
+    const t2 = active ? "currentColor" : "none";
+    let t3;
+    if ($[0] !== t2) {
+        t3 = /*#__PURE__*/ jsx("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none",
+            "aria-hidden": true,
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M2 3h10L8.5 7.5V11L5.5 12V7.5L2 3Z",
+                stroke: "currentColor",
+                fill: t2,
+                strokeWidth: "1.2",
+                strokeLinejoin: "round"
+            })
+        });
+        $[0] = t2;
+        $[1] = t3;
+    } else t3 = $[1];
+    let t4;
+    if ($[2] !== t1 || $[3] !== t3) {
+        t4 = /*#__PURE__*/ jsx("span", {
+            "data-tao-table-filter-icon": "",
+            "data-tao-active": t1,
+            children: t3
+        });
+        $[2] = t1;
+        $[3] = t3;
+        $[4] = t4;
+    } else t4 = $[4];
+    return t4;
+}
+function LoadingSpinner() {
+    const $ = compiler_runtime_c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx("div", {
+            "data-tao-table-loading": "",
+            children: /*#__PURE__*/ jsxs("svg", {
+                "data-tao-table-spinner": "",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                "aria-hidden": true,
+                children: [
+                    /*#__PURE__*/ jsx("circle", {
+                        cx: "12",
+                        cy: "12",
+                        r: "10",
+                        stroke: "currentColor",
+                        strokeWidth: "2.5",
+                        opacity: "0.2"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M12 2a10 10 0 019.8 8",
+                        stroke: "currentColor",
+                        strokeWidth: "2.5",
+                        strokeLinecap: "round"
+                    })
+                ]
+            })
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+function CheckIcon() {
+    const $ = compiler_runtime_c(1);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx("svg", {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            "aria-hidden": true,
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M2.5 6L5 8.5L9.5 3.5",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    return t0;
+}
+function FilterDropdown(t0) {
+    const $ = compiler_runtime_c(22);
+    const { filters, activeValues, onSelect } = t0;
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    let t1;
+    let t2;
+    if ($[0] !== open) {
+        t1 = ()=>{
+            if (!open) return;
+            const handleClick = (e)=>{
+                if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+            };
+            document.addEventListener("mousedown", handleClick);
+            return ()=>document.removeEventListener("mousedown", handleClick);
+        };
+        t2 = [
+            open
+        ];
+        $[0] = open;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t1 = $[1];
+        t2 = $[2];
+    }
+    useEffect(t1, t2);
+    let t3;
+    if ($[3] !== activeValues || $[4] !== onSelect) {
+        t3 = (val)=>{
+            const next = activeValues.includes(val) ? activeValues.filter((v)=>v !== val) : [
+                ...activeValues,
+                val
+            ];
+            onSelect(next);
+        };
+        $[3] = activeValues;
+        $[4] = onSelect;
+        $[5] = t3;
+    } else t3 = $[5];
+    const toggle = t3;
+    let t4;
+    if ($[6] !== open) {
+        t4 = ()=>setOpen(!open);
+        $[6] = open;
+        $[7] = t4;
+    } else t4 = $[7];
+    const t5 = activeValues.length > 0;
+    let t6;
+    if ($[8] !== t5) {
+        t6 = /*#__PURE__*/ jsx(FilterIcon, {
+            active: t5
+        });
+        $[8] = t5;
+        $[9] = t6;
+    } else t6 = $[9];
+    let t7;
+    if ($[10] !== t4 || $[11] !== t6) {
+        t7 = /*#__PURE__*/ jsx("button", {
+            type: "button",
+            "data-tao-table-filter-trigger": "",
+            onClick: t4,
+            "aria-label": "Filter",
+            children: t6
+        });
+        $[10] = t4;
+        $[11] = t6;
+        $[12] = t7;
+    } else t7 = $[12];
+    let t8;
+    if ($[13] !== activeValues || $[14] !== filters || $[15] !== onSelect || $[16] !== open || $[17] !== toggle) {
+        t8 = open && /*#__PURE__*/ jsxs("div", {
+            "data-tao-table-filter-panel": "",
+            children: [
+                filters.map((f)=>{
+                    const checked = activeValues.includes(f.value);
+                    return /*#__PURE__*/ jsxs("label", {
+                        "data-tao-table-filter-option": "",
+                        onClick: ()=>toggle(f.value),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                "data-tao-table-filter-check": "",
+                                "data-tao-checked": checked || void 0,
+                                children: checked && /*#__PURE__*/ jsx(CheckIcon, {})
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                children: f.text
+                            })
+                        ]
+                    }, f.value);
+                }),
+                activeValues.length > 0 && /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "data-tao-table-filter-reset": "",
+                    onClick: ()=>onSelect([]),
+                    children: "Reset"
+                })
+            ]
+        });
+        $[13] = activeValues;
+        $[14] = filters;
+        $[15] = onSelect;
+        $[16] = open;
+        $[17] = toggle;
+        $[18] = t8;
+    } else t8 = $[18];
+    let t9;
+    if ($[19] !== t7 || $[20] !== t8) {
+        t9 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-table-filter-dropdown": "",
+            ref: ref,
+            children: [
+                t7,
+                t8
+            ]
+        });
+        $[19] = t7;
+        $[20] = t8;
+        $[21] = t9;
+    } else t9 = $[21];
+    return t9;
+}
+function Table(t0) {
+    const $ = compiler_runtime_c(160);
+    const { columns, dataSource, rowKey, loading: t1, pagination: paginationProp, onChange, scroll, rowSelection, size, emptyText: t2, bordered: t3, className, classNames, styles } = t0;
+    const loading = void 0 === t1 ? false : t1;
+    const emptyText = void 0 === t2 ? "No Data" : t2;
+    const bordered = void 0 === t3 ? false : t3;
+    const ctx = useTaoConfig();
+    const resolvedSize = size ?? ctx.size;
+    let defaultSortCol;
+    let t4;
+    let t5;
+    if ($[0] !== columns) {
+        defaultSortCol = columns.find(_temp);
+        t4 = useState;
+        t5 = defaultSortCol ? getColKey(defaultSortCol, columns.indexOf(defaultSortCol)) : null;
+        $[0] = columns;
+        $[1] = defaultSortCol;
+        $[2] = t4;
+        $[3] = t5;
+    } else {
+        defaultSortCol = $[1];
+        t4 = $[2];
+        t5 = $[3];
+    }
+    const [sortKey, setSortKey] = t4(t5);
+    const [sortOrder, setSortOrder] = useState(defaultSortCol?.defaultSortOrder ?? null);
+    let t6;
+    if ($[4] !== columns) {
+        t6 = ()=>{
+            const init = {};
+            for(let i = 0; i < columns.length; i++){
+                const col = columns[i];
+                if (col.filters) {
+                    const key = getColKey(col, i);
+                    init[key] = col.filteredValue ?? [];
+                }
+            }
+            return init;
+        };
+        $[4] = columns;
+        $[5] = t6;
+    } else t6 = $[5];
+    const [filterValues, setFilterValues] = useState(t6);
+    const hasPagination = false !== paginationProp;
+    const paginationConfig = false === paginationProp ? void 0 : paginationProp;
+    const [internalPage, setInternalPage] = useState(paginationConfig?.defaultCurrent ?? 1);
+    const [internalPageSize, setInternalPageSize] = useState(paginationConfig?.defaultPageSize ?? paginationConfig?.pageSize ?? 10);
+    const currentPage = paginationConfig?.current ?? internalPage;
+    const pageSize = paginationConfig?.pageSize ?? internalPageSize;
+    let t7;
+    if ($[6] !== columns) {
+        t7 = (key_0, order)=>{
+            if (!key_0 || !order) return {
+                order: null
+            };
+            const colIdx = columns.findIndex((c_0, i_0)=>getColKey(c_0, i_0) === key_0);
+            const col_0 = columns[colIdx];
+            return {
+                column: col_0,
+                order,
+                field: col_0?.dataIndex
+            };
+        };
+        $[6] = columns;
+        $[7] = t7;
+    } else t7 = $[7];
+    const buildSorterResult = t7;
+    let t8;
+    if ($[8] !== columns) {
+        t8 = (fv)=>{
+            const result = {};
+            for(let i_1 = 0; i_1 < columns.length; i_1++){
+                const col_1 = columns[i_1];
+                if (col_1.filters) {
+                    const key_1 = getColKey(col_1, i_1);
+                    const vals = fv[key_1];
+                    result[col_1.dataIndex ?? key_1] = vals && vals.length > 0 ? vals : null;
+                }
+            }
+            return result;
+        };
+        $[8] = columns;
+        $[9] = t8;
+    } else t8 = $[9];
+    const buildFiltersRecord = t8;
+    let t9;
+    if ($[10] !== buildFiltersRecord || $[11] !== buildSorterResult || $[12] !== onChange) {
+        t9 = (page, ps, sk, so, fv_0)=>{
+            onChange?.({
+                current: page,
+                pageSize: ps
+            }, buildFiltersRecord(fv_0), buildSorterResult(sk, so));
+        };
+        $[10] = buildFiltersRecord;
+        $[11] = buildSorterResult;
+        $[12] = onChange;
+        $[13] = t9;
+    } else t9 = $[13];
+    const triggerChange = t9;
+    let t10;
+    if ($[14] !== currentPage || $[15] !== filterValues || $[16] !== pageSize || $[17] !== sortKey || $[18] !== sortOrder || $[19] !== triggerChange) {
+        t10 = (colKey, col_2)=>{
+            if (void 0 !== col_2.sortOrder) return void triggerChange(currentPage, pageSize, colKey, nextSortOrder(col_2.sortOrder), filterValues);
+            const next = sortKey === colKey ? nextSortOrder(sortOrder) : "ascend";
+            const newKey = null === next ? null : colKey;
+            setSortKey(newKey);
+            setSortOrder(next);
+            triggerChange(currentPage, pageSize, newKey, next, filterValues);
+        };
+        $[14] = currentPage;
+        $[15] = filterValues;
+        $[16] = pageSize;
+        $[17] = sortKey;
+        $[18] = sortOrder;
+        $[19] = triggerChange;
+        $[20] = t10;
+    } else t10 = $[20];
+    const handleSort = t10;
+    let t11;
+    if ($[21] !== filterValues || $[22] !== pageSize || $[23] !== sortKey || $[24] !== sortOrder || $[25] !== triggerChange) {
+        t11 = (colKey_0, values)=>{
+            const next_0 = {
+                ...filterValues,
+                [colKey_0]: values
+            };
+            setFilterValues(next_0);
+            setInternalPage(1);
+            triggerChange(1, pageSize, sortKey, sortOrder, next_0);
+        };
+        $[21] = filterValues;
+        $[22] = pageSize;
+        $[23] = sortKey;
+        $[24] = sortOrder;
+        $[25] = triggerChange;
+        $[26] = t11;
+    } else t11 = $[26];
+    const handleFilter = t11;
+    let t12;
+    if ($[27] !== filterValues || $[28] !== sortKey || $[29] !== sortOrder || $[30] !== triggerChange) {
+        t12 = (page_0, ps_0)=>{
+            setInternalPage(page_0);
+            setInternalPageSize(ps_0);
+            triggerChange(page_0, ps_0, sortKey, sortOrder, filterValues);
+        };
+        $[27] = filterValues;
+        $[28] = sortKey;
+        $[29] = sortOrder;
+        $[30] = triggerChange;
+        $[31] = t12;
+    } else t12 = $[31];
+    const handlePageChange = t12;
+    let data;
+    if ($[32] !== columns || $[33] !== dataSource || $[34] !== filterValues || $[35] !== sortKey || $[36] !== sortOrder) {
+        data = [
+            ...dataSource
+        ];
+        for(let i_2 = 0; i_2 < columns.length; i_2++){
+            const col_3 = columns[i_2];
+            if (!col_3.filters || !col_3.onFilter) continue;
+            const key_2 = getColKey(col_3, i_2);
+            const controlledValues = col_3.filteredValue;
+            const activeVals = controlledValues ?? filterValues[key_2];
+            if (activeVals && activeVals.length > 0) data = data.filter((record)=>activeVals.some((v)=>col_3.onFilter(v, record)));
+        }
+        let t13;
+        if ($[38] !== sortKey || $[39] !== sortOrder) {
+            t13 = (col_4, i_3)=>{
+                const key_3 = getColKey(col_4, i_3);
+                const order_0 = void 0 !== col_4.sortOrder ? col_4.sortOrder : sortKey === key_3 ? sortOrder : null;
+                return null !== order_0 && "function" == typeof col_4.sorter;
+            };
+            $[38] = sortKey;
+            $[39] = sortOrder;
+            $[40] = t13;
+        } else t13 = $[40];
+        const activeSortCol = columns.find(t13);
+        if (activeSortCol && "function" == typeof activeSortCol.sorter) {
+            const colIdx_0 = columns.indexOf(activeSortCol);
+            const key_4 = getColKey(activeSortCol, colIdx_0);
+            const order_1 = void 0 !== activeSortCol.sortOrder ? activeSortCol.sortOrder : sortKey === key_4 ? sortOrder : null;
+            const sorterFn = activeSortCol.sorter;
+            data.sort((a, b)=>{
+                const result_0 = sorterFn(a, b);
+                return "descend" === order_1 ? -result_0 : result_0;
+            });
+        }
+        $[32] = columns;
+        $[33] = dataSource;
+        $[34] = filterValues;
+        $[35] = sortKey;
+        $[36] = sortOrder;
+        $[37] = data;
+    } else data = $[37];
+    const processedData = data;
+    const totalForPagination = paginationConfig?.total ?? processedData.length;
+    let t13;
+    bb0: {
+        if (!hasPagination) {
+            t13 = processedData;
+            break bb0;
+        }
+        if (paginationConfig?.total !== void 0) {
+            t13 = processedData;
+            break bb0;
+        }
+        const start = (currentPage - 1) * pageSize;
+        let t14;
+        if ($[41] !== pageSize || $[42] !== processedData || $[43] !== start) {
+            t14 = processedData.slice(start, start + pageSize);
+            $[41] = pageSize;
+            $[42] = processedData;
+            $[43] = start;
+            $[44] = t14;
+        } else t14 = $[44];
+        t13 = t14;
+    }
+    const paginatedData = t13;
+    const selectionColWidth = rowSelection?.columnWidth ?? 48;
+    const selectionType = rowSelection?.type ?? "checkbox";
+    let t14;
+    if ($[45] !== rowSelection?.selectedRowKeys) {
+        t14 = rowSelection?.selectedRowKeys ?? [];
+        $[45] = rowSelection?.selectedRowKeys;
+        $[46] = t14;
+    } else t14 = $[46];
+    const selectedKeys = t14;
+    let t15;
+    if ($[47] !== dataSource || $[48] !== rowKey || $[49] !== rowSelection || $[50] !== selectedKeys || $[51] !== selectionType) {
+        t15 = (key_5, record_0)=>{
+            if (!rowSelection?.onChange) return;
+            let nextKeys;
+            nextKeys = "radio" === selectionType ? [
+                key_5
+            ] : selectedKeys.includes(key_5) ? selectedKeys.filter((k)=>k !== key_5) : [
+                ...selectedKeys,
+                key_5
+            ];
+            const nextRows = dataSource.filter((r)=>nextKeys.includes(getRowKey(r, rowKey)));
+            rowSelection.onChange(nextKeys, nextRows);
+        };
+        $[47] = dataSource;
+        $[48] = rowKey;
+        $[49] = rowSelection;
+        $[50] = selectedKeys;
+        $[51] = selectionType;
+        $[52] = t15;
+    } else t15 = $[52];
+    const handleSelectRow = t15;
+    let t16;
+    if ($[53] !== dataSource || $[54] !== paginatedData || $[55] !== rowKey || $[56] !== rowSelection) {
+        t16 = (checked)=>{
+            if (!rowSelection?.onChange) return;
+            if (checked) {
+                const allKeys = paginatedData.filter((r_0)=>{
+                    const props = rowSelection.getCheckboxProps?.(r_0);
+                    return !props?.disabled;
+                }).map((r_1)=>getRowKey(r_1, rowKey));
+                const nextRows_0 = dataSource.filter((r_2)=>allKeys.includes(getRowKey(r_2, rowKey)));
+                rowSelection.onChange(allKeys, nextRows_0);
+            } else rowSelection.onChange([], []);
+        };
+        $[53] = dataSource;
+        $[54] = paginatedData;
+        $[55] = rowKey;
+        $[56] = rowSelection;
+        $[57] = t16;
+    } else t16 = $[57];
+    const handleSelectAll = t16;
+    const scrollRef = useRef(null);
+    const [scrollState, setScrollState] = useState("left");
+    let t17;
+    if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
+        t17 = ()=>{
+            const el = scrollRef.current;
+            if (!el) return;
+            const { scrollLeft, scrollWidth, clientWidth } = el;
+            const atLeft = scrollLeft <= 1;
+            const atRight = scrollLeft + clientWidth >= scrollWidth - 1;
+            if (atLeft && atRight) setScrollState("both");
+            else if (atLeft) setScrollState("left");
+            else atRight ? setScrollState("right") : setScrollState("middle");
+        };
+        $[58] = t17;
+    } else t17 = $[58];
+    const handleScroll = t17;
+    let t18;
+    if ($[59] !== scroll?.x) {
+        t18 = ()=>{
+            if (!scroll?.x) return;
+            handleScroll();
+        };
+        $[59] = scroll?.x;
+        $[60] = t18;
+    } else t18 = $[60];
+    const t19 = scroll?.x;
+    let t20;
+    if ($[61] !== t19) {
+        t20 = [
+            t19,
+            handleScroll
+        ];
+        $[61] = t19;
+        $[62] = t20;
+    } else t20 = $[62];
+    useEffect(t18, t20);
+    let cols;
+    if ($[63] !== columns || $[64] !== rowSelection || $[65] !== selectionColWidth) {
+        cols = [];
+        if (rowSelection) cols.push({
+            _key: "__selection__",
+            _index: -1,
+            width: selectionColWidth,
+            fixed: rowSelection.fixed ? "left" : void 0
+        });
+        columns.forEach((col_5, i_4)=>{
+            cols.push({
+                ...col_5,
+                _key: getColKey(col_5, i_4),
+                _index: i_4
+            });
+        });
+        $[63] = columns;
+        $[64] = rowSelection;
+        $[65] = selectionColWidth;
+        $[66] = cols;
+    } else cols = $[66];
+    const allColumns = cols;
+    let t21;
+    if ($[67] !== allColumns || $[68] !== scroll?.x) {
+        t21 = ()=>{
+            if (!scroll?.x) return {};
+            const positions = {};
+            let leftOffset = 0;
+            for (const col_6 of allColumns)if ("left" === col_6.fixed) {
+                positions[col_6._key] = {
+                    left: leftOffset
+                };
+                leftOffset += "number" == typeof col_6.width ? col_6.width : 0;
+            }
+            let rightOffset = 0;
+            for(let i_5 = allColumns.length - 1; i_5 >= 0; i_5--){
+                const col_7 = allColumns[i_5];
+                if ("right" === col_7.fixed) {
+                    positions[col_7._key] = {
+                        right: rightOffset
+                    };
+                    rightOffset += "number" == typeof col_7.width ? col_7.width : 0;
+                }
+            }
+            return positions;
+        };
+        $[67] = allColumns;
+        $[68] = scroll?.x;
+        $[69] = t21;
+    } else t21 = $[69];
+    scroll?.x;
+    let t22;
+    if ($[70] !== t21) {
+        t22 = t21();
+        $[70] = t21;
+        $[71] = t22;
+    } else t22 = $[71];
+    const stickyPositions = t22;
+    let t23;
+    if ($[72] !== sortKey || $[73] !== sortOrder) {
+        t23 = (col_8, colKey_1)=>{
+            if (void 0 !== col_8.sortOrder) return col_8.sortOrder;
+            return sortKey === colKey_1 ? sortOrder : null;
+        };
+        $[72] = sortKey;
+        $[73] = sortOrder;
+        $[74] = t23;
+    } else t23 = $[74];
+    const getResolvedSortOrder = t23;
+    let t24;
+    if ($[75] !== scroll) {
+        t24 = scroll?.x ? {
+            minWidth: "number" == typeof scroll.x ? `${scroll.x}px` : scroll.x
+        } : {};
+        $[75] = scroll;
+        $[76] = t24;
+    } else t24 = $[76];
+    const tableStyle = t24;
+    let t25;
+    if ($[77] !== paginatedData || $[78] !== rowKey || $[79] !== rowSelection || $[80] !== selectedKeys) {
+        t25 = paginatedData.length > 0 && paginatedData.filter((r_3)=>!rowSelection?.getCheckboxProps?.(r_3)?.disabled).every((r_4)=>selectedKeys.includes(getRowKey(r_4, rowKey)));
+        $[77] = paginatedData;
+        $[78] = rowKey;
+        $[79] = rowSelection;
+        $[80] = selectedKeys;
+        $[81] = t25;
+    } else t25 = $[81];
+    const isAllSelected = t25;
+    const isIndeterminate = !isAllSelected && selectedKeys.length > 0;
+    const t26 = bordered || void 0;
+    const t27 = scroll?.x ? scrollState : void 0;
+    const t28 = classNames?.root;
+    let t29;
+    if ($[82] !== className || $[83] !== t28) {
+        t29 = cx(t28, className);
+        $[82] = className;
+        $[83] = t28;
+        $[84] = t29;
+    } else t29 = $[84];
+    const t30 = styles?.root;
+    const t31 = scroll?.x ? handleScroll : void 0;
+    let t32;
+    if ($[85] !== loading) {
+        t32 = loading && /*#__PURE__*/ jsx(LoadingSpinner, {});
+        $[85] = loading;
+        $[86] = t32;
+    } else t32 = $[86];
+    let t33;
+    if ($[87] !== handleSelectAll || $[88] !== isAllSelected || $[89] !== isIndeterminate || $[90] !== rowSelection || $[91] !== selectionColWidth || $[92] !== selectionType || $[93] !== stickyPositions) {
+        t33 = rowSelection && /*#__PURE__*/ jsx("th", {
+            "data-tao-table-cell": "",
+            "data-tao-table-selection-cell": "",
+            "data-tao-fixed": "left",
+            style: {
+                width: selectionColWidth,
+                ...stickyPositions.__selection__ ? {
+                    position: "sticky",
+                    left: stickyPositions.__selection__.left,
+                    zIndex: 2
+                } : {}
+            },
+            children: "checkbox" === selectionType && /*#__PURE__*/ jsx("input", {
+                type: "checkbox",
+                checked: isAllSelected,
+                ref: (el_0)=>{
+                    if (el_0) el_0.indeterminate = isIndeterminate;
+                },
+                onChange: (e)=>handleSelectAll(e.target.checked),
+                "data-tao-table-checkbox": ""
+            })
+        });
+        $[87] = handleSelectAll;
+        $[88] = isAllSelected;
+        $[89] = isIndeterminate;
+        $[90] = rowSelection;
+        $[91] = selectionColWidth;
+        $[92] = selectionType;
+        $[93] = stickyPositions;
+        $[94] = t33;
+    } else t33 = $[94];
+    let t34;
+    if ($[95] !== classNames || $[96] !== columns || $[97] !== filterValues || $[98] !== getResolvedSortOrder || $[99] !== handleFilter || $[100] !== handleSort || $[101] !== scroll?.x || $[102] !== stickyPositions || $[103] !== styles) {
+        let t35;
+        if ($[105] !== classNames || $[106] !== filterValues || $[107] !== getResolvedSortOrder || $[108] !== handleFilter || $[109] !== handleSort || $[110] !== scroll?.x || $[111] !== stickyPositions || $[112] !== styles) {
+            t35 = (col_9, i_6)=>{
+                const colKey_2 = getColKey(col_9, i_6);
+                const hasSorter = !!col_9.sorter;
+                const hasFilter = !!(col_9.filters && col_9.filters.length > 0);
+                const resolvedOrder = getResolvedSortOrder(col_9, colKey_2);
+                const controlledFilterValues = col_9.filteredValue;
+                const activeFilterValues = controlledFilterValues ?? filterValues[colKey_2] ?? [];
+                const stickyPos = stickyPositions[colKey_2];
+                const isFixed = !!col_9.fixed && !!scroll?.x;
+                return /*#__PURE__*/ jsx("th", {
+                    "data-tao-table-cell": "",
+                    "data-tao-table-header": "",
+                    "data-tao-align": col_9.align,
+                    "data-tao-fixed": isFixed ? col_9.fixed : void 0,
+                    className: classNames?.["header.cell"],
+                    style: {
+                        width: col_9.width,
+                        ...isFixed && stickyPos ? {
+                            position: "sticky",
+                            ...void 0 !== stickyPos.left ? {
+                                left: stickyPos.left
+                            } : {},
+                            ...void 0 !== stickyPos.right ? {
+                                right: stickyPos.right
+                            } : {},
+                            zIndex: 2
+                        } : {},
+                        ...styles?.["header.cell"]
+                    },
+                    children: /*#__PURE__*/ jsxs("div", {
+                        "data-tao-table-header-content": "",
+                        children: [
+                            /*#__PURE__*/ jsxs("span", {
+                                "data-tao-table-header-title": "",
+                                "data-tao-sortable": hasSorter || void 0,
+                                onClick: hasSorter ? ()=>handleSort(colKey_2, col_9) : void 0,
+                                role: hasSorter ? "button" : void 0,
+                                tabIndex: hasSorter ? 0 : void 0,
+                                onKeyDown: hasSorter ? (e_0)=>{
+                                    if ("Enter" === e_0.key || " " === e_0.key) {
+                                        e_0.preventDefault();
+                                        handleSort(colKey_2, col_9);
+                                    }
+                                } : void 0,
+                                children: [
+                                    col_9.title,
+                                    hasSorter && /*#__PURE__*/ jsx(SortIcon, {
+                                        order: resolvedOrder
+                                    })
+                                ]
+                            }),
+                            hasFilter && /*#__PURE__*/ jsx(FilterDropdown, {
+                                filters: col_9.filters,
+                                activeValues: activeFilterValues,
+                                onSelect: (vals_0)=>handleFilter(colKey_2, vals_0)
+                            })
+                        ]
+                    })
+                }, colKey_2);
+            };
+            $[105] = classNames;
+            $[106] = filterValues;
+            $[107] = getResolvedSortOrder;
+            $[108] = handleFilter;
+            $[109] = handleSort;
+            $[110] = scroll?.x;
+            $[111] = stickyPositions;
+            $[112] = styles;
+            $[113] = t35;
+        } else t35 = $[113];
+        t34 = columns.map(t35);
+        $[95] = classNames;
+        $[96] = columns;
+        $[97] = filterValues;
+        $[98] = getResolvedSortOrder;
+        $[99] = handleFilter;
+        $[100] = handleSort;
+        $[101] = scroll?.x;
+        $[102] = stickyPositions;
+        $[103] = styles;
+        $[104] = t34;
+    } else t34 = $[104];
+    let t35;
+    if ($[114] !== t33 || $[115] !== t34) {
+        t35 = /*#__PURE__*/ jsx("thead", {
+            "data-tao-table-thead": "",
+            children: /*#__PURE__*/ jsxs("tr", {
+                children: [
+                    t33,
+                    t34
+                ]
+            })
+        });
+        $[114] = t33;
+        $[115] = t34;
+        $[116] = t35;
+    } else t35 = $[116];
+    let t36;
+    if ($[117] !== classNames || $[118] !== columns || $[119] !== emptyText || $[120] !== handleSelectRow || $[121] !== paginatedData || $[122] !== rowKey || $[123] !== rowSelection || $[124] !== scroll?.x || $[125] !== selectedKeys || $[126] !== selectionType || $[127] !== stickyPositions || $[128] !== styles) {
+        t36 = 0 === paginatedData.length ? /*#__PURE__*/ jsx("tr", {
+            children: /*#__PURE__*/ jsx("td", {
+                "data-tao-table-cell": "",
+                "data-tao-table-empty": "",
+                colSpan: columns.length + (rowSelection ? 1 : 0),
+                children: emptyText
+            })
+        }) : paginatedData.map((record_1, rowIdx)=>{
+            const key_6 = getRowKey(record_1, rowKey);
+            const isSelected = selectedKeys.includes(key_6);
+            const checkboxProps = rowSelection?.getCheckboxProps?.(record_1);
+            return /*#__PURE__*/ jsxs("tr", {
+                "data-tao-table-row": "",
+                "data-tao-selected": isSelected || void 0,
+                className: classNames?.["body.row"],
+                style: styles?.["body.row"],
+                children: [
+                    rowSelection && /*#__PURE__*/ jsx("td", {
+                        "data-tao-table-cell": "",
+                        "data-tao-table-selection-cell": "",
+                        "data-tao-fixed": "left",
+                        style: {
+                            ...stickyPositions.__selection__ ? {
+                                position: "sticky",
+                                left: stickyPositions.__selection__.left,
+                                zIndex: 1
+                            } : {}
+                        },
+                        children: /*#__PURE__*/ jsx("input", {
+                            type: "radio" === selectionType ? "radio" : "checkbox",
+                            checked: isSelected,
+                            disabled: checkboxProps?.disabled,
+                            onChange: ()=>handleSelectRow(key_6, record_1),
+                            "data-tao-table-checkbox": ""
+                        })
+                    }),
+                    columns.map((col_10, colIdx_1)=>{
+                        const colKey_3 = getColKey(col_10, colIdx_1);
+                        const value = getCellValue(record_1, col_10.dataIndex);
+                        const stickyPos_0 = stickyPositions[colKey_3];
+                        const isFixed_0 = !!col_10.fixed && !!scroll?.x;
+                        return /*#__PURE__*/ jsx("td", {
+                            "data-tao-table-cell": "",
+                            "data-tao-align": col_10.align,
+                            "data-tao-ellipsis": col_10.ellipsis || void 0,
+                            "data-tao-fixed": isFixed_0 ? col_10.fixed : void 0,
+                            className: classNames?.["body.cell"],
+                            style: {
+                                ...isFixed_0 && stickyPos_0 ? {
+                                    position: "sticky",
+                                    ...void 0 !== stickyPos_0.left ? {
+                                        left: stickyPos_0.left
+                                    } : {},
+                                    ...void 0 !== stickyPos_0.right ? {
+                                        right: stickyPos_0.right
+                                    } : {},
+                                    zIndex: 1
+                                } : {},
+                                ...styles?.["body.cell"]
+                            },
+                            children: col_10.render ? col_10.render(value, record_1, rowIdx) : value
+                        }, colKey_3);
+                    })
+                ]
+            }, key_6);
+        });
+        $[117] = classNames;
+        $[118] = columns;
+        $[119] = emptyText;
+        $[120] = handleSelectRow;
+        $[121] = paginatedData;
+        $[122] = rowKey;
+        $[123] = rowSelection;
+        $[124] = scroll?.x;
+        $[125] = selectedKeys;
+        $[126] = selectionType;
+        $[127] = stickyPositions;
+        $[128] = styles;
+        $[129] = t36;
+    } else t36 = $[129];
+    let t37;
+    if ($[130] !== t36) {
+        t37 = /*#__PURE__*/ jsx("tbody", {
+            "data-tao-table-tbody": "",
+            children: t36
+        });
+        $[130] = t36;
+        $[131] = t37;
+    } else t37 = $[131];
+    let t38;
+    if ($[132] !== t35 || $[133] !== t37 || $[134] !== tableStyle) {
+        t38 = /*#__PURE__*/ jsxs("table", {
+            "data-tao-table": "",
+            style: tableStyle,
+            children: [
+                t35,
+                t37
+            ]
+        });
+        $[132] = t35;
+        $[133] = t37;
+        $[134] = tableStyle;
+        $[135] = t38;
+    } else t38 = $[135];
+    let t39;
+    if ($[136] !== t31 || $[137] !== t32 || $[138] !== t38) {
+        t39 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-table-scroll": "",
+            ref: scrollRef,
+            onScroll: t31,
+            children: [
+                t32,
+                t38
+            ]
+        });
+        $[136] = t31;
+        $[137] = t32;
+        $[138] = t38;
+        $[139] = t39;
+    } else t39 = $[139];
+    let t40;
+    if ($[140] !== classNames?.pagination || $[141] !== currentPage || $[142] !== handlePageChange || $[143] !== hasPagination || $[144] !== pageSize || $[145] !== paginationConfig?.pageSizeOptions || $[146] !== paginationConfig?.showSizeChanger || $[147] !== paginationConfig?.showTotal || $[148] !== resolvedSize || $[149] !== styles?.pagination || $[150] !== totalForPagination) {
+        t40 = hasPagination && totalForPagination > 0 && /*#__PURE__*/ jsx("div", {
+            "data-tao-table-pagination": "",
+            className: classNames?.pagination,
+            style: styles?.pagination,
+            children: /*#__PURE__*/ jsx(Pagination, {
+                current: currentPage,
+                pageSize: pageSize,
+                total: totalForPagination,
+                onChange: handlePageChange,
+                size: resolvedSize,
+                showSizeChanger: paginationConfig?.showSizeChanger,
+                pageSizeOptions: paginationConfig?.pageSizeOptions,
+                showTotal: paginationConfig?.showTotal
+            })
+        });
+        $[140] = classNames?.pagination;
+        $[141] = currentPage;
+        $[142] = handlePageChange;
+        $[143] = hasPagination;
+        $[144] = pageSize;
+        $[145] = paginationConfig?.pageSizeOptions;
+        $[146] = paginationConfig?.showSizeChanger;
+        $[147] = paginationConfig?.showTotal;
+        $[148] = resolvedSize;
+        $[149] = styles?.pagination;
+        $[150] = totalForPagination;
+        $[151] = t40;
+    } else t40 = $[151];
+    let t41;
+    if ($[152] !== resolvedSize || $[153] !== t26 || $[154] !== t27 || $[155] !== t29 || $[156] !== t30 || $[157] !== t39 || $[158] !== t40) {
+        t41 = /*#__PURE__*/ jsxs("div", {
+            "data-tao-table-wrapper": "",
+            "data-tao-size": resolvedSize,
+            "data-tao-bordered": t26,
+            "data-tao-scroll-state": t27,
+            className: t29,
+            style: t30,
+            children: [
+                t39,
+                t40
+            ]
+        });
+        $[152] = resolvedSize;
+        $[153] = t26;
+        $[154] = t27;
+        $[155] = t29;
+        $[156] = t30;
+        $[157] = t39;
+        $[158] = t40;
+        $[159] = t41;
+    } else t41 = $[159];
+    return t41;
+}
+function _temp(c) {
+    return c.defaultSortOrder;
+}
+function nextSortOrder(current) {
+    if ('ascend' === current) return 'descend';
+    if ('descend' === current) return null;
+    return 'ascend';
+}
+export { Table };