zmdms-webui 2.4.2 → 2.4.3

package/dist/es/table/interface.d.ts

@@ -289,12 +289,21 @@ interface ITableRefHandel {
      */
     clearErrorClass?: () => void;
     /**
-     * 滚动
-     */
-    scrollTo?: (obj: {
-        row: number;
-        y: number;
-        vid: string;
+     * 滚动到指定位置
+     * 虚拟滚动时：使用 virtuallist-antd 的 scrollTo 方法，需要传 row、y、vid
+     * 普通滚动时：操作 DOM，可以传 y、x 或 index
+     * @param options.row - 虚拟滚动时滚动到第几行
+     * @param options.y - 垂直滚动的像素值
+     * @param options.x - 水平滚动的像素值
+     * @param options.vid - 虚拟滚动的唯一标识符
+     * @param options.index - 滚动到指定行索引（普通滚动）
+     */
+    scrollTo?: (options: {
+        row?: number;
+        y?: number;
+        x?: number;
+        vid?: string;
+        index?: number;
     }) => void;
     /**
      * 重置

package/dist/es/table/table.js

@@ -19,7 +19,7 @@ import useSummary from './useSummary.js';
 import useInnerPagination, { getInnerIndex } from './useInnerPagination.js';
 import { useScuRfresh, useCustomSort, useCalcScrollY, useEditChange, useMoveRowChange, useAddAndDelChange, useCustomFilter, useAutoMerge } from './hooks.js';
 import { HTML5Backend } from '../node_modules/react-dnd-html5-backend/dist/index.js';
-import { VList, scrollTo } from '../node_modules/virtuallist-antd/dist/index.es.js';
+import { scrollTo, VList } from '../node_modules/virtuallist-antd/dist/index.es.js';
 import useTableValidate, { tableValidate } from './useTableValidate.js';
 import TitleDirectionColumn from './components/TitleDirectionColumn.js';
 import { useExcelExport } from './excel.js';
@@ -193,6 +193,43 @@ var Table = function (props) {
     });
     // 表格验证
     var _y = useTableValidate(), tableRef = _y.tableRef, getCurrentTable = _y.getCurrentTable, clearErrorClass = _y.clearErrorClass;
+    // 滚动条控制方法
+    var scrollToPosition = useMemoizedFn(function (options) {
+        var _a;
+        // 如果是虚拟滚动，使用 virtuallist-antd 的 scrollTo 方法
+        if (virtualKey && options.vid) {
+            scrollTo({
+                row: options.row || 0,
+                y: options.y || 0,
+                vid: options.vid || virtualKey,
+            });
+        }
+        else {
+            // 普通滚动，操作 DOM
+            var tableBody = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".ant-table-body");
+            if (tableBody) {
+                // 如果指定了 y 值，直接滚动到指定位置
+                if (typeof options.y === "number") {
+                    tableBody.scrollTop = options.y;
+                }
+                // 如果指定了 x 值，直接滚动到指定位置
+                if (typeof options.x === "number") {
+                    tableBody.scrollLeft = options.x;
+                }
+                // 如果指定了 index，滚动到指定行
+                if (typeof options.index === "number") {
+                    var rows = tableBody.querySelectorAll(".ant-table-row");
+                    var targetRow = rows[options.index];
+                    if (targetRow) {
+                        targetRow.scrollIntoView({
+                            behavior: "smooth",
+                            block: "center",
+                        });
+                    }
+                }
+            }
+        }
+    });
     // 虚拟滚动选项
     var vComponents = useMemo(function () {
         if (virtualKey) {
@@ -307,9 +344,13 @@ var Table = function (props) {
             }); },
             /** 清除错误样式 */
             clearErrorClass: clearErrorClass,
-            /** 虚拟滚动 滚动到顶部方法 */
-            scrollTo: function (obj) {
-                scrollTo(obj);
+            /**
+             * 滚动到指定位置
+             * 虚拟滚动时使用 virtuallist-antd 的 scrollTo 方法
+             * 普通滚动时操作 DOM
+             */
+            scrollTo: function (options) {
+                scrollToPosition(options);
             },
             /** 动态列配置重置 */
             onResetDynamicList: function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",