Ben Lin
2024-06-25 7d26ed0e19bf952e7c037b21bfd687759b46e851
src/components/Table/src/hooks/useTableFooter.ts
@@ -2,15 +2,11 @@
import type { BasicTableProps } from '../types/table';
import { unref, computed, h, nextTick, watchEffect } from 'vue';
import TableFooter from '../components/TableFooter.vue';
import { useEventListener } from '/@/hooks/event/useEventListener';
import { useEventListener } from '@/hooks/event/useEventListener';
export function useTableFooter(
  propsRef: ComputedRef<BasicTableProps>,
  scrollRef: ComputedRef<{
    x: string | number | true;
    y: string | number | null;
    scrollToFirstRowOnChange: boolean;
  }>,
  scrollRef: ComputedRef<BasicTableProps['scroll']>,
  tableElRef: Ref<ComponentRef>,
  getDataSourceRef: ComputedRef<Recordable>,
) {
@@ -36,13 +32,13 @@
    nextTick(() => {
      const tableEl = unref(tableElRef);
      if (!tableEl) return;
      const bodyDom = tableEl.$el.querySelector('.ant-table-content');
      const bodyDom = tableEl.$el.querySelector(' .ant-table-content,  .ant-table-body');
      useEventListener({
        el: bodyDom,
        name: 'scroll',
        listener: () => {
          const footerBodyDom = tableEl.$el.querySelector(
            '.ant-table-footer .ant-table-content',
            '.ant-table-footer .ant-table-container  [class^="ant-table-"]',
          ) as HTMLDivElement;
          if (!footerBodyDom || !bodyDom) return;
          footerBodyDom.scrollLeft = bodyDom.scrollLeft;