wssf-kage-ui 0.1.1 → 0.1.2

package/dist/cjs/Table/index.js

@@ -0,0 +1,787 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Table = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Pagination = _interopRequireDefault(require("../Pagination"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _Empty = _interopRequireDefault(require("../Empty"));
+require("./style.less");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } // ============ 类型定义 ============
+/** 排序方向 */ /** 列对齐方式 */ /** 表格尺寸 */ /** 筛选项 */ /** 列定义 */ /** 行选择配置 */ /** 分页配置 */ /** 表格属性 */
+// ============ 工具函数 ============
+
+/** 获取记录的 key */
+function getRowKey(record, rowKey, index) {
+  var _rowKey;
+  if (typeof rowKey === 'function') {
+    return rowKey(record);
+  }
+  return (_rowKey = record[rowKey]) !== null && _rowKey !== void 0 ? _rowKey : index;
+}
+
+/** 获取嵌套值 */
+function getNestedValue(record, dataIndex) {
+  if (!dataIndex) return record;
+  var keys = dataIndex.split('.');
+  var value = record;
+  var _iterator = _createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _value;
+      var key = _step.value;
+      value = (_value = value) === null || _value === void 0 ? void 0 : _value[key];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return value;
+}
+
+// ============ Table 组件 ============
+
+var Table = exports.Table = function Table(_ref) {
+  var _rowSelection$selecte, _expandable$expandedR, _currentPagination$po;
+  var columns = _ref.columns,
+    dataSource = _ref.dataSource,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? 'key' : _ref$rowKey,
+    _ref$showHeader = _ref.showHeader,
+    showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingText = _ref.loadingText,
+    loadingText = _ref$loadingText === void 0 ? '加载中...' : _ref$loadingText,
+    locale = _ref.locale,
+    _ref$pagination = _ref.pagination,
+    pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
+    rowSelection = _ref.rowSelection,
+    rowClassName = _ref.rowClassName,
+    onRow = _ref.onRow,
+    title = _ref.title,
+    footer = _ref.footer,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    style = _ref.style,
+    scroll = _ref.scroll,
+    onChange = _ref.onChange,
+    expandable = _ref.expandable,
+    _ref$striped = _ref.striped,
+    striped = _ref$striped === void 0 ? false : _ref$striped,
+    _ref$hoverable = _ref.hoverable,
+    hoverable = _ref$hoverable === void 0 ? true : _ref$hoverable,
+    _ref$sticky = _ref.sticky,
+    sticky = _ref$sticky === void 0 ? false : _ref$sticky,
+    summary = _ref.summary;
+  // ============ 状态管理 ============
+
+  // 排序状态
+  var _useState = (0, _react.useState)(function () {
+      var _iterator2 = _createForOfIteratorHelper(columns),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var col = _step2.value;
+          if (col.defaultSortOrder) {
+            return {
+              field: col.dataIndex || col.key,
+              order: col.defaultSortOrder
+            };
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return {};
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortState = _useState2[0],
+    setSortState = _useState2[1];
+
+  // 筛选状态
+  var _useState3 = (0, _react.useState)(function () {
+      var initial = {};
+      var _iterator3 = _createForOfIteratorHelper(columns),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var col = _step3.value;
+          if (col.defaultFilteredValue) {
+            var key = col.dataIndex || col.key || '';
+            initial[key] = col.defaultFilteredValue;
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      return initial;
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterState = _useState4[0],
+    setFilterState = _useState4[1];
+
+  // 筛选下拉菜单可见性
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filterVisible = _useState6[0],
+    setFilterVisible = _useState6[1];
+
+  // 分页状态
+  var _useState7 = (0, _react.useState)({
+      current: 1,
+      pageSize: 10
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    paginationState = _useState8[0],
+    setPaginationState = _useState8[1];
+
+  // 展开行状态
+  var _useState9 = (0, _react.useState)((expandable === null || expandable === void 0 ? void 0 : expandable.defaultExpandedRowKeys) || []),
+    _useState10 = _slicedToArray(_useState9, 2),
+    expandedKeys = _useState10[0],
+    setExpandedKeys = _useState10[1];
+
+  // 选中行状态 (非受控模式)
+  var _useState11 = (0, _react.useState)([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    internalSelectedKeys = _useState12[0],
+    setInternalSelectedKeys = _useState12[1];
+
+  // ============ 计算值 ============
+
+  // 当前分页配置
+  var currentPagination = (0, _react.useMemo)(function () {
+    var _pagination$current, _pagination$pageSize, _pagination$total;
+    if (pagination === false) return null;
+    return _objectSpread({
+      current: (_pagination$current = pagination.current) !== null && _pagination$current !== void 0 ? _pagination$current : paginationState.current,
+      pageSize: (_pagination$pageSize = pagination.pageSize) !== null && _pagination$pageSize !== void 0 ? _pagination$pageSize : paginationState.pageSize,
+      total: (_pagination$total = pagination.total) !== null && _pagination$total !== void 0 ? _pagination$total : dataSource.length
+    }, pagination);
+  }, [pagination, paginationState, dataSource.length]);
+
+  // 选中的行 keys
+  var selectedRowKeys = (_rowSelection$selecte = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) !== null && _rowSelection$selecte !== void 0 ? _rowSelection$selecte : internalSelectedKeys;
+
+  // 处理后的数据 (排序 + 筛选)
+  var processedData = (0, _react.useMemo)(function () {
+    var _sortColumn$sortOrder;
+    var result = _toConsumableArray(dataSource);
+
+    // 应用筛选
+    var _iterator4 = _createForOfIteratorHelper(columns),
+      _step4;
+    try {
+      var _loop = function _loop() {
+        var _col$filteredValue;
+        var col = _step4.value;
+        var key = col.dataIndex || col.key || '';
+        var filterValues = (_col$filteredValue = col.filteredValue) !== null && _col$filteredValue !== void 0 ? _col$filteredValue : filterState[key];
+        if (filterValues && filterValues.length > 0 && col.onFilter) {
+          result = result.filter(function (record) {
+            return filterValues.some(function (value) {
+              return col.onFilter(value, record);
+            });
+          });
+        }
+      };
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        _loop();
+      }
+
+      // 应用排序
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
+    }
+    var sortColumn = columns.find(function (col) {
+      return (col.dataIndex || col.key) === sortState.field;
+    });
+    var sortOrder = (_sortColumn$sortOrder = sortColumn === null || sortColumn === void 0 ? void 0 : sortColumn.sortOrder) !== null && _sortColumn$sortOrder !== void 0 ? _sortColumn$sortOrder : sortState.order;
+    if (sortColumn && sortOrder && sortColumn.sorter) {
+      var _sorter = typeof sortColumn.sorter === 'function' ? sortColumn.sorter : function (a, b) {
+        var aVal = getNestedValue(a, sortColumn.dataIndex);
+        var bVal = getNestedValue(b, sortColumn.dataIndex);
+        if (aVal === bVal) return 0;
+        if (aVal === null || aVal === undefined) return 1;
+        if (bVal === null || bVal === undefined) return -1;
+        return aVal < bVal ? -1 : 1;
+      };
+      result.sort(function (a, b) {
+        var compareResult = _sorter(a, b);
+        return sortOrder === 'ascend' ? compareResult : -compareResult;
+      });
+    }
+    return result;
+  }, [dataSource, columns, sortState, filterState]);
+
+  // 当前页数据
+  var currentPageData = (0, _react.useMemo)(function () {
+    if (!currentPagination) return processedData;
+    var current = currentPagination.current,
+      pageSize = currentPagination.pageSize;
+    var start = (current - 1) * pageSize;
+    var end = start + pageSize;
+    return processedData.slice(start, end);
+  }, [processedData, currentPagination]);
+
+  // 展开的行 keys
+  var currentExpandedKeys = (_expandable$expandedR = expandable === null || expandable === void 0 ? void 0 : expandable.expandedRowKeys) !== null && _expandable$expandedR !== void 0 ? _expandable$expandedR : expandedKeys;
+
+  // ============ 事件处理 ============
+
+  // 排序处理
+  var handleSort = (0, _react.useCallback)(function (column) {
+    var field = column.dataIndex || column.key || '';
+    var newOrder;
+    if (sortState.field !== field) {
+      newOrder = 'ascend';
+    } else if (sortState.order === 'ascend') {
+      newOrder = 'descend';
+    } else if (sortState.order === 'descend') {
+      newOrder = null;
+    } else {
+      newOrder = 'ascend';
+    }
+    setSortState({
+      field: newOrder ? field : undefined,
+      order: newOrder
+    });
+    onChange === null || onChange === void 0 || onChange({
+      current: (currentPagination === null || currentPagination === void 0 ? void 0 : currentPagination.current) || 1,
+      pageSize: (currentPagination === null || currentPagination === void 0 ? void 0 : currentPagination.pageSize) || 10
+    }, filterState, {
+      column: newOrder ? column : undefined,
+      order: newOrder,
+      field: newOrder ? field : undefined
+    });
+  }, [sortState, currentPagination, filterState, onChange]);
+
+  // 筛选处理
+  var handleFilter = (0, _react.useCallback)(function (column, values) {
+    var key = column.dataIndex || column.key || '';
+    var newFilterState = _objectSpread(_objectSpread({}, filterState), {}, _defineProperty({}, key, values));
+    if (values.length === 0) {
+      delete newFilterState[key];
+    }
+    setFilterState(newFilterState);
+    setFilterVisible(_objectSpread(_objectSpread({}, filterVisible), {}, _defineProperty({}, key, false)));
+
+    // 重置到第一页
+    setPaginationState(_objectSpread(_objectSpread({}, paginationState), {}, {
+      current: 1
+    }));
+    onChange === null || onChange === void 0 || onChange({
+      current: 1,
+      pageSize: (currentPagination === null || currentPagination === void 0 ? void 0 : currentPagination.pageSize) || 10
+    }, newFilterState, {
+      column: sortState.field ? columns.find(function (c) {
+        return (c.dataIndex || c.key) === sortState.field;
+      }) : undefined,
+      order: sortState.order,
+      field: sortState.field
+    });
+  }, [filterState, filterVisible, paginationState, currentPagination, sortState, columns, onChange]);
+
+  // 分页处理
+  var handlePageChange = (0, _react.useCallback)(function (page, pageSize) {
+    setPaginationState({
+      current: page,
+      pageSize: pageSize
+    });
+    onChange === null || onChange === void 0 || onChange({
+      current: page,
+      pageSize: pageSize
+    }, filterState, {
+      column: sortState.field ? columns.find(function (c) {
+        return (c.dataIndex || c.key) === sortState.field;
+      }) : undefined,
+      order: sortState.order,
+      field: sortState.field
+    });
+  }, [filterState, sortState, columns, onChange]);
+
+  // 行选择处理
+  var handleSelectRow = (0, _react.useCallback)(function (record, selected) {
+    var _rowSelection$onChang, _rowSelection$onSelec;
+    var key = getRowKey(record, rowKey, 0);
+    var newSelectedKeys;
+    if ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio') {
+      newSelectedKeys = selected ? [key] : [];
+    } else {
+      newSelectedKeys = selected ? [].concat(_toConsumableArray(selectedRowKeys), [key]) : selectedRowKeys.filter(function (k) {
+        return k !== key;
+      });
+    }
+    if (!(rowSelection !== null && rowSelection !== void 0 && rowSelection.selectedRowKeys)) {
+      setInternalSelectedKeys(newSelectedKeys);
+    }
+    var newSelectedRows = dataSource.filter(function (r) {
+      return newSelectedKeys.includes(getRowKey(r, rowKey, 0));
+    });
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 || _rowSelection$onChang.call(rowSelection, newSelectedKeys, newSelectedRows);
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onSelec = rowSelection.onSelect) === null || _rowSelection$onSelec === void 0 || _rowSelection$onSelec.call(rowSelection, record, selected, newSelectedRows, {});
+  }, [rowKey, rowSelection, selectedRowKeys, dataSource]);
+
+  // 全选处理
+  var handleSelectAll = (0, _react.useCallback)(function (selected) {
+    var _rowSelection$onChang2, _rowSelection$onSelec2;
+    var selectableRecords = currentPageData.filter(function (record) {
+      var _rowSelection$getChec;
+      var props = rowSelection === null || rowSelection === void 0 || (_rowSelection$getChec = rowSelection.getCheckboxProps) === null || _rowSelection$getChec === void 0 ? void 0 : _rowSelection$getChec.call(rowSelection, record);
+      return !(props !== null && props !== void 0 && props.disabled);
+    });
+    var newSelectedKeys = selected ? _toConsumableArray(new Set([].concat(_toConsumableArray(selectedRowKeys), _toConsumableArray(selectableRecords.map(function (r) {
+      return getRowKey(r, rowKey, 0);
+    }))))) : selectedRowKeys.filter(function (key) {
+      return !selectableRecords.some(function (r) {
+        return getRowKey(r, rowKey, 0) === key;
+      });
+    });
+    if (!(rowSelection !== null && rowSelection !== void 0 && rowSelection.selectedRowKeys)) {
+      setInternalSelectedKeys(newSelectedKeys);
+    }
+    var newSelectedRows = dataSource.filter(function (r) {
+      return newSelectedKeys.includes(getRowKey(r, rowKey, 0));
+    });
+    var changeRows = selectableRecords;
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, newSelectedKeys, newSelectedRows);
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onSelec2 = rowSelection.onSelectAll) === null || _rowSelection$onSelec2 === void 0 || _rowSelection$onSelec2.call(rowSelection, selected, newSelectedRows, changeRows);
+  }, [currentPageData, selectedRowKeys, rowKey, rowSelection, dataSource]);
+
+  // 展开处理
+  var handleExpand = (0, _react.useCallback)(function (record) {
+    var _expandable$onExpand, _expandable$onExpande;
+    var key = getRowKey(record, rowKey, 0);
+    var expanded = currentExpandedKeys.includes(key);
+    var newExpandedKeys = expanded ? currentExpandedKeys.filter(function (k) {
+      return k !== key;
+    }) : [].concat(_toConsumableArray(currentExpandedKeys), [key]);
+    if (!(expandable !== null && expandable !== void 0 && expandable.expandedRowKeys)) {
+      setExpandedKeys(newExpandedKeys);
+    }
+    expandable === null || expandable === void 0 || (_expandable$onExpand = expandable.onExpand) === null || _expandable$onExpand === void 0 || _expandable$onExpand.call(expandable, !expanded, record);
+    expandable === null || expandable === void 0 || (_expandable$onExpande = expandable.onExpandedRowsChange) === null || _expandable$onExpande === void 0 || _expandable$onExpande.call(expandable, newExpandedKeys);
+  }, [currentExpandedKeys, rowKey, expandable]);
+
+  // ============ 渲染函数 ============
+
+  // 渲染排序图标
+  var renderSorter = function renderSorter(column) {
+    var _column$sortOrder;
+    if (!column.sorter) return null;
+    var field = column.dataIndex || column.key;
+    var currentOrder = (_column$sortOrder = column.sortOrder) !== null && _column$sortOrder !== void 0 ? _column$sortOrder : sortState.field === field ? sortState.order : null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: "kage-table-column-sorter",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "kage-table-column-sorter-up ".concat(currentOrder === 'ascend' ? 'active' : ''),
+        children: "\u25B2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "kage-table-column-sorter-down ".concat(currentOrder === 'descend' ? 'active' : ''),
+        children: "\u25BC"
+      })]
+    });
+  };
+
+  // 渲染筛选器
+  var renderFilter = function renderFilter(column) {
+    var _ref2, _column$filteredValue;
+    if (!column.filters || column.filters.length === 0) return null;
+    var key = column.dataIndex || column.key || '';
+    var currentFilterValues = (_ref2 = (_column$filteredValue = column.filteredValue) !== null && _column$filteredValue !== void 0 ? _column$filteredValue : filterState[key]) !== null && _ref2 !== void 0 ? _ref2 : [];
+    var isVisible = filterVisible[key];
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: "kage-table-filter-trigger-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "kage-table-filter-trigger ".concat(currentFilterValues.length > 0 ? 'active' : ''),
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          setFilterVisible(_objectSpread(_objectSpread({}, filterVisible), {}, _defineProperty({}, key, !isVisible)));
+        },
+        children: "\u25BC"
+      }), isVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "kage-table-filter-dropdown",
+        children: [column.filters.map(function (filter) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            className: "kage-table-filter-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "checkbox",
+              checked: currentFilterValues.includes(filter.value),
+              onChange: function onChange(e) {
+                var newValues = e.target.checked ? [].concat(_toConsumableArray(currentFilterValues), [filter.value]) : currentFilterValues.filter(function (v) {
+                  return v !== filter.value;
+                });
+                handleFilter(column, newValues);
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: filter.text
+            })]
+          }, String(filter.value));
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "kage-table-filter-dropdown-btns",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            onClick: function onClick() {
+              return handleFilter(column, []);
+            },
+            className: "kage-table-filter-dropdown-link",
+            children: "\u91CD\u7F6E"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            onClick: function onClick() {
+              return setFilterVisible(_objectSpread(_objectSpread({}, filterVisible), {}, _defineProperty({}, key, false)));
+            },
+            className: "kage-table-filter-dropdown-link confirm",
+            children: "\u786E\u5B9A"
+          })]
+        })]
+      })]
+    });
+  };
+
+  // 渲染表头单元格
+  var renderHeaderCell = function renderHeaderCell(column) {
+    var _column$onHeaderCell;
+    var isSortable = !!column.sorter;
+    var hasFilter = column.filters && column.filters.length > 0;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+      className: ['kage-table-cell', column.className, column.align && "kage-table-cell-".concat(column.align), isSortable && 'kage-table-column-has-sorters', column.fixed && "kage-table-cell-fix-".concat(column.fixed), column.ellipsis && 'kage-table-cell-ellipsis'].filter(Boolean).join(' '),
+      style: _objectSpread({
+        width: column.width,
+        minWidth: column.minWidth
+      }, (_column$onHeaderCell = column.onHeaderCell) === null || _column$onHeaderCell === void 0 ? void 0 : _column$onHeaderCell.call(column)),
+      onClick: isSortable ? function () {
+        return handleSort(column);
+      } : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "kage-table-column-title",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: column.title
+        }), renderSorter(column), renderFilter(column)]
+      })
+    }, column.key || column.dataIndex);
+  };
+
+  // 渲染选择列表头
+  var renderSelectionHeader = function renderSelectionHeader() {
+    if (!rowSelection) return null;
+    var selectableRecords = currentPageData.filter(function (record) {
+      var _rowSelection$getChec2;
+      var props = (_rowSelection$getChec2 = rowSelection.getCheckboxProps) === null || _rowSelection$getChec2 === void 0 ? void 0 : _rowSelection$getChec2.call(rowSelection, record);
+      return !(props !== null && props !== void 0 && props.disabled);
+    });
+    var allSelected = selectableRecords.length > 0 && selectableRecords.every(function (record) {
+      return selectedRowKeys.includes(getRowKey(record, rowKey, 0));
+    });
+    var someSelected = selectableRecords.some(function (record) {
+      return selectedRowKeys.includes(getRowKey(record, rowKey, 0));
+    });
+    if (rowSelection.hideSelectAll) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+        className: "kage-table-selection-column",
+        style: {
+          width: rowSelection.columnWidth || 48
+        },
+        children: rowSelection.columnTitle
+      });
+    }
+    if (rowSelection.type === 'radio') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+        className: "kage-table-selection-column",
+        style: {
+          width: rowSelection.columnWidth || 48
+        },
+        children: rowSelection.columnTitle
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+      className: "kage-table-selection-column",
+      style: {
+        width: rowSelection.columnWidth || 48
+      },
+      children: rowSelection.columnTitle || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+        checked: allSelected,
+        indeterminate: !allSelected && someSelected,
+        onChange: function onChange(e) {
+          return handleSelectAll(e.target.checked);
+        },
+        disabled: selectableRecords.length === 0
+      })
+    });
+  };
+
+  // 渲染展开列表头
+  var renderExpandHeader = function renderExpandHeader() {
+    if (!(expandable !== null && expandable !== void 0 && expandable.expandedRowRender)) return null;
+    if (expandable.showExpandColumn === false) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+      className: "kage-table-expand-icon-cell",
+      style: {
+        width: 48
+      }
+    });
+  };
+
+  // 渲染表格单元格
+  var renderCell = function renderCell(column, record, index) {
+    var _column$onCell;
+    var value = getNestedValue(record, column.dataIndex);
+    var content = column.render ? column.render(value, record, index) : value;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: ['kage-table-cell', column.className, column.align && "kage-table-cell-".concat(column.align), column.fixed && "kage-table-cell-fix-".concat(column.fixed), column.ellipsis && 'kage-table-cell-ellipsis'].filter(Boolean).join(' '),
+      style: _objectSpread({
+        width: column.width,
+        minWidth: column.minWidth
+      }, (_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, index)),
+      children: column.ellipsis ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "kage-table-cell-content",
+        title: typeof content === 'string' ? content : undefined,
+        children: content
+      }) : content
+    }, column.key || column.dataIndex);
+  };
+
+  // 渲染选择列单元格
+  var renderSelectionCell = function renderSelectionCell(record, index) {
+    var _rowSelection$getChec3;
+    if (!rowSelection) return null;
+    var key = getRowKey(record, rowKey, index);
+    var checked = selectedRowKeys.includes(key);
+    var checkboxProps = (_rowSelection$getChec3 = rowSelection.getCheckboxProps) === null || _rowSelection$getChec3 === void 0 ? void 0 : _rowSelection$getChec3.call(rowSelection, record);
+    var originNode = rowSelection.type === 'radio' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "radio",
+      checked: checked,
+      disabled: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.disabled,
+      name: (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.name) || 'table-radio',
+      onChange: function onChange(e) {
+        return handleSelectRow(record, e.target.checked);
+      }
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+      checked: checked,
+      disabled: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.disabled,
+      onChange: function onChange(e) {
+        return handleSelectRow(record, e.target.checked);
+      }
+    });
+    var node = rowSelection.renderCell ? rowSelection.renderCell(checked, record, index, originNode) : originNode;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: "kage-table-selection-column",
+      style: {
+        width: rowSelection.columnWidth || 48
+      },
+      children: node
+    });
+  };
+
+  // 渲染展开列单元格
+  var renderExpandCell = function renderExpandCell(record, index) {
+    var _expandable$rowExpand, _expandable$rowExpand2;
+    if (!(expandable !== null && expandable !== void 0 && expandable.expandedRowRender)) return null;
+    if (expandable.showExpandColumn === false) return null;
+    var key = getRowKey(record, rowKey, index);
+    var expanded = currentExpandedKeys.includes(key);
+    var expandable_ = (_expandable$rowExpand = (_expandable$rowExpand2 = expandable.rowExpandable) === null || _expandable$rowExpand2 === void 0 ? void 0 : _expandable$rowExpand2.call(expandable, record)) !== null && _expandable$rowExpand !== void 0 ? _expandable$rowExpand : true;
+    if (!expandable_) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        className: "kage-table-expand-icon-cell"
+      });
+    }
+    var defaultIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "kage-table-row-expand-icon ".concat(expanded ? 'kage-table-row-expand-icon-expanded' : 'kage-table-row-expand-icon-collapsed'),
+      onClick: function onClick() {
+        return handleExpand(record);
+      },
+      children: expanded ? '−' : '+'
+    });
+    var icon = expandable.expandIcon ? expandable.expandIcon({
+      expanded: expanded,
+      record: record,
+      onExpand: function onExpand() {
+        return handleExpand(record);
+      }
+    }) : defaultIcon;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: "kage-table-expand-icon-cell",
+      children: icon
+    });
+  };
+
+  // 渲染展开行
+  var renderExpandedRow = function renderExpandedRow(record, index) {
+    if (!(expandable !== null && expandable !== void 0 && expandable.expandedRowRender)) return null;
+    var key = getRowKey(record, rowKey, index);
+    if (!currentExpandedKeys.includes(key)) return null;
+    var colSpan = columns.length + (rowSelection ? 1 : 0) + (expandable.showExpandColumn !== false ? 1 : 0);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      className: "kage-table-expanded-row",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        colSpan: colSpan,
+        className: "kage-table-expanded-row-cell",
+        children: expandable.expandedRowRender(record, index, expandable.indentSize || 15, true)
+      })
+    }, "".concat(key, "-expanded"));
+  };
+
+  // 渲染表格行
+  var renderRow = function renderRow(record, index) {
+    var key = getRowKey(record, rowKey, index);
+    var isSelected = selectedRowKeys.includes(key);
+    var isExpanded = currentExpandedKeys.includes(key);
+    var rowClass = typeof rowClassName === 'function' ? rowClassName(record, index) : rowClassName;
+    var rowProps = (onRow === null || onRow === void 0 ? void 0 : onRow(record, index)) || {};
+    var handleRowClick = function handleRowClick(e) {
+      var _rowProps$onClick;
+      (_rowProps$onClick = rowProps.onClick) === null || _rowProps$onClick === void 0 || _rowProps$onClick.call(rowProps, e);
+      if (expandable !== null && expandable !== void 0 && expandable.expandRowByClick) {
+        handleExpand(record);
+      }
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", _objectSpread(_objectSpread({}, rowProps), {}, {
+        className: ['kage-table-row', rowClass, isSelected && 'kage-table-row-selected', isExpanded && 'kage-table-row-expanded', striped && index % 2 === 1 && 'kage-table-row-striped'].filter(Boolean).join(' '),
+        onClick: handleRowClick,
+        children: [renderSelectionCell(record, index), renderExpandCell(record, index), columns.map(function (column) {
+          return renderCell(column, record, index);
+        })]
+      })), renderExpandedRow(record, index)]
+    }, key);
+  };
+
+  // 渲染空状态
+  var renderEmpty = function renderEmpty() {
+    var colSpan = columns.length + (rowSelection ? 1 : 0) + (expandable !== null && expandable !== void 0 && expandable.expandedRowRender && expandable.showExpandColumn !== false ? 1 : 0);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      className: "kage-table-placeholder",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        colSpan: colSpan,
+        className: "kage-table-cell",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+          description: (locale === null || locale === void 0 ? void 0 : locale.emptyText) || '暂无数据'
+        })
+      })
+    });
+  };
+
+  // 渲染加载状态
+  var renderLoading = function renderLoading() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "kage-table-loading",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "kage-table-loading-spinner"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: loadingText
+      })]
+    });
+  };
+
+  // 渲染分页
+  var renderPagination = function renderPagination() {
+    if (!currentPagination) return null;
+    var position = currentPagination.position || 'bottomRight';
+    var vertical = position.includes('top') ? 'top' : 'bottom',
+      horizontal = position.includes('Left') ? 'left' : position.includes('Center') ? 'center' : 'right';
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "kage-table-pagination kage-table-pagination-".concat(horizontal),
+      "data-position": vertical,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.default, {
+        current: currentPagination.current,
+        total: currentPagination.total,
+        pageSize: currentPagination.pageSize,
+        pageSizeOptions: currentPagination.pageSizeOptions,
+        showSizeChanger: currentPagination.showSizeChanger,
+        showQuickJumper: currentPagination.showQuickJumper,
+        showTotal: currentPagination.showTotal,
+        disabled: currentPagination.disabled,
+        simple: currentPagination.simple,
+        onChange: handlePageChange
+      })
+    });
+  };
+
+  // 渲染摘要
+  var renderSummary = function renderSummary() {
+    if (!summary) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tfoot", {
+      className: "kage-table-summary",
+      children: summary(processedData)
+    });
+  };
+
+  // ============ 主渲染 ============
+
+  var tableClassNames = ['kage-table', "kage-table-".concat(size), bordered && 'kage-table-bordered', loading && 'kage-table-loading-wrapper', hoverable && 'kage-table-hoverable', sticky && 'kage-table-sticky', ((scroll === null || scroll === void 0 ? void 0 : scroll.x) || (scroll === null || scroll === void 0 ? void 0 : scroll.y)) && 'kage-table-scroll', className].filter(Boolean).join(' ');
+  var tableStyle = _objectSpread({}, style);
+  var scrollStyle = {
+    overflowX: scroll !== null && scroll !== void 0 && scroll.x ? 'auto' : undefined,
+    overflowY: scroll !== null && scroll !== void 0 && scroll.y ? 'auto' : undefined,
+    maxHeight: scroll === null || scroll === void 0 ? void 0 : scroll.y
+  };
+  var innerTableStyle = {
+    width: (scroll === null || scroll === void 0 ? void 0 : scroll.x) === true ? 'max-content' : scroll === null || scroll === void 0 ? void 0 : scroll.x,
+    minWidth: scroll !== null && scroll !== void 0 && scroll.x ? '100%' : undefined
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: tableClassNames,
+    style: tableStyle,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "kage-table-title",
+      children: title()
+    }), (currentPagination === null || currentPagination === void 0 || (_currentPagination$po = currentPagination.position) === null || _currentPagination$po === void 0 ? void 0 : _currentPagination$po.includes('top')) && renderPagination(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "kage-table-container",
+      style: scrollStyle,
+      children: [loading && renderLoading(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+        style: innerTableStyle,
+        children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+          className: "kage-table-thead",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            children: [renderSelectionHeader(), renderExpandHeader(), columns.map(function (column) {
+              return renderHeaderCell(column);
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          className: "kage-table-tbody",
+          children: currentPageData.length > 0 ? currentPageData.map(renderRow) : renderEmpty()
+        }), renderSummary()]
+      })]
+    }), (!(currentPagination !== null && currentPagination !== void 0 && currentPagination.position) || currentPagination.position.includes('bottom')) && renderPagination(), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "kage-table-footer",
+      children: footer()
+    })]
+  });
+};
+
+// ============ 导出 ============
+var _default = exports.default = Table;