donghy 0.0.1

package/dist/esm/components/display/table/Table.js

@@ -0,0 +1,712 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { forwardRef, useState, useCallback, useMemo } from 'react';
+import styles from "./Table.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SIZE_MAP = {
+  small: {
+    fontSize: '12px',
+    cellPadding: '8px 12px',
+    headerPadding: '8px 12px'
+  },
+  middle: {
+    fontSize: '14px',
+    cellPadding: '12px 16px',
+    headerPadding: '12px 16px'
+  },
+  large: {
+    fontSize: '16px',
+    cellPadding: '16px 24px',
+    headerPadding: '16px 24px'
+  }
+};
+var EXPAND_ICON = /*#__PURE__*/_jsx("svg", {
+  viewBox: "0 0 24 24",
+  width: "12",
+  height: "12",
+  fill: "currentColor",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z"
+  })
+});
+function getSemantic(part, defaultClass, classNamesProp, stylesProp) {
+  var classExtra = classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp[part];
+  var styleExtra = stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp[part];
+  return {
+    className: [defaultClass, classExtra].filter(Boolean).join(' '),
+    style: styleExtra || {}
+  };
+}
+function getRowKey(record, rowKey) {
+  if (typeof rowKey === 'function') {
+    return rowKey(record);
+  }
+  return String(record[rowKey]);
+}
+function getCellValue(record, dataIndex) {
+  if (!dataIndex) return undefined;
+  var keys = dataIndex.split('.');
+  var value = record;
+  var _iterator = _createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _value;
+      var key = _step.value;
+      value = (_value = value) === null || _value === void 0 ? void 0 : _value[key];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return value;
+}
+function flatTreeData(data, childrenColumnName, expandedKeys, rowKey) {
+  var level = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  var result = [];
+  var _iterator2 = _createForOfIteratorHelper(data),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _record = _step2.value;
+      var key = getRowKey(_record, rowKey);
+      var children = _record[childrenColumnName];
+      var hasChildren = !!(children && children.length > 0);
+      result.push({
+        record: _record,
+        level: level,
+        key: key,
+        hasChildren: hasChildren
+      });
+      if (hasChildren && expandedKeys.has(key)) {
+        result.push.apply(result, _toConsumableArray(flatTreeData(children, childrenColumnName, expandedKeys, rowKey, level + 1)));
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return result;
+}
+function sortData(data, sortColumn, sortDirection, columns) {
+  if (!sortColumn || !sortDirection) return data;
+  var column = columns.find(function (col) {
+    return (col.key || col.dataIndex) === sortColumn;
+  });
+  if (!(column !== null && column !== void 0 && column.sorter)) return data;
+  var compareFn = null;
+  if (typeof column.sorter === 'function') {
+    compareFn = column.sorter;
+  } else if (_typeof(column.sorter) === 'object' && column.sorter.compare) {
+    compareFn = column.sorter.compare;
+  }
+  if (!compareFn) return data;
+  return _toConsumableArray(data).sort(function (a, b) {
+    var result = compareFn(a, b);
+    return sortDirection === 'descend' ? -result : result;
+  });
+}
+function paginateData(data, current, pageSize) {
+  var start = (current - 1) * pageSize;
+  return data.slice(start, start + pageSize);
+}
+function SkeletonRows(_ref) {
+  var columns = _ref.columns,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 5 : _ref$rows;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: Array.from({
+      length: rows
+    }, function (_, i) {
+      return /*#__PURE__*/_jsx("tr", {
+        className: styles.bodyRow,
+        children: columns.map(function (col, j) {
+          return /*#__PURE__*/_jsx("td", {
+            className: styles.cell,
+            children: /*#__PURE__*/_jsx("div", {
+              className: styles.skeletonCell
+            })
+          }, col.key || j);
+        })
+      }, i);
+    })
+  });
+}
+function PaginationInline(_ref2) {
+  var current = _ref2.current,
+    pageSize = _ref2.pageSize,
+    total = _ref2.total,
+    showTotal = _ref2.showTotal,
+    onChange = _ref2.onChange;
+  var totalPages = Math.max(1, Math.ceil(total / pageSize));
+  var rangeStart = (current - 1) * pageSize + 1;
+  var rangeEnd = Math.min(current * pageSize, total);
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.paginationWrapper,
+    children: [showTotal && /*#__PURE__*/_jsx("span", {
+      style: {
+        marginRight: 16
+      },
+      children: showTotal(total, [rangeStart, rangeEnd])
+    }), /*#__PURE__*/_jsx("button", {
+      disabled: current <= 1,
+      onClick: function onClick() {
+        return onChange(current - 1);
+      },
+      style: {
+        border: '1px solid var(--nv-border-color, #d9d9d9)',
+        borderRadius: 4,
+        padding: '4px 8px',
+        background: '#fff',
+        cursor: current <= 1 ? 'not-allowed' : 'pointer',
+        marginRight: 4,
+        opacity: current <= 1 ? 0.5 : 1
+      },
+      type: "button",
+      children: "\u2039"
+    }), /*#__PURE__*/_jsxs("span", {
+      style: {
+        padding: '4px 8px',
+        fontSize: 14
+      },
+      children: [current, " / ", totalPages]
+    }), /*#__PURE__*/_jsx("button", {
+      disabled: current >= totalPages,
+      onClick: function onClick() {
+        return onChange(current + 1);
+      },
+      style: {
+        border: '1px solid var(--nv-border-color, #d9d9d9)',
+        borderRadius: 4,
+        padding: '4px 8px',
+        background: '#fff',
+        cursor: current >= totalPages ? 'not-allowed' : 'pointer',
+        marginLeft: 4,
+        opacity: current >= totalPages ? 0.5 : 1
+      },
+      type: "button",
+      children: "\u203A"
+    })]
+  });
+}
+function TableInner(_ref3, ref) {
+  var _paginationConfig$def, _paginationConfig$pag, _columns$find$sortOrd, _columns$find, _paginationConfig$tot;
+  var _ref3$data = _ref3.data,
+    data = _ref3$data === void 0 ? [] : _ref3$data,
+    _ref3$columns = _ref3.columns,
+    columns = _ref3$columns === void 0 ? [] : _ref3$columns,
+    _ref3$rowKey = _ref3.rowKey,
+    rowKey = _ref3$rowKey === void 0 ? 'key' : _ref3$rowKey,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'middle' : _ref3$size,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'outlined' : _ref3$variant,
+    _ref3$showBorder = _ref3.showBorder,
+    showBorder = _ref3$showBorder === void 0 ? false : _ref3$showBorder,
+    _ref3$loading = _ref3.loading,
+    loading = _ref3$loading === void 0 ? false : _ref3$loading,
+    _ref3$showHeader = _ref3.showHeader,
+    showHeader = _ref3$showHeader === void 0 ? true : _ref3$showHeader,
+    title = _ref3.title,
+    footer = _ref3.footer,
+    scroll = _ref3.scroll,
+    pagination = _ref3.pagination,
+    rowSelection = _ref3.rowSelection,
+    expandable = _ref3.expandable,
+    _ref3$tableLayout = _ref3.tableLayout,
+    tableLayout = _ref3$tableLayout === void 0 ? 'auto' : _ref3$tableLayout,
+    _ref3$indentSize = _ref3.indentSize,
+    indentSize = _ref3$indentSize === void 0 ? 15 : _ref3$indentSize,
+    _ref3$childrenColumnN = _ref3.childrenColumnName,
+    childrenColumnName = _ref3$childrenColumnN === void 0 ? 'children' : _ref3$childrenColumnN,
+    onChange = _ref3.onChange,
+    onRow = _ref3.onRow,
+    classNamesProp = _ref3.classNames,
+    stylesProp = _ref3.styles,
+    className = _ref3.className,
+    style = _ref3.style;
+  var paginationConfig = pagination === false ? undefined : pagination;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    hoveredRowKey = _useState2[0],
+    setHoveredRowKey = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalSortColumn = _useState4[0],
+    setInternalSortColumn = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    internalSortDirection = _useState6[0],
+    setInternalSortDirection = _useState6[1];
+  var _useState7 = useState((_paginationConfig$def = paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.defaultCurrent) !== null && _paginationConfig$def !== void 0 ? _paginationConfig$def : 1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    internalCurrent = _useState8[0],
+    setInternalCurrent = _useState8[1];
+  var _useState9 = useState((_paginationConfig$pag = paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.pageSize) !== null && _paginationConfig$pag !== void 0 ? _paginationConfig$pag : 10),
+    _useState10 = _slicedToArray(_useState9, 1),
+    internalPageSize = _useState10[0];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    internalExpandedKeys = _useState12[0],
+    setInternalExpandedKeys = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    internalSelectedKeys = _useState14[0],
+    setInternalSelectedKeys = _useState14[1];
+  var controlledSortCol = columns.find(function (col) {
+    return col.sortOrder !== undefined && col.sortOrder !== null;
+  });
+  var controlledSortColumn = controlledSortCol ? controlledSortCol.key || controlledSortCol.dataIndex : null;
+  var controlledSortDirection = controlledSortColumn ? (_columns$find$sortOrd = (_columns$find = columns.find(function (col) {
+    return (col.key || col.dataIndex) === controlledSortColumn;
+  })) === null || _columns$find === void 0 ? void 0 : _columns$find.sortOrder) !== null && _columns$find$sortOrd !== void 0 ? _columns$find$sortOrd : null : null;
+  var defaultSortCol = columns.find(function (col) {
+    return col.defaultSortOrder;
+  });
+  var sortColumn = controlledSortColumn || internalSortColumn || (defaultSortCol ? defaultSortCol.key || defaultSortCol.dataIndex : null);
+  var sortDirection = controlledSortDirection || internalSortDirection || (defaultSortCol ? defaultSortCol.defaultSortOrder : null);
+  var isPaginationControlled = (paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.current) !== undefined;
+  var currentPage = isPaginationControlled ? paginationConfig.current : internalCurrent;
+  var isPageSizeControlled = (paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.pageSize) !== undefined;
+  var pageSize = isPageSizeControlled ? paginationConfig.pageSize : internalPageSize;
+  var isExpandedControlled = (expandable === null || expandable === void 0 ? void 0 : expandable.expandedRowKeys) !== undefined;
+  var expandedKeys = isExpandedControlled ? expandable.expandedRowKeys : internalExpandedKeys;
+  var expandedKeySet = useMemo(function () {
+    return new Set(expandedKeys);
+  }, [expandedKeys]);
+  var isSelectedControlled = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) !== undefined;
+  var selectedKeys = isSelectedControlled ? rowSelection.selectedRowKeys : internalSelectedKeys;
+  var sizeTokens = SIZE_MAP[size];
+  var cssVars = {
+    '--_font-size': sizeTokens.fontSize,
+    '--_cell-padding': sizeTokens.cellPadding,
+    '--_header-padding': sizeTokens.headerPadding,
+    '--_table-layout': tableLayout
+  };
+  var handleSort = useCallback(function (colKey) {
+    var nextDirection;
+    if (sortColumn === colKey) {
+      var DIRECTION_CYCLE = {
+        ascend: 'descend',
+        descend: null
+      };
+      nextDirection = sortDirection ? DIRECTION_CYCLE[sortDirection] : 'ascend';
+    } else {
+      nextDirection = 'ascend';
+    }
+    if (!controlledSortColumn) {
+      setInternalSortColumn(nextDirection ? colKey : null);
+      setInternalSortDirection(nextDirection);
+    }
+    onChange === null || onChange === void 0 || onChange(paginationConfig ? {
+      current: currentPage,
+      pageSize: pageSize
+    } : {}, {}, {
+      column: columns.find(function (c) {
+        return (c.key || c.dataIndex) === colKey;
+      }),
+      columnKey: colKey,
+      order: nextDirection,
+      field: colKey
+    }, {
+      currentDataSource: data
+    });
+  }, [sortColumn, sortDirection, controlledSortColumn, onChange, paginationConfig, currentPage, pageSize, columns, data]);
+  var handlePageChange = useCallback(function (page) {
+    if (!isPaginationControlled) {
+      setInternalCurrent(page);
+    }
+    if (paginationConfig) {
+      var _paginationConfig$onC;
+      (_paginationConfig$onC = paginationConfig.onChange) === null || _paginationConfig$onC === void 0 || _paginationConfig$onC.call(paginationConfig, page, pageSize);
+    }
+    onChange === null || onChange === void 0 || onChange({
+      current: page,
+      pageSize: pageSize
+    }, {}, {}, {
+      currentDataSource: data
+    });
+  }, [isPaginationControlled, pagination, pageSize, onChange, data]);
+  var handleExpand = useCallback(function (key, record) {
+    var _expandable$onExpand;
+    var isExpanded = expandedKeys.includes(key);
+    var nextKeys = isExpanded ? expandedKeys.filter(function (k) {
+      return k !== key;
+    }) : [].concat(_toConsumableArray(expandedKeys), [key]);
+    if (!isExpandedControlled) {
+      setInternalExpandedKeys(nextKeys);
+    }
+    expandable === null || expandable === void 0 || (_expandable$onExpand = expandable.onExpand) === null || _expandable$onExpand === void 0 || _expandable$onExpand.call(expandable, !isExpanded, record);
+  }, [expandedKeys, isExpandedControlled, expandable]);
+  var handleSelectRow = useCallback(function (key, record) {
+    var _rowSelection$type, _rowSelection$onChang;
+    var selectionType = (_rowSelection$type = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) !== null && _rowSelection$type !== void 0 ? _rowSelection$type : 'checkbox';
+    var nextKeys;
+    var nextRows;
+    if (selectionType === 'radio') {
+      nextKeys = [key];
+      nextRows = [record];
+    } else {
+      if (selectedKeys.includes(key)) {
+        nextKeys = selectedKeys.filter(function (k) {
+          return k !== key;
+        });
+      } else {
+        nextKeys = [].concat(_toConsumableArray(selectedKeys), [key]);
+      }
+      nextRows = data.filter(function (r) {
+        return nextKeys.includes(getRowKey(r, rowKey));
+      });
+    }
+    if (!isSelectedControlled) {
+      setInternalSelectedKeys(nextKeys);
+    }
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 || _rowSelection$onChang.call(rowSelection, nextKeys, nextRows);
+  }, [rowSelection, selectedKeys, isSelectedControlled, data, rowKey]);
+  var sortedData = useMemo(function () {
+    return sortData(data, sortColumn, sortDirection, columns);
+  }, [data, sortColumn, sortDirection, columns]);
+  var hasPagination = pagination !== false;
+  var paginationTotal = (_paginationConfig$tot = paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.total) !== null && _paginationConfig$tot !== void 0 ? _paginationConfig$tot : sortedData.length;
+  var paginatedData = hasPagination ? paginateData(sortedData, currentPage, pageSize) : sortedData;
+  var displayData = useMemo(function () {
+    if (expandable !== null && expandable !== void 0 && expandable.expandedRowRender) {
+      return flatTreeData(paginatedData, childrenColumnName, expandedKeySet, rowKey);
+    }
+    return paginatedData.map(function (record) {
+      var key = getRowKey(record, rowKey);
+      var children = record[childrenColumnName];
+      var hasChildren = !!(children && children.length > 0);
+      return {
+        record: record,
+        level: 0,
+        key: key,
+        hasChildren: hasChildren
+      };
+    });
+  }, [paginatedData, childrenColumnName, expandedKeySet, rowKey, expandable]);
+  var allDisplayKeys = displayData.map(function (item) {
+    return item.key;
+  });
+  var allChecked = allDisplayKeys.length > 0 && allDisplayKeys.every(function (k) {
+    return selectedKeys.includes(k);
+  });
+  var someChecked = allDisplayKeys.some(function (k) {
+    return selectedKeys.includes(k);
+  });
+  var indeterminate = someChecked && !allChecked;
+  var handleSelectAll = useCallback(function (checked) {
+    var _rowSelection$onChang2;
+    var allKeys = displayData.map(function (item) {
+      return item.key;
+    });
+    var nextKeys;
+    if (checked) {
+      var existingSet = new Set(selectedKeys);
+      var newKeys = allKeys.filter(function (k) {
+        return !existingSet.has(k);
+      });
+      nextKeys = [].concat(_toConsumableArray(selectedKeys), _toConsumableArray(newKeys));
+    } else {
+      var displayKeySet = new Set(allKeys);
+      nextKeys = selectedKeys.filter(function (k) {
+        return !displayKeySet.has(k);
+      });
+    }
+    var nextRows = data.filter(function (r) {
+      return nextKeys.includes(getRowKey(r, rowKey));
+    });
+    if (!isSelectedControlled) {
+      setInternalSelectedKeys(nextKeys);
+    }
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, nextKeys, nextRows);
+  }, [displayData, selectedKeys, isSelectedControlled, data, rowKey, rowSelection]);
+  var rootSemantic = getSemantic('root', styles.root, classNamesProp, stylesProp);
+  var headerSemantic = getSemantic('header', styles.headerRow, classNamesProp, stylesProp);
+  var rowSemantic = getSemantic('row', styles.bodyRow, classNamesProp, stylesProp);
+  var cellSemantic = getSemantic('cell', styles.cell, classNamesProp, stylesProp);
+  var paginationSemantic = getSemantic('pagination', styles.paginationWrapper, classNamesProp, stylesProp);
+  var rootClass = [rootSemantic.className, className].filter(Boolean).join(' ');
+  var hasSelection = !!rowSelection;
+  var hasExpandable = !!(expandable !== null && expandable !== void 0 && expandable.expandedRowRender);
+  var renderHeaderCell = function renderHeaderCell(col, colIndex) {
+    var colKey = col.key || col.dataIndex || colIndex;
+    var isSorted = sortColumn === colKey;
+    var alignAttr = col.align && col.align !== 'left' ? col.align : undefined;
+    var sorterEl = col.sorter ? /*#__PURE__*/_jsxs("span", {
+      className: styles.sorter,
+      "data-sorter": true,
+      onClick: function onClick() {
+        return handleSort(String(colKey));
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        className: styles.sorterUp,
+        "data-active": isSorted && sortDirection === 'ascend' || undefined,
+        "data-sorter-ascend": true,
+        children: "\u25B2"
+      }), /*#__PURE__*/_jsx("span", {
+        className: styles.sorterDown,
+        "data-active": isSorted && sortDirection === 'descend' || undefined,
+        "data-sorter-descend": true,
+        children: "\u25BC"
+      })]
+    }) : null;
+    return /*#__PURE__*/_jsxs("th", {
+      className: [styles.headerCell, col.className].filter(Boolean).join(' '),
+      style: _objectSpread({
+        width: col.width
+      }, col.fixed ? _defineProperty(_defineProperty({
+        position: 'sticky'
+      }, col.fixed, 0), "zIndex", 2) : {}),
+      "data-align": alignAttr,
+      "data-fixed-left": col.fixed === 'left' || undefined,
+      "data-fixed-right": col.fixed === 'right' || undefined,
+      children: [col.title, sorterEl]
+    }, colKey);
+  };
+  var renderBodyCell = function renderBodyCell(col, record, index, colIndex, level) {
+    var _ref5;
+    var colKey = col.key || col.dataIndex || colIndex;
+    var value = getCellValue(record, col.dataIndex);
+    var cellContent = col.renderCell ? col.renderCell(value, record, index) : (_ref5 = value) !== null && _ref5 !== void 0 ? _ref5 : '';
+    var alignAttr = col.align && col.align !== 'left' ? col.align : undefined;
+    var isEllipsis = col.ellipsis === true || _typeof(col.ellipsis) === 'object' && col.ellipsis.showTooltip;
+    var indentEl = colIndex === 0 && level > 0 ? /*#__PURE__*/_jsx("span", {
+      className: styles.indent,
+      style: {
+        width: level * indentSize
+      }
+    }) : null;
+    var expandEl = colIndex === 0 && hasExpandable ? /*#__PURE__*/_jsx("span", {
+      className: styles.expandIcon,
+      "data-expand-icon": true,
+      "data-expanded": expandedKeySet.has(getRowKey(record, rowKey)) || undefined,
+      "data-hidden": !(expandable !== null && expandable !== void 0 && expandable.rowExpandable ? expandable.rowExpandable(record) : true) || undefined,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        handleExpand(getRowKey(record, rowKey), record);
+      },
+      children: EXPAND_ICON
+    }) : null;
+    return /*#__PURE__*/_jsxs("td", {
+      className: [cellSemantic.className, col.className].filter(Boolean).join(' '),
+      style: _objectSpread(_objectSpread({}, cellSemantic.style), {}, {
+        width: col.width
+      }, col.fixed ? _defineProperty(_defineProperty({
+        position: 'sticky'
+      }, col.fixed, 0), "zIndex", 1) : {}),
+      colSpan: col.colSpan,
+      rowSpan: col.rowSpan,
+      "data-align": alignAttr,
+      "data-ellipsis": isEllipsis || undefined,
+      "data-fixed-left": col.fixed === 'left' || undefined,
+      "data-fixed-right": col.fixed === 'right' || undefined,
+      children: [indentEl, expandEl, cellContent]
+    }, colKey);
+  };
+  var renderSelectionHeader = function renderSelectionHeader() {
+    var _type;
+    if (!hasSelection) return null;
+    var selectionType = (_type = rowSelection.type) !== null && _type !== void 0 ? _type : 'checkbox';
+    if (selectionType === 'radio') {
+      return /*#__PURE__*/_jsx("th", {
+        className: [styles.headerCell, styles.selectionColumn].join(' ')
+      });
+    }
+    return /*#__PURE__*/_jsx("th", {
+      className: [styles.headerCell, styles.selectionColumn].join(' '),
+      children: /*#__PURE__*/_jsx("input", {
+        type: "checkbox",
+        checked: allChecked,
+        ref: function ref(el) {
+          if (el) el.indeterminate = indeterminate;
+        },
+        onChange: function onChange(e) {
+          return handleSelectAll(e.target.checked);
+        }
+      })
+    });
+  };
+  var renderSelectionCell = function renderSelectionCell(record) {
+    var _type2, _getCheckboxProps, _ref7;
+    if (!hasSelection) return null;
+    var key = getRowKey(record, rowKey);
+    var selectionType = (_type2 = rowSelection.type) !== null && _type2 !== void 0 ? _type2 : 'checkbox';
+    var checkboxProps = (_getCheckboxProps = (_ref7 = rowSelection).getCheckboxProps) === null || _getCheckboxProps === void 0 ? void 0 : _getCheckboxProps.call(_ref7, record);
+    var isChecked = selectedKeys.includes(key);
+    var isDisabled = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.disabled;
+    if (selectionType === 'radio') {
+      return /*#__PURE__*/_jsx("td", {
+        className: [styles.cell, styles.selectionColumn].join(' '),
+        children: /*#__PURE__*/_jsx("input", {
+          type: "radio",
+          checked: isChecked,
+          disabled: isDisabled,
+          onChange: function onChange() {
+            return handleSelectRow(key, record);
+          }
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx("td", {
+      className: [styles.cell, styles.selectionColumn].join(' '),
+      children: /*#__PURE__*/_jsx("input", {
+        type: "checkbox",
+        checked: isChecked,
+        disabled: isDisabled,
+        onChange: function onChange() {
+          return handleSelectRow(key, record);
+        }
+      })
+    });
+  };
+  var renderExpandedRow = function renderExpandedRow(record, index) {
+    if (!(expandable !== null && expandable !== void 0 && expandable.expandedRowRender)) return null;
+    var key = getRowKey(record, rowKey);
+    if (!expandedKeySet.has(key)) return null;
+    var colCount = columns.length + (hasSelection ? 1 : 0);
+    return /*#__PURE__*/_jsx("tr", {
+      className: styles.expandedRow,
+      "data-expanded": true,
+      children: /*#__PURE__*/_jsx("td", {
+        colSpan: colCount,
+        className: styles.expandedRowCell,
+        children: expandable.expandedRowRender(record, index)
+      })
+    });
+  };
+  var wrapperStyle = _objectSpread(_objectSpread({}, cssVars), style);
+  var scrollWrapperStyle = {};
+  if (scroll !== null && scroll !== void 0 && scroll.y) {
+    scrollWrapperStyle.maxHeight = typeof scroll.y === 'number' ? "".concat(scroll.y, "px") : scroll.y;
+    scrollWrapperStyle.overflowY = 'auto';
+  }
+  if (scroll !== null && scroll !== void 0 && scroll.x) {
+    scrollWrapperStyle.overflowX = 'auto';
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    ref: ref,
+    className: rootClass,
+    style: wrapperStyle,
+    "data-table": true,
+    "data-size": size,
+    "data-variant": variant,
+    "data-bordered": showBorder || undefined,
+    children: [title && /*#__PURE__*/_jsx("div", {
+      className: styles.titleRow,
+      children: title(data)
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.tableWrapper,
+      style: Object.keys(scrollWrapperStyle).length > 0 ? scrollWrapperStyle : undefined,
+      "data-scroll-y": scroll !== null && scroll !== void 0 && scroll.y ? '' : undefined,
+      "data-scroll-x": scroll !== null && scroll !== void 0 && scroll.x ? '' : undefined,
+      children: /*#__PURE__*/_jsxs("table", {
+        className: styles.table,
+        children: [showHeader && /*#__PURE__*/_jsx("thead", {
+          children: /*#__PURE__*/_jsxs("tr", {
+            className: headerSemantic.className,
+            style: headerSemantic.style,
+            children: [renderSelectionHeader(), columns.map(function (col, i) {
+              return renderHeaderCell(col, i);
+            })]
+          })
+        }), /*#__PURE__*/_jsx("tbody", {
+          children: loading ? /*#__PURE__*/_jsx(SkeletonRows, {
+            columns: columns
+          }) : displayData.length === 0 ? /*#__PURE__*/_jsx("tr", {
+            children: /*#__PURE__*/_jsx("td", {
+              colSpan: columns.length + (hasSelection ? 1 : 0),
+              className: styles.emptyWrapper,
+              children: "\u6682\u65E0\u6570\u636E"
+            })
+          }) : displayData.map(function (item, index) {
+            var rowKeyStr = item.key;
+            var rowProps = onRow === null || onRow === void 0 ? void 0 : onRow(item.record, index);
+            var isExpanded = expandedKeySet.has(rowKeyStr);
+            var isHovered = hoveredRowKey === rowKeyStr;
+            var isRowExpandable = expandable !== null && expandable !== void 0 && expandable.rowExpandable ? expandable.rowExpandable(item.record) : true;
+            return /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsxs("tr", _objectSpread(_objectSpread({
+                className: rowSemantic.className,
+                style: rowSemantic.style,
+                "data-hovered": isHovered || undefined,
+                "data-expanded": isExpanded || undefined,
+                onMouseEnter: function onMouseEnter() {
+                  return setHoveredRowKey(rowKeyStr);
+                },
+                onMouseLeave: function onMouseLeave() {
+                  return setHoveredRowKey(null);
+                },
+                onClick: function onClick() {
+                  var _rowProps$onClick;
+                  if (expandable !== null && expandable !== void 0 && expandable.expandRowByClick && isRowExpandable) {
+                    handleExpand(rowKeyStr, item.record);
+                  }
+                  rowProps === null || rowProps === void 0 || (_rowProps$onClick = rowProps.onClick) === null || _rowProps$onClick === void 0 || _rowProps$onClick.call(rowProps, {});
+                }
+              }, rowProps), {}, {
+                children: [renderSelectionCell(item.record), columns.map(function (col, colIndex) {
+                  return renderBodyCell(col, item.record, index, colIndex, item.level);
+                })]
+              })), hasExpandable && renderExpandedRow(item.record, index)]
+            }, rowKeyStr);
+          })
+        })]
+      })
+    }), loading && /*#__PURE__*/_jsx("div", {
+      className: styles.loading,
+      "data-loading-overlay": true,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.skeleton,
+        children: Array.from({
+          length: 3
+        }, function (_, i) {
+          return /*#__PURE__*/_jsx("div", {
+            className: styles.skeletonRow,
+            children: columns.map(function (_, j) {
+              return /*#__PURE__*/_jsx("div", {
+                className: styles.skeletonCell
+              }, j);
+            })
+          }, i);
+        })
+      })
+    }), hasPagination && paginationTotal > 0 && /*#__PURE__*/_jsx("div", {
+      className: paginationSemantic.className,
+      style: paginationSemantic.style,
+      children: /*#__PURE__*/_jsx(PaginationInline, {
+        current: currentPage,
+        pageSize: pageSize,
+        total: paginationTotal,
+        showTotal: paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.showTotal,
+        onChange: handlePageChange
+      })
+    }), footer && /*#__PURE__*/_jsx("div", {
+      className: styles.footerRow,
+      children: footer(data)
+    })]
+  });
+}
+var Table = /*#__PURE__*/forwardRef(TableInner);
+Table.displayName = 'Table';
+export { Table };
+export default Table;