@hanwenbo/x-taro-ui 0.0.1

package/es/components/table/table.js

@@ -0,0 +1,2001 @@
+var _excluded = ["children"],
+  _excluded2 = ["className", "style"],
+  _excluded3 = ["className", "style", "onClick"],
+  _excluded4 = ["className", "style", "onClick", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onTouchCancel"],
+  _excluded5 = ["className", "style"];
+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 _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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 _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 _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 _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; }
+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); }
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { ScrollView, Text, View } from '@tarojs/components';
+import { useTheme } from "../../theme";
+import { classNames } from "../../utils";
+import { Checkbox } from "../checkbox";
+import { useDisabled, useSize } from "../configProvider";
+import { useWindowDimensions } from "../dimensions";
+import { Icon } from "../icon";
+import { Pagination } from "../pagination";
+import { Radio } from "../radio";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var sizeMetrics = {
+  mini: {
+    rowMinHeight: 32,
+    paddingX: 8,
+    paddingY: 6,
+    fontSize: 12,
+    lineHeight: 18,
+    iconSize: 14
+  },
+  small: {
+    rowMinHeight: 36,
+    paddingX: 12,
+    paddingY: 8,
+    fontSize: 14,
+    lineHeight: 20,
+    iconSize: 14
+  },
+  middle: {
+    rowMinHeight: 40,
+    paddingX: 16,
+    paddingY: 10,
+    fontSize: 14,
+    lineHeight: 20,
+    iconSize: 16
+  },
+  large: {
+    rowMinHeight: 48,
+    paddingX: 20,
+    paddingY: 14,
+    fontSize: 14,
+    lineHeight: 20,
+    iconSize: 18
+  }
+};
+function TableColumn(_props) {
+  return null;
+}
+TableColumn.displayName = 'Table.Column';
+function TableColumnGroup(_props) {
+  return null;
+}
+TableColumnGroup.displayName = 'Table.ColumnGroup';
+function renderNode(node, style) {
+  return typeof node === 'string' || typeof node === 'number' ? /*#__PURE__*/_jsx(Text, {
+    style: style,
+    children: node
+  }) : node;
+}
+function toCssSize(value) {
+  return typeof value === 'number' ? "".concat(value, "px") : value;
+}
+function getValueByDataIndex(record, dataIndex) {
+  if (dataIndex === undefined) return undefined;
+  var path = Array.isArray(dataIndex) ? dataIndex : String(dataIndex).split('.');
+  return path.reduce(function (current, part) {
+    return current === null || current === void 0 ? void 0 : current[part];
+  }, record);
+}
+function getColumnKey(column, index) {
+  if (column.key !== undefined) return String(column.key);
+  if (column.dataIndex !== undefined) {
+    return Array.isArray(column.dataIndex) ? column.dataIndex.map(String).join('.') : String(column.dataIndex);
+  }
+  return "column-".concat(index);
+}
+function flattenColumns(columns) {
+  return columns.flatMap(function (column) {
+    var _column$children;
+    return (_column$children = column.children) !== null && _column$children !== void 0 && _column$children.length ? flattenColumns(column.children) : [column];
+  });
+}
+function getActiveBreakpoints(viewportWidth) {
+  if (viewportWidth <= 0) {
+    return new Set(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']);
+  }
+  var active = new Set();
+  if (viewportWidth < 576) active.add('xs');
+  if (viewportWidth >= 576) active.add('sm');
+  if (viewportWidth >= 768) active.add('md');
+  if (viewportWidth >= 992) active.add('lg');
+  if (viewportWidth >= 1200) active.add('xl');
+  if (viewportWidth >= 1600) active.add('xxl');
+  return active;
+}
+function filterVisibleColumnTree(columns, activeBreakpoints) {
+  return columns.flatMap(function (column) {
+    var _column$responsive, _column$children2;
+    if (column.hidden || (_column$responsive = column.responsive) !== null && _column$responsive !== void 0 && _column$responsive.length && !column.responsive.some(function (breakpoint) {
+      return activeBreakpoints.has(breakpoint);
+    })) {
+      return [];
+    }
+    if (!((_column$children2 = column.children) !== null && _column$children2 !== void 0 && _column$children2.length)) return [column];
+    var children = filterVisibleColumnTree(column.children, activeBreakpoints);
+    return children.length ? [_objectSpread(_objectSpread({}, column), {}, {
+      children: children
+    })] : [];
+  });
+}
+function getColumnDepth(column) {
+  var _column$children3;
+  return (_column$children3 = column.children) !== null && _column$children3 !== void 0 && _column$children3.length ? 1 + Math.max.apply(Math, _toConsumableArray(column.children.map(getColumnDepth))) : 1;
+}
+function getHeaderBandCells(columns, targetDepth) {
+  var currentDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  return columns.flatMap(function (column) {
+    var _column$children5;
+    var leaves = flattenColumns([column]);
+    if (currentDepth === targetDepth) {
+      var _column$children4;
+      return [{
+        column: column,
+        leaves: leaves,
+        placeholder: !((_column$children4 = column.children) !== null && _column$children4 !== void 0 && _column$children4.length)
+      }];
+    }
+    return (_column$children5 = column.children) !== null && _column$children5 !== void 0 && _column$children5.length ? getHeaderBandCells(column.children, targetDepth, currentDepth + 1) : [{
+      column: column,
+      leaves: leaves,
+      placeholder: true
+    }];
+  });
+}
+function isActivationKey(event) {
+  var key = event === null || event === void 0 ? void 0 : event.key;
+  return key === 'Enter' || key === ' ' || key === 'Spacebar';
+}
+function convertChildrenToColumns(children) {
+  var columns = [];
+  React.Children.forEach(children, function (child) {
+    if (! /*#__PURE__*/React.isValidElement(child)) return;
+    if (child.type === TableColumn) {
+      var _child$key;
+      var _ref = child.props,
+        _children = _ref.children,
+        columnProps = _objectWithoutProperties(_ref, _excluded);
+      columns.push(_objectSpread(_objectSpread({}, columnProps), {}, {
+        key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : undefined
+      }));
+      return;
+    }
+    if (child.type === TableColumnGroup) {
+      var _child$key2;
+      var _props2 = child.props;
+      columns.push(_objectSpread(_objectSpread({}, _props2), {}, {
+        key: (_child$key2 = child.key) !== null && _child$key2 !== void 0 ? _child$key2 : undefined,
+        children: convertChildrenToColumns(_props2.children)
+      }));
+    }
+  });
+  return columns;
+}
+function flattenFilterItems(items) {
+  return items.flatMap(function (item) {
+    return [item].concat(_toConsumableArray(item.children ? flattenFilterItems(item.children) : []));
+  });
+}
+function resolveRowKey(record, index, rowKey) {
+  var _getValueByDataIndex;
+  if (typeof rowKey === 'function') return rowKey(record, index);
+  var dataIndex = rowKey === undefined ? 'key' : String(rowKey);
+  return (_getValueByDataIndex = getValueByDataIndex(record, dataIndex)) !== null && _getValueByDataIndex !== void 0 ? _getValueByDataIndex : index;
+}
+function resolveSemanticValue(value, props) {
+  return typeof value === 'function' ? value({
+    props: props
+  }) : value;
+}
+function getSorterCompare(column) {
+  if (typeof (column === null || column === void 0 ? void 0 : column.sorter) === 'function') return column.sorter;
+  if (column !== null && column !== void 0 && column.sorter && _typeof(column.sorter) === 'object') return column.sorter.compare;
+  return undefined;
+}
+function getSorterMultiple(column) {
+  return column !== null && column !== void 0 && column.sorter && _typeof(column.sorter) === 'object' ? column.sorter.multiple : undefined;
+}
+function applyTransforms(data, columns, filters, sortState) {
+  var filtered = columns.reduce(function (current, column, index) {
+    var values = filters[getColumnKey(column, index)];
+    if (!(values !== null && values !== void 0 && values.length) || !column.onFilter) return current;
+    return current.filter(function (record) {
+      return values.some(function (value) {
+        var _column$onFilter;
+        return (_column$onFilter = column.onFilter) === null || _column$onFilter === void 0 ? void 0 : _column$onFilter.call(column, value, record);
+      });
+    });
+  }, _toConsumableArray(data));
+  if (!sortState.length) return filtered;
+  return _toConsumableArray(filtered).sort(function (a, b) {
+    var _iterator = _createForOfIteratorHelper(sortState),
+      _step;
+    try {
+      var _loop = function _loop() {
+          var state = _step.value;
+          var column = columns.find(function (item, index) {
+            return getColumnKey(item, index) === state.columnKey;
+          });
+          var compare = getSorterCompare(column);
+          if (!compare) return 0; // continue
+          var result = compare(a, b);
+          if (result !== 0) return {
+            v: state.order === 'ascend' ? result : -result
+          };
+        },
+        _ret;
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        _ret = _loop();
+        if (_ret === 0) continue;
+        if (_ret) return _ret.v;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return 0;
+  });
+}
+function stopPropagation(event) {
+  var _stopPropagation, _ref2;
+  event === null || event === void 0 || (_stopPropagation = (_ref2 = event).stopPropagation) === null || _stopPropagation === void 0 || _stopPropagation.call(_ref2);
+}
+function isInteractiveEventTarget(event) {
+  var _target$closest;
+  var target = event === null || event === void 0 ? void 0 : event.target;
+  return Boolean(target === null || target === void 0 || (_target$closest = target.closest) === null || _target$closest === void 0 ? void 0 : _target$closest.call(target, 'button,a,input,label,select,textarea,[role="button"]'));
+}
+function normalizeFixed(fixed) {
+  if (fixed === true || fixed === 'start') return 'left';
+  if (fixed === 'end') return 'right';
+  return fixed;
+}
+function InternalTable(props, ref) {
+  var _resolveSemanticValue, _resolveSemanticValue2, _paginationConfig$def, _ref3, _paginationConfig$def2, _paginationConfig$cur, _paginationConfig$pag, _paginationConfig$tot, _resolvedRowSelection, _resolvedRowSelection2, _resolvedExpandable$c, _resolvedExpandable$e, _locale$loadingText, _loading$spinning, _loading$delay, _ref4, _loading$tip, _resolvedRowSelection6, _resolvedExpandable$c2, _components$header$wr, _components$header, _components$header$ro, _components$header2, _components$header$ce, _components$header3, _components$body$wrap, _components$body, _components$body$row, _components$body2, _components$body$cell, _components$body3, _components$table, _paginationConfig$pla, _paginationConfig$pla2;
+  var _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered,
+    children = props.children,
+    className = props.className,
+    semanticClassNamesProp = props.classNames,
+    propColumns = props.columns,
+    components = props.components,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    _props$defaultExpande = props.defaultExpandedRowKeys,
+    defaultExpandedRowKeys = _props$defaultExpande === void 0 ? [] : _props$defaultExpande,
+    _props$defaultSelecte = props.defaultSelectedRowKeys,
+    defaultSelectedRowKeys = _props$defaultSelecte === void 0 ? [] : _props$defaultSelecte,
+    emptyText = props.emptyText,
+    expandable = props.expandable,
+    _expandedRowRender = props.expandedRowRender,
+    footer = props.footer,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    locale = props.locale,
+    onChange = props.onChange,
+    onHeaderRow = props.onHeaderRow,
+    onRow = props.onRow,
+    _onScroll = props.onScroll,
+    onSelectionChange = props.onSelectionChange,
+    _props$pagination = props.pagination,
+    pagination = _props$pagination === void 0 ? {} : _props$pagination,
+    _props$paginationVari = props.paginationVariant,
+    paginationVariant = _props$paginationVari === void 0 ? 'section' : _props$paginationVari,
+    rowClassName = props.rowClassName,
+    _props$rowHoverable = props.rowHoverable,
+    rowHoverable = _props$rowHoverable === void 0 ? true : _props$rowHoverable,
+    rowKey = props.rowKey,
+    rowSelection = props.rowSelection,
+    scroll = props.scroll,
+    _props$selectable = props.selectable,
+    selectable = _props$selectable === void 0 ? false : _props$selectable,
+    legacySelectedRowKeys = props.selectedRowKeys,
+    _props$showHeader = props.showHeader,
+    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
+    _props$showSorterTool = props.showSorterTooltip,
+    showSorterTooltip = _props$showSorterTool === void 0 ? {
+      target: 'full-header'
+    } : _props$showSorterTool,
+    sizeProp = props.size,
+    _props$sortDirections = props.sortDirections,
+    sortDirections = _props$sortDirections === void 0 ? ['ascend', 'descend'] : _props$sortDirections,
+    _props$sticky = props.sticky,
+    sticky = _props$sticky === void 0 ? false : _props$sticky,
+    _props$striped = props.striped,
+    striped = _props$striped === void 0 ? false : _props$striped,
+    style = props.style,
+    semanticStylesProp = props.styles,
+    summary = props.summary,
+    _props$tableLayout = props.tableLayout,
+    tableLayout = _props$tableLayout === void 0 ? 'auto' : _props$tableLayout,
+    testID = props.testID,
+    title = props.title,
+    _props$virtual = props.virtual,
+    virtual = _props$virtual === void 0 ? false : _props$virtual;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var providerSize = useSize();
+  var providerDisabled = useDisabled();
+  var _useWindowDimensions = useWindowDimensions(),
+    viewportWidth = _useWindowDimensions.width;
+  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : providerSize;
+  var disabled = Boolean(providerDisabled);
+  var metrics = sizeMetrics[size];
+  var rootRef = useRef(null);
+  var cellRenderCacheRef = useRef(new Map());
+  var selectionRecordCacheRef = useRef(new Map());
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollTop = _useState2[0],
+    setScrollTop = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scrollTarget = _useState4[0],
+    setScrollTarget = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    virtualScrollTop = _useState6[0],
+    setVirtualScrollTop = _useState6[1];
+  var _useState7 = useState({
+      canScrollLeft: false,
+      canScrollRight: Boolean(scroll === null || scroll === void 0 ? void 0 : scroll.x)
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    horizontalScrollState = _useState8[0],
+    setHorizontalScrollState = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    hoveredRowKey = _useState10[0],
+    setHoveredRowKey = _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    focusedControlKey = _useState12[0],
+    setFocusedControlKey = _useState12[1];
+  var declaredColumns = useMemo(function () {
+    return propColumns !== null && propColumns !== void 0 && propColumns.length ? propColumns : convertChildrenToColumns(children);
+  }, [children, propColumns]);
+  var activeBreakpoints = useMemo(function () {
+    return getActiveBreakpoints(viewportWidth);
+  }, [viewportWidth]);
+  var resolvedColumns = useMemo(function () {
+    return filterVisibleColumnTree(declaredColumns, activeBreakpoints);
+  }, [activeBreakpoints, declaredColumns]);
+  var visibleColumns = useMemo(function () {
+    return flattenColumns(resolvedColumns);
+  }, [resolvedColumns]);
+  var headerDepth = useMemo(function () {
+    return Math.max.apply(Math, [1].concat(_toConsumableArray(resolvedColumns.map(getColumnDepth))));
+  }, [resolvedColumns]);
+  var semanticClassNames = (_resolveSemanticValue = resolveSemanticValue(semanticClassNamesProp, props)) !== null && _resolveSemanticValue !== void 0 ? _resolveSemanticValue : {};
+  var semanticStyles = (_resolveSemanticValue2 = resolveSemanticValue(semanticStylesProp, props)) !== null && _resolveSemanticValue2 !== void 0 ? _resolveSemanticValue2 : {};
+  var interactiveControlProps = function interactiveControlProps(controlKey, onActivate) {
+    var controlDisabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : disabled;
+    return {
+      tabIndex: controlDisabled ? -1 : 0,
+      'aria-disabled': controlDisabled,
+      'data-focused': focusedControlKey === controlKey ? 'true' : 'false',
+      onFocus: function onFocus() {
+        if (!controlDisabled) setFocusedControlKey(controlKey);
+      },
+      onBlur: function onBlur() {
+        return setFocusedControlKey(function (current) {
+          return current === controlKey ? null : current;
+        });
+      },
+      onKeyDown: function onKeyDown(event) {
+        var _keyboardEvent$preven, _keyboardEvent$stopPr;
+        if (controlDisabled || !isActivationKey(event)) return;
+        var keyboardEvent = event;
+        (_keyboardEvent$preven = keyboardEvent.preventDefault) === null || _keyboardEvent$preven === void 0 || _keyboardEvent$preven.call(keyboardEvent);
+        (_keyboardEvent$stopPr = keyboardEvent.stopPropagation) === null || _keyboardEvent$stopPr === void 0 || _keyboardEvent$stopPr.call(keyboardEvent);
+        onActivate(event);
+      }
+    };
+  };
+  var interactiveFocusStyle = function interactiveFocusStyle(controlKey) {
+    return focusedControlKey === controlKey ? {
+      boxShadow: '0 0 0 2px var(--x-table-focus-ring)'
+    } : undefined;
+  };
+  var controlledSortColumns = visibleColumns.filter(function (column) {
+    return column.sortOrder !== undefined;
+  });
+  var controlledSortState = controlledSortColumns.length ? controlledSortColumns.flatMap(function (column) {
+    return column.sortOrder ? [{
+      columnKey: getColumnKey(column, visibleColumns.indexOf(column)),
+      order: column.sortOrder
+    }] : [];
+  }) : undefined;
+  var _useState13 = useState(function () {
+      var defaults = visibleColumns.flatMap(function (column, index) {
+        return column.defaultSortOrder ? [{
+          columnKey: getColumnKey(column, index),
+          order: column.defaultSortOrder
+        }] : [];
+      });
+      return defaults.sort(function (first, second) {
+        var _getSorterMultiple, _getSorterMultiple2;
+        var firstColumn = visibleColumns.find(function (column, index) {
+          return getColumnKey(column, index) === first.columnKey;
+        });
+        var secondColumn = visibleColumns.find(function (column, index) {
+          return getColumnKey(column, index) === second.columnKey;
+        });
+        return ((_getSorterMultiple = getSorterMultiple(secondColumn)) !== null && _getSorterMultiple !== void 0 ? _getSorterMultiple : 0) - ((_getSorterMultiple2 = getSorterMultiple(firstColumn)) !== null && _getSorterMultiple2 !== void 0 ? _getSorterMultiple2 : 0);
+      });
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    innerSortState = _useState14[0],
+    setInnerSortState = _useState14[1];
+  var sortState = controlledSortState !== null && controlledSortState !== void 0 ? controlledSortState : innerSortState;
+  var _useState15 = useState(function () {
+      return visibleColumns.reduce(function (current, column, index) {
+        var _column$defaultFilter;
+        if ((_column$defaultFilter = column.defaultFilteredValue) !== null && _column$defaultFilter !== void 0 && _column$defaultFilter.length) {
+          current[getColumnKey(column, index)] = column.defaultFilteredValue;
+        }
+        return current;
+      }, {});
+    }),
+    _useState16 = _slicedToArray(_useState15, 2),
+    innerFilters = _useState16[0],
+    setInnerFilters = _useState16[1];
+  var filtersForChange = useMemo(function () {
+    return visibleColumns.reduce(function (current, column, index) {
+      var _innerFilters$key;
+      if (!column.filters && column.filteredValue === undefined) return current;
+      var key = getColumnKey(column, index);
+      current[key] = column.filteredValue !== undefined ? column.filteredValue : (_innerFilters$key = innerFilters[key]) !== null && _innerFilters$key !== void 0 ? _innerFilters$key : null;
+      return current;
+    }, {});
+  }, [innerFilters, visibleColumns]);
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    openFilterKey = _useState18[0],
+    setOpenFilterKey = _useState18[1];
+  var _useState19 = useState({}),
+    _useState20 = _slicedToArray(_useState19, 2),
+    draftFilters = _useState20[0],
+    setDraftFilters = _useState20[1];
+  var draftFiltersRef = useRef({});
+  draftFiltersRef.current = draftFilters;
+  var paginationConfig = pagination === false ? false : pagination;
+  var paginationEnabled = paginationConfig !== false;
+  var _useState21 = useState(paginationEnabled ? (_paginationConfig$def = paginationConfig.defaultCurrent) !== null && _paginationConfig$def !== void 0 ? _paginationConfig$def : 1 : 1),
+    _useState22 = _slicedToArray(_useState21, 2),
+    innerCurrent = _useState22[0],
+    setInnerCurrent = _useState22[1];
+  var _useState23 = useState(paginationEnabled ? (_ref3 = (_paginationConfig$def2 = paginationConfig.defaultPageSize) !== null && _paginationConfig$def2 !== void 0 ? _paginationConfig$def2 : paginationConfig.pageSize) !== null && _ref3 !== void 0 ? _ref3 : 10 : 10),
+    _useState24 = _slicedToArray(_useState23, 2),
+    innerPageSize = _useState24[0],
+    setInnerPageSize = _useState24[1];
+  var current = paginationEnabled ? (_paginationConfig$cur = paginationConfig.current) !== null && _paginationConfig$cur !== void 0 ? _paginationConfig$cur : innerCurrent : 1;
+  var pageSize = paginationEnabled ? (_paginationConfig$pag = paginationConfig.pageSize) !== null && _paginationConfig$pag !== void 0 ? _paginationConfig$pag : innerPageSize : dataSource.length || 1;
+  var transformedData = useMemo(function () {
+    return applyTransforms(dataSource, visibleColumns, filtersForChange, sortState);
+  }, [dataSource, filtersForChange, sortState, visibleColumns]);
+  var isRemotePagination = paginationEnabled && paginationConfig.total !== undefined && paginationConfig.total > transformedData.length;
+  var total = paginationEnabled ? (_paginationConfig$tot = paginationConfig.total) !== null && _paginationConfig$tot !== void 0 ? _paginationConfig$tot : transformedData.length : transformedData.length;
+  var totalPages = Math.max(1, Math.ceil(Math.max(total, 1) / Math.max(pageSize, 1)));
+  var safeCurrent = Math.min(Math.max(current, 1), totalPages);
+  var currentPageData = useMemo(function () {
+    if (!paginationEnabled || isRemotePagination) return transformedData;
+    var start = (safeCurrent - 1) * pageSize;
+    return transformedData.slice(start, start + pageSize);
+  }, [isRemotePagination, pageSize, paginationEnabled, safeCurrent, transformedData]);
+  useEffect(function () {
+    if (paginationEnabled && paginationConfig.current === undefined && safeCurrent !== innerCurrent) {
+      setInnerCurrent(safeCurrent);
+    }
+  }, [innerCurrent, paginationConfig, paginationEnabled, safeCurrent]);
+  var resolvedRowSelection = rowSelection ? rowSelection : selectable ? {
+    selectedRowKeys: legacySelectedRowKeys,
+    defaultSelectedRowKeys: defaultSelectedRowKeys
+  } : undefined;
+  var selectionControlled = (resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.selectedRowKeys) !== undefined;
+  var _useState25 = useState((_resolvedRowSelection = resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.defaultSelectedRowKeys) !== null && _resolvedRowSelection !== void 0 ? _resolvedRowSelection : defaultSelectedRowKeys),
+    _useState26 = _slicedToArray(_useState25, 2),
+    innerSelectedKeys = _useState26[0],
+    setInnerSelectedKeys = _useState26[1];
+  var selectedKeys = (_resolvedRowSelection2 = resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.selectedRowKeys) !== null && _resolvedRowSelection2 !== void 0 ? _resolvedRowSelection2 : innerSelectedKeys;
+  var selectedKeySet = useMemo(function () {
+    return new Set(selectedKeys.map(String));
+  }, [selectedKeys]);
+  var resolvedExpandable = expandable ? expandable : _expandedRowRender ? {
+    defaultExpandedRowKeys: defaultExpandedRowKeys,
+    expandedRowRender: function expandedRowRender(record, index) {
+      return _expandedRowRender(record, index);
+    }
+  } : undefined;
+  var childrenColumnName = (_resolvedExpandable$c = resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.childrenColumnName) !== null && _resolvedExpandable$c !== void 0 ? _resolvedExpandable$c : 'children';
+  var allRows = useMemo(function () {
+    var result = [];
+    var visit = function visit(records) {
+      var indent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+      records.forEach(function (record, index) {
+        var absoluteIndex = result.length;
+        var key = resolveRowKey(record, absoluteIndex, rowKey);
+        result.push({
+          key: key,
+          record: record,
+          index: absoluteIndex,
+          indent: indent
+        });
+        var nested = record[childrenColumnName];
+        if (Array.isArray(nested)) visit(nested, indent + 1, "".concat(prefix, "-").concat(index));
+      });
+    };
+    visit(dataSource);
+    return result;
+  }, [childrenColumnName, dataSource, rowKey]);
+  var _useState27 = useState(function () {
+      var _resolvedExpandable$d;
+      if (resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.defaultExpandAllRows) {
+        return allRows.filter(function (row) {
+          if (resolvedExpandable.rowExpandable && !resolvedExpandable.rowExpandable(row.record)) {
+            return false;
+          }
+          return Boolean(resolvedExpandable.expandedRowRender || Array.isArray(row.record[childrenColumnName]) && row.record[childrenColumnName].length);
+        }).map(function (row) {
+          return row.key;
+        });
+      }
+      return (_resolvedExpandable$d = resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.defaultExpandedRowKeys) !== null && _resolvedExpandable$d !== void 0 ? _resolvedExpandable$d : defaultExpandedRowKeys;
+    }),
+    _useState28 = _slicedToArray(_useState27, 2),
+    innerExpandedKeys = _useState28[0],
+    setInnerExpandedKeys = _useState28[1];
+  var expandedKeys = (_resolvedExpandable$e = resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.expandedRowKeys) !== null && _resolvedExpandable$e !== void 0 ? _resolvedExpandable$e : innerExpandedKeys;
+  var expandedKeySet = useMemo(function () {
+    return new Set(expandedKeys.map(String));
+  }, [expandedKeys]);
+  useEffect(function () {
+    allRows.forEach(function (row) {
+      return selectionRecordCacheRef.current.set(String(row.key), row.record);
+    });
+    if (!(resolvedRowSelection !== null && resolvedRowSelection !== void 0 && resolvedRowSelection.preserveSelectedRowKeys)) {
+      var availableKeys = new Set(allRows.map(function (row) {
+        return String(row.key);
+      }));
+      selectionRecordCacheRef.current.forEach(function (_record, key) {
+        if (!availableKeys.has(key)) selectionRecordCacheRef.current.delete(key);
+      });
+    }
+  }, [allRows, resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.preserveSelectedRowKeys]);
+  useEffect(function () {
+    if (selectionControlled || resolvedRowSelection !== null && resolvedRowSelection !== void 0 && resolvedRowSelection.preserveSelectedRowKeys) return;
+    var availableKeys = new Set(allRows.map(function (row) {
+      return String(row.key);
+    }));
+    setInnerSelectedKeys(function (current) {
+      var next = current.filter(function (key) {
+        return availableKeys.has(String(key));
+      });
+      return next.length === current.length ? current : next;
+    });
+  }, [allRows, resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.preserveSelectedRowKeys, selectionControlled]);
+  useEffect(function () {
+    if (!resolvedExpandable || resolvedExpandable.expandedRowKeys !== undefined) return;
+    var availableKeys = new Set(allRows.map(function (row) {
+      return String(row.key);
+    }));
+    setInnerExpandedKeys(function (current) {
+      var next = current.filter(function (key) {
+        return availableKeys.has(String(key));
+      });
+      return next.length === current.length ? current : next;
+    });
+  }, [allRows, resolvedExpandable]);
+  var isRowExpandable = useCallback(function (record) {
+    if (resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.rowExpandable && !resolvedExpandable.rowExpandable(record)) return false;
+    return Boolean((resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.expandedRowRender) || Array.isArray(record[childrenColumnName]) && record[childrenColumnName].length);
+  }, [childrenColumnName, resolvedExpandable]);
+  var visibleRows = useMemo(function () {
+    var result = [];
+    var visit = function visit(records) {
+      var indent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      records.forEach(function (record) {
+        var sourceMeta = allRows.find(function (item) {
+          return item.record === record;
+        });
+        var index = sourceMeta.index;
+        var key = sourceMeta.key;
+        result.push({
+          key: key,
+          record: record,
+          index: index,
+          indent: indent
+        });
+        var nested = record[childrenColumnName];
+        if (expandedKeySet.has(String(key)) && Array.isArray(nested)) {
+          visit(nested, indent + 1);
+        }
+      });
+    };
+    visit(currentPageData);
+    return result;
+  }, [allRows, childrenColumnName, currentPageData, expandedKeySet, rowKey]);
+  var canVirtualize = virtual && typeof (scroll === null || scroll === void 0 ? void 0 : scroll.y) === 'number' && !(resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.expandedRowRender);
+  var virtualRange = useMemo(function () {
+    if (!canVirtualize || typeof (scroll === null || scroll === void 0 ? void 0 : scroll.y) !== 'number') {
+      return {
+        start: 0,
+        end: visibleRows.length
+      };
+    }
+    var overscan = 3;
+    var start = Math.max(0, Math.floor(virtualScrollTop / metrics.rowMinHeight) - overscan);
+    var count = Math.ceil(scroll.y / metrics.rowMinHeight) + overscan * 2;
+    return {
+      start: start,
+      end: Math.min(visibleRows.length, start + count)
+    };
+  }, [canVirtualize, metrics.rowMinHeight, scroll === null || scroll === void 0 ? void 0 : scroll.y, virtualScrollTop, visibleRows.length]);
+  var renderedRows = visibleRows.slice(virtualRange.start, virtualRange.end);
+  var loadingState = typeof loading === 'boolean' ? {
+    spinning: loading,
+    delay: 0,
+    tip: (_locale$loadingText = locale === null || locale === void 0 ? void 0 : locale.loadingText) !== null && _locale$loadingText !== void 0 ? _locale$loadingText : '加载中...'
+  } : _objectSpread(_objectSpread({}, loading), {}, {
+    spinning: (_loading$spinning = loading.spinning) !== null && _loading$spinning !== void 0 ? _loading$spinning : true,
+    delay: (_loading$delay = loading.delay) !== null && _loading$delay !== void 0 ? _loading$delay : 0,
+    tip: (_ref4 = (_loading$tip = loading.tip) !== null && _loading$tip !== void 0 ? _loading$tip : locale === null || locale === void 0 ? void 0 : locale.loadingText) !== null && _ref4 !== void 0 ? _ref4 : '加载中...'
+  });
+  var _useState29 = useState(Boolean(loadingState.spinning && !loadingState.delay)),
+    _useState30 = _slicedToArray(_useState29, 2),
+    showLoading = _useState30[0],
+    setShowLoading = _useState30[1];
+  useEffect(function () {
+    if (!loadingState.spinning) {
+      setShowLoading(false);
+      return;
+    }
+    if (!loadingState.delay) {
+      setShowLoading(true);
+      return;
+    }
+    setShowLoading(false);
+    var timer = setTimeout(function () {
+      return setShowLoading(true);
+    }, loadingState.delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [loadingState.delay, loadingState.spinning]);
+  var scrollToFirstRow = useCallback(function () {
+    if (!(scroll !== null && scroll !== void 0 && scroll.scrollToFirstRowOnChange)) return;
+    setScrollTarget('');
+    setScrollTop(0);
+    setVirtualScrollTop(0);
+  }, [scroll === null || scroll === void 0 ? void 0 : scroll.scrollToFirstRowOnChange]);
+  var buildSorterResult = useCallback(function (nextSortState) {
+    var results = nextSortState.map(function (state) {
+      var column = visibleColumns.find(function (item, index) {
+        return getColumnKey(item, index) === state.columnKey;
+      });
+      return {
+        column: column,
+        columnKey: state.columnKey,
+        field: column === null || column === void 0 ? void 0 : column.dataIndex,
+        order: state.order
+      };
+    });
+    if (!results.length) return {};
+    return results.length === 1 ? results[0] : results;
+  }, [visibleColumns]);
+  var notifyChange = useCallback(function (action, nextCurrent, nextPageSize, nextFilters, nextSortState) {
+    var _paginationConfig$tot2;
+    var nextData = applyTransforms(dataSource, visibleColumns, nextFilters, nextSortState);
+    var nextTotal = paginationEnabled ? (_paginationConfig$tot2 = paginationConfig.total) !== null && _paginationConfig$tot2 !== void 0 ? _paginationConfig$tot2 : nextData.length : nextData.length;
+    var remote = paginationEnabled && paginationConfig.total !== undefined && paginationConfig.total > nextData.length;
+    var nextCurrentData = !paginationEnabled || remote ? nextData : nextData.slice((nextCurrent - 1) * nextPageSize, nextCurrent * nextPageSize);
+    onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, paginationConfig || {}), {}, {
+      current: nextCurrent,
+      pageSize: nextPageSize,
+      total: nextTotal
+    }), nextFilters, buildSorterResult(nextSortState), {
+      action: action,
+      currentDataSource: nextCurrentData
+    });
+  }, [buildSorterResult, dataSource, onChange, paginationConfig, paginationEnabled, visibleColumns]);
+  var changePagination = function changePagination(nextCurrent, nextPageSize) {
+    if (disabled) return;
+    if (paginationEnabled) {
+      var _paginationConfig$onC;
+      if (paginationConfig.current === undefined) setInnerCurrent(nextCurrent);
+      if (paginationConfig.pageSize === undefined) setInnerPageSize(nextPageSize);
+      (_paginationConfig$onC = paginationConfig.onChange) === null || _paginationConfig$onC === void 0 || _paginationConfig$onC.call(paginationConfig, nextCurrent, nextPageSize);
+    }
+    scrollToFirstRow();
+    notifyChange('paginate', nextCurrent, nextPageSize, filtersForChange, sortState);
+  };
+  var cycleSort = function cycleSort(column, columnIndex) {
+    var _column$sortDirection, _sortState$find$order, _sortState$find;
+    if (disabled || !column.sorter) return;
+    var columnKey = getColumnKey(column, columnIndex);
+    var directions = (_column$sortDirection = column.sortDirections) !== null && _column$sortDirection !== void 0 ? _column$sortDirection : sortDirections;
+    var currentOrder = (_sortState$find$order = (_sortState$find = sortState.find(function (state) {
+      return state.columnKey === columnKey;
+    })) === null || _sortState$find === void 0 ? void 0 : _sortState$find.order) !== null && _sortState$find$order !== void 0 ? _sortState$find$order : null;
+    var currentIndex = currentOrder ? directions.indexOf(currentOrder) : -1;
+    var nextOrder = currentIndex < directions.length - 1 ? directions[currentIndex + 1] : null;
+    var multiple = getSorterMultiple(column);
+    var retained = multiple === undefined ? [] : sortState.filter(function (state) {
+      if (state.columnKey === columnKey) return false;
+      var stateColumn = visibleColumns.find(function (item, index) {
+        return getColumnKey(item, index) === state.columnKey;
+      });
+      return getSorterMultiple(stateColumn) !== undefined;
+    });
+    var nextSortState = nextOrder ? [].concat(_toConsumableArray(retained), [{
+      columnKey: columnKey,
+      order: nextOrder
+    }]) : retained;
+    nextSortState.sort(function (first, second) {
+      var _getSorterMultiple3, _getSorterMultiple4;
+      var firstColumn = visibleColumns.find(function (item, index) {
+        return getColumnKey(item, index) === first.columnKey;
+      });
+      var secondColumn = visibleColumns.find(function (item, index) {
+        return getColumnKey(item, index) === second.columnKey;
+      });
+      return ((_getSorterMultiple3 = getSorterMultiple(secondColumn)) !== null && _getSorterMultiple3 !== void 0 ? _getSorterMultiple3 : 0) - ((_getSorterMultiple4 = getSorterMultiple(firstColumn)) !== null && _getSorterMultiple4 !== void 0 ? _getSorterMultiple4 : 0);
+    });
+    if (!controlledSortColumns.length) setInnerSortState(nextSortState);
+    if (paginationEnabled && paginationConfig.current === undefined) setInnerCurrent(1);
+    scrollToFirstRow();
+    notifyChange('sort', 1, pageSize, filtersForChange, nextSortState);
+  };
+  var openFilter = function openFilter(column, columnIndex) {
+    var _filtersForChange$key;
+    if (disabled) return;
+    var key = getColumnKey(column, columnIndex);
+    if (openFilterKey === key) {
+      setOpenFilterKey(null);
+      return;
+    }
+    var nextDraftFilters = _objectSpread(_objectSpread({}, draftFiltersRef.current), {}, _defineProperty({}, key, _toConsumableArray((_filtersForChange$key = filtersForChange[key]) !== null && _filtersForChange$key !== void 0 ? _filtersForChange$key : [])));
+    draftFiltersRef.current = nextDraftFilters;
+    setDraftFilters(nextDraftFilters);
+    setOpenFilterKey(key);
+  };
+  var commitFilter = function commitFilter(column, columnIndex) {
+    var _draftFiltersRef$curr;
+    var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (disabled) return;
+    var key = getColumnKey(column, columnIndex);
+    var values = reset ? [] : (_draftFiltersRef$curr = draftFiltersRef.current[key]) !== null && _draftFiltersRef$curr !== void 0 ? _draftFiltersRef$curr : [];
+    var nextFilters = _objectSpread(_objectSpread({}, filtersForChange), {}, _defineProperty({}, key, values.length ? values : null));
+    if (column.filteredValue === undefined) {
+      setInnerFilters(function (current) {
+        return _objectSpread(_objectSpread({}, current), {}, _defineProperty({}, key, values));
+      });
+    }
+    if (paginationEnabled && paginationConfig.current === undefined) setInnerCurrent(1);
+    setOpenFilterKey(null);
+    scrollToFirstRow();
+    notifyChange('filter', 1, pageSize, nextFilters, sortState);
+  };
+  var selectedRowsForKeys = useCallback(function (keys) {
+    var currentRecords = new Map(allRows.map(function (item) {
+      return [String(item.key), item.record];
+    }));
+    return keys.flatMap(function (key) {
+      var _currentRecords$get;
+      var record = (_currentRecords$get = currentRecords.get(String(key))) !== null && _currentRecords$get !== void 0 ? _currentRecords$get : resolvedRowSelection !== null && resolvedRowSelection !== void 0 && resolvedRowSelection.preserveSelectedRowKeys ? selectionRecordCacheRef.current.get(String(key)) : undefined;
+      return record ? [record] : [];
+    });
+  }, [allRows, resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.preserveSelectedRowKeys]);
+  var updateSelection = function updateSelection(nextKeys, type) {
+    var _resolvedRowSelection3;
+    var changedRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    var normalized = Array.from(new Map(nextKeys.map(function (key) {
+      return [String(key), key];
+    })).values());
+    if (!selectionControlled) setInnerSelectedKeys(normalized);
+    var nextRows = selectedRowsForKeys(normalized);
+    resolvedRowSelection === null || resolvedRowSelection === void 0 || (_resolvedRowSelection3 = resolvedRowSelection.onChange) === null || _resolvedRowSelection3 === void 0 || _resolvedRowSelection3.call(resolvedRowSelection, normalized, nextRows, {
+      type: type
+    });
+    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(normalized, nextRows);
+    if (type === 'all' || type === 'none') {
+      var _resolvedRowSelection4;
+      resolvedRowSelection === null || resolvedRowSelection === void 0 || (_resolvedRowSelection4 = resolvedRowSelection.onSelectAll) === null || _resolvedRowSelection4 === void 0 || _resolvedRowSelection4.call(resolvedRowSelection, type === 'all', nextRows, changedRows);
+    }
+    return nextRows;
+  };
+  var toggleRowSelection = function toggleRowSelection(row) {
+    var _selection$onSelect;
+    var selection = resolvedRowSelection;
+    var checked = selectedKeySet.has(String(row.key));
+    var nextKeys = selection.type === 'radio' ? [row.key] : checked ? selectedKeys.filter(function (key) {
+      return String(key) !== String(row.key);
+    }) : [].concat(_toConsumableArray(selectedKeys), [row.key]);
+    var nextRows = updateSelection(nextKeys, 'single');
+    (_selection$onSelect = selection.onSelect) === null || _selection$onSelect === void 0 || _selection$onSelect.call(selection, row.record, !checked, nextRows);
+  };
+  var selectableRows = visibleRows.filter(function (row) {
+    var _resolvedRowSelection5;
+    return !(resolvedRowSelection !== null && resolvedRowSelection !== void 0 && (_resolvedRowSelection5 = resolvedRowSelection.getCheckboxProps) !== null && _resolvedRowSelection5 !== void 0 && _resolvedRowSelection5.call(resolvedRowSelection, row.record).disabled);
+  });
+  var allPageSelected = selectableRows.length > 0 && selectableRows.every(function (row) {
+    return selectedKeySet.has(String(row.key));
+  });
+  var somePageSelected = selectableRows.some(function (row) {
+    return selectedKeySet.has(String(row.key));
+  });
+  var toggleSelectAll = function toggleSelectAll() {
+    var pageKeys = selectableRows.map(function (row) {
+      return row.key;
+    });
+    var pageKeySet = new Set(pageKeys.map(String));
+    var nextKeys = allPageSelected ? selectedKeys.filter(function (key) {
+      return !pageKeySet.has(String(key));
+    }) : [].concat(_toConsumableArray(selectedKeys), _toConsumableArray(pageKeys.filter(function (key) {
+      return !selectedKeySet.has(String(key));
+    })));
+    updateSelection(nextKeys, allPageSelected ? 'none' : 'all', selectableRows.map(function (row) {
+      return row.record;
+    }));
+  };
+  var toggleExpand = function toggleExpand(row) {
+    var _resolvedExpandable$o, _resolvedExpandable$o2;
+    if (disabled || !resolvedExpandable || !isRowExpandable(row.record)) return;
+    var expanded = expandedKeySet.has(String(row.key));
+    var nextKeys = expanded ? expandedKeys.filter(function (key) {
+      return String(key) !== String(row.key);
+    }) : [].concat(_toConsumableArray(expandedKeys), [row.key]);
+    if (resolvedExpandable.expandedRowKeys === undefined) setInnerExpandedKeys(nextKeys);
+    (_resolvedExpandable$o = resolvedExpandable.onExpand) === null || _resolvedExpandable$o === void 0 || _resolvedExpandable$o.call(resolvedExpandable, !expanded, row.record);
+    (_resolvedExpandable$o2 = resolvedExpandable.onExpandedRowsChange) === null || _resolvedExpandable$o2 === void 0 || _resolvedExpandable$o2.call(resolvedExpandable, nextKeys);
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      nativeElement: rootRef.current,
+      scrollTo: function scrollTo(_ref5) {
+        var index = _ref5.index,
+          key = _ref5.key,
+          _ref5$offset = _ref5.offset,
+          offset = _ref5$offset === void 0 ? 0 : _ref5$offset,
+          top = _ref5.top;
+        if (top !== undefined) {
+          setScrollTarget('');
+          setScrollTop(top);
+          setVirtualScrollTop(top);
+          return;
+        }
+        if (key === undefined && index === undefined) return;
+        var targetIndex = key !== undefined ? visibleRows.findIndex(function (row) {
+          return String(row.key) === String(key);
+        }) : index;
+        if (key !== undefined && targetIndex < 0 && paginationEnabled && !isRemotePagination) {
+          var absoluteIndex = transformedData.findIndex(function (record, recordIndex) {
+            return String(resolveRowKey(record, recordIndex, rowKey)) === String(key);
+          });
+          if (absoluteIndex >= 0) {
+            var _paginationConfig$onC2;
+            var targetPage = Math.floor(absoluteIndex / pageSize) + 1;
+            if (paginationConfig.current === undefined) setInnerCurrent(targetPage);
+            (_paginationConfig$onC2 = paginationConfig.onChange) === null || _paginationConfig$onC2 === void 0 || _paginationConfig$onC2.call(paginationConfig, targetPage, pageSize);
+            targetIndex = absoluteIndex % pageSize;
+          }
+        }
+        if (targetIndex < 0 || targetIndex >= visibleRows.length) return;
+        var nextTop = targetIndex * metrics.rowMinHeight + offset;
+        setScrollTop(nextTop);
+        setVirtualScrollTop(nextTop);
+        setScrollTarget("x-table-row-".concat(String(key !== null && key !== void 0 ? key : visibleRows[targetIndex].key)));
+      }
+    };
+  }, [isRemotePagination, metrics.rowMinHeight, pageSize, paginationConfig, paginationEnabled, rowKey, transformedData, visibleRows]);
+  var selectionWidth = (_resolvedRowSelection6 = resolvedRowSelection === null || resolvedRowSelection === void 0 ? void 0 : resolvedRowSelection.columnWidth) !== null && _resolvedRowSelection6 !== void 0 ? _resolvedRowSelection6 : 44;
+  var showExpandColumn = Boolean(resolvedExpandable) && (resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.showExpandColumn) !== false;
+  var expandWidth = (_resolvedExpandable$c2 = resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.columnWidth) !== null && _resolvedExpandable$c2 !== void 0 ? _resolvedExpandable$c2 : 40;
+  var getFixedStyle = function getFixedStyle(column, columnIndex) {
+    var fixed = normalizeFixed(column.fixed);
+    if (!fixed) return undefined;
+    if (fixed === 'left') {
+      var left = resolvedRowSelection ? Number(selectionWidth) || 44 : 0;
+      if (showExpandColumn) left += Number(expandWidth) || 40;
+      for (var index = 0; index < columnIndex; index += 1) {
+        var _visibleColumns$index;
+        left += Number((_visibleColumns$index = visibleColumns[index]) === null || _visibleColumns$index === void 0 ? void 0 : _visibleColumns$index.width) || 120;
+      }
+      return {
+        position: 'sticky',
+        left: left,
+        zIndex: 4,
+        backgroundColor: 'var(--x-table-row-surface)',
+        boxShadow: horizontalScrollState.canScrollLeft ? '4px 0 8px var(--x-table-fixed-edge-shadow-start)' : 'none'
+      };
+    }
+    var right = 0;
+    for (var _index = visibleColumns.length - 1; _index > columnIndex; _index -= 1) {
+      var _visibleColumns$_inde;
+      right += Number((_visibleColumns$_inde = visibleColumns[_index]) === null || _visibleColumns$_inde === void 0 ? void 0 : _visibleColumns$_inde.width) || 120;
+    }
+    return {
+      position: 'sticky',
+      right: right,
+      zIndex: 4,
+      backgroundColor: 'var(--x-table-row-surface)',
+      boxShadow: horizontalScrollState.canScrollRight ? '-4px 0 8px var(--x-table-fixed-edge-shadow-start)' : 'none'
+    };
+  };
+  var tableMinWidth = function () {
+    if (typeof (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'number') return "".concat(scroll.x, "px");
+    if (typeof (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'string' && scroll.x !== 'max-content') return scroll.x;
+    if ((scroll === null || scroll === void 0 ? void 0 : scroll.x) === true || (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content') {
+      var controls = (resolvedRowSelection ? Number(selectionWidth) || 44 : 0) + (showExpandColumn ? Number(expandWidth) || 40 : 0);
+      return "".concat(visibleColumns.reduce(function (sum, column) {
+        return sum + (Number(column.width) || 120);
+      }, controls), "px");
+    }
+    return '100%';
+  }();
+  var cellBaseStyle = function cellBaseStyle(column, columnIndex) {
+    var _toCssSize;
+    return _objectSpread(_objectSpread(_objectSpread({
+      boxSizing: 'border-box',
+      display: 'flex',
+      minWidth: (_toCssSize = toCssSize(column.minWidth)) !== null && _toCssSize !== void 0 ? _toCssSize : column.width ? toCssSize(column.width) : 0,
+      width: toCssSize(column.width),
+      minHeight: metrics.rowMinHeight,
+      flex: column.width ? '0 0 auto' : 1,
+      alignItems: 'center',
+      justifyContent: column.align === 'right' ? 'flex-end' : column.align === 'center' ? 'center' : 'flex-start',
+      padding: "".concat(metrics.paddingY, "px ").concat(metrics.paddingX, "px"),
+      overflow: column.ellipsis ? 'hidden' : undefined,
+      borderRight: bordered ? '1px solid var(--x-table-border)' : 'none'
+    }, getFixedStyle(column, columnIndex)), semanticStyles.cell), column.style);
+  };
+  var renderCellContent = function renderCellContent(column, record, index, indent, columnIndex, selected) {
+    var _column$align, _resolvedExpandable$i;
+    var value = getValueByDataIndex(record, column.dataIndex);
+    var cacheKey = "".concat(String(resolveRowKey(record, index, rowKey)), ":").concat(getColumnKey(column, columnIndex));
+    var cached = cellRenderCacheRef.current.get(cacheKey);
+    var shouldUpdate = !cached || !column.shouldCellUpdate || column.shouldCellUpdate(record, cached.record);
+    var content = shouldUpdate ? column.render ? column.render(value, record, index) : value : cached.content;
+    if (shouldUpdate) cellRenderCacheRef.current.set(cacheKey, {
+      content: content,
+      record: record
+    });
+    var primitiveStyle = _objectSpread(_objectSpread({
+      maxWidth: '100%',
+      fontSize: metrics.fontSize,
+      lineHeight: "".concat(metrics.lineHeight, "px"),
+      color: selected ? 'var(--x-table-row-selected-foreground)' : 'var(--x-table-body-foreground)',
+      textAlign: (_column$align = column.align) !== null && _column$align !== void 0 ? _column$align : 'left'
+    }, column.ellipsis ? {
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    } : undefined), columnIndex === 0 && indent > 0 ? {
+      paddingLeft: indent * ((_resolvedExpandable$i = resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.indentSize) !== null && _resolvedExpandable$i !== void 0 ? _resolvedExpandable$i : 16)
+    } : undefined);
+    return renderNode(content !== null && content !== void 0 ? content : '-', primitiveStyle);
+  };
+  var HeaderWrapper = (_components$header$wr = components === null || components === void 0 || (_components$header = components.header) === null || _components$header === void 0 ? void 0 : _components$header.wrapper) !== null && _components$header$wr !== void 0 ? _components$header$wr : View;
+  var HeaderRow = (_components$header$ro = components === null || components === void 0 || (_components$header2 = components.header) === null || _components$header2 === void 0 ? void 0 : _components$header2.row) !== null && _components$header$ro !== void 0 ? _components$header$ro : View;
+  var HeaderCell = (_components$header$ce = components === null || components === void 0 || (_components$header3 = components.header) === null || _components$header3 === void 0 ? void 0 : _components$header3.cell) !== null && _components$header$ce !== void 0 ? _components$header$ce : View;
+  var BodyWrapper = (_components$body$wrap = components === null || components === void 0 || (_components$body = components.body) === null || _components$body === void 0 ? void 0 : _components$body.wrapper) !== null && _components$body$wrap !== void 0 ? _components$body$wrap : View;
+  var BodyRow = (_components$body$row = components === null || components === void 0 || (_components$body2 = components.body) === null || _components$body2 === void 0 ? void 0 : _components$body2.row) !== null && _components$body$row !== void 0 ? _components$body$row : View;
+  var BodyCell = (_components$body$cell = components === null || components === void 0 || (_components$body3 = components.body) === null || _components$body3 === void 0 ? void 0 : _components$body3.cell) !== null && _components$body$cell !== void 0 ? _components$body$cell : View;
+  var TableSurface = (_components$table = components === null || components === void 0 ? void 0 : components.table) !== null && _components$table !== void 0 ? _components$table : View;
+  var headerSpanStyle = function headerSpanStyle(leaves) {
+    var fixedWidths = leaves.map(function (column) {
+      return toCssSize(column.width);
+    }).filter(function (width) {
+      return Boolean(width);
+    });
+    var flexibleCount = leaves.length - fixedWidths.length;
+    var fixedBasis = fixedWidths.length ? "calc(".concat(fixedWidths.join(' + '), ")") : 0;
+    return flexibleCount > 0 ? {
+      minWidth: 0,
+      flexGrow: flexibleCount,
+      flexShrink: 1,
+      flexBasis: fixedBasis
+    } : {
+      width: fixedBasis,
+      flex: '0 0 auto'
+    };
+  };
+  var renderHeaderRowShell = function renderHeaderRowShell(content, rowIndex) {
+    var _onHeaderRow;
+    var headerRowProps = (_onHeaderRow = onHeaderRow === null || onHeaderRow === void 0 ? void 0 : onHeaderRow(visibleColumns, rowIndex)) !== null && _onHeaderRow !== void 0 ? _onHeaderRow : {};
+    var _ref6 = headerRowProps,
+      headerRowClassName = _ref6.className,
+      headerRowStyle = _ref6.style,
+      headerRowRest = _objectWithoutProperties(_ref6, _excluded2);
+    return /*#__PURE__*/_createElement(HeaderRow, _objectSpread(_objectSpread({}, headerRowRest), {}, {
+      key: "header-row-".concat(rowIndex),
+      "data-slot": "table-header-row",
+      "data-header-row": rowIndex,
+      className: classNames('x-table__header-row', headerRowClassName),
+      style: _objectSpread({
+        display: 'flex',
+        minWidth: tableMinWidth,
+        flexDirection: 'row',
+        borderBottom: '1px solid var(--x-table-border)'
+      }, headerRowStyle)
+    }), content);
+  };
+  var utilityHeaderStyle = function utilityHeaderStyle(kind) {
+    var placeholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    return _objectSpread(_objectSpread(_objectSpread({
+      boxSizing: 'border-box',
+      display: 'flex',
+      width: toCssSize(kind === 'selection' ? selectionWidth : expandWidth),
+      minHeight: metrics.rowMinHeight,
+      flexShrink: 0,
+      alignItems: 'center',
+      justifyContent: 'center',
+      visibility: placeholder ? 'hidden' : undefined,
+      borderRight: bordered ? '1px solid var(--x-table-border)' : 'none',
+      backgroundColor: 'var(--x-table-header-surface)'
+    }, kind === 'selection' && resolvedRowSelection !== null && resolvedRowSelection !== void 0 && resolvedRowSelection.fixed ? {
+      position: 'sticky',
+      left: 0,
+      zIndex: 6
+    } : undefined), kind === 'expand' && resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.fixed ? {
+      position: 'sticky',
+      left: resolvedRowSelection ? Number(selectionWidth) || 44 : 0,
+      zIndex: 6
+    } : undefined), semanticStyles.cell);
+  };
+  var renderSelectionHeader = function renderSelectionHeader() {
+    var _resolvedRowSelection7;
+    if (!resolvedRowSelection) return null;
+    var originalNode = null;
+    if (resolvedRowSelection.type !== 'radio' && !resolvedRowSelection.hideSelectAll) {
+      originalNode = /*#__PURE__*/_jsx(Checkbox, {
+        checked: allPageSelected,
+        indeterminate: somePageSelected && !allPageSelected,
+        disabled: disabled || selectableRows.length === 0,
+        size: size,
+        ariaLabel: "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C",
+        onChange: toggleSelectAll
+      });
+    }
+    var content = typeof resolvedRowSelection.columnTitle === 'function' ? resolvedRowSelection.columnTitle(originalNode) : (_resolvedRowSelection7 = resolvedRowSelection.columnTitle) !== null && _resolvedRowSelection7 !== void 0 ? _resolvedRowSelection7 : originalNode;
+    return /*#__PURE__*/_jsx(HeaderCell, {
+      "data-slot": "table-selection-cell",
+      className: classNames('x-table__selection-cell', semanticClassNames.cell),
+      style: _objectSpread(_objectSpread({}, utilityHeaderStyle('selection')), {}, {
+        justifyContent: resolvedRowSelection.align === 'right' ? 'flex-end' : resolvedRowSelection.align === 'left' ? 'flex-start' : 'center'
+      }),
+      children: content
+    });
+  };
+  var renderHeader = function renderHeader() {
+    var _sticky$offsetHeader;
+    if (!showHeader) return null;
+    var groupRows = Array.from({
+      length: Math.max(0, headerDepth - 1)
+    }, function (_, depth) {
+      var cells = getHeaderBandCells(resolvedColumns, depth);
+      return renderHeaderRowShell( /*#__PURE__*/_jsxs(_Fragment, {
+        children: [resolvedRowSelection ? /*#__PURE__*/_jsx(HeaderCell, {
+          "data-slot": "table-selection-placeholder",
+          "aria-hidden": "true",
+          style: utilityHeaderStyle('selection', true)
+        }) : null, showExpandColumn ? /*#__PURE__*/_jsx(HeaderCell, {
+          "data-slot": "table-expand-placeholder",
+          "aria-hidden": "true",
+          style: utilityHeaderStyle('expand', true)
+        }) : null, cells.map(function (cell, cellIndex) {
+          var groupKey = "".concat(depth, "-").concat(getColumnKey(cell.column, cellIndex));
+          var groupTitle = typeof cell.column.title === 'function' ? cell.column.title({
+            filters: filtersForChange
+          }) : cell.column.title;
+          return /*#__PURE__*/_jsx(HeaderCell, {
+            "data-slot": cell.placeholder ? 'table-column-group-placeholder' : 'table-column-group',
+            "data-column-group-key": groupKey,
+            "aria-hidden": cell.placeholder ? 'true' : undefined,
+            className: classNames('x-table__cell', 'x-table__header-cell', 'x-table__column-group-cell', semanticClassNames.cell, cell.column.className),
+            style: _objectSpread(_objectSpread(_objectSpread({
+              boxSizing: 'border-box',
+              display: 'flex',
+              minHeight: metrics.rowMinHeight,
+              alignItems: 'center',
+              justifyContent: cell.column.align === 'right' ? 'flex-end' : cell.column.align === 'center' ? 'center' : 'flex-start',
+              padding: "".concat(metrics.paddingY, "px ").concat(metrics.paddingX, "px"),
+              visibility: cell.placeholder ? 'hidden' : undefined,
+              borderRight: bordered ? '1px solid var(--x-table-border)' : 'none',
+              backgroundColor: 'var(--x-table-header-surface)',
+              color: 'var(--x-table-header-foreground)',
+              fontSize: metrics.fontSize,
+              lineHeight: "".concat(metrics.lineHeight, "px"),
+              fontWeight: 600
+            }, headerSpanStyle(cell.leaves)), semanticStyles.cell), cell.column.style),
+            children: cell.placeholder ? null : renderNode(groupTitle)
+          }, groupKey);
+        })]
+      }), depth);
+    });
+    var leafRow = renderHeaderRowShell( /*#__PURE__*/_jsxs(_Fragment, {
+      children: [renderSelectionHeader(), showExpandColumn ? /*#__PURE__*/_jsx(HeaderCell, {
+        "data-slot": "table-expand-cell",
+        className: classNames('x-table__expand-cell', semanticClassNames.cell),
+        style: utilityHeaderStyle('expand'),
+        children: resolvedExpandable === null || resolvedExpandable === void 0 ? void 0 : resolvedExpandable.columnTitle
+      }) : null, visibleColumns.map(function (column, columnIndex) {
+        var _sortState$find$order2, _sortState$find2, _filtersForChange$key2, _column$onHeaderCell, _column$onHeaderCell2, _locale$sortTitle, _column$align2, _locale$filterTitle;
+        var key = getColumnKey(column, columnIndex);
+        var order = (_sortState$find$order2 = (_sortState$find2 = sortState.find(function (state) {
+          return state.columnKey === key;
+        })) === null || _sortState$find2 === void 0 ? void 0 : _sortState$find2.order) !== null && _sortState$find$order2 !== void 0 ? _sortState$find$order2 : null;
+        var filtered = Boolean((_filtersForChange$key2 = filtersForChange[key]) === null || _filtersForChange$key2 === void 0 ? void 0 : _filtersForChange$key2.length);
+        var sorterResult = buildSorterResult(sortState);
+        var sortColumns = Array.isArray(sorterResult) ? sorterResult : sorterResult.order ? [sorterResult] : [];
+        var titleContent = typeof column.title === 'function' ? column.title({
+          sortOrder: order,
+          sortColumn: order ? column : undefined,
+          sortColumns: sortColumns,
+          filters: filtersForChange
+        }) : column.title;
+        var titleLabel = typeof titleContent === 'string' || typeof titleContent === 'number' ? String(titleContent) : key;
+        var headerCellProps = (_column$onHeaderCell = (_column$onHeaderCell2 = column.onHeaderCell) === null || _column$onHeaderCell2 === void 0 ? void 0 : _column$onHeaderCell2.call(column, column)) !== null && _column$onHeaderCell !== void 0 ? _column$onHeaderCell : {};
+        var _ref7 = headerCellProps,
+          headerCellClassName = _ref7.className,
+          headerCellStyle = _ref7.style,
+          headerCellOnClick = _ref7.onClick,
+          headerCellRest = _objectWithoutProperties(_ref7, _excluded3);
+        var sortControlKey = "".concat(key, "-sort");
+        var filterControlKey = "".concat(key, "-filter");
+        return /*#__PURE__*/_createElement(HeaderCell, _objectSpread(_objectSpread(_objectSpread({}, headerCellRest), column.sorter ? interactiveControlProps(sortControlKey, function (event) {
+          headerCellOnClick === null || headerCellOnClick === void 0 || headerCellOnClick(event);
+          cycleSort(column, columnIndex);
+        }) : {}), {}, {
+          key: key,
+          "data-slot": "table-cell",
+          "data-column-key": key,
+          "data-sort-order": order !== null && order !== void 0 ? order : 'none',
+          "data-sorter-tooltip": column.sorter && showSorterTooltip !== false ? String((_locale$sortTitle = locale === null || locale === void 0 ? void 0 : locale.sortTitle) !== null && _locale$sortTitle !== void 0 ? _locale$sortTitle : '点击排序') : undefined,
+          className: classNames('x-table__cell', 'x-table__header-cell', semanticClassNames.cell, column.className, headerCellClassName),
+          role: column.sorter ? 'button' : undefined,
+          ariaRole: column.sorter ? 'button' : undefined,
+          ariaLabel: titleLabel,
+          style: _objectSpread(_objectSpread(_objectSpread({}, cellBaseStyle(column, columnIndex)), {}, {
+            fontWeight: 600,
+            color: 'var(--x-table-header-foreground)',
+            backgroundColor: 'var(--x-table-header-surface)'
+          }, interactiveFocusStyle(sortControlKey)), headerCellStyle),
+          onClick: function onClick(event) {
+            headerCellOnClick === null || headerCellOnClick === void 0 || headerCellOnClick(event);
+            cycleSort(column, columnIndex);
+          }
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            display: 'flex',
+            minWidth: 0,
+            flex: 1,
+            alignItems: 'center',
+            justifyContent: column.align === 'right' ? 'flex-end' : column.align === 'center' ? 'center' : 'flex-start',
+            gap: 6
+          },
+          children: [renderNode(titleContent, {
+            minWidth: 0,
+            fontSize: metrics.fontSize,
+            lineHeight: "".concat(metrics.lineHeight, "px"),
+            fontWeight: 600,
+            color: 'var(--x-table-header-foreground)',
+            textAlign: (_column$align2 = column.align) !== null && _column$align2 !== void 0 ? _column$align2 : 'left'
+          }), column.sorter ? /*#__PURE__*/_jsx(View, {
+            "data-slot": "table-sorter",
+            "data-active": order ? 'true' : 'false',
+            className: "x-table__sorter",
+            style: {
+              display: 'flex',
+              width: 28,
+              height: 28,
+              flexShrink: 0,
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderRadius: 'var(--x-table-toolbar-radius)',
+              backgroundColor: order ? 'var(--x-table-toolbar-active-surface)' : 'transparent'
+            },
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: order === 'ascend' ? 'ArrowUp' : order === 'descend' ? 'ArrowDown' : 'ChevronsUpDown',
+              size: metrics.iconSize,
+              color: order ? 'var(--x-table-toolbar-active-foreground)' : 'var(--x-table-toolbar-foreground)',
+              block: true
+            })
+          }) : null, column.filters || column.filterDropdown ? /*#__PURE__*/_jsx(View, _objectSpread(_objectSpread({}, interactiveControlProps(filterControlKey, function (event) {
+            stopPropagation(event);
+            openFilter(column, columnIndex);
+          })), {}, {
+            "data-slot": "table-filter-trigger",
+            "data-active": filtered ? 'true' : 'false',
+            "data-open": openFilterKey === key ? 'true' : 'false',
+            className: "x-table__filter-trigger",
+            role: "button",
+            ariaRole: "button",
+            "aria-expanded": openFilterKey === key,
+            ariaLabel: "".concat(titleLabel, "\uFF0C").concat(String((_locale$filterTitle = locale === null || locale === void 0 ? void 0 : locale.filterTitle) !== null && _locale$filterTitle !== void 0 ? _locale$filterTitle : '筛选')),
+            style: _objectSpread({
+              display: 'flex',
+              width: 28,
+              height: 28,
+              flexShrink: 0,
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderRadius: 'var(--x-table-toolbar-radius)',
+              backgroundColor: filtered ? 'var(--x-table-toolbar-active-surface)' : 'transparent'
+            }, interactiveFocusStyle(filterControlKey)),
+            onClick: function onClick(event) {
+              stopPropagation(event);
+              openFilter(column, columnIndex);
+            },
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "Filter",
+              size: metrics.iconSize,
+              color: filtered ? 'var(--x-table-toolbar-active-foreground)' : 'var(--x-table-toolbar-foreground)',
+              block: true
+            })
+          })) : null]
+        }));
+      })]
+    }), headerDepth - 1);
+    return /*#__PURE__*/_jsxs(HeaderWrapper, {
+      "data-slot": "table-header",
+      className: classNames('x-table__header', semanticClassNames.header),
+      style: _objectSpread({
+        position: sticky ? 'sticky' : 'relative',
+        top: _typeof(sticky) === 'object' ? (_sticky$offsetHeader = sticky.offsetHeader) !== null && _sticky$offsetHeader !== void 0 ? _sticky$offsetHeader : 0 : 0,
+        zIndex: sticky ? 8 : 2,
+        backgroundColor: 'var(--x-table-header-surface)'
+      }, semanticStyles.header),
+      children: [groupRows, leafRow]
+    });
+  };
+  var renderFilterPanel = function renderFilterPanel() {
+    var _column$title, _locale$filterReset, _locale$filterConfirm;
+    if (!openFilterKey) return null;
+    var columnIndex = visibleColumns.findIndex(function (column, index) {
+      return getColumnKey(column, index) === openFilterKey;
+    });
+    var column = visibleColumns[columnIndex];
+    if (!column) return null;
+    var selected = draftFilters[openFilterKey];
+    var setSelectedKeys = function setSelectedKeys(keys) {
+      var nextDraftFilters = _objectSpread(_objectSpread({}, draftFiltersRef.current), {}, _defineProperty({}, openFilterKey, keys));
+      draftFiltersRef.current = nextDraftFilters;
+      setDraftFilters(nextDraftFilters);
+    };
+    var customProps = {
+      clearFilters: function clearFilters() {
+        return commitFilter(column, columnIndex, true);
+      },
+      close: function close() {
+        return setOpenFilterKey(null);
+      },
+      column: column,
+      confirm: function confirm() {
+        return commitFilter(column, columnIndex);
+      },
+      filters: column.filters,
+      selectedKeys: selected,
+      setSelectedKeys: setSelectedKeys,
+      visible: true
+    };
+    var customContent = typeof column.filterDropdown === 'function' ? column.filterDropdown(customProps) : column.filterDropdown;
+    return /*#__PURE__*/_jsxs(View, {
+      "data-slot": "table-filter-panel",
+      "data-column-key": openFilterKey,
+      className: "x-table__filter-panel",
+      role: "dialog",
+      ariaRole: "dialog",
+      ariaLabel: "".concat(String((_column$title = column.title) !== null && _column$title !== void 0 ? _column$title : openFilterKey), "\u7B5B\u9009"),
+      style: {
+        boxSizing: 'border-box',
+        display: 'flex',
+        position: 'absolute',
+        top: headerDepth * metrics.rowMinHeight + 8,
+        right: 12,
+        zIndex: 20,
+        width: 224,
+        maxWidth: 'calc(100% - 24px)',
+        flexDirection: 'column',
+        gap: 8,
+        padding: 12,
+        border: '1px solid var(--x-table-filter-border)',
+        borderRadius: 'var(--x-table-filter-radius)',
+        backgroundColor: 'var(--x-table-filter-surface)',
+        color: 'var(--x-table-filter-foreground)',
+        boxShadow: 'var(--x-table-filter-shadow)'
+      },
+      children: [customContent !== null && customContent !== void 0 ? customContent : column.filters ? /*#__PURE__*/_jsx(View, {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          gap: 6
+        },
+        children: flattenFilterItems(column.filters).map(function (item) {
+          var checked = selected.some(function (value) {
+            return String(value) === String(item.value);
+          });
+          var optionControlKey = "".concat(openFilterKey, "-option-").concat(String(item.value));
+          var toggleOption = function toggleOption() {
+            if (disabled) return;
+            var next = column.filterMultiple === false ? [item.value] : checked ? selected.filter(function (value) {
+              return String(value) !== String(item.value);
+            }) : [].concat(_toConsumableArray(selected), [item.value]);
+            setSelectedKeys(next);
+          };
+          return /*#__PURE__*/_createElement(View, _objectSpread(_objectSpread({}, interactiveControlProps(optionControlKey, toggleOption)), {}, {
+            key: String(item.value),
+            "data-slot": "table-filter-option",
+            "data-value": String(item.value),
+            "data-checked": checked ? 'true' : 'false',
+            className: "x-table__filter-option",
+            role: "button",
+            ariaRole: "button",
+            "aria-pressed": checked,
+            style: _objectSpread({
+              display: 'flex',
+              alignItems: 'center',
+              gap: 8,
+              padding: '6px 8px',
+              borderRadius: 'var(--x-table-toolbar-radius)',
+              backgroundColor: checked ? 'var(--x-table-toolbar-active-surface)' : 'transparent'
+            }, interactiveFocusStyle(optionControlKey)),
+            onClick: toggleOption
+          }), /*#__PURE__*/_jsx(Checkbox, {
+            checked: checked,
+            size: size,
+            ariaLabel: String(item.text)
+          }), renderNode(item.text, {
+            fontSize: metrics.fontSize,
+            lineHeight: "".concat(metrics.lineHeight, "px"),
+            color: 'var(--x-table-filter-foreground)'
+          }));
+        })
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          display: 'flex',
+          justifyContent: 'flex-end',
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(View, _objectSpread(_objectSpread({}, interactiveControlProps("".concat(openFilterKey, "-reset"), function () {
+          return commitFilter(column, columnIndex, true);
+        })), {}, {
+          "data-slot": "table-filter-reset",
+          className: "x-table__filter-reset",
+          role: "button",
+          ariaRole: "button",
+          style: _objectSpread({
+            padding: '6px 10px',
+            borderRadius: 'var(--x-table-toolbar-radius)'
+          }, interactiveFocusStyle("".concat(openFilterKey, "-reset"))),
+          onClick: function onClick() {
+            return commitFilter(column, columnIndex, true);
+          },
+          children: renderNode((_locale$filterReset = locale === null || locale === void 0 ? void 0 : locale.filterReset) !== null && _locale$filterReset !== void 0 ? _locale$filterReset : '重置', {
+            fontSize: metrics.fontSize,
+            lineHeight: "".concat(metrics.lineHeight, "px"),
+            color: 'var(--x-table-toolbar-foreground)'
+          })
+        })), /*#__PURE__*/_jsx(View, _objectSpread(_objectSpread({}, interactiveControlProps("".concat(openFilterKey, "-confirm"), function () {
+          return commitFilter(column, columnIndex);
+        })), {}, {
+          "data-slot": "table-filter-confirm",
+          className: "x-table__filter-confirm",
+          role: "button",
+          ariaRole: "button",
+          style: _objectSpread({
+            padding: '6px 10px',
+            borderRadius: 'var(--x-table-toolbar-radius)',
+            backgroundColor: theme.colors.primary
+          }, interactiveFocusStyle("".concat(openFilterKey, "-confirm"))),
+          onClick: function onClick() {
+            return commitFilter(column, columnIndex);
+          },
+          children: renderNode((_locale$filterConfirm = locale === null || locale === void 0 ? void 0 : locale.filterConfirm) !== null && _locale$filterConfirm !== void 0 ? _locale$filterConfirm : '确定', {
+            fontSize: metrics.fontSize,
+            lineHeight: "".concat(metrics.lineHeight, "px"),
+            color: theme.colors['primary-foreground']
+          })
+        }))]
+      })]
+    });
+  };
+  var renderSelectionActions = function renderSelectionActions() {
+    var _locale$selectAll, _locale$selectInvert, _locale$selectNone;
+    if (!(resolvedRowSelection !== null && resolvedRowSelection !== void 0 && resolvedRowSelection.selections) || resolvedRowSelection.type === 'radio') return null;
+    var changeableKeys = selectableRows.map(function (row) {
+      return row.key;
+    });
+    var actions = Array.isArray(resolvedRowSelection.selections) ? resolvedRowSelection.selections : [{
+      key: 'all',
+      text: (_locale$selectAll = locale === null || locale === void 0 ? void 0 : locale.selectAll) !== null && _locale$selectAll !== void 0 ? _locale$selectAll : '全选'
+    }, {
+      key: 'invert',
+      text: (_locale$selectInvert = locale === null || locale === void 0 ? void 0 : locale.selectInvert) !== null && _locale$selectInvert !== void 0 ? _locale$selectInvert : '反选'
+    }, {
+      key: 'none',
+      text: (_locale$selectNone = locale === null || locale === void 0 ? void 0 : locale.selectNone) !== null && _locale$selectNone !== void 0 ? _locale$selectNone : '清空'
+    }];
+    return /*#__PURE__*/_jsx(View, {
+      "data-slot": "table-selection-actions",
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 8,
+        padding: '8px 12px'
+      },
+      children: actions.map(function (action) {
+        var _action$key, _action$key2, _action$key3;
+        var controlKey = "selection-".concat(String((_action$key = action.key) !== null && _action$key !== void 0 ? _action$key : action.text));
+        var activate = function activate() {
+          if (disabled) return;
+          if (action.onSelect) {
+            action.onSelect(changeableKeys);
+            return;
+          }
+          if (action.key === 'all') {
+            toggleSelectAll();
+          } else if (action.key === 'invert') {
+            var _resolvedRowSelection8;
+            var changeableSet = new Set(changeableKeys.map(String));
+            var retained = selectedKeys.filter(function (key) {
+              return !changeableSet.has(String(key));
+            });
+            var inverted = changeableKeys.filter(function (key) {
+              return !selectedKeySet.has(String(key));
+            });
+            var nextKeys = [].concat(_toConsumableArray(retained), _toConsumableArray(inverted));
+            updateSelection(nextKeys, 'invert');
+            (_resolvedRowSelection8 = resolvedRowSelection.onSelectInvert) === null || _resolvedRowSelection8 === void 0 || _resolvedRowSelection8.call(resolvedRowSelection, nextKeys);
+          } else if (action.key === 'none') {
+            var _resolvedRowSelection9;
+            updateSelection([], 'none');
+            (_resolvedRowSelection9 = resolvedRowSelection.onSelectNone) === null || _resolvedRowSelection9 === void 0 || _resolvedRowSelection9.call(resolvedRowSelection);
+          }
+        };
+        return /*#__PURE__*/_createElement(View, _objectSpread(_objectSpread({}, interactiveControlProps(controlKey, activate)), {}, {
+          key: String((_action$key2 = action.key) !== null && _action$key2 !== void 0 ? _action$key2 : action.text),
+          "data-selection-action": String((_action$key3 = action.key) !== null && _action$key3 !== void 0 ? _action$key3 : ''),
+          role: "button",
+          ariaRole: "button",
+          style: _objectSpread({
+            padding: '4px 8px',
+            borderRadius: 'var(--x-table-toolbar-radius)'
+          }, interactiveFocusStyle(controlKey)),
+          onClick: activate
+        }), renderNode(action.text, {
+          fontSize: metrics.fontSize,
+          lineHeight: "".concat(metrics.lineHeight, "px"),
+          color: theme.colors.primary
+        }));
+      })
+    });
+  };
+  var renderSelectionCell = function renderSelectionCell(row) {
+    var _resolvedRowSelection10, _resolvedRowSelection11, _resolvedRowSelection12;
+    if (!resolvedRowSelection) return null;
+    var checked = selectedKeySet.has(String(row.key));
+    var disabled = Boolean((_resolvedRowSelection10 = resolvedRowSelection.getCheckboxProps) === null || _resolvedRowSelection10 === void 0 ? void 0 : _resolvedRowSelection10.call(resolvedRowSelection, row.record).disabled);
+    var originNode = resolvedRowSelection.type === 'radio' ? /*#__PURE__*/_jsx(Radio, {
+      checked: checked,
+      disabled: disabled || providerDisabled,
+      size: size,
+      ariaLabel: "\u9009\u62E9\u7B2C ".concat(row.index + 1, " \u884C"),
+      onChange: function onChange() {
+        return toggleRowSelection(row);
+      }
+    }) : /*#__PURE__*/_jsx(Checkbox, {
+      checked: checked,
+      disabled: disabled || providerDisabled,
+      size: size,
+      ariaLabel: "\u9009\u62E9\u7B2C ".concat(row.index + 1, " \u884C"),
+      onChange: function onChange() {
+        return toggleRowSelection(row);
+      }
+    });
+    return /*#__PURE__*/_jsx(BodyCell, {
+      "data-slot": "table-selection-cell",
+      className: classNames('x-table__selection-cell', semanticClassNames.cell),
+      style: _objectSpread(_objectSpread({
+        boxSizing: 'border-box',
+        display: 'flex',
+        width: toCssSize(selectionWidth),
+        minHeight: metrics.rowMinHeight,
+        flexShrink: 0,
+        alignItems: 'center',
+        justifyContent: resolvedRowSelection.align === 'right' ? 'flex-end' : resolvedRowSelection.align === 'left' ? 'flex-start' : 'center',
+        borderRight: bordered ? '1px solid var(--x-table-border)' : 'none'
+      }, resolvedRowSelection.fixed ? {
+        position: 'sticky',
+        left: 0,
+        zIndex: 5,
+        backgroundColor: 'var(--x-table-row-surface)'
+      } : undefined), semanticStyles.cell),
+      onClick: stopPropagation,
+      children: (_resolvedRowSelection11 = (_resolvedRowSelection12 = resolvedRowSelection.renderCell) === null || _resolvedRowSelection12 === void 0 ? void 0 : _resolvedRowSelection12.call(resolvedRowSelection, checked, row.record, row.index, originNode)) !== null && _resolvedRowSelection11 !== void 0 ? _resolvedRowSelection11 : originNode
+    });
+  };
+  var renderExpandCell = function renderExpandCell(row) {
+    var _locale$collapse, _locale$expand, _resolvedExpandable$e2, _resolvedExpandable$e3;
+    if (!showExpandColumn || !resolvedExpandable) return null;
+    var expandableRow = isRowExpandable(row.record);
+    var expanded = expandedKeySet.has(String(row.key));
+    var originNode = expandableRow ? /*#__PURE__*/_jsx(View, _objectSpread(_objectSpread({}, interactiveControlProps("expand-".concat(String(row.key)), function (event) {
+      stopPropagation(event);
+      toggleExpand(row);
+    })), {}, {
+      "data-slot": "table-expand-trigger",
+      "data-expanded": expanded ? 'true' : 'false',
+      className: "x-table__expand-trigger",
+      role: "button",
+      ariaRole: "button",
+      ariaLabel: String(expanded ? (_locale$collapse = locale === null || locale === void 0 ? void 0 : locale.collapse) !== null && _locale$collapse !== void 0 ? _locale$collapse : '收起' : (_locale$expand = locale === null || locale === void 0 ? void 0 : locale.expand) !== null && _locale$expand !== void 0 ? _locale$expand : '展开'),
+      style: _objectSpread({
+        display: 'flex',
+        width: 28,
+        height: 28,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 'var(--x-table-toolbar-radius)'
+      }, interactiveFocusStyle("expand-".concat(String(row.key)))),
+      onClick: function onClick(event) {
+        stopPropagation(event);
+        toggleExpand(row);
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: expanded ? 'ChevronDown' : 'ChevronRight',
+        size: metrics.iconSize,
+        color: theme.colors['muted-foreground'],
+        block: true
+      })
+    })) : null;
+    return /*#__PURE__*/_jsx(BodyCell, {
+      "data-slot": "table-expand-cell",
+      className: classNames('x-table__expand-cell', semanticClassNames.cell),
+      style: _objectSpread(_objectSpread({
+        boxSizing: 'border-box',
+        display: 'flex',
+        width: toCssSize(expandWidth),
+        minHeight: metrics.rowMinHeight,
+        flexShrink: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRight: bordered ? '1px solid var(--x-table-border)' : 'none'
+      }, resolvedExpandable.fixed ? {
+        position: 'sticky',
+        left: resolvedRowSelection ? Number(selectionWidth) || 44 : 0,
+        zIndex: 5,
+        backgroundColor: 'var(--x-table-row-surface)'
+      } : undefined), semanticStyles.cell),
+      children: (_resolvedExpandable$e2 = (_resolvedExpandable$e3 = resolvedExpandable.expandIcon) === null || _resolvedExpandable$e3 === void 0 ? void 0 : _resolvedExpandable$e3.call(resolvedExpandable, {
+        expanded: expanded,
+        expandable: expandableRow,
+        onExpand: function onExpand() {
+          return toggleExpand(row);
+        },
+        record: row.record
+      })) !== null && _resolvedExpandable$e2 !== void 0 ? _resolvedExpandable$e2 : originNode
+    });
+  };
+  var renderRow = function renderRow(row, renderedIndex) {
+    var _onRow;
+    var selected = selectedKeySet.has(String(row.key));
+    var expanded = expandedKeySet.has(String(row.key));
+    var rowProps = (_onRow = onRow === null || onRow === void 0 ? void 0 : onRow(row.record, row.index)) !== null && _onRow !== void 0 ? _onRow : {};
+    var _ref8 = rowProps,
+      rowPropClassName = _ref8.className,
+      rowPropStyle = _ref8.style,
+      rowOnClick = _ref8.onClick,
+      rowOnMouseEnter = _ref8.onMouseEnter,
+      rowOnMouseLeave = _ref8.onMouseLeave,
+      rowOnTouchStart = _ref8.onTouchStart,
+      rowOnTouchEnd = _ref8.onTouchEnd,
+      rowOnTouchCancel = _ref8.onTouchCancel,
+      rowRest = _objectWithoutProperties(_ref8, _excluded4);
+    var resolvedRowClassName = typeof rowClassName === 'function' ? rowClassName(row.record, row.index) : rowClassName;
+    return /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsxs(BodyRow, _objectSpread(_objectSpread({}, rowRest), {}, {
+        id: "x-table-row-".concat(String(row.key)),
+        "data-slot": "table-row",
+        "data-row-key": String(row.key),
+        "data-row-index": row.index,
+        "data-selected": selected ? 'true' : 'false',
+        "data-expanded": expanded ? 'true' : 'false',
+        "data-hoverable": rowHoverable ? 'true' : 'false',
+        "data-hovered": hoveredRowKey === String(row.key) ? 'true' : 'false',
+        className: classNames('x-table__row', selected && 'x-table__row--selected', rowHoverable && 'x-table__row--hoverable', semanticClassNames.row, resolvedRowClassName, rowPropClassName),
+        style: _objectSpread(_objectSpread({
+          display: 'flex',
+          minWidth: tableMinWidth,
+          flexDirection: 'row',
+          borderBottom: '1px solid var(--x-table-border)',
+          backgroundColor: selected ? 'var(--x-table-row-selected-surface)' : hoveredRowKey === String(row.key) ? 'var(--x-table-row-hover-surface)' : striped && (virtualRange.start + renderedIndex) % 2 === 1 ? 'var(--x-table-row-surface-alt)' : 'var(--x-table-row-surface)',
+          boxShadow: selected ? 'inset 0 0 0 1px var(--x-table-row-selected-ring)' : undefined,
+          cursor: resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.expandRowByClick ? 'pointer' : undefined,
+          transition: 'background-color var(--x-motion-duration-standard) ease'
+        }, semanticStyles.row), rowPropStyle),
+        onClick: function onClick(event) {
+          rowOnClick === null || rowOnClick === void 0 || rowOnClick(event);
+          if (resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.expandRowByClick && !event.defaultPrevented && !isInteractiveEventTarget(event)) {
+            toggleExpand(row);
+          }
+        },
+        onMouseEnter: function onMouseEnter(event) {
+          rowOnMouseEnter === null || rowOnMouseEnter === void 0 || rowOnMouseEnter(event);
+          if (rowHoverable) setHoveredRowKey(String(row.key));
+        },
+        onMouseLeave: function onMouseLeave(event) {
+          rowOnMouseLeave === null || rowOnMouseLeave === void 0 || rowOnMouseLeave(event);
+          setHoveredRowKey(function (current) {
+            return current === String(row.key) ? null : current;
+          });
+        },
+        onTouchStart: function onTouchStart(event) {
+          rowOnTouchStart === null || rowOnTouchStart === void 0 || rowOnTouchStart(event);
+          if (rowHoverable) setHoveredRowKey(String(row.key));
+        },
+        onTouchEnd: function onTouchEnd(event) {
+          rowOnTouchEnd === null || rowOnTouchEnd === void 0 || rowOnTouchEnd(event);
+          setHoveredRowKey(function (current) {
+            return current === String(row.key) ? null : current;
+          });
+        },
+        onTouchCancel: function onTouchCancel(event) {
+          rowOnTouchCancel === null || rowOnTouchCancel === void 0 || rowOnTouchCancel(event);
+          setHoveredRowKey(function (current) {
+            return current === String(row.key) ? null : current;
+          });
+        },
+        children: [renderSelectionCell(row), renderExpandCell(row), visibleColumns.map(function (column, columnIndex) {
+          var _column$onCell, _column$onCell2;
+          var cellProps = (_column$onCell = (_column$onCell2 = column.onCell) === null || _column$onCell2 === void 0 ? void 0 : _column$onCell2.call(column, row.record, row.index)) !== null && _column$onCell !== void 0 ? _column$onCell : {};
+          var _ref9 = cellProps,
+            cellPropClassName = _ref9.className,
+            cellPropStyle = _ref9.style,
+            cellRest = _objectWithoutProperties(_ref9, _excluded5);
+          return /*#__PURE__*/_createElement(BodyCell, _objectSpread(_objectSpread({}, cellRest), {}, {
+            key: getColumnKey(column, columnIndex),
+            "data-slot": "table-cell",
+            "data-column-key": getColumnKey(column, columnIndex),
+            className: classNames('x-table__cell', 'x-table__body-cell', semanticClassNames.cell, column.className, cellPropClassName),
+            style: _objectSpread(_objectSpread({}, cellBaseStyle(column, columnIndex)), {}, {
+              backgroundColor: selected ? 'var(--x-table-row-selected-surface)' : undefined
+            }, cellPropStyle)
+          }), renderCellContent(column, row.record, row.index, row.indent, columnIndex, selected));
+        })]
+      })), expanded && isRowExpandable(row.record) && resolvedExpandable !== null && resolvedExpandable !== void 0 && resolvedExpandable.expandedRowRender ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "table-expanded-row",
+        className: classNames('x-table__expanded-row', typeof resolvedExpandable.expandedRowClassName === 'function' ? resolvedExpandable.expandedRowClassName(row.record, row.index, row.indent) : resolvedExpandable.expandedRowClassName),
+        style: {
+          boxSizing: 'border-box',
+          minWidth: tableMinWidth,
+          padding: "".concat(metrics.paddingY, "px ").concat(metrics.paddingX, "px"),
+          borderBottom: '1px solid var(--x-table-border)',
+          backgroundColor: 'var(--x-table-row-surface-alt)'
+        },
+        children: resolvedExpandable.expandedRowRender(row.record, row.index, row.indent, expanded)
+      }) : null]
+    }, String(row.key));
+  };
+  var renderBody = function renderBody() {
+    var _ref10, _locale$emptyText, _ref11;
+    return /*#__PURE__*/_jsxs(BodyWrapper, {
+      "data-slot": "table-body",
+      className: classNames('x-table__body', semanticClassNames.body, _typeof(loading) === 'object' && loading.wrapperClassName),
+      style: _objectSpread({
+        position: 'relative',
+        minHeight: showLoading ? 160 : undefined
+      }, semanticStyles.body),
+      children: [canVirtualize && virtualRange.start > 0 ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "table-virtual-spacer-top",
+        style: {
+          height: virtualRange.start * metrics.rowMinHeight
+        }
+      }) : null, !showLoading && visibleRows.length === 0 ? /*#__PURE__*/_jsxs(View, {
+        "data-slot": "table-empty",
+        className: classNames('x-table__empty', semanticClassNames.empty),
+        style: _objectSpread({
+          boxSizing: 'border-box',
+          display: 'flex',
+          minHeight: 220,
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: 12,
+          padding: 24
+        }, semanticStyles.empty),
+        children: [/*#__PURE__*/_jsx(View, {
+          "data-slot": "table-empty-icon",
+          "aria-hidden": "true",
+          style: {
+            display: 'flex',
+            width: 48,
+            height: 48,
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 16,
+            backgroundColor: 'var(--x-table-empty-icon-surface)'
+          },
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "FileX",
+            size: 24,
+            color: "var(--x-table-empty-icon-foreground)",
+            block: true
+          })
+        }), renderNode((_ref10 = (_locale$emptyText = locale === null || locale === void 0 ? void 0 : locale.emptyText) !== null && _locale$emptyText !== void 0 ? _locale$emptyText : emptyText) !== null && _ref10 !== void 0 ? _ref10 : '暂无数据', {
+          fontSize: metrics.fontSize,
+          lineHeight: "".concat(metrics.lineHeight, "px"),
+          color: 'var(--x-table-empty-foreground)'
+        })]
+      }) : renderedRows.map(renderRow), canVirtualize && virtualRange.end < visibleRows.length ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "table-virtual-spacer-bottom",
+        style: {
+          height: (visibleRows.length - virtualRange.end) * metrics.rowMinHeight
+        }
+      }) : null, showLoading ? /*#__PURE__*/_jsxs(View, {
+        "data-slot": "table-loading",
+        className: classNames('x-table__loading', _typeof(loading) === 'object' && loading.className, _typeof(loading) === 'object' && loading.wrapperClassName),
+        role: "status",
+        ariaRole: "status",
+        "aria-live": "polite",
+        style: _objectSpread({
+          boxSizing: 'border-box',
+          display: 'flex',
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          zIndex: 12,
+          minHeight: 160,
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: 12,
+          padding: 24,
+          backgroundColor: 'var(--x-table-loading-surface)'
+        }, _typeof(loading) === 'object' ? loading.style : undefined),
+        children: [(_ref11 = _typeof(loading) === 'object' && loading.indicator) !== null && _ref11 !== void 0 ? _ref11 : /*#__PURE__*/_jsx(Icon, {
+          name: "Loader2",
+          size: _typeof(loading) === 'object' && loading.size === 'small' ? 16 : _typeof(loading) === 'object' && loading.size === 'large' ? 28 : 20,
+          color: "var(--x-table-loading-spinner)",
+          spin: true,
+          block: true
+        }), renderNode(loadingState.tip, {
+          fontSize: metrics.fontSize,
+          lineHeight: "".concat(metrics.lineHeight, "px"),
+          color: 'var(--x-table-loading-foreground)'
+        })]
+      }) : null]
+    });
+  };
+  var paginationPositions = paginationEnabled ? (_paginationConfig$pla = (_paginationConfig$pla2 = paginationConfig.placement) === null || _paginationConfig$pla2 === void 0 ? void 0 : _paginationConfig$pla2.map(function (position) {
+    return position === 'topStart' ? 'topLeft' : position === 'topEnd' ? 'topRight' : position === 'bottomStart' ? 'bottomLeft' : position === 'bottomEnd' ? 'bottomRight' : position;
+  })) !== null && _paginationConfig$pla !== void 0 ? _paginationConfig$pla : paginationConfig.position : undefined;
+  var showTopPagination = Boolean(paginationEnabled && (paginationPositions === null || paginationPositions === void 0 ? void 0 : paginationPositions.some(function (position) {
+    return position.startsWith('top');
+  })));
+  var showBottomPagination = Boolean(paginationEnabled && (!(paginationPositions !== null && paginationPositions !== void 0 && paginationPositions.length) || paginationPositions.some(function (position) {
+    return position.startsWith('bottom');
+  })));
+  var range = total === 0 || currentPageData.length === 0 ? [0, 0] : [(safeCurrent - 1) * pageSize + 1, (safeCurrent - 1) * pageSize + currentPageData.length];
+  var renderPagination = function renderPagination(placement) {
+    var _paginationConfig$pag2, _paginationConfig$siz;
+    if (!paginationEnabled) return null;
+    if (placement === 'top' ? !showTopPagination : !showBottomPagination) return null;
+    var shouldShow = totalPages > 1 || paginationConfig.showTotal || paginationConfig.showSizeChanger;
+    if (!shouldShow) return null;
+    return /*#__PURE__*/_jsxs(View, {
+      "data-slot": "table-pagination",
+      "data-placement": placement,
+      className: classNames('x-table__pagination', "x-table__pagination--".concat(paginationVariant), semanticClassNames.pagination),
+      style: _objectSpread({
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: paginationPositions !== null && paginationPositions !== void 0 && paginationPositions.some(function (position) {
+          return position.endsWith('Center');
+        }) ? 'center' : paginationPositions !== null && paginationPositions !== void 0 && paginationPositions.some(function (position) {
+          return position.endsWith('Left');
+        }) ? 'flex-start' : 'flex-end',
+        gap: 12,
+        padding: paginationVariant === 'section' ? 16 : '12px 0',
+        borderTop: placement === 'bottom' && paginationVariant === 'section' ? '1px solid var(--x-table-border)' : undefined,
+        borderBottom: placement === 'top' && paginationVariant === 'section' ? '1px solid var(--x-table-border)' : undefined,
+        backgroundColor: paginationVariant === 'section' ? 'var(--x-table-section-surface)' : 'transparent'
+      }, semanticStyles.pagination),
+      children: [paginationConfig.showSizeChanger ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "table-page-size",
+        style: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: 4
+        },
+        children: ((_paginationConfig$pag2 = paginationConfig.pageSizeOptions) !== null && _paginationConfig$pag2 !== void 0 ? _paginationConfig$pag2 : [10, 20, 50, 100]).map(function (option) {
+          return /*#__PURE__*/_createElement(View, _objectSpread(_objectSpread({}, interactiveControlProps("page-size-".concat(option), function () {
+            return changePagination(1, option);
+          })), {}, {
+            key: option,
+            "data-page-size": option,
+            "data-active": option === pageSize ? 'true' : 'false',
+            role: "button",
+            ariaRole: "button",
+            ariaLabel: "\u6BCF\u9875 ".concat(option, " \u6761"),
+            style: _objectSpread({
+              padding: '5px 8px',
+              border: '1px solid var(--x-table-border)',
+              borderRadius: 'var(--x-table-toolbar-radius)',
+              backgroundColor: option === pageSize ? theme.colors.primary : 'var(--x-table-section-surface)'
+            }, interactiveFocusStyle("page-size-".concat(option))),
+            onClick: function onClick() {
+              return changePagination(1, option);
+            }
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontSize: 12,
+              lineHeight: '18px',
+              color: option === pageSize ? theme.colors['primary-foreground'] : 'var(--x-table-body-foreground)'
+            },
+            children: [option, " / \u9875"]
+          }));
+        })
+      }) : null, paginationConfig.showTotal ? /*#__PURE__*/_jsx(View, {
+        "data-slot": "table-pagination-total",
+        children: renderNode(paginationConfig.showTotal(total, range), {
+          fontSize: metrics.fontSize,
+          lineHeight: "".concat(metrics.lineHeight, "px"),
+          color: 'var(--x-table-section-foreground)'
+        })
+      }) : null, totalPages > 1 ? /*#__PURE__*/_jsx(Pagination, {
+        current: safeCurrent,
+        total: total,
+        pageSize: pageSize,
+        size: (_paginationConfig$siz = paginationConfig.size) !== null && _paginationConfig$siz !== void 0 ? _paginationConfig$siz : size,
+        showQuickJumper: paginationConfig.showQuickJumper,
+        onChange: function onChange(page) {
+          return changePagination(page, pageSize);
+        }
+      }) : null]
+    });
+  };
+  var titleContent = typeof title === 'function' ? title(currentPageData) : title;
+  var summaryContent = typeof summary === 'function' ? summary(currentPageData) : summary;
+  var footerContent = typeof footer === 'function' ? footer(currentPageData) : footer;
+  var scrollHeight = toCssSize(scroll === null || scroll === void 0 ? void 0 : scroll.y);
+  return /*#__PURE__*/_jsxs(View, {
+    ref: rootRef,
+    "data-slot": "table-root",
+    "data-size": size,
+    "data-bordered": bordered ? 'true' : 'false',
+    "data-disabled": disabled ? 'true' : 'false',
+    "data-loading": showLoading ? 'true' : 'false',
+    "data-virtual": canVirtualize ? 'true' : 'false',
+    "data-testid": testID,
+    "aria-disabled": disabled,
+    "aria-busy": showLoading,
+    className: classNames('x-table', "x-table--".concat(size), bordered && 'x-table--bordered', semanticClassNames.root, className),
+    style: _objectSpread(_objectSpread({
+      boxSizing: 'border-box',
+      position: 'relative',
+      overflow: 'hidden',
+      border: bordered ? '1px solid var(--x-table-border)' : 'none',
+      borderRadius: 'var(--x-table-root-radius)',
+      backgroundColor: 'var(--x-table-surface)',
+      color: 'var(--x-table-foreground)'
+    }, semanticStyles.root), style),
+    children: [titleContent !== undefined && titleContent !== null ? /*#__PURE__*/_jsx(View, {
+      "data-slot": "table-title",
+      className: classNames('x-table__title', semanticClassNames.title),
+      style: _objectSpread({
+        boxSizing: 'border-box',
+        display: 'flex',
+        alignItems: 'center',
+        minHeight: metrics.rowMinHeight,
+        padding: "".concat(metrics.paddingY, "px ").concat(metrics.paddingX, "px"),
+        borderBottom: '1px solid var(--x-table-border)',
+        backgroundColor: 'var(--x-table-section-surface)',
+        color: 'var(--x-table-section-foreground)'
+      }, semanticStyles.title),
+      children: titleContent
+    }) : null, renderPagination('top'), /*#__PURE__*/_jsx(View, {
+      "data-slot": "table-container",
+      className: classNames('x-table__container', semanticClassNames.container),
+      style: _objectSpread({
+        position: 'relative',
+        minWidth: 0
+      }, semanticStyles.container),
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        scrollX: true,
+        scrollY: (scroll === null || scroll === void 0 ? void 0 : scroll.y) !== undefined,
+        scrollTop: scrollTop,
+        scrollIntoView: scrollTarget,
+        "data-slot": "table-scroll",
+        "data-scroll-top": scrollTop,
+        "data-scroll-target": scrollTarget,
+        style: {
+          width: '100%',
+          height: scrollHeight,
+          maxHeight: scrollHeight
+        },
+        onScroll: function onScroll(event) {
+          var _ref12, _scrollEvent$detail$s, _scrollEvent$detail, _scrollEvent$currentT, _ref13, _scrollEvent$detail$s2, _scrollEvent$detail2, _scrollEvent$currentT2, _ref14, _scrollEvent$detail$s3, _scrollEvent$detail3, _scrollEvent$currentT3, _scrollEvent$currentT4, _scrollEvent$currentT5;
+          var scrollEvent = event;
+          var nextTop = (_ref12 = (_scrollEvent$detail$s = (_scrollEvent$detail = scrollEvent.detail) === null || _scrollEvent$detail === void 0 ? void 0 : _scrollEvent$detail.scrollTop) !== null && _scrollEvent$detail$s !== void 0 ? _scrollEvent$detail$s : (_scrollEvent$currentT = scrollEvent.currentTarget) === null || _scrollEvent$currentT === void 0 ? void 0 : _scrollEvent$currentT.scrollTop) !== null && _ref12 !== void 0 ? _ref12 : 0;
+          var nextLeft = (_ref13 = (_scrollEvent$detail$s2 = (_scrollEvent$detail2 = scrollEvent.detail) === null || _scrollEvent$detail2 === void 0 ? void 0 : _scrollEvent$detail2.scrollLeft) !== null && _scrollEvent$detail$s2 !== void 0 ? _scrollEvent$detail$s2 : (_scrollEvent$currentT2 = scrollEvent.currentTarget) === null || _scrollEvent$currentT2 === void 0 ? void 0 : _scrollEvent$currentT2.scrollLeft) !== null && _ref13 !== void 0 ? _ref13 : 0;
+          var scrollWidth = (_ref14 = (_scrollEvent$detail$s3 = (_scrollEvent$detail3 = scrollEvent.detail) === null || _scrollEvent$detail3 === void 0 ? void 0 : _scrollEvent$detail3.scrollWidth) !== null && _scrollEvent$detail$s3 !== void 0 ? _scrollEvent$detail$s3 : (_scrollEvent$currentT3 = scrollEvent.currentTarget) === null || _scrollEvent$currentT3 === void 0 ? void 0 : _scrollEvent$currentT3.scrollWidth) !== null && _ref14 !== void 0 ? _ref14 : 0;
+          var clientWidth = (_scrollEvent$currentT4 = (_scrollEvent$currentT5 = scrollEvent.currentTarget) === null || _scrollEvent$currentT5 === void 0 ? void 0 : _scrollEvent$currentT5.clientWidth) !== null && _scrollEvent$currentT4 !== void 0 ? _scrollEvent$currentT4 : 0;
+          setVirtualScrollTop(nextTop);
+          setHorizontalScrollState({
+            canScrollLeft: nextLeft > 1,
+            canScrollRight: scrollWidth > 0 && clientWidth > 0 ? nextLeft + clientWidth < scrollWidth - 1 : Boolean(scroll === null || scroll === void 0 ? void 0 : scroll.x)
+          });
+          _onScroll === null || _onScroll === void 0 || _onScroll(event);
+        },
+        children: /*#__PURE__*/_jsxs(TableSurface, {
+          "data-slot": "table-table",
+          "data-layout": tableLayout,
+          className: classNames('x-table__table', semanticClassNames.table),
+          style: _objectSpread({
+            position: 'relative',
+            minWidth: tableMinWidth
+          }, semanticStyles.table),
+          children: [renderHeader(), renderFilterPanel(), renderSelectionActions(), renderBody(), summaryContent !== undefined && summaryContent !== null ? /*#__PURE__*/_jsx(View, {
+            "data-slot": "table-summary",
+            style: {
+              boxSizing: 'border-box',
+              minWidth: tableMinWidth,
+              padding: "".concat(metrics.paddingY, "px ").concat(metrics.paddingX, "px"),
+              borderTop: '1px solid var(--x-table-border)',
+              backgroundColor: 'var(--x-table-row-surface-alt)'
+            },
+            children: renderNode(summaryContent, {
+              fontSize: metrics.fontSize,
+              lineHeight: "".concat(metrics.lineHeight, "px"),
+              color: 'var(--x-table-body-foreground)'
+            })
+          }) : null]
+        })
+      })
+    }), footerContent !== undefined && footerContent !== null ? /*#__PURE__*/_jsx(View, {
+      "data-slot": "table-footer",
+      className: classNames('x-table__footer', semanticClassNames.footer),
+      style: _objectSpread({
+        boxSizing: 'border-box',
+        display: 'flex',
+        alignItems: 'center',
+        minHeight: metrics.rowMinHeight,
+        padding: "".concat(metrics.paddingY, "px ").concat(metrics.paddingX, "px"),
+        borderTop: '1px solid var(--x-table-border)',
+        backgroundColor: 'var(--x-table-section-surface)',
+        color: 'var(--x-table-section-foreground)'
+      }, semanticStyles.footer),
+      children: footerContent
+    }) : null, renderPagination('bottom')]
+  });
+}
+var ForwardTable = /*#__PURE__*/forwardRef(InternalTable);
+var Table = ForwardTable;
+Table.Column = TableColumn;
+Table.ColumnGroup = TableColumnGroup;
+export { TableColumnGroup };
+export default Table;