@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Table/hooks/useRowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.js","names":[],"sources":["../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport Checkbox from '../../Checkbox';\nimport { getRowKey, hasFixedLeftColumn, prefixCls } from '../helper';\nimport { IRowSelection, ITableColumn, ITableProps } from '../types';\n\nexport default function useRowSelection<TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    isExpandable?: boolean;\n    flattenData?: TDataItem[];\n  },\n): IRowSelectionInfo<TDataItem> {\n  const { columns, rowSelection, rowKey, data, isExpandable, flattenData } =\n    props;\n\n  const [selectedRowKeysState, setSelectedRowKeysState] = useState(\n    rowSelection?.selectedRowKeys || rowSelection?.defaultSelectedRowKeys || [],\n  );\n\n  const selectedRowKeys = rowSelection?.selectedRowKeys || selectedRowKeysState;\n\n  const getSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return data.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [data, rowKey],\n  );\n\n  // 获取用于全选状态计算和数据获取的完整数据\n  const allDataForSelection = useMemo(() => {\n    // 如果开启了 expandable，使用扁平化后的数据\n    if (isExpandable && flattenData) {\n      return flattenData;\n    }\n    // 否则使用原始数据\n    return data;\n  }, [isExpandable, flattenData, data]);\n\n  // 从完整数据中获取选中的行\n  const getAllSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return allDataForSelection.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [allDataForSelection, rowKey],\n  );\n\n  const changeSelectedRowKeys = useCallback(\n    (newSelectedRowKeys: string[]) => {\n      setSelectedRowKeysState(newSelectedRowKeys);\n\n      // 获取所有选中的行数据（包括被折叠的子项）\n      const allSelectedRows = getAllSelectedRows(newSelectedRowKeys);\n      rowSelection?.onChange?.(newSelectedRowKeys, allSelectedRows);\n    },\n    [getAllSelectedRows, rowSelection],\n  );\n\n  const checkboxAllStatus = getCheckboxAllStatus(\n    allDataForSelection,\n    selectedRowKeys,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n  );\n\n  const selectAll = useCallback(() => {\n    const newKeys = allDataForSelection.map((record) =>\n      getRowKey(record, rowKey),\n    );\n\n    changeSelectedRowKeys(newKeys);\n  }, [allDataForSelection, rowKey, changeSelectedRowKeys]);\n\n  const unSelectAll = useCallback(() => {\n    changeSelectedRowKeys([]);\n  }, [changeSelectedRowKeys]);\n\n  const onClickAllCheckbox = useCallback<(e?: React.MouseEvent) => void>(() => {\n    if (checkboxAllStatus === 'all') {\n      unSelectAll();\n    } else {\n      selectAll();\n    }\n  }, [checkboxAllStatus, unSelectAll, selectAll]);\n\n  // 获取节点的所有子孙节点keys\n  const getDescendantKeys = useCallback(\n    (parentKey: string): string[] => {\n      return getNodeDescendants(parentKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的所有祖先节点keys\n  const getAncestorKeys = useCallback(\n    (targetKey: string): string[] => {\n      return getNodeAncestors(targetKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的选择状态（考虑子节点状态）\n  const getNodeCheckStatus = useCallback(\n    (nodeKey: string): { checked: boolean; indeterminate: boolean } => {\n      return calculateNodeCheckStatus(\n        nodeKey,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n      );\n    },\n    [\n      selectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n    ],\n  );\n\n  const onClickCheckbox = useCallback(\n    (key: string, isChecked: boolean) => () => {\n      const newKeys = calculateCascadeSelection(\n        key,\n        isChecked,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n        getAncestorKeys,\n      );\n\n      changeSelectedRowKeys(newKeys);\n    },\n    [\n      selectedRowKeys,\n      changeSelectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n      getAncestorKeys,\n    ],\n  );\n\n  // 全选按钮\n  const getCheckboxAllNode = (children?: React.ReactNode) => (\n    <div className={prefixCls('row-selection-all')}>\n      <Checkbox\n        onClick={onClickAllCheckbox}\n        checked={checkboxAllStatus === 'all'}\n        indeterminate={checkboxAllStatus === 'indeterminate'}\n      >\n        {children}\n      </Checkbox>\n    </div>\n  );\n\n  if (!rowSelection) {\n    return {\n      columns,\n      isRowSelectionEnabled: false,\n      getCheckboxAllNode,\n      selectedRowKeys: [],\n      selectedRowKeysInCurrPage: [],\n      unSelectAll,\n      isShowRowSelectionInFooter: false,\n      items: [],\n      onChange: () => {},\n    };\n  }\n\n  if (!rowKey) {\n    throw new Error('rowKey is required when rowSelection is enabled');\n  }\n\n  const fixed = !!rowSelection.fixed || hasFixedLeftColumn(columns);\n\n  const rowSelectionColumn: ITableColumn<TDataItem> = {\n    dataIndex: '',\n    title: (\n      <div className={prefixCls('row-selection-all-header-wrap')}>\n        {getCheckboxAllNode()}\n      </div>\n    ),\n    width: 48,\n    render: (text: unknown, record: TDataItem) => {\n      const key = getRowKey(record, rowKey);\n      const nodeStatus = getNodeCheckStatus(key);\n      const checkboxProps = rowSelection.getCheckboxProps?.(record) || {};\n\n      return (\n        <div className={prefixCls('row-selection-item')}>\n          <Checkbox\n            onClick={onClickCheckbox(\n              key,\n              nodeStatus.checked || nodeStatus.indeterminate,\n            )}\n            checked={nodeStatus.checked}\n            indeterminate={nodeStatus.indeterminate}\n            {...checkboxProps}\n          />\n        </div>\n      );\n    },\n    fixed: fixed ? 'left' : undefined,\n  };\n\n  const selectedRowKeysInCurrPage = getDataWithoutDisabled(\n    data,\n    rowSelection.getCheckboxProps,\n  )\n    .map((record) => getRowKey(record, rowKey))\n    .filter((key) => selectedRowKeys.includes(key));\n\n  const isShowRowSelectionInFooter = selectedRowKeysInCurrPage.length > 0;\n\n  const items =\n    rowSelection.items?.map((operationItem) => ({\n      ...operationItem,\n      onClick: (e: React.MouseEvent) => {\n        operationItem.onClick(\n          selectedRowKeysInCurrPage,\n          getSelectedRows(selectedRowKeysInCurrPage),\n          e,\n        );\n      },\n    })) || [];\n\n  return {\n    columns: [rowSelectionColumn, ...columns],\n    isRowSelectionEnabled: true,\n    getCheckboxAllNode,\n    selectedRowKeys: selectedRowKeys, // 返回完整的选中项列表\n    selectedRowKeysInCurrPage, // 当前页面可见的选中项\n    unSelectAll,\n    isShowRowSelectionInFooter,\n    items,\n    onChange: changeSelectedRowKeys,\n  };\n}\n\nfunction getCheckboxAllStatus<TDataItem extends object>(\n  data: TDataItem[],\n  selectedRowKeys: string[],\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n): 'all' | 'none' | 'indeterminate' {\n  const selectedKeysInData = data\n    .map((record) => {\n      const key = getRowKey(record, rowKey);\n      if (selectedRowKeys.includes(key)) {\n        return key;\n      }\n      return null;\n    })\n    .filter((key) => key !== null);\n\n  if (selectedKeysInData.length === 0) {\n    return 'none';\n  }\n  const dataWithoutDisabled = getDataWithoutDisabled(data, getCheckboxProps);\n  if (selectedKeysInData.length === dataWithoutDisabled.length) {\n    return 'all';\n  }\n  return 'indeterminate';\n}\n\nfunction getDataWithoutDisabled<TDataItem extends object>(\n  data: TDataItem[],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n) {\n  return data.filter((record) => {\n    const checkboxProps = getCheckboxProps?.(record) || {};\n    const { disabled } = checkboxProps;\n    return !disabled;\n  });\n}\n\nexport interface IRowSelectionInfo<TDataItem extends object> {\n  columns: ITableProps<TDataItem>['columns'];\n  isRowSelectionEnabled: boolean;\n  getCheckboxAllNode: ((children?: React.ReactNode) => React.ReactNode) | null;\n  selectedRowKeys: string[]; // 完整的选中项列表\n  selectedRowKeysInCurrPage: string[]; // 当前页面可见的选中项\n  unSelectAll: (e: React.MouseEvent) => void;\n  isShowRowSelectionInFooter: boolean;\n  items: {\n    key: string;\n    label: React.ReactNode;\n    onClick: (e: React.MouseEvent) => void;\n  }[];\n  onChange: (selectedRowKeys: string[]) => void;\n}\n\n/**\n * 获取节点的所有子孙节点keys\n * @param parentKey 父节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据（包含所有节点，包括子节点）\n * @param rowKey 行key获取函数\n * @returns 子孙节点keys数组\n */\nexport function getNodeDescendants<TDataItem extends object>(\n  parentKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const descendants: string[] = [];\n\n  // 找到父节点在flattenData中的记录\n  const parentNode = flattenData.find(\n    (item) => getRowKey(item, rowKey) === parentKey,\n  );\n  if (!parentNode) return [];\n\n  // 从原始节点的children中收集所有子孙节点\n  const collectDescendants = (node: any) => {\n    const children = node.children || [];\n    children.forEach((child: any) => {\n      const childKey = getRowKey(child, rowKey);\n      descendants.push(childKey);\n      collectDescendants(child);\n    });\n  };\n\n  collectDescendants(parentNode);\n  return descendants;\n}\n\n/**\n * 获取节点的所有祖先节点keys\n * @param targetKey 目标节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据\n * @param rowKey 行key获取函数\n * @returns 祖先节点keys数组（从直接父节点到根节点）\n */\nexport function getNodeAncestors<TDataItem extends object>(\n  targetKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const ancestors: string[] = [];\n\n  // 找到目标节点的直接父节点\n  const findDirectParent = (childKey: string): TDataItem | null => {\n    for (const item of flattenData) {\n      const children = (item as any).children || [];\n      if (\n        children.some((child: any) => getRowKey(child, rowKey) === childKey)\n      ) {\n        return item;\n      }\n    }\n    return null;\n  };\n\n  let currentKey = targetKey;\n\n  for (;;) {\n    const parent = findDirectParent(currentKey);\n    if (!parent) break;\n\n    const parentKey = getRowKey(parent, rowKey);\n    ancestors.push(parentKey);\n    currentKey = parentKey;\n  }\n\n  return ancestors;\n}\n\n/**\n * 计算级联选择后的keys（包含向上级联）\n * @param targetKey 被操作的节点key\n * @param isChecked 当前是否选中\n * @param currentSelectedKeys 当前已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @param getAncestorKeys 获取祖先节点keys的函数\n * @returns 新的选中keys\n */\nexport function calculateCascadeSelection(\n  targetKey: string,\n  isChecked: boolean,\n  currentSelectedKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n  getAncestorKeys?: (nodeKey: string) => string[],\n): string[] {\n  if (\n    checkStrictly ||\n    !isExpandable ||\n    !getDescendantKeys ||\n    !getAncestorKeys\n  ) {\n    // 严格模式，不进行级联\n    return isChecked\n      ? currentSelectedKeys.filter((key) => key !== targetKey)\n      : [...currentSelectedKeys, targetKey];\n  }\n\n  let newKeys = [...currentSelectedKeys];\n\n  if (isChecked) {\n    // 取消选择：移除目标节点和所有子孙节点\n    newKeys = newKeys.filter((key) => key !== targetKey);\n    const descendants = getDescendantKeys(targetKey);\n    newKeys = newKeys.filter((key) => !descendants.includes(key));\n\n    // 向上级联：检查父节点是否需要取消选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果子孙节点没有全部选中，则父节点也应该取消选择\n      if (selectedDescendantsCount < ancestorDescendants.length) {\n        newKeys = newKeys.filter((key) => key !== ancestorKey);\n      }\n    });\n  } else {\n    // 选择：添加目标节点和所有子孙节点\n    if (!newKeys.includes(targetKey)) {\n      newKeys.push(targetKey);\n    }\n    const descendants = getDescendantKeys(targetKey);\n    descendants.forEach((descendantKey) => {\n      if (!newKeys.includes(descendantKey)) {\n        newKeys.push(descendantKey);\n      }\n    });\n\n    // 向上级联：检查父节点是否需要选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果所有子孙节点都被选中，则父节点也应该被选中\n      if (\n        selectedDescendantsCount === ancestorDescendants.length &&\n        !newKeys.includes(ancestorKey)\n      ) {\n        newKeys.push(ancestorKey);\n      }\n    });\n  }\n\n  return newKeys;\n}\n\n/**\n * 计算节点的选择状态（考虑子节点状态）\n * @param nodeKey 节点key\n * @param selectedRowKeys 已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @returns 节点的选择状态\n */\nexport function calculateNodeCheckStatus(\n  nodeKey: string,\n  selectedRowKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n): { checked: boolean; indeterminate: boolean } {\n  if (checkStrictly || !isExpandable || !getDescendantKeys) {\n    // 严格模式下或非展开模式，直接返回节点本身的选择状态\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const descendants = getDescendantKeys(nodeKey);\n\n  // 如果没有子节点，直接返回本身状态\n  if (descendants.length === 0) {\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const selectedDescendants = descendants.filter((key) =>\n    selectedRowKeys.includes(key),\n  );\n  const isNodeSelected = selectedRowKeys.includes(nodeKey);\n\n  if (isNodeSelected && selectedDescendants.length === descendants.length) {\n    // 节点本身选中且所有子节点都选中\n    return { checked: true, indeterminate: false };\n  } else if (!isNodeSelected && selectedDescendants.length === 0) {\n    // 节点本身未选中且所有子节点都未选中\n    return { checked: false, indeterminate: false };\n  } else {\n    // 部分选中的情况：节点选中但子节点未全选，或节点未选中但部分子节点选中\n    return { checked: false, indeterminate: true };\n  }\n}\n"],"mappings":"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"}

package/dist/Table/hooks/useScroll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IScroll } from '../types';
 /**
  * 横向滚动条相关逻辑
@@ -7,13 +6,13 @@ import { IScroll } from '../types';
  */
 export default function useScroll(props: IProps): {
     containerWidth: number | undefined;
-    headerRef: import("react").RefObject<HTMLDivElement>;
-    bodyRef: import("react").RefObject<HTMLDivElement>;
+    headerRef: import('react').RefObject<HTMLDivElement>;
+    bodyRef: import('react').RefObject<HTMLDivElement>;
     onBodyScroll: (e: React.UIEvent<HTMLDivElement>) => void;
     isPingLeft: boolean;
     isPingRight: boolean;
     scrollbarWidth: number;
-    changeIsPing: () => void;
+    changeIsPing: (totalColumnsWidth?: number) => void;
 };
 interface IProps {
     scroll: IScroll;

package/dist/Table/hooks/useScroll.js

@@ -1,144 +1,99 @@
-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 _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; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { scrollbarWidth as getScrollbarWidth } from '@xobotyi/scrollbar-width';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { getNumberFromPercentageStr } from "../helper";
-var scrollbarWidth = function () {
-  var barWidth = getScrollbarWidth();
-  if (typeof barWidth === 'undefined') {
-    return 0;
-  }
-  return barWidth;
-}();
-
+import { getNumberFromPercentageStr } from "../helper.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { scrollbarWidth } from "@xobotyi/scrollbar-width";
+//#region src/Table/hooks/useScroll.ts
+var scrollbarWidth$1 = (() => {
+	const barWidth = scrollbarWidth();
+	if (typeof barWidth === "undefined") return 0;
+	return barWidth;
+})();
 /**
- * 横向滚动条相关逻辑
- * @param props
- * @returns
- */
-export default function useScroll(props) {
-  var scroll = props.scroll,
-    totalSize = props.totalSize;
-  var headerRef = useRef(null);
-  var bodyRef = useRef(null);
-  var animationFrameId = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPingLeft = _useState2[0],
-    setIsPingLeft = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isPingRight = _useState4[0],
-    setIsPingRight = _useState4[1];
-  var x = scroll.x,
-    y = scroll.y;
-  var containerWidth = useMemo(function () {
-    if (!totalSize) {
-      return;
-    }
-    var width = getContainerWidth(x, totalSize.width);
-    if (y !== undefined) {
-      return Math.max(width - scrollbarWidth, 0);
-    }
-    return width;
-  }, [x, y, totalSize]);
-  var changeIsPing = useCallback(function () {
-    var elem = bodyRef.current;
-    if (!elem) {
-      return;
-    }
-
-    // 先检查表格是否真的需要横向滚动
-    var DEVIATION = 2;
-    var needsHorizontalScroll = elem.scrollWidth > elem.clientWidth + DEVIATION;
-    if (!needsHorizontalScroll) {
-      // 表格宽度足够，不需要横向滚动，隐藏左右两侧阴影
-      setIsPingLeft(false);
-      setIsPingRight(false);
-      return;
-    }
-
-    // 表格需要横向滚动，根据滚动位置判断是否显示阴影
-    var scrollLeft = elem.scrollLeft;
-    if (scrollLeft <= 0) {
-      setIsPingLeft(false);
-    } else {
-      setIsPingLeft(true);
-    }
-    if (isScrolledToRight(elem, y !== undefined ? scrollbarWidth : 0)) {
-      setIsPingRight(false);
-    } else {
-      setIsPingRight(true);
-    }
-  }, [y]);
-  useEffect(function () {
-    if (containerWidth && bodyRef.current) {
-      // 待表格渲染完成，宽度稳定后，初始化 ping 状态
-      changeIsPing();
-    }
-  }, [containerWidth, changeIsPing]);
-  var requestAnimationFrame = useCallback(function (callback) {
-    // animationFrame 可以保证滚动时，header 和 body 不会出现不同步的情况
-    if (animationFrameId.current !== null) {
-      window.cancelAnimationFrame(animationFrameId.current);
-    }
-    animationFrameId.current = window.requestAnimationFrame(callback);
-  }, []);
-  var onBodyScroll = useCallback(function (e) {
-    var target = e.target;
-    var scrollLeft = target.scrollLeft;
-    requestAnimationFrame(function () {
-      var _headerRef$current;
-      (_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.scrollTo({
-        left: scrollLeft
-      });
-      changeIsPing();
-    });
-  }, [requestAnimationFrame, changeIsPing]);
-  return {
-    containerWidth: containerWidth,
-    headerRef: headerRef,
-    bodyRef: bodyRef,
-    onBodyScroll: onBodyScroll,
-    isPingLeft: isPingLeft,
-    isPingRight: isPingRight,
-    scrollbarWidth: scrollbarWidth,
-    changeIsPing: changeIsPing
-  };
+* 横向滚动条相关逻辑
+* @param props
+* @returns
+*/
+function useScroll(props) {
+	const { scroll, totalSize } = props;
+	const headerRef = useRef(null);
+	const bodyRef = useRef(null);
+	const animationFrameId = useRef(null);
+	const [isPingLeft, setIsPingLeft] = useState(false);
+	const [isPingRight, setIsPingRight] = useState(false);
+	const { x, y } = scroll;
+	const containerWidth = useMemo(() => {
+		if (!totalSize) return;
+		const width = getContainerWidth(x, totalSize.width);
+		if (y !== void 0) return Math.max(width - scrollbarWidth$1, 0);
+		return width;
+	}, [
+		x,
+		y,
+		totalSize
+	]);
+	const changeIsPing = useCallback((totalColumnsWidth) => {
+		const elem = bodyRef.current;
+		if (!elem) return;
+		const needsHorizontalScroll = elem.scrollWidth > elem.clientWidth + 2;
+		const needsHorizontalScrollFallback = !needsHorizontalScroll && elem.scrollWidth === 0 && elem.clientWidth === 0 && !!totalColumnsWidth && totalColumnsWidth > 0;
+		if (!needsHorizontalScroll && !needsHorizontalScrollFallback) {
+			setIsPingLeft(false);
+			setIsPingRight(false);
+			return;
+		}
+		if (elem.scrollLeft <= 0) setIsPingLeft(false);
+		else setIsPingLeft(true);
+		if (needsHorizontalScrollFallback) setIsPingRight(true);
+		else if (isScrolledToRight(elem, y !== void 0 ? scrollbarWidth$1 : 0)) setIsPingRight(false);
+		else setIsPingRight(true);
+	}, [y]);
+	useEffect(() => {
+		if (containerWidth && bodyRef.current) changeIsPing();
+	}, [containerWidth, changeIsPing]);
+	const requestAnimationFrame = useCallback((callback) => {
+		if (animationFrameId.current !== null) window.cancelAnimationFrame(animationFrameId.current);
+		animationFrameId.current = window.requestAnimationFrame(callback);
+	}, []);
+	return {
+		containerWidth,
+		headerRef,
+		bodyRef,
+		onBodyScroll: useCallback((e) => {
+			const scrollLeft = e.target.scrollLeft;
+			requestAnimationFrame(() => {
+				headerRef.current?.scrollTo({ left: scrollLeft });
+				changeIsPing();
+			});
+		}, [requestAnimationFrame, changeIsPing]),
+		isPingLeft,
+		isPingRight,
+		scrollbarWidth: scrollbarWidth$1,
+		changeIsPing
+	};
 }
-// 计算最大可滚动值
 function getMaxScrollLeft(element, offsetRight) {
-  var maxScrollLeft = element.scrollWidth - element.clientWidth - offsetRight;
-  // 允许一些误差，避免因为浮点数计算导致的问题
-  var DEVIATION = 2;
-  return maxScrollLeft + DEVIATION;
+	return element.scrollWidth - element.clientWidth - offsetRight + 2;
 }
-
-// 判断是否滚动到最右侧
 function isScrolledToRight(element, offsetRight) {
-  return element.scrollLeft >= getMaxScrollLeft(element, offsetRight);
+	return element.scrollLeft >= getMaxScrollLeft(element, offsetRight);
 }
-
 /**
- * 获取可用实际宽度
- * @param scrollX 横向宽度值
- * @param width 容器的宽度
- */
-export function getContainerWidth(scrollX, width) {
-  if (typeof scrollX === 'string') {
-    var percent = getNumberFromPercentageStr(scrollX);
-    if (isNaN(percent)) {
-      console.error('scroll.x is not percentage string');
-      return width;
-    }
-    return percent * width / 100;
-  }
-  if (typeof scrollX === 'number') {
-    return scrollX;
-  }
-  return width;
-}
+* 获取可用实际宽度
+* @param scrollX 横向宽度值
+* @param width 容器的宽度
+*/
+function getContainerWidth(scrollX, width) {
+	if (typeof scrollX === "string") {
+		const percent = getNumberFromPercentageStr(scrollX);
+		if (isNaN(percent)) {
+			console.error("scroll.x is not percentage string");
+			return width;
+		}
+		return percent * width / 100;
+	}
+	if (typeof scrollX === "number") return scrollX;
+	return width;
+}
+//#endregion
+export { useScroll as default };
+
+//# sourceMappingURL=useScroll.js.map

package/dist/Table/hooks/useScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScroll.js","names":[],"sources":["../../../src/Table/hooks/useScroll.ts"],"sourcesContent":["import { scrollbarWidth as getScrollbarWidth } from '@xobotyi/scrollbar-width';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { getNumberFromPercentageStr } from '../helper';\nimport { IScroll } from '../types';\n\nconst scrollbarWidth = (() => {\n  const barWidth = getScrollbarWidth();\n  if (typeof barWidth === 'undefined') {\n    return 0;\n  }\n  return barWidth;\n})();\n\n/**\n * 横向滚动条相关逻辑\n * @param props\n * @returns\n */\nexport default function useScroll(props: IProps) {\n  const { scroll, totalSize } = props;\n  const headerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const animationFrameId = useRef<number | null>(null);\n  const [isPingLeft, setIsPingLeft] = useState(false);\n  const [isPingRight, setIsPingRight] = useState(false);\n\n  const { x, y } = scroll;\n\n  const containerWidth = useMemo(() => {\n    if (!totalSize) {\n      return;\n    }\n    const width = getContainerWidth(x, totalSize.width);\n    if (y !== undefined) {\n      return Math.max(width - scrollbarWidth, 0);\n    }\n    return width;\n  }, [x, y, totalSize]);\n\n  const changeIsPing = useCallback(\n    (totalColumnsWidth?: number) => {\n      const elem = bodyRef.current;\n      if (!elem) {\n        return;\n      }\n\n      // 先检查表格是否真的需要横向滚动\n      const DEVIATION = 2;\n      const needsHorizontalScroll =\n        elem.scrollWidth > elem.clientWidth + DEVIATION;\n\n      // Fallback for JSDOM or environments where scrollWidth/clientWidth are 0:\n      // if totalColumnsWidth is provided and positive, assume horizontal scroll is needed\n      const needsHorizontalScrollFallback =\n        !needsHorizontalScroll &&\n        elem.scrollWidth === 0 &&\n        elem.clientWidth === 0 &&\n        !!totalColumnsWidth &&\n        totalColumnsWidth > 0;\n\n      if (!needsHorizontalScroll && !needsHorizontalScrollFallback) {\n        // 表格宽度足够，不需要横向滚动，隐藏左右两侧阴影\n        setIsPingLeft(false);\n        setIsPingRight(false);\n        return;\n      }\n\n      // 表格需要横向滚动，根据滚动位置判断是否显示阴影\n      const scrollLeft = elem.scrollLeft;\n      if (scrollLeft <= 0) {\n        setIsPingLeft(false);\n      } else {\n        setIsPingLeft(true);\n      }\n\n      if (needsHorizontalScrollFallback) {\n        // In fallback mode (JSDOM), assume not scrolled to right\n        setIsPingRight(true);\n      } else if (\n        isScrolledToRight(elem, y !== undefined ? scrollbarWidth : 0)\n      ) {\n        setIsPingRight(false);\n      } else {\n        setIsPingRight(true);\n      }\n    },\n    [y],\n  );\n\n  useEffect(() => {\n    if (containerWidth && bodyRef.current) {\n      // 待表格渲染完成，宽度稳定后，初始化 ping 状态\n      changeIsPing();\n    }\n  }, [containerWidth, changeIsPing]);\n\n  const requestAnimationFrame = useCallback((callback: () => void) => {\n    // animationFrame 可以保证滚动时，header 和 body 不会出现不同步的情况\n    if (animationFrameId.current !== null) {\n      window.cancelAnimationFrame(animationFrameId.current);\n    }\n    animationFrameId.current = window.requestAnimationFrame(callback);\n  }, []);\n\n  const onBodyScroll = useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLDivElement;\n      const scrollLeft = target.scrollLeft;\n\n      requestAnimationFrame(() => {\n        headerRef.current?.scrollTo({\n          left: scrollLeft,\n        });\n        changeIsPing();\n      });\n    },\n    [requestAnimationFrame, changeIsPing],\n  );\n\n  return {\n    containerWidth,\n    headerRef,\n    bodyRef,\n    onBodyScroll,\n    isPingLeft,\n    isPingRight,\n    scrollbarWidth,\n    changeIsPing,\n  };\n}\n\ninterface IProps {\n  scroll: IScroll;\n  totalSize: {\n    width: number;\n    height: number;\n  } | null;\n}\n\n// 计算最大可滚动值\nfunction getMaxScrollLeft(element: HTMLDivElement, offsetRight: number) {\n  const maxScrollLeft = element.scrollWidth - element.clientWidth - offsetRight;\n  // 允许一些误差，避免因为浮点数计算导致的问题\n  const DEVIATION = 2;\n  return maxScrollLeft + DEVIATION;\n}\n\n// 判断是否滚动到最右侧\nfunction isScrolledToRight(element: HTMLDivElement, offsetRight: number) {\n  return element.scrollLeft >= getMaxScrollLeft(element, offsetRight);\n}\n\n/**\n * 获取可用实际宽度\n * @param scrollX 横向宽度值\n * @param width 容器的宽度\n */\nexport function getContainerWidth(scrollX: IScroll['x'], width: number) {\n  if (typeof scrollX === 'string') {\n    const percent = getNumberFromPercentageStr(scrollX);\n    if (isNaN(percent)) {\n      console.error('scroll.x is not percentage string');\n      return width;\n    }\n    return (percent * width) / 100;\n  }\n  if (typeof scrollX === 'number') {\n    return scrollX;\n  }\n  return width;\n}\n"],"mappings":";;;;AAKA,IAAM,0BAAwB;CAC5B,MAAM,WAAW,gBAAmB;AACpC,KAAI,OAAO,aAAa,YACtB,QAAO;AAET,QAAO;IACL;;;;;;AAOJ,SAAwB,UAAU,OAAe;CAC/C,MAAM,EAAE,QAAQ,cAAc;CAC9B,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,mBAAmB,OAAsB,KAAK;CACpD,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAErD,MAAM,EAAE,GAAG,MAAM;CAEjB,MAAM,iBAAiB,cAAc;AACnC,MAAI,CAAC,UACH;EAEF,MAAM,QAAQ,kBAAkB,GAAG,UAAU,MAAM;AACnD,MAAI,MAAM,OACR,QAAO,KAAK,IAAI,QAAQ,kBAAgB,EAAE;AAE5C,SAAO;IACN;EAAC;EAAG;EAAG;EAAU,CAAC;CAErB,MAAM,eAAe,aAClB,sBAA+B;EAC9B,MAAM,OAAO,QAAQ;AACrB,MAAI,CAAC,KACH;EAKF,MAAM,wBACJ,KAAK,cAAc,KAAK,cAFR;EAMlB,MAAM,gCACJ,CAAC,yBACD,KAAK,gBAAgB,KACrB,KAAK,gBAAgB,KACrB,CAAC,CAAC,qBACF,oBAAoB;AAEtB,MAAI,CAAC,yBAAyB,CAAC,+BAA+B;AAE5D,iBAAc,MAAM;AACpB,kBAAe,MAAM;AACrB;;AAKF,MADmB,KAAK,cACN,EAChB,eAAc,MAAM;MAEpB,eAAc,KAAK;AAGrB,MAAI,8BAEF,gBAAe,KAAK;WAEpB,kBAAkB,MAAM,MAAM,SAAY,mBAAiB,EAAE,CAE7D,gBAAe,MAAM;MAErB,gBAAe,KAAK;IAGxB,CAAC,EAAE,CACJ;AAED,iBAAgB;AACd,MAAI,kBAAkB,QAAQ,QAE5B,eAAc;IAEf,CAAC,gBAAgB,aAAa,CAAC;CAElC,MAAM,wBAAwB,aAAa,aAAyB;AAElE,MAAI,iBAAiB,YAAY,KAC/B,QAAO,qBAAqB,iBAAiB,QAAQ;AAEvD,mBAAiB,UAAU,OAAO,sBAAsB,SAAS;IAChE,EAAE,CAAC;AAiBN,QAAO;EACL;EACA;EACA;EACA,cAnBmB,aAClB,MAAqC;GAEpC,MAAM,aADS,EAAE,OACS;AAE1B,+BAA4B;AAC1B,cAAU,SAAS,SAAS,EAC1B,MAAM,YACP,CAAC;AACF,kBAAc;KACd;KAEJ,CAAC,uBAAuB,aAAa,CACtC;EAOC;EACA;EACA,gBAAA;EACA;EACD;;AAYH,SAAS,iBAAiB,SAAyB,aAAqB;AAItE,QAHsB,QAAQ,cAAc,QAAQ,cAAc,cAEhD;;AAKpB,SAAS,kBAAkB,SAAyB,aAAqB;AACvE,QAAO,QAAQ,cAAc,iBAAiB,SAAS,YAAY;;;;;;;AAQrE,SAAgB,kBAAkB,SAAuB,OAAe;AACtE,KAAI,OAAO,YAAY,UAAU;EAC/B,MAAM,UAAU,2BAA2B,QAAQ;AACnD,MAAI,MAAM,QAAQ,EAAE;AAClB,WAAQ,MAAM,oCAAoC;AAClD,UAAO;;AAET,SAAQ,UAAU,QAAS;;AAE7B,KAAI,OAAO,YAAY,SACrB,QAAO;AAET,QAAO"}

package/dist/Table/index.d.ts

@@ -1,6 +1,6 @@
-import React, { ForwardedRef } from 'react';
-import { ITableProps, ITableRef } from './types';
-declare function Table<TDataItem extends object>(props: ITableProps<TDataItem>, ref: ForwardedRef<ITableRef>): React.JSX.Element;
+import { default as React, ForwardedRef } from 'react';
+import { ITableProps, ITableRef } from './types.js';
+declare function Table<TDataItem extends object>(props: ITableProps<TDataItem>, ref: ForwardedRef<ITableRef>): import("react/jsx-runtime").JSX.Element;
 declare const _default: <TDataItem extends object>(props: ITableProps<TDataItem> & {
     ref?: React.ForwardedRef<ITableRef> | undefined;
 }) => ReturnType<typeof Table>;