@hi-ui/schema-editable-table 4.0.0-experimental.1

package/lib/esm/features/column-grouping/use-opts.js

@@ -0,0 +1,36 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { getGroupedRowModel } from '@tanstack/react-table';
+function useRowGroupedOpts(ctx) {
+  return getRowGroupedOptions(ctx);
+}
+/**
+ * 获取列分组配置选项
+ */
+function getRowGroupedOptions(ctx) {
+  var enableRowGrouping = ctx.staticOptsRef.current.enableRowGrouping;
+  if (!enableRowGrouping) {
+    return {
+      enableGrouping: false,
+      onGroupingChange: function onGroupingChange() {
+        // empty onGroupingChange
+        // 起到即使主动设置 grouping 状态，也会被直接忽略的作用
+      }
+    };
+  }
+  return {
+    enableGrouping: true,
+    groupedColumnMode: false,
+    getGroupedRowModel: getGroupedRowModel(),
+    autoResetExpanded: false // 数据变化时保持分组的展开状态
+  };
+}
+
+export { getRowGroupedOptions, useRowGroupedOpts };

package/lib/esm/features/column-state.js

@@ -0,0 +1,51 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useMemo } from 'react';
+
+/**
+ * 根据字段配置生成表格列的初始状态
+ */
+function getInitialColumnState(fields) {
+  var columnVisibility = {};
+  var leftPinned = [];
+  var rightPinned = [];
+  var normalColumns = [];
+  fields.forEach(function (field) {
+    var _a, _b, _c;
+    // 处理显隐状态
+    if ((_a = field.control) === null || _a === void 0 ? void 0 : _a.hidden) {
+      columnVisibility[field.dataIndex] = false;
+    }
+    // 处理固定状态和列顺序
+    if (((_b = field.control) === null || _b === void 0 ? void 0 : _b.fixed) === 'left') {
+      leftPinned.push(field.dataIndex);
+    } else if (((_c = field.control) === null || _c === void 0 ? void 0 : _c.fixed) === 'right') {
+      rightPinned.push(field.dataIndex);
+    } else {
+      normalColumns.push(field.dataIndex);
+    }
+  });
+  return {
+    columnVisibility: columnVisibility,
+    columnPinning: {
+      left: leftPinned.length ? leftPinned : undefined,
+      right: rightPinned.length ? rightPinned : undefined
+    },
+    columnOrder: [].concat(leftPinned, normalColumns, rightPinned)
+  };
+}
+function useInitialColumnState(ctx) {
+  var fields = ctx.fields;
+  return useMemo(function () {
+    var initialState = getInitialColumnState(fields);
+    return initialState;
+  }, [fields]);
+}
+export { getInitialColumnState, useInitialColumnState };

package/lib/esm/features/filter/bridge.js

@@ -0,0 +1,102 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useEffect } from 'react';
+import { TableFilter } from '@hi-ui/schema-table-extensions';
+import { mergeProps, rawToItems } from '@hi-ui/schema-utils';
+import { useEditableSchemaTableCtx } from '../../ctx.js';
+
+// HeaderCell 中不便集成大量的过滤器逻辑，集中在此处处理桥接逻辑
+function TableFilterBridge(props) {
+  var _a;
+  var column = props.column,
+    filterConfig = props.filter;
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab.table;
+  var _React$useState = React.useState([]),
+    filters = _React$useState[0],
+    setFilters = _React$useState[1];
+  // 外部主动设置时自动更新至内部
+  var filterValue = column.getFilterValue();
+  useEffect(function () {
+    if (filterValue) {
+      var nextValue = Array.isArray(filterValue) ? filterValue : [filterValue];
+      setFilters(nextValue);
+    } else setFilters([]);
+  }, [filterValue]);
+  var handleChange = function handleChange(filters) {
+    if (filters === void 0) {
+      filters = [];
+    }
+    setFilters(filters !== null && filters !== void 0 ? filters : []);
+    column.setFilterValue(filters);
+  };
+  var filterType = (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.type) || 'text';
+  // 仅在 type 为 select 时，此处才有效
+  var options = getSelectOptions({
+    type: filterType,
+    table: table,
+    column: column,
+    filterConfig: filterConfig
+  });
+  var popoverProps = mergeProps((_a = props.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps, filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.popoverProps);
+  return /*#__PURE__*/React.createElement(TableFilter
+  // 这里实际上是一段魔法代码
+  // TableFilter 支持按类型传入不同的 props
+  // 但此处若根据类型做精确传入判断，会使代码变得很多
+  // 读到这里时，请不要觉得困惑 😊
+  , Object.assign({}, filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.extraProps, {
+    type: filterType,
+    options: options,
+    value: filters,
+    onChange: handleChange,
+    overlay: filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.custom,
+    popoverProps: popoverProps
+  }));
+}
+function getSelectOptions(ctx) {
+  var type = ctx.type,
+    table = ctx.table,
+    column = ctx.column,
+    filterConfig = ctx.filterConfig;
+  if (type !== 'select') return [];
+  // 如果用户没有传入自定义的异步选项函数
+  // 则使用表格上下文自动生成选项信息
+  var syncOptsRef = {
+    current: null
+  };
+  // 如果用户传入了自定义的异步选项函数
+  // 则在此处包装表格上下文的选项信息
+  if (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.options) {
+    var getOpts = filterConfig.options;
+    return function getAsyncOptsFromTableFilterBridge(keyword) {
+      var filterValue = column.getFilterValue();
+      var allFilters = table.getState().columnFilters;
+      var asyncOpts = getOpts({
+        keyword: keyword,
+        filterValue: filterValue,
+        allFilters: allFilters,
+        autoGenerateOpts: autoGenerateOpts
+      });
+      if (Array.isArray(asyncOpts)) return Promise.resolve(asyncOpts);else return asyncOpts;
+    };
+  }
+  function autoGenerateOpts() {
+    // 有旧值时，直接返回旧值
+    // 也就是说，下次挂载时，会重新执行 (因为选型隐藏时，会将筛选器卸载)
+    if (syncOptsRef.current) return syncOptsRef.current;
+    var map = column.getFacetedUniqueValues();
+    var opts = rawToItems(Array.from(map.keys()));
+    syncOptsRef.current = opts;
+    return opts;
+  }
+  autoGenerateOpts.syncOpts = true;
+  return autoGenerateOpts;
+}
+export { TableFilterBridge };

package/lib/esm/features/filter/filter-fns/date.js

@@ -0,0 +1,28 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * 自定义日期范围筛选函数
+ * 用于筛选日期范围内的数据
+ */
+var inDateRange = function inDateRange(row, columnId, filterValue) {
+  // 如果没有筛选值或筛选值不完整，则不进行筛选
+  if (!filterValue || !Array.isArray(filterValue) || filterValue.length !== 2) return true;
+  var start = filterValue[0],
+    end = filterValue[1];
+  if (!start || !end) return true;
+  var value = row.getValue(columnId);
+  if (!value) return false;
+  // 将日期字符串转换为时间戳进行比较
+  var valueDate = new Date(value).getTime();
+  var startDate = new Date(start).getTime();
+  var endDate = new Date(end).getTime();
+  return valueDate >= startDate && valueDate <= endDate;
+};
+export { inDateRange };

package/lib/esm/features/filter/filter-fns/index.js

@@ -0,0 +1,18 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { inDateRange } from './date.js';
+
+/**
+ * 导出所有自定义筛选函数
+ */
+var filterFns = {
+  inDateRange: inDateRange
+};
+export { filterFns };

package/lib/esm/features/filter/get-filter-config.js

@@ -0,0 +1,56 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { mergeValues } from '@hi-ui/schema-utils';
+var typeMap = {
+  text: 'text',
+  select: 'select',
+  'check-select': 'select',
+  tag: 'select',
+  number: 'number',
+  date: 'date'
+};
+var fnMap = {
+  text: 'includesString',
+  select: 'arrIncludesSome',
+  number: 'inNumberRange',
+  date: 'inDateRange',
+  custom: 'includesString'
+};
+function getFilterConfig(field) {
+  var _a;
+  var filterConfig = (_a = field.control) === null || _a === void 0 ? void 0 : _a.filter;
+  if (!filterConfig) return undefined;
+  var valueType = field.valueType;
+  var matchedType = typeMap[valueType] || 'text';
+  // 布尔值只返回默认配置
+  if (typeof filterConfig === 'boolean') {
+    return {
+      type: matchedType,
+      filterFn: fnMap[matchedType]
+    };
+  }
+  // 对象类型，返回合并后的用户配置
+  else {
+    var type = filterConfig.type || matchedType;
+    // 如果用户传入了自定义的过滤器，则使用 custom 类型
+    if (filterConfig.custom) type = 'custom';
+    // 总而言之，言而总之
+    // type 经过上述处理后，已经可以完全确认取值，因此保留最高优先级
+    // 也就是说，type 的优先级为：(存在自定义筛选器，取custom) > (存在type，取type) > 字段类型匹配 > 默认取text
+    // filterFn 仅经过默认匹配，因此允许被 filterConfig 中的覆盖
+    var dft = {
+      filterFn: fnMap[type]
+    };
+    return mergeValues(dft, filterConfig, {
+      type: type
+    });
+  }
+}
+export { getFilterConfig };

package/lib/esm/features/filter/index.js

@@ -0,0 +1,24 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useSubscription } from '@hi-ui/use-subscription';
+import 'lodash-es';
+import '@tanstack/react-table';
+import '@hi-ui/schema-utils';
+import '../../utils/cls.js';
+import 'react';
+import 'ahooks';
+import '@hi-ui/schema-table-extensions';
+function useFilterState() {
+  var filterState = useSubscription([]);
+  return {
+    filterState: filterState
+  };
+}
+export { useFilterState };

package/lib/esm/features/filter/use-opts.js

@@ -0,0 +1,82 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { isEqual } from 'lodash-es';
+import { getFacetedUniqueValues, getFilteredRowModel } from '@tanstack/react-table';
+import { Schedular } from '@hi-ui/schema-utils';
+import '../../utils/cls.js';
+import 'react';
+import 'ahooks';
+import { ensureStateFields } from '../../utils/state-merge.js';
+import { filterFns } from './filter-fns/index.js';
+function useFilterOpts(ctx) {
+  var innerRef = ctx.innerRef,
+    staticOptsRef = ctx.staticOptsRef;
+  return getFilterOptions({
+    innerRef: innerRef,
+    staticOptsRef: staticOptsRef
+  });
+}
+/**
+ * 获取表格筛选配置选项
+ */
+function getFilterOptions(ctx) {
+  var _ctx$staticOptsRef$cu = ctx.staticOptsRef.current,
+    enableFilter = _ctx$staticOptsRef$cu.enableFilter,
+    enableRemoteFilter = _ctx$staticOptsRef$cu.enableRemoteFilter;
+  if (!enableFilter) return {};
+  var onColumnFiltersChange = function onColumnFiltersChange(updater) {
+    var _a, _b;
+    var innerRef = ctx.innerRef;
+    var _innerRef$current = innerRef.current,
+      table = _innerRef$current.table,
+      propsRef = _innerRef$current.propsRef;
+    var state = table.getState().columnFilters;
+    var newState = typeof updater === 'function' ? updater(state) : updater;
+    // 如果筛选状态没有变化，则不更新
+    if (isEqual(state, newState)) return;
+    // 先更新内部状态
+    table.setState(function (state) {
+      return Object.assign(Object.assign({}, state), {
+        columnFilters: newState
+      });
+    });
+    // 再更新订阅
+    innerRef.current.filterState.setValue(newState);
+    // 通知外部更新
+    var notifyState = ensureStateFields(state, newState, 'value', []);
+    (_b = (_a = propsRef.current.filter) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, notifyState, {
+      rawState: newState
+    });
+    // 在筛选状态更新后，更新分页状态
+    Schedular.nextMicro(function () {
+      table.setPageIndex(0); // 恢复到第一页 // 同时触发重渲染
+    });
+  };
+
+  if (enableRemoteFilter) {
+    return {
+      manualFiltering: true,
+      getFacetedUniqueValues: getFacetedUniqueValues(),
+      onColumnFiltersChange: onColumnFiltersChange,
+      filterFns: filterFns // 添加自定义筛选函数
+    };
+  }
+
+  return {
+    manualFiltering: false,
+    // 前端筛选，使用 getFilteredRowModel
+    getFilteredRowModel: getFilteredRowModel(),
+    getFacetedUniqueValues: getFacetedUniqueValues(),
+    onColumnFiltersChange: onColumnFiltersChange,
+    filterFns: filterFns // 添加自定义筛选函数
+  };
+}
+
+export { getFilterOptions, useFilterOpts };

package/lib/esm/features/header-actions/components/column-collapsing.js

@@ -0,0 +1,62 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { PlusSquareOutlined, MinusSquareOutlined } from '@hi-ui/icons';
+
+// NOTE 列折叠先支持到这种程度吧，集成度还能更高一点，但是时间比较紧张，有后续诉求的话再考虑优化
+// 比如默认有子列的都折叠起来，目前是全部都展开
+function ColumnCollapsingAction(props) {
+  var table = props.table,
+    field = props.field;
+  var _table$getState = table.getState(),
+    columnCollapsing = _table$getState.customColumnCollapsing;
+  var _React$useState = React.useState(function () {
+      var _a;
+      return (_a = columnCollapsing === null || columnCollapsing === void 0 ? void 0 : columnCollapsing[field.dataIndex]) !== null && _a !== void 0 ? _a : false;
+    }),
+    hasCollapsed = _React$useState[0],
+    setHasCollapsed = _React$useState[1];
+  if (!field.children || field.children.length <= 1) return null;
+  var handleClick = function handleClick() {
+    if (!field.children) return;
+    if (field.children.length <= 1) return;
+    // 先设置内部状态
+    setHasCollapsed(!hasCollapsed);
+    // 再更新自定义状态
+    table.setState(function (state) {
+      var _Object$assign;
+      return Object.assign(Object.assign({}, state), {
+        customColumnCollapsing: Object.assign(Object.assign({}, state.customColumnCollapsing), (_Object$assign = {}, _Object$assign[field.dataIndex] = !hasCollapsed, _Object$assign))
+      });
+    });
+    // 最后修改列展示状态 // Record<string, boolean>
+    var visibilityState = field.children
+    // 排除最后一个子列 // 否则全都隐藏的话，父列也就不展示了
+    .slice(0, -1)
+    // 折叠时，子列不展示
+    .map(function (childColumn) {
+      var _ref;
+      return _ref = {}, _ref[childColumn.dataIndex] = hasCollapsed, _ref;
+    }).reduce(function (acc, curr) {
+      return Object.assign(Object.assign({}, acc), curr);
+    }, {});
+    table.setColumnVisibility(function (state) {
+      return Object.assign(Object.assign({}, state), visibilityState);
+    });
+  };
+  return /*#__PURE__*/React.createElement("span", null, hasCollapsed ? ( /*#__PURE__*/React.createElement(PlusSquareOutlined, {
+    size: 14,
+    onClick: handleClick
+  })) : ( /*#__PURE__*/React.createElement(MinusSquareOutlined, {
+    size: 14,
+    onClick: handleClick
+  })));
+}
+export { ColumnCollapsingAction };

package/lib/esm/features/header-actions/get-actions.js

@@ -0,0 +1,65 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import '@hi-ui/use-subscription';
+import 'lodash-es';
+import '@tanstack/react-table';
+import '@hi-ui/schema-utils';
+import '../../utils/cls.js';
+import 'ahooks';
+import { TableFilterBridge } from '../filter/bridge.js';
+import { TableSorterBridge } from '../sorter/bridge.js';
+function getHeaderActions(props) {
+  var _a, _b, _c, _d, _e;
+  var column = props.column,
+    field = props.field,
+    globalStaticRef = props.globalStaticRef;
+  var filterConfig = (_a = props.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.filter;
+  var sorterConfig = (_b = props.column.columnDef.meta) === null || _b === void 0 ? void 0 : _b.sorter;
+  // filterConfig 已经在 columnDef 中转换为对象，此处仅作类型收窄
+  // 简而言之 filterConfig 实际为 FieldFilterConfigType | true | undefined
+  if (typeof filterConfig === 'boolean') return null;
+  // 简而言之 sorterConfig 实际为 FieldSorterConfigType | true | undefined
+  if (typeof sorterConfig === 'boolean') return null;
+  // 筛选器
+  var enableFilter = globalStaticRef.current.enableFilter; // 指全局开启了过滤器
+  var filterAvailable = enableFilter && !!filterConfig; // 指当前字段的过滤器可用
+  var filterEl = filterAvailable ? ( /*#__PURE__*/React.createElement(TableFilterBridge, {
+    key: "filter",
+    field: field,
+    column: column,
+    filter: filterConfig
+  })) : null;
+  // 排序器
+  var enableSorter = globalStaticRef.current.enableSorter && !!((_c = field.control) === null || _c === void 0 ? void 0 : _c.sorter);
+  var sorterAvailable = enableSorter && !!sorterConfig;
+  var sorterEl = sorterAvailable ? ( /*#__PURE__*/React.createElement(TableSorterBridge, {
+    key: "sorter",
+    field: field,
+    column: column,
+    sorter: sorterConfig
+  })) : null;
+  // 自定义的 actions
+  var actions = ((_e = (_d = field.extra) === null || _d === void 0 ? void 0 : _d.headerActions) === null || _e === void 0 ? void 0 : _e.call(_d, {
+    field: field,
+    builtin: {
+      sorter: sorterEl,
+      filter: filterEl
+    },
+    table: props.table,
+    column: props.column
+  })) || [sorterEl, filterEl];
+  return {
+    filterAvailable: filterAvailable,
+    sorterAvailable: sorterAvailable,
+    elements: actions.filter(Boolean)
+  };
+}
+export { getHeaderActions };

package/lib/esm/features/pagination/component.js

@@ -0,0 +1,77 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { Pagination as Pagination$1 } from '@hi-ui/pagination';
+import { mergeProps, Schedular } from '@hi-ui/schema-utils';
+import { useEditableSchemaTableCtx } from '../../ctx.js';
+function Pagination(props) {
+  var _a, _b, _c;
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab.table,
+    paginationState = _useEditableSchemaTab.paginationState;
+  // 分页状态变化时，会由外部触发重渲染
+  // 此处不必单独监听 paginationState 状态变化
+  var total = paginationState.getValue().rowCount || 0;
+  var current = table.getState().pagination.pageIndex + 1;
+  var pageSize = table.getState().pagination.pageSize;
+  var setPageIndex = function setPageIndex(current) {
+    return table.setPageIndex(current - 1);
+  };
+  var handleJump = function handleJump(current) {
+    var _a;
+    setPageIndex(current);
+    (_a = props.onJump) === null || _a === void 0 ? void 0 : _a.call(props, current);
+  };
+  var handleChange = function handleChange(current, prev, size) {
+    // TODO HiUI Pagination 在 onPageSizeChange 的某些特殊情况，会额外触发一次 onChange
+    // 例如，分页由一个较小的值 20 变为较大的值 500 时
+    // 此处延迟一个队列执行，避免状态更新异常
+    Schedular.nextMicro(function () {
+      var _a;
+      setPageIndex(current);
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, current, prev, size);
+    });
+  };
+  var handlePageSizeChange = function handlePageSizeChange(pageSize, current) {
+    var _a;
+    // 开启自动重置 pageSize 变化时，自动重置页码至首页，否则从当前页码减1
+    var pageIndex = props.autoResetCurrent ? 0 : current - 1;
+    table.setPagination(function (state) {
+      return Object.assign(Object.assign({}, state), {
+        pageIndex: pageIndex,
+        pageSize: pageSize
+      });
+    });
+    (_a = props.onPageSizeChange) === null || _a === void 0 ? void 0 : _a.call(props, pageSize, current);
+  };
+  var finalProps = mergeProps({
+    // showJumper: true,
+    // showPagers: true,
+    // showTotal: true,
+    pageSizeOptions: [10, 20, 50, 100]
+  }, props, {
+    current: current,
+    pageSize: pageSize,
+    total: total,
+    onJump: handleJump,
+    onChange: handleChange,
+    onPageSizeChange: handlePageSizeChange
+  });
+  // 仅展示总条数大于等于 pageSize 的选项
+  finalProps.pageSizeOptions = (_a = finalProps.pageSizeOptions) === null || _a === void 0 ? void 0 : _a.filter(function (size) {
+    return size <= total;
+  });
+  // 如果选项数量小于等于1，则不展示选项
+  if (((_c = (_b = finalProps.pageSizeOptions) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) <= 1) finalProps.pageSizeOptions = undefined;
+  // 如果页数小于等于1，则不展示跳转器
+  if (total / Math.max(pageSize, 1) <= 1) finalProps.showJumper = false;
+  return /*#__PURE__*/React.createElement(Pagination$1, Object.assign({}, finalProps));
+}
+export { Pagination };