@lingxiteam/ebe-utils 0.2.4 → 0.2.5

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useFormatCell.tsx

@@ -1,15 +1,8 @@
 import { message } from 'antd';
+import Qs from 'qs';
 import CustomModule from '../../utils/CustomModule';
 import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
-import {
-  CUSTOM,
-  DOWNLOAD_FILE,
-  OPEN_MODAL,
-  PAGE_JUMP,
-  PREVIEW_FILE,
-  ROUTE_PUSH,
-  ROUTE_REPLACE,
-} from '../constant';
+import { CUSTOM, DOWNLOAD_FILE, OPEN_MODAL, PAGE_JUMP, PREVIEW_FILE, ROUTE_PUSH, ROUTE_REPLACE } from '../constant';
 import type { ContentClick, FuncCode } from '../types/contentStyle';
 
 interface useFormatCellProps extends ContentClick {
@@ -76,57 +69,56 @@ const useFormatCell = (props: useFormatCellProps) => {
     return content;
   };
 
-  const handlePageJump = async (
-    row: any,
-    rowId: string | number,
-    rowIndex: number,
-  ) => {
-    if (page) {
-      const { pagePath, searchParams = {} } = page;
-      const newSearchParams: any = {};
+  // 获取页面-url参数/路由数据 弹窗-组件状态
+  const getParams = (params: any = {}, row: any, rowId: string | number, rowIndex: number) => {
+    const newParams: any = {};
+    Object.keys(params).forEach(key => {
+      if (typeof params[key] === 'string') {
+        const exp = params[key];
+        params[key] = (row: any, rowId: string | number, index: number) =>
+          engineApis?.sandBoxSafeRun(exp, {
+            row,
+            rowId,
+            index,
+          });
+      }
 
-      Object.keys(searchParams).forEach((key) => {
-        if (typeof searchParams[key] === 'string') {
-          const exp = searchParams[key];
-          searchParams[key] = (
-            row: any,
-            rowId: string | number,
-            index: number,
-          ) =>
-            engineApis?.sandBoxSafeRun(exp, {
-              row,
-              rowId,
-              index,
-            });
+      if (typeof params[key] === 'function') {
+        try {
+          newParams[key] = params[key](row, rowId, rowIndex);
+        } catch (e) {
+          console.error(e);
         }
+      }
+    });
+    return newParams;
+  };
 
-        if (typeof searchParams[key] === 'function') {
-          try {
-            newSearchParams[key] = searchParams[key](row, rowId, rowIndex);
-          } catch (e) {
-            console.error(e);
-          }
-        }
-      });
+  const handlePageJump = async (row: any, rowId: string | number, rowIndex: number) => {
+    if (page) {
+      const { pagePath, searchParams = {}, routerData = {} } = page;
+      const newSearchParams = getParams(searchParams, row, rowId, rowIndex);
+      const newRouteData = getParams(routerData, row, rowId, rowIndex);
 
-      let newPath = pagePath || '';
-      Object.keys(newSearchParams).forEach((key) => {
-        if (!newPath.includes(`${key}=`)) {
-          newPath += `${newPath.includes('?') ? '&' : '?'}${key}=${
-            newSearchParams[key]
-          }`;
-        }
-      });
+      const newPath = pagePath || '';
 
       switch (openType) {
         case ROUTE_PUSH:
           if (typeof engineApis?.historyPush === 'function') {
-            engineApis.historyPush(newPath);
+            engineApis.historyPush(newPath, {
+              search: Qs.stringify(newSearchParams),
+              state: newRouteData,
+              LCDP_HISTORY_JUMP: true,
+            });
           }
           break;
         case ROUTE_REPLACE:
           if (typeof engineApis?.historyReplace === 'function') {
-            engineApis.historyReplace(newPath);
+            engineApis.historyReplace(newPath, {
+              search: Qs.stringify(newSearchParams),
+              state: newRouteData,
+              LCDP_HISTORY_JUMP: true,
+            });
           }
           break;
         default:
@@ -135,34 +127,11 @@ const useFormatCell = (props: useFormatCellProps) => {
     }
   };
 
-  const handleOpenModal = async (
-    row: any,
-    rowId: string | number,
-    rowIndex: number,
-  ) => {
+  const handleOpenModal = async (row: any, rowId: string | number, rowIndex: number) => {
     if (modal) {
       const { pageId, compStates = {} } = modal;
 
-      const newCompStates: any = {};
-      Object.keys(compStates).forEach((key) => {
-        if (typeof compStates[key] === 'string') {
-          const exp = compStates[key];
-          compStates[key] = (row: any, rowId: string | number, index: number) =>
-            engineApis?.sandBoxSafeRun(exp, {
-              row,
-              rowId,
-              index,
-            });
-        }
-
-        if (typeof compStates[key] === 'function') {
-          try {
-            newCompStates[key] = compStates[key](row, rowId, rowIndex);
-          } catch (e) {
-            console.error(e);
-          }
-        }
-      });
+      const newCompStates = getParams(compStates, row, rowId, rowIndex);
 
       if (engineApis?.openModal) {
         engineApis.openModal({
@@ -238,8 +207,7 @@ const useFormatCell = (props: useFormatCellProps) => {
 
     if (typeof engineApis?.BannerModal?.open === 'function') {
       // 弹窗预览
-      realFileIds =
-        typeof realFileIds === 'string' ? [realFileIds] : realFileIds;
+      realFileIds = typeof realFileIds === 'string' ? [realFileIds] : realFileIds;
       const fileList = realFileIds.map((fileId: string | number) => {
         return {
           fileId,
@@ -257,10 +225,7 @@ const useFormatCell = (props: useFormatCellProps) => {
         appId: realAppId,
         modalWidth,
       });
-    } else if (
-      previewType !== undefined &&
-      typeof engineApis?.previewFile === 'function'
-    ) {
+    } else if (previewType !== undefined && typeof engineApis?.previewFile === 'function') {
       // 新窗口预览
       realFileIds = Array.isArray(realFileIds) ? realFileIds[0] : realFileIds;
       try {
@@ -275,11 +240,7 @@ const useFormatCell = (props: useFormatCellProps) => {
     }
   };
 
-  const onCellClick = async (
-    row: any,
-    rowId: string | number,
-    rowIndex: number,
-  ) => {
+  const onCellClick = async (row: any, rowId: string | number, rowIndex: number) => {
     switch (clickType) {
       case PAGE_JUMP:
         handlePageJump(row, rowId, rowIndex);

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/usePagination.ts

@@ -43,8 +43,7 @@ const usePagination = (props: any) => {
   originPagination.current.pageSize = originPageSize;
   useEffect(() => {
     if (tableUpdateInnerDataSource) {
-      const { total: totalRef, current: currentRef } =
-        originPagination.current || {};
+      const { total: totalRef, current: currentRef } = originPagination.current || {};
       // 数据源更新时，将总数和当前页重置成表达式或属性配置的值
       if (totalRef) {
         setTotal(totalRef);
@@ -61,7 +60,7 @@ const usePagination = (props: any) => {
       try {
         const arr = JSON.parse(pageSizeOptions);
         if (Array.isArray(arr)) {
-          return arr.map((s) => String(s));
+          return arr.map(s => String(s));
         }
         return [];
       } catch (e) {
@@ -75,9 +74,7 @@ const usePagination = (props: any) => {
   const paginationCurrent = (current ? +current : current) || 1;
   const paginationPageSize = (pageSize ? +pageSize : pageSize) || 10;
   const pagination = {
-    showTotal: showTotal
-      ? (total: number) => getLocale('Pagination.showTotal', { tol: total })
-      : undefined,
+    showTotal: showTotal ? (total: number) => getLocale('Pagination.showTotal', { tol: total }) : undefined,
     // TODO: 这里目前存在一个问题，若配置了空的分页事件，自动认为是后端分页，实际上
     current: (hasPageChangeEvent ? paginationCurrent : currentPage) || 1,
     pageSize: (hasPageChangeEvent ? paginationPageSize : currentPageSize) || 10,
@@ -100,17 +97,11 @@ const usePagination = (props: any) => {
   useEffect(() => {
     // 前端分页时，若传入的分页信息有变更且有效，需要更新内部维护的分页数据
     if (!hasPageChangeEvent) {
-      if (
-        typeof current === 'number' ||
-        (typeof current === 'string' && !isNaN(Number(current)))
-      ) {
+      if (typeof current === 'number' || (typeof current === 'string' && !isNaN(Number(current)))) {
         setCurrentPage(Number(current));
       }
 
-      if (
-        typeof pageSize === 'number' ||
-        (typeof pageSize === 'string' && !isNaN(Number(pageSize)))
-      ) {
+      if (typeof pageSize === 'number' || (typeof pageSize === 'string' && !isNaN(Number(pageSize)))) {
         setCurrentPageSize(Number(pageSize));
       }
     }

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useRowEdit.ts

@@ -1,12 +1,7 @@
 import _ from 'lodash';
 import { useState } from 'react';
 import { EDIT_COMPONENT_STOP_PROPAGATION_CLS } from '../constant';
-import {
-  deleteTempRowProperties,
-  EMPTY_ROW_TEMP_KEY_ATTR,
-  getFormItemFieldName,
-  LATEST_EMPTY_ROW_FLAG_ATTR,
-} from '../utils';
+import { deleteTempRowProperties, EMPTY_ROW_TEMP_KEY_ATTR, getFormItemFieldName, LATEST_EMPTY_ROW_FLAG_ATTR } from '../utils';
 
 const useRowEdit = (props: any) => {
   const {
@@ -59,9 +54,7 @@ const useRowEdit = (props: any) => {
       return;
     }
 
-    const trow: any = innerDataSource.find(
-      (i: any) => i[currentRowKey] === nowInlineEditKey,
-    );
+    const trow: any = innerDataSource.find((i: any) => i[currentRowKey] === nowInlineEditKey);
     if (trow) {
       Object.assign(trow, nowEditingData);
       deleteTempRowProperties(trow);
@@ -69,9 +62,7 @@ const useRowEdit = (props: any) => {
 
     if (!tableUpdateInnerDataSource) {
       // 单行保存编辑时，需要将修改后的值同步到绑定的数据源
-      const syncPropsDataSourceRow = props.dataSource?.find(
-        (r: any) => r[currentRowKey] === nowInlineEditKey,
-      );
+      const syncPropsDataSourceRow = props.dataSource?.find((r: any) => r[currentRowKey] === nowInlineEditKey);
       if (syncPropsDataSourceRow) {
         Object.assign(syncPropsDataSourceRow, nowEditingData);
         deleteTempRowProperties(syncPropsDataSourceRow);
@@ -86,17 +77,13 @@ const useRowEdit = (props: any) => {
     editInlineRow(null);
   };
 
-  const editInlineRow = (
-    editkey: React.SetStateAction<string | null | undefined>,
-  ) => {
+  const editInlineRow = (editkey: React.SetStateAction<string | null | undefined>) => {
     // 开始行内编辑行方法
     if (editkey === undefined) {
       return;
     }
 
-    const trow: any = innerDataSource.find(
-      (i: any) => i[currentRowKey] === editkey,
-    );
+    const trow: any = innerDataSource.find((i: any) => i[currentRowKey] === editkey);
     if (onBeforeInlineEdit) {
       // 如果有这个回调，先触发这个回调
       // 预留坑：如果要判断该行不允许编辑之类的，可以在这里做准备
@@ -114,7 +101,7 @@ const useRowEdit = (props: any) => {
     // 取消时重置为原始数据
     if (typeof form?.setFieldsValue === 'function') {
       const originRow: Record<string, any> = {};
-      Object.keys(row).forEach((key) => {
+      Object.keys(row).forEach(key => {
         // 表单项名称
         const fieldName = getFormItemFieldName({
           compId,
@@ -130,36 +117,22 @@ const useRowEdit = (props: any) => {
     setNowEditingData(null);
     setNowInlineEditKey(null);
     // 取消编辑的时候，如果当前行是刚刚新增的空白行，则过滤当前行
-    const isLatestCreationTempRow =
-      row?.[LATEST_EMPTY_ROW_FLAG_ATTR] && row?.[EMPTY_ROW_TEMP_KEY_ATTR];
+    const isLatestCreationTempRow = row?.[LATEST_EMPTY_ROW_FLAG_ATTR] && row?.[EMPTY_ROW_TEMP_KEY_ATTR];
     setInnerDataSource(
-      innerDataSource.filter((i: any) =>
-        isLatestCreationTempRow
-          ? row?.[EMPTY_ROW_TEMP_KEY_ATTR] !== i?.[EMPTY_ROW_TEMP_KEY_ATTR]
-          : true,
-      ),
+      innerDataSource.filter((i: any) => (isLatestCreationTempRow ? row?.[EMPTY_ROW_TEMP_KEY_ATTR] !== i?.[EMPTY_ROW_TEMP_KEY_ATTR] : true))
     );
 
     // 同样的，需要移除选中数据中的当前行
     if (isLatestCreationTempRow) {
       onRowSelected(
-        selectedRows.filter(
-          (r: any) => row?.[currentRowKey] !== r?.[currentRowKey],
-        ),
-        false,
+        selectedRows.filter((r: any) => row?.[currentRowKey] !== r?.[currentRowKey]),
+        false
       );
     }
 
     // 倘若绑定了数据源，需要通过引用的方式，移除对应的临时数据
-    if (
-      isLatestCreationTempRow &&
-      dataSourceFromDataSourceConfig &&
-      !tableUpdateInnerDataSource
-    ) {
-      const targetIndex = innerDataSource.findIndex(
-        (i: any) =>
-          row?.[EMPTY_ROW_TEMP_KEY_ATTR] === i?.[EMPTY_ROW_TEMP_KEY_ATTR],
-      );
+    if (isLatestCreationTempRow && dataSourceFromDataSourceConfig && !tableUpdateInnerDataSource) {
+      const targetIndex = innerDataSource.findIndex((i: any) => row?.[EMPTY_ROW_TEMP_KEY_ATTR] === i?.[EMPTY_ROW_TEMP_KEY_ATTR]);
       (outerDataSource as any)?.splice(targetIndex, 1);
     }
   };
@@ -191,29 +164,20 @@ const useRowEdit = (props: any) => {
     }
   };
 
-  const onRowAttrValsChange = (
-    row: any,
-    attr: string,
-    newAttrVal: any,
-    otherAttrVals: any,
-  ) => {
+  const onRowAttrValsChange = (row: any, attr: string, newAttrVal: any, otherAttrVals: any) => {
     if (editMode === 'multiple') {
-      const editRow = innerDataSource.find(
-        (r: any) => r[currentRowKey] === row[currentRowKey],
-      );
+      const editRow = innerDataSource.find((r: any) => r[currentRowKey] === row[currentRowKey]);
       let syncPropsDataSourceRow: Record<string, any> = {};
       if (!tableUpdateInnerDataSource) {
         // 整表编辑时，需要将修改后的值同步到绑定的数据源
-        syncPropsDataSourceRow = outerDataSource?.find(
-          (r: any) => r[currentRowKey] === row[currentRowKey],
-        );
+        syncPropsDataSourceRow = outerDataSource?.find((r: any) => r[currentRowKey] === row[currentRowKey]);
       }
 
       // 兼容attr(表格的dataIndex)为层级的情况
       _.set(editRow, attr, newAttrVal);
       _.set(syncPropsDataSourceRow, attr, newAttrVal);
 
-      Object.keys(otherAttrVals).forEach((op) => {
+      Object.keys(otherAttrVals).forEach(op => {
         editRow[op] = otherAttrVals[op];
         syncPropsDataSourceRow[op] = otherAttrVals[op];
       });
@@ -222,7 +186,7 @@ const useRowEdit = (props: any) => {
     }
 
     _.set(nowEditingData, attr, newAttrVal);
-    Object.keys(otherAttrVals).forEach((op) => {
+    Object.keys(otherAttrVals).forEach(op => {
       nowEditingData[op] = otherAttrVals[op];
     });
     setNowEditingData({ ...nowEditingData });
@@ -239,10 +203,7 @@ const useRowEdit = (props: any) => {
       if (!curentTarget.contains(target)) {
         return false;
       }
-      if (
-        typeof target?.className === 'string' &&
-        target.className.includes(EDIT_COMPONENT_STOP_PROPAGATION_CLS)
-      ) {
+      if (typeof target?.className === 'string' && target.className.includes(EDIT_COMPONENT_STOP_PROPAGATION_CLS)) {
         return true;
       }
       target = target?.parentNode as HTMLBaseElement;
@@ -270,10 +231,7 @@ const useRowEdit = (props: any) => {
           stopDoubleClick = true;
           break;
         }
-        if (
-          typeof target?.className === 'string' &&
-          target.className.includes(EDIT_COMPONENT_STOP_PROPAGATION_CLS)
-        ) {
+        if (typeof target?.className === 'string' && target.className.includes(EDIT_COMPONENT_STOP_PROPAGATION_CLS)) {
           stopDoubleClick = true;
           break;
         }
@@ -281,11 +239,7 @@ const useRowEdit = (props: any) => {
       }
 
       if (!stopDoubleClick) {
-        onRowDoubleClick(
-          currentRowKey ? record[currentRowKey] : record,
-          record,
-          index,
-        );
+        onRowDoubleClick(currentRowKey ? record[currentRowKey] : record, record, index);
       }
     }
   };

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useRowMerge.ts

@@ -2,8 +2,7 @@ import _ from 'lodash';
 import { useMemo } from 'react';
 
 const useRowMerge = (props: any) => {
-  const { currentPageDataSource, columns, nowInlineEditKey, currentRowKey } =
-    props;
+  const { currentPageDataSource, columns, nowInlineEditKey, currentRowKey } = props;
 
   // 记录所有设置了行合并的列
   const rowSpanColMap = useMemo(() => {
@@ -36,15 +35,10 @@ const useRowMerge = (props: any) => {
           newD.children = recursiveSet(newD.children);
         }
         // 正在编辑的或者有子节点的不算入合并行计算中
-        if (
-          (nowInlineEditKey &&
-            currentRowKey &&
-            nowInlineEditKey === d[currentRowKey]) ||
-          newD?.children?.length > 0
-        ) {
+        if ((nowInlineEditKey && currentRowKey && nowInlineEditKey === d[currentRowKey]) || newD?.children?.length > 0) {
           return newD;
         }
-        Object.keys(rowSpanColMap).forEach((rowIndex) => {
+        Object.keys(rowSpanColMap).forEach(rowIndex => {
           __rowSpan[rowIndex] = 1;
           if (!parentSpanRowsMap[rowIndex]) {
             parentSpanRowsMap[rowIndex] = {

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useScroll.ts

@@ -1,34 +1,26 @@
+import { useEventListener } from 'ahooks';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
 const useScroll = (props: any) => {
-  const {
-    initLoadColWidth,
-    finalcolumns,
-    columnWidth,
-    adjustModel,
-    scroll: tableScroll,
-  } = props;
+  const { initLoadColWidth, finalcolumns, columnWidth, adjustModel, scroll: tableScroll } = props;
 
   const tableWrapRef = useRef<any>();
   const initTableWrapWidthRef = useRef<any>();
-  const preTablePosition = useRef<any>(); // 缓存上次计算位置的表格位置
-  const [tableScrollY, setTableScrollY] = useState(0);
+  const initTableWrapPosition = useRef<any>();
+
+  const [tableScrollY, setTableScrollY] = useState<number | 'auto'>(0);
 
   /**
    * 适配 scroll，主要是 scroll.x
    * antd 4.x 在设置横向滚动时，表格宽度最好大于列宽度（如果有设置的话）总和，否则会出现列被挤压的情况
    */
   const realScroll = useMemo(() => {
-    if (
-      tableScroll &&
-      typeof tableScroll === 'object' &&
-      !Array.isArray(tableScroll)
-    ) {
+    if (tableScroll && typeof tableScroll === 'object' && !Array.isArray(tableScroll)) {
       if (finalcolumns && finalcolumns.length) {
         const colWidths = finalcolumns.reduce(
           // 没有配置宽度的，计算时，默认给一个缺省值100
           (prev: any, next: any) => Number(prev) + Number(next.width || 100),
-          [0],
+          [0]
         );
         const tableScrollX = tableScroll.x || 0;
 
@@ -47,47 +39,52 @@ const useScroll = (props: any) => {
     return columnWidth.reduce((acc: number, width: number) => acc + width, 0);
   };
 
+  const getTablePosition = () => {
+    const initPosition = initTableWrapPosition.current;
+    if (!initPosition) {
+      const tableWrapPosition = tableWrapRef?.current?.getBoundingClientRect?.() || {};
+      initTableWrapPosition.current = tableWrapPosition;
+    }
+    return {
+      initPosition: initTableWrapPosition.current,
+    };
+  };
+
+  const getCompOtherHeight = (comp: HTMLElement) => {
+    if (!comp) return 0;
+    const computedStyle = window.getComputedStyle(comp);
+    const bottom = Number(computedStyle.getPropertyValue('margin-bottom').replace(/\D+/, '')) || 0;
+    return bottom;
+  };
+
   const computedTablePosition = () => {
+    if (tableWrapRef.current) {
+      (tableWrapRef.current as HTMLElement).classList.remove('ued-table-fill-content');
+      (tableWrapRef.current as HTMLElement).style.height = '';
+    }
     if (tableWrapRef.current && !tableScroll?.y && adjustModel === 'fill') {
       // 当前表格所在位置
-      const tableWrapPosition =
-        tableWrapRef?.current?.getClientRects?.()?.[0] || {};
+      const { initPosition } = getTablePosition();
       // 表格位置超过屏幕 1/2不自适应
-      if (tableWrapPosition.y <= window.innerHeight / 2) {
-        const tableHeight = window.innerHeight - tableWrapPosition.y;
-        // 分页高度
-        let paginationHeight = 0;
-        let tableHeaderHeight = 0;
-        const paginationRef = tableWrapRef?.current?.querySelector?.(
-          '.pcfactory-pagination',
-        );
-        const theadRef = tableWrapRef?.current?.querySelector?.('thead');
-        if (paginationRef && paginationRef.offsetHeight) {
-          paginationHeight = paginationRef.offsetHeight;
-        }
-        if (theadRef && theadRef.offsetHeight) {
-          tableHeaderHeight = theadRef.offsetHeight;
-        }
-        // 表格内容区域高度
-        const tableContainerHeight = tableHeight - paginationHeight - 50;
-        const tableScrollHeight = tableContainerHeight - tableHeaderHeight;
-        // 表格区域设置固定高度 填充剩余页面
-        tableWrapRef.current.querySelector(
-          '.pcfactory-table',
-        ).style.height = `${tableContainerHeight}px`;
-        setTableScrollY(tableScrollHeight);
-        // 保存当前表格位置
-        preTablePosition.current = tableWrapPosition.y;
+      if (initPosition.y <= window.innerHeight / 2) {
+        (tableWrapRef.current as HTMLElement).classList.add('ued-table-fill-content');
+        // 表格最后高度，要求表格为最后一个元素
+        const tableHeight = window.innerHeight - initPosition.y;
+        const otherHeight = getCompOtherHeight(tableWrapRef.current);
+        tableWrapRef.current.style.height = `${tableHeight - otherHeight}px`;
+        window.requestAnimationFrame(() => {
+          const { bottom } = tableWrapRef?.current?.getBoundingClientRect?.() || {};
+          const bottomHeight = window.innerHeight - bottom;
+          // 减去外层边距
+          tableWrapRef.current.style.height = `${tableHeight - otherHeight - bottomHeight}px`;
+        });
+        setTableScrollY('auto');
       }
     }
   };
 
-  useEffect(() => {
-    const top = (tableWrapRef?.current?.getClientRects?.()?.[0] || {}).y;
-    // 位置变化了
-    if (preTablePosition.current && preTablePosition.current !== top) {
-      computedTablePosition();
-    }
+  useEventListener('resize', () => {
+    computedTablePosition();
   });
 
   useEffect(() => {
@@ -97,15 +94,8 @@ const useScroll = (props: any) => {
     }
   }, [tableWrapRef.current]);
 
-  const scroll: any = initLoadColWidth
-    ? { ...tableScroll, x: getTableWrapWidth() }
-    : realScroll;
-  if (
-    tableWrapRef.current &&
-    !tableScroll?.y &&
-    adjustModel === 'fill' &&
-    tableScrollY > 0
-  ) {
+  const scroll: any = initLoadColWidth ? { ...tableScroll, x: getTableWrapWidth() } : realScroll;
+  if (tableWrapRef.current && !tableScroll?.y && adjustModel === 'fill') {
     scroll.y = tableScrollY;
   }