pro-design-vue 1.3.19 → 1.3.20

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.19 */
+/*! Pro Design Vue v1.3.20 */
 
 import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$1, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
 import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, createTextVNode, useAttrs, useTemplateRef, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, vModelText } from 'vue';
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 const DEFAULT_NAMESPACE = "pro";
 const DEFAULT_LOCALE = "zh-CN";
 
-const version$1 = "1.3.19";
+const version$1 = "1.3.20";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -24714,6 +24714,7 @@ const useContainer = (props) => {
   const hasFullScreen = ref(false);
   const { componentSize, table } = useProConfigInject();
   const sortKeyColumns = ref([]);
+  const [scrollViewportHeight, setScrollViewportHeight] = useState(0);
   const [tableSize, setTableSize] = useMergedState$1(
     () => {
       var _a2, _b, _c, _d;
@@ -24855,6 +24856,8 @@ const useContainer = (props) => {
     hasFullScreen,
     rootDomRef,
     tableSize,
+    scrollViewportHeight,
+    setScrollViewportHeight,
     setTableSize,
     sortKeyColumns,
     setSortKeyColumns: (keys) => {
@@ -24956,6 +24959,23 @@ const flatColumnsHandle = (columns) => {
   return flatColumns;
 };
 
+let isMacOsUserAgentCache;
+function isMacOsUserAgent() {
+  if (!isMacOsUserAgentCache) {
+    isMacOsUserAgentCache = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+  }
+  return isMacOsUserAgentCache;
+}
+let isIOSUserAgentCache;
+function isIOSUserAgent() {
+  if (!isIOSUserAgentCache) {
+    isIOSUserAgentCache = (/iPad|iPhone|iPod/.test(navigator.platform) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 1) && !window.MSStream;
+  }
+  return isIOSUserAgentCache;
+}
+const chrome = /Chrome\/(\d+)/.exec(navigator.userAgent);
+chrome && +chrome[1];
+
 function useMergedState(defaultStateValue, option) {
   const { defaultValue, value = ref() } = option || {};
   let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
@@ -29051,23 +29071,6 @@ const useInjectHeader = () => {
   return inject(HeaderContextKey, {});
 };
 
-let isMacOsUserAgentCache;
-function isMacOsUserAgent() {
-  if (!isMacOsUserAgentCache) {
-    isMacOsUserAgentCache = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
-  }
-  return isMacOsUserAgentCache;
-}
-let isIOSUserAgentCache;
-function isIOSUserAgent() {
-  if (!isIOSUserAgentCache) {
-    isIOSUserAgentCache = (/iPad|iPhone|iPod/.test(navigator.platform) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 1) && !window.MSStream;
-  }
-  return isIOSUserAgentCache;
-}
-const chrome = /Chrome\/(\d+)/.exec(navigator.userAgent);
-chrome && +chrome[1];
-
 function addClass(node, className) {
   if ((node == null ? void 0 : node.classList) && className) {
     const clases = Array.isArray(className) ? className : className.split(" ");
@@ -29092,6 +29095,7 @@ var XScroll = /* @__PURE__ */ defineComponent({
   },
   setup: (props) => {
     const tableContext = useInjectTable();
+    const counter = useInjectContainer();
     const prefixCls = computed(() => `${tableContext.props.prefixCls}`);
     const scrollViewportRef = ref();
     const rootRef = ref();
@@ -29108,10 +29112,10 @@ var XScroll = /* @__PURE__ */ defineComponent({
     });
     const isApple = isMacOsUserAgent() || isIOSUserAgent();
     const stickyStyle = computed(() => {
-      const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`;
       const horizontalScrollSticky = tableContext.props.horizontalScrollSticky;
-      const paginationSticky = tableContext.props.paginationSticky;
-      if (horizontalScrollSticky === true) {
+      const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`;
+      if (horizontalScrollSticky === true && !counter.hasFullScreen.value && !tableContext.props.height) {
+        const paginationSticky = tableContext.props.paginationSticky;
         let bottom = 0;
         if (tableContext.pos.value.bottom && !!paginationSticky) {
           bottom += paginationSticky === true ? tableContext.bottomPaginationHeight.value : (paginationSticky.offsetBottom || 0) + tableContext.bottomPaginationHeight.value;
@@ -29123,7 +29127,9 @@ var XScroll = /* @__PURE__ */ defineComponent({
           marginTop: isApple ? scrollBarSize : 0
         };
       }
-      return {};
+      return {
+        marginTop: isApple ? scrollBarSize : 0
+      };
     });
     const isIosScroll = computed(() => 0 === tableContext.scrollBarSize.value && isApple);
     const rootClass = computed(() => ({
@@ -29164,6 +29170,7 @@ var XScroll = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => {
       watch(scrollViewportRef, () => {
+        var _a, _b;
         if (scrollViewportRef.value) {
           removeHScrollDom(scrollViewportRef.value);
           scrollViewportRef.value.removeEventListener("scroll", onScroll);
@@ -29171,6 +29178,7 @@ var XScroll = /* @__PURE__ */ defineComponent({
           scrollViewportRef.value.addEventListener("scroll", onScroll, {
             passive: true
           });
+          counter.setScrollViewportHeight(((_b = (_a = scrollViewportRef.value) == null ? void 0 : _a.getBoundingClientRect()) == null ? void 0 : _b.height) || 0);
         }
       }, {
         immediate: true
@@ -35918,7 +35926,7 @@ var _sfc_main$g = defineComponent({
     const bottomPaginationHeight = ref(0);
     const bottomPaginationStyle = computed(() => {
       var _a, _b;
-      if (!props.paginationSticky) {
+      if (!props.paginationSticky || counter.hasFullScreen.value || !!props.height) {
         return {};
       }
       if (props.paginationSticky === true) {
@@ -35927,7 +35935,7 @@ var _sfc_main$g = defineComponent({
       return {
         position: "sticky",
         "z-index": 9,
-        bottom: counter.hasFullScreen.value ? "0px" : `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
+        bottom: `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
       };
     });
     const indentSize = computed(() => typeof props.indentSize == "number" ? props.indentSize : 15);
@@ -37934,6 +37942,7 @@ var Table = /* @__PURE__ */ defineComponent({
       dark
     } = useProConfigInject();
     const prefixCls = usePrefixCls("table");
+    const isApple = isMacOsUserAgent() || isIOSUserAgent();
     const {
       hoverRowKey
     } = useProvideHover({
@@ -38230,13 +38239,13 @@ var Table = /* @__PURE__ */ defineComponent({
       var _a2, _b2, _c, _d, _e, _f, _g;
       if (props.autoHeight || counter.hasFullScreen.value) {
         await nextTick();
-        const height = window.innerHeight - (((_c = (_b2 = (_a2 = tableRef.value) == null ? void 0 : _a2.rootRef) == null ? void 0 : _b2.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - (((_f = (_e = (_d = tableRef.value) == null ? void 0 : _d.paginationRef) == null ? void 0 : _e.getBoundingClientRect()) == null ? void 0 : _f.height) || 0);
+        const height = window.innerHeight - (((_c = (_b2 = (_a2 = tableRef.value) == null ? void 0 : _a2.rootRef) == null ? void 0 : _b2.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - (((_f = (_e = (_d = tableRef.value) == null ? void 0 : _d.paginationRef) == null ? void 0 : _e.getBoundingClientRect()) == null ? void 0 : _f.height) || 0) - (!isApple ? counter.scrollViewportHeight.value : 0);
         tableHeight.value = typeof props.autoHeight === "function" && !counter.hasFullScreen.value ? (_g = props.autoHeight) == null ? void 0 : _g.call(props, height) : height;
       } else {
         tableHeight.value = props.height;
       }
     };
-    watch(() => counter.tableSize.value, () => {
+    watch([counter.tableSize, counter.scrollViewportHeight], () => {
       calcTableHeight();
     });
     onMounted(async () => {

package/es/components/table/src/hooks/useContainer.d.ts

@@ -4,6 +4,8 @@ export type ContainerContextProps = {
     props: ProTableProps;
     tableSize: Ref<DensitySize>;
     hasFullScreen: Ref<boolean>;
+    scrollViewportHeight: Ref<number>;
+    setScrollViewportHeight: (val: number) => void;
     setTableSize: (val: DensitySize) => void;
     sortKeyColumns: Ref<string[]>;
     setSortKeyColumns: (keys: string[]) => void;

package/es/packages/components/table/src/components/InteralTable.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InteralTable.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/InteralTable.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-01 09:29:27\n * @LastEditors: shen\n * @LastEditTime: 2025-11-18 17:20:06\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { WatchStopHandle } from 'vue'\nimport {\n  computed,\n  defineComponent,\n  shallowRef,\n  ref,\n  watchEffect,\n  inject,\n  watch,\n  toRaw,\n  triggerRef,\n  onActivated,\n  isReactive,\n  toRef,\n} from 'vue'\nimport { Spin, Pagination } from 'ant-design-vue'\nimport { baseTableProps } from './interface'\nimport { DOWN, LEFT, UP } from './Drag/constant'\nimport { addNestItemData, deleteNestItemData } from '../utils/util'\nimport { useEditProvider } from '../hooks/useEdit'\nimport { useProvidePopup } from './context/PopupContext'\nimport { useHScrollSyncProvide } from '../hooks/useHScrollSync'\nimport { useVScrollSyncProvide } from '../hooks/useVScrollSync'\nimport { useProvideTable } from './context/TableContext'\nimport { useProvideRangeStore } from '../hooks/useRangeStore'\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport { resize } from '@pro-design-vue/directives'\nimport { omit, debounce, isPromise } from '@pro-design-vue/utils'\nimport { useProConfigInject } from '@pro-design-vue/components/config-provider'\nimport { DEFAULT_LOCALE } from '@pro-design-vue/constants'\nimport { useInjectContainer } from '../hooks/useContainer'\nimport useKVMap from '../hooks/useKVMap'\nimport useLicense from '../hooks/useLicense'\nimport devWarning from '../utils/devWarning'\nimport eagerComputed from '../utils/eagerComputed'\nimport getScrollBarSize from '../utils/getScrollBarSize'\nimport useColumns from '../hooks/useColumns'\nimport useSorter from '../hooks/useSorter'\nimport useFilter from '../hooks/useFilter'\nimport useCal from '../hooks/useCal'\nimport useFlattenRecords from '../hooks/useFlattenRecords'\nimport useSelection from '../hooks/useRowSelection'\nimport usePagination, { getPaginationParam } from '../hooks/usePagination'\nimport raf from '../utils/raf'\nimport easeoutScroll from '../utils/easeoutScroll'\nimport useData from '../hooks/useData'\nimport supportSticky from '../utils/supportSticky'\nimport classNames from '../utils/classNames'\nimport useCellProps from '../hooks/useCellProps'\nimport KeyCode from '../utils/KeyCode'\nimport TableSlotsContextProvider from './context/TableSlotsContext'\nimport MeasureWidth from './MeasureWidth.vue'\nimport PopupContainer from './PopupContainer.vue'\nimport AutoHeightHeader from './AutoHeightHeader/Header.vue'\nimport Header from './Header/Header.vue'\nimport Body from './Body/Body.vue'\nimport XScroll from './Scrollbar/XScroll'\n\nimport type { SpinProps } from 'ant-design-vue/es/spin'\nimport type {\n  GetRowKey,\n  Key,\n  SorterResult,\n  TableLocale,\n  ColumnType,\n  ResizeActionType,\n  DragRowEventInfo,\n  DragColumnEventInfo,\n  DefaultRecordType,\n  TableAction,\n} from './interface'\nimport type { CustomSlotsType } from '../utils/type'\nimport type { RangeCell } from '../hooks/RangeInterface'\nimport type { SortState } from '../hooks/useSorter'\nimport type { FilterState } from '../hooks/useFilter'\nimport type { ContextSlots } from './context/TableSlotsContext'\n\nexport type FilterValue = (Key | boolean)[]\nexport interface ChangeEventInfo<RecordType> {\n  pagination: {\n    current?: number\n    pageSize?: number\n    total?: number\n  }\n  filters: Record<string, FilterValue | null>\n  sorter: SorterResult<RecordType> | SorterResult<RecordType>[]\n  filterStates: FilterState<RecordType>[]\n  sorterStates: SortState<RecordType>[]\n  currentDataSource: RecordType[]\n  action: TableAction\n}\nconst EMPTY_LIST: any[] = []\n\nexport default defineComponent({\n  name: 'ProTable',\n  inheritAttrs: false,\n  directives: { resize },\n  components: {\n    TableSlotsContextProvider,\n    Spin,\n    MeasureWidth,\n    Pagination,\n    PopupContainer,\n    AutoHeightHeader,\n    ProHeader: Header,\n    ProBody: Body,\n    HorizontalScroll: XScroll,\n  },\n  props: baseTableProps(),\n  emits: [\n    'update:pagination',\n    'scroll',\n    'update:selectedRowKeys',\n    'update:expandedRowKeys',\n    'update:columns',\n    'update:sorter',\n    'update:filters',\n    'expand',\n    'expandedRowsChange',\n    'resizeColumn',\n    'update:dataSource',\n    'cellKeydown',\n  ],\n  slots: {} as CustomSlotsType<ContextSlots>,\n  setup(props, { expose, emit, slots }) {\n    const { table } = useProConfigInject()\n    const counter = useInjectContainer()\n    const rowKey = computed(() => props.rowKey ?? table?.value?.rowKey ?? 'id')\n    const popupContainer = shallowRef<any>(null)\n    const customUiCls = usePrefixCls('custom-ui')\n    const { editCellKeys, openEditor, closeEditor } = useEditProvider()\n\n    useProvidePopup()\n\n    const getPopupContainer = computed(() => props.getPopupContainer!)\n    const { status, watermarkMsg } = useLicense()\n\n    const dragRowsHandle = new Map<Key, Set<HTMLSpanElement>>()\n    const draggingRowKey = ref<Key | null>(null)\n    const insertToRowKey = ref<Key | null>(null)\n    const dragColumnsHandle = new Map<Key, Set<HTMLDivElement>>()\n    const draggingColumnKey = ref<Key>('')\n    const latestRangeStartCell = shallowRef<RangeCell | null>(null)\n    const mergedSummaryFixed = computed(() =>\n      props.summaryFixed === true || props.summaryFixed === ('' as any)\n        ? 'bottom'\n        : (props.summaryFixed ?? table?.value?.summaryFixed ?? false),\n    )\n    const realHeaderHeight = ref(0)\n\n    watchEffect(() => {\n      devWarning(\n        !(typeof rowKey.value == 'function' && rowKey.value.length > 1),\n        'table',\n        '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.',\n      )\n    })\n\n    const localeData: any = inject('localeData', {\n      antLocale: {\n        Table: {\n          triggerDesc: 'Click to sort descending',\n          triggerAsc: 'Click to sort ascending',\n          cancelSort: 'Click to cancel sorting',\n        },\n      },\n    })\n\n    const locale = computed<TableLocale>(() => {\n      const antLocale = localeData?.antLocale || {}\n      return {\n        ...(antLocale.locale === DEFAULT_LOCALE.toLocaleLowerCase()\n          ? {\n              triggerDesc: '\\u70B9\\u51FB\\u964D\\u5E8F',\n              triggerAsc: '\\u70B9\\u51FB\\u5347\\u5E8F',\n              cancelSort: '\\u53D6\\u6D88\\u6392\\u5E8F',\n            }\n          : {}),\n        ...(antLocale.Table || {}),\n        ...(props.locale || {}),\n      }\n    })\n\n    const scrollTop = ref(0)\n    const scrollLeft = ref(0)\n    const bodyWidth = ref(0)\n    const bodyHeight = ref(0)\n    const rootRef = ref<HTMLDivElement>()\n    const paginationRef = ref<HTMLDivElement>()\n    const measureWidthRef = shallowRef<HTMLDivElement>()\n\n    const mergedScrollX = eagerComputed(() => props.scrollX ?? props.scroll?.x)\n    const mergedScrollY = eagerComputed(() => props.scroll?.y ?? props.height ?? props.maxHeight)\n    const bodyScrollWidth = ref(typeof mergedScrollX.value == 'number' ? mergedScrollX.value : 0)\n\n    watch(mergedScrollX, () => {\n      bodyScrollWidth.value = typeof mergedScrollX.value == 'number' ? mergedScrollX.value : 0\n    })\n\n    const virtual = eagerComputed<boolean>(() => !(props.virtual === false || !mergedScrollY.value))\n    const xVirtual = eagerComputed<boolean>(\n      () => props.xVirtual || (props.virtual !== false && props.xVirtual !== false),\n    )\n\n    const getRowKey = computed<GetRowKey>(() =>\n      typeof rowKey.value == 'function'\n        ? rowKey.value\n        : (record: Record<string, any>) => {\n            return record?.[rowKey.value as string]\n          },\n    )\n\n    const rawData = shallowRef<DefaultRecordType[]>([])\n    const rawColumns = shallowRef<ColumnType[]>([])\n\n    let dataSourceWatchStopHandle: WatchStopHandle\n    let columnsWatchStopHandle: WatchStopHandle\n    watch(\n      () => props.deepWatchDataSource,\n      () => {\n        dataSourceWatchStopHandle && dataSourceWatchStopHandle()\n        dataSourceWatchStopHandle = watch(\n          () => props.dataSource,\n          () => {\n            rawData.value = toRaw(props.dataSource) || EMPTY_LIST\n            triggerRef(rawData)\n          },\n          { immediate: true, deep: !!props.deepWatchDataSource },\n        )\n      },\n      { immediate: true, deep: true },\n    )\n\n    watch(\n      () => props.deepWatchColumns,\n      () => {\n        columnsWatchStopHandle && columnsWatchStopHandle()\n        columnsWatchStopHandle = watch(\n          () => props.columns,\n          () => {\n            rawColumns.value = toRaw(props.columns) || EMPTY_LIST\n            triggerRef(rawColumns)\n          },\n          { immediate: true, deep: true },\n        )\n      },\n      { immediate: true, deep: !!props.deepWatchColumns },\n    )\n\n    const childrenColumnName = computed(\n      () => props.childrenColumnName ?? table?.value?.childrenColumnName ?? 'children',\n    )\n\n    const { getRecordByKey, getIndexsByKey, getKeyByIndexs, allDataRowKeys, allDataRootRowKeys } =\n      useKVMap(rawData, childrenColumnName, getRowKey)\n\n    const defaultExpandedRowKeys = shallowRef<Key[]>([])\n    watchEffect(() => {\n      props.defaultExpandedRowKeys && (defaultExpandedRowKeys.value = props.defaultExpandedRowKeys)\n      props.defaultExpandAllRows && (defaultExpandedRowKeys.value = allDataRowKeys.value)\n    })\n\n    const mergedRowSelection = computed(() => {\n      const rowSelection = props.rowSelection || {}\n      const { checkStrictly = true } = rowSelection\n      return { ...rowSelection, checkStrictly }\n    })\n\n    const expandedRowKeys = computed(\n      () => new Set(props.expandedRowKeys || defaultExpandedRowKeys.value || []),\n    )\n\n    const spinProps = computed<SpinProps>(() => {\n      if (typeof props.loading === 'boolean') {\n        return { spinning: props.loading }\n      } else if (typeof props.loading === 'object') {\n        return { spinning: true, ...props.loading }\n      } else {\n        return { spinning: false }\n      }\n    })\n\n    onActivated(() => {\n      scrollTo({ left: 0, top: 0 })\n    })\n\n    let triggerOnChange: any = () => {}\n\n    const scrollBarSize = shallowRef(getScrollBarSize())\n    const baseHeight = computed(() =>\n      props.size === 'small' ? 39 : props.size === 'middle' ? 47 : 55,\n    )\n    const expandedRowRender = computed(() => props.expandedRowRender)\n    const expandType = eagerComputed(() =>\n      rawData.value.some((column) => column?.[childrenColumnName.value]?.length)\n        ? 'nest'\n        : expandedRowRender.value\n          ? 'row'\n          : null,\n    )\n    const expandable = eagerComputed(() => !!props.expandedRowRender)\n\n    const columns = useColumns({\n      props,\n      rawColumns,\n      bodyScrollWidth,\n      baseHeight,\n      measureWidthRef,\n      expandable,\n      expandType,\n      scrollLeft,\n      bodyWidth,\n      xVirtual,\n      draggingColumnKey,\n      latestRangeStartCell,\n    })\n\n    const { sortedData, sorterStates, sorter, changeSorter } = useSorter(\n      props,\n      rawData,\n      columns.allColumns,\n      (sorter, sorterStates) => {\n        scrollTop.value > bodyHeight.value && updateAnimate()\n        triggerOnChange({ sorter, sorterStates }, 'sort', false)\n      },\n    )\n\n    const { filterData, filterStates, filters, changeFilter } = useFilter(\n      props,\n      sortedData,\n      columns.allColumns,\n      (filters, filterStates) => {\n        triggerOnChange({ filters, filterStates }, 'filter', true)\n      },\n    )\n\n    const total = eagerComputed(() => filterData.value.length)\n    const paginationParam = computed(() => {\n      if (props.pagination === false) {\n        return {}\n      }\n      return getPaginationParam(props.pagination, mergedPagination.value)\n    })\n\n    const triggeronPaginationChange = (current: number, pageSize: number) => {\n      const pagination = { ...paginationParam.value, current, pageSize }\n      props['onUpdate:pagination'] &&\n        emit(\n          'update:pagination',\n          isReactive(props.pagination)\n            ? Object.assign(props.pagination || {}, pagination)\n            : pagination,\n        )\n    }\n\n    const {\n      mergedPagination,\n      pos,\n      refreshPagination,\n      onChange: onPaginationChange,\n      onShowSizeChange,\n      pageData,\n    } = usePagination(total, props, filterData, (current, pageSize) => {\n      const pagination = { ...paginationParam.value, current, pageSize }\n      triggeronPaginationChange(current, pageSize)\n      updateAnimate()\n      triggerOnChange({ pagination }, 'paginate')\n    })\n\n    const {\n      flattenData,\n      keyEntities,\n      pageDataRowKeys,\n      pageDataEnableRowKeys,\n      checkboxPropsMap,\n      getRowFlattenIndexByKey,\n      isMyChildren,\n      getRowByFlattenIndex,\n    } = useFlattenRecords(\n      pageData,\n      childrenColumnName,\n      expandedRowKeys,\n      getRowKey,\n      expandType,\n      mergedRowSelection,\n    )\n\n    const cal = useCal(props, flattenData, bodyHeight, scrollTop, virtual, keyEntities)\n\n    const { rowPosition, viewportHeight, startIndex, endIndex } = cal\n    const { leftWidth, rightWidth, centerWidth, bodyMaxWidth } = columns\n\n    const selection = useSelection(props, mergedRowSelection, rawData, {\n      prefixCls: computed(() => props.prefixCls!),\n      pageData,\n      getRowKey,\n      getRecordByKey,\n      childrenColumnName,\n      locale,\n      flattenData,\n      keyEntities,\n      checkboxPropsMap,\n      allDataRowKeys,\n      allDataRootRowKeys,\n      pageDataRowKeys,\n      pageDataEnableRowKeys,\n    })\n\n    const bodyRef = ref<HTMLDivElement>()\n    let leftRaf: any, topRaf: any\n\n    const scrollTo = (options: any = {}, type = 'auto', isAnimate = false) => {\n      if (!isAnimate) {\n        updateAnimate()\n      }\n      const mergeOptions = typeof options == 'number' ? { top: options } : options\n      let left, top\n      if ('left' in mergeOptions) {\n        left = mergeOptions.left || 0\n      } else if ('columnIndex' in mergeOptions) {\n        const position = columns.getColumnPosition(mergeOptions.columnIndex!)\n        if (position) {\n          left = position.left - leftWidth.value\n        }\n      } else if ('columnKey' in mergeOptions) {\n        const position = columns.getColumnPositionByKey(mergeOptions.columnKey!)\n        if (position) {\n          left = position.left - leftWidth.value\n        }\n      }\n      if ('top' in mergeOptions) {\n        top = Math.min(Math.max(mergeOptions.top || 0, 0), maxScrollTop.value)\n      } else if ('rowKey' in mergeOptions) {\n        const pos = cal.getRowPositionByKey(mergeOptions.rowKey!)\n        if (pos) {\n          top = pos\n        }\n      }\n\n      left = Math.max(Math.min(maxScrollLeft.value, left || 0), 0)\n      if (!showVerticalScrollbar.value) {\n        top = 0\n      }\n      if (type === 'smooth') {\n        if (left !== undefined) {\n          raf.cancel(leftRaf)\n          leftRaf = easeoutScroll(scrollLeft.value, left, (val: number) => {\n            scrollLeft.value = val\n          })\n        }\n        if (top !== undefined) {\n          raf.cancel(topRaf)\n          topRaf = easeoutScroll(scrollTop.value, top, (val: number) => {\n            scrollTop.value = val\n          })\n        }\n      } else {\n        if (left !== undefined) {\n          scrollLeft.value = left\n        }\n        if (top !== undefined) {\n          scrollTop.value = top\n        }\n      }\n    }\n\n    const useAnimate = ref(false)\n    const animateRows = computed(() => {\n      return !!(props.animateRows ?? table?.value?.animateRows)\n    })\n\n    let timer: any\n    watch(\n      animateRows,\n      (newVal) => {\n        useAnimate.value = newVal\n      },\n      { immediate: true },\n    )\n\n    const updateAnimate = () => {\n      useAnimate.value = false\n      clearTimeout(timer)\n      timer = setTimeout(() => {\n        useAnimate.value = animateRows.value\n      }, 100)\n    }\n\n    const maxScrollLeft = computed(() => bodyMaxWidth.value - bodyWidth.value)\n    const maxScrollTop = computed(() => viewportHeight.value - bodyHeight.value)\n    const onScroll = (e) => {\n      emit('scroll', e)\n    }\n\n    useHScrollSyncProvide({ scrollLeft, maxScrollLeft, onScroll, bodyWidth })\n    useVScrollSyncProvide({ scrollTop, maxScrollTop, onScroll, updateAnimate, bodyWidth })\n\n    const { data, pos: dataRowPosition } = useData(\n      props,\n      rowPosition,\n      flattenData,\n      startIndex,\n      endIndex,\n      draggingRowKey,\n      useAnimate,\n      getRowFlattenIndexByKey,\n      latestRangeStartCell,\n    )\n\n    const pingedLeft = ref(false)\n    const pingedRight = ref(false)\n    const noPinged = ref(false)\n\n    watchEffect(() => {\n      pingedLeft.value = supportSticky && !!scrollLeft.value\n      pingedRight.value =\n        supportSticky &&\n        centerWidth.value - (bodyWidth.value - leftWidth.value - rightWidth.value) >\n          scrollLeft.value\n      noPinged.value = !pingedLeft.value && !pingedRight.value\n    })\n\n    const rootClass = computed(() =>\n      classNames({\n        [`${props.prefixCls}`]: true,\n        [`${props.prefixCls}-support-sticky`]: supportSticky,\n        [`${props.prefixCls}-stripe`]: props.stripe,\n        [`${props.prefixCls}-bordered`]: props.bordered ?? table?.value?.bordered,\n        [`${props.prefixCls}-${props.size}`]: true,\n        [`${props.prefixCls}-ping-left`]: pingedLeft.value,\n        [`${props.prefixCls}-ping-right`]: pingedRight.value,\n        [`${props.prefixCls}-no-ping`]: noPinged.value,\n        [`${props.prefixCls}-has-animate`]: animateRows.value,\n      }),\n    )\n    const rootStyle = computed(() => ({\n      height: typeof props.height == 'number' ? `${props.height}px` : props.height,\n      maxHeight: typeof props.maxHeight == 'number' ? `${props.maxHeight}px` : props.maxHeight,\n      minHeight: typeof props.minHeight == 'number' ? `${props.minHeight}px` : props.minHeight,\n    }))\n\n    const showHorizontalScrollbar = ref(false)\n    const debounceFn = debounce(() => {\n      showHorizontalScrollbar.value = bodyMaxWidth.value > bodyWidth.value\n      if (bodyWidth.value > bodyScrollWidth.value) {\n        bodyScrollWidth.value = bodyWidth.value\n      }\n    }, 100)\n\n    watch([bodyMaxWidth, bodyWidth], () => {\n      debounceFn()\n    })\n\n    const showVerticalScrollbar = eagerComputed(\n      () => !!mergedScrollY.value && bodyHeight.value + 0.9 < viewportHeight.value,\n    )\n    const scrollToFirstRow = eagerComputed(\n      () => !props.scroll || (props.scroll && props.scroll.scrollToFirstRowOnChange !== false),\n    )\n\n    triggerOnChange = (\n      info: Partial<ChangeEventInfo<DefaultRecordType>>,\n      action: TableAction,\n      reset = false,\n    ) => {\n      if (reset) {\n        refreshPagination()\n        triggeronPaginationChange(1, mergedPagination.value.pageSize!)\n        if (props.pagination) {\n          props.pagination.onChange?.(1, mergedPagination.value.pageSize)\n        }\n      }\n      if (scrollToFirstRow.value) {\n        scrollTop.value = 0\n      }\n      props.onChange?.(\n        info.pagination || mergedPagination.value,\n        info.filters || filters.value,\n        info.sorter || sorter.value,\n        {\n          currentDataSource: info.currentDataSource || filterData.value,\n          action,\n        },\n      )\n    }\n\n    const paginationProps = computed(() => {\n      return omit(mergedPagination.value, [\n        'position',\n        'onChange',\n        'onShowSizeChange',\n        'fieldNames',\n      ])\n    })\n\n    const paginationClass = computed(() => {\n      return {\n        [`${props.prefixCls}-pagination`]: true,\n        [`${props.prefixCls}-pagination-${pos.value.bottom}`]: true,\n        [`${customUiCls}`]: true,\n      }\n    })\n    const bottomPaginationHeight = ref(0)\n    const bottomPaginationStyle = computed<any>(() => {\n      if (!props.paginationSticky) {\n        return {}\n      }\n      if (props.paginationSticky === true) {\n        return { position: 'sticky', 'z-index': 9, bottom: '0px' }\n      }\n      return {\n        position: 'sticky',\n        'z-index': 9,\n        bottom: counter.hasFullScreen.value\n          ? '0px'\n          : `${props.paginationSticky?.offsetBottom ?? 0}px`,\n      }\n    })\n\n    const indentSize = computed(() => (typeof props.indentSize == 'number' ? props.indentSize : 15))\n\n    const cellProps = useCellProps({\n      leftColumns: columns.leftColumns,\n      rightColumns: columns.rightColumns,\n      visibleCenterColumns: columns.visibleCenterColumns,\n      allColumns: columns.allColumns,\n      data,\n      mergedRowHeights: cal.mergedRowHeights,\n      startIndex,\n      getColumnPosition: columns.getColumnPosition,\n      bodyWidth,\n      leftWidth,\n      centerWidth,\n      getRowHeight: cal.getRowHeight,\n      customCell: toRef(props, 'customCell'),\n    })\n\n    watch(\n      [realHeaderHeight, scrollLeft],\n      () => {\n        popupContainer.value?.alignPopup?.()\n      },\n      { flush: 'post' },\n    )\n\n    useProvideTable({\n      ...cal,\n      ...columns,\n      ...cellProps,\n      rootRef,\n      rawData,\n      getRowFlattenIndexByKey,\n      prefixCls: computed(() => props.prefixCls!),\n      draggingRowKey,\n      insertToRowKey,\n      status,\n      useAnimate,\n      animateRows,\n      watermarkMsg,\n      onResizeColumn: (w: number, col: ColumnType, action: ResizeActionType) => {\n        const width = col.width\n        const result = props.onResizeColumn?.(w, col, action)\n        if (result !== false) {\n          if (!(width === w && col.width === w)) {\n            col.width = width !== col.width ? col.width : w\n            triggerRef(rawColumns)\n          }\n          if (action === 'end') {\n            emit('update:columns', rawColumns.value, 'resize')\n          }\n        }\n      },\n      onRowDragEnd: (opt: DragRowEventInfo) => {\n        const { insertToRowKey, record, fromIndexs, rowKey, dir, preTargetInfo, nextTargetInfo } =\n          opt\n        const rawRecord = toRaw(record)\n        const dragEnd = props.onRowDragEnd?.({ ...opt, record: rawRecord, fromIndexs })\n        if (dragEnd === false) {\n          return\n        }\n\n        const handler = () => {\n          if (!isMyChildren(rowKey, preTargetInfo?.rowKey as Key) && insertToRowKey !== rowKey) {\n            if (insertToRowKey !== null) {\n              const parentRecord = getRecordByKey(insertToRowKey)\n              if (\n                insertToRowKey === preTargetInfo?.rowKey ||\n                insertToRowKey === nextTargetInfo?.rowKey\n              ) {\n                if (dir === DOWN) {\n                  addNestItemData(\n                    parentRecord[childrenColumnName.value],\n                    [],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                } else {\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                  addNestItemData(\n                    parentRecord[childrenColumnName.value],\n                    [],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                }\n              } else {\n                if (dir === DOWN) {\n                  addNestItemData(\n                    rawData.value,\n                    preTargetInfo?.indexs as number[],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                } else {\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                  addNestItemData(\n                    rawData.value,\n                    preTargetInfo?.indexs as number[],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                }\n              }\n            } else {\n              if (dir === DOWN && preTargetInfo) {\n                addNestItemData(\n                  rawData.value,\n                  [preTargetInfo.indexs[0]!],\n                  childrenColumnName.value,\n                  rawRecord,\n                )\n                deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n              } else if (dir === UP && nextTargetInfo) {\n                deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                addNestItemData(\n                  rawData.value,\n                  preTargetInfo?.indexs ? [preTargetInfo!.indexs[0]!] : [],\n                  childrenColumnName.value,\n                  rawRecord,\n                )\n              }\n            }\n            triggerRef(rawData)\n            emit('update:dataSource', rawData.value)\n          }\n        }\n        if (isPromise(dragEnd)) {\n          dragEnd\n            .then(() => {\n              handler()\n            })\n            .catch(() => {})\n        } else {\n          handler()\n        }\n      },\n      virtual,\n      xVirtual,\n      dataRowPosition,\n      rawColumns,\n      bodyHeight,\n      scrollTop,\n      scrollLeft,\n      supportSticky,\n      childrenColumnName,\n      bodyScrollWidth,\n      baseHeight,\n      startIndex,\n      data,\n      pageData,\n      getRecordByKey,\n      getIndexsByKey,\n      expandType,\n      flattenData,\n      expandedRowKeys,\n      indentSize,\n      props,\n      bodyWidth,\n      scrollTo,\n      scrollBarSize,\n      leftWidth,\n      rightWidth,\n      centerWidth,\n      showVerticalScrollbar,\n      showHorizontalScrollbar,\n      getRowKey,\n      selection,\n      updateSelectedRowKeys: (keys: Key[]) => {\n        emit('update:selectedRowKeys', keys)\n      },\n      locale,\n      sorterStates,\n      changeSorter,\n      changeFilter,\n      filterStates,\n      onTriggerExpand: (record, key: Key) => {\n        let keys: Key[]\n        const hasKey = expandedRowKeys.value.has(key)\n        if (hasKey) {\n          expandedRowKeys.value.delete(key)\n          keys = [...expandedRowKeys.value]\n        } else {\n          keys = [...expandedRowKeys.value, key]\n        }\n        defaultExpandedRowKeys.value = keys\n        emit('update:expandedRowKeys', keys)\n        emit('expand', !hasKey, record)\n        emit('expandedRowsChange', keys)\n      },\n      keyEntities,\n      pageDataRowKeys,\n      pageDataEnableRowKeys,\n      checkboxPropsMap,\n      mergedRowSelection,\n      getPopupContainer,\n      allDataRowKeys,\n      allDataRootRowKeys,\n      dragRowsHandle,\n      isMyChildren,\n      getKeyByIndexs,\n      getRowByFlattenIndex,\n      draggingColumnKey,\n      dragColumnsHandle,\n      onColumnDragEnd: (arg: DragColumnEventInfo) => {\n        const { dir, column, targetColumn } = arg\n        const dragEnd = props.onColumnDragEnd?.(arg)\n        if (dragEnd === false) {\n          return\n        }\n\n        const handler = () => {\n          if (column === targetColumn || column.key === targetColumn.key) return\n          const index = rawColumns.value.findIndex(\n            (col) => col === column || col.key === column.key,\n          )\n          const targetIndex = rawColumns.value.findIndex(\n            (col) => col === targetColumn || col.key === targetColumn.key,\n          )\n          if (dir === LEFT) {\n            rawColumns.value.splice(index, 1)\n            rawColumns.value.splice(targetIndex, 0, column)\n          } else {\n            rawColumns.value.splice(targetIndex + 1, 0, column)\n            rawColumns.value.splice(index, 1)\n          }\n          triggerRef(rawColumns)\n          emit('update:columns', rawColumns.value, 'drag')\n        }\n\n        if (isPromise(dragEnd)) {\n          dragEnd\n            .then(() => {\n              handler()\n            })\n            .catch(() => {})\n        } else {\n          handler()\n        }\n      },\n      onColumnDrag: () => {},\n      columnDrag: computed(() => props.columnDrag),\n      summaryFixed: mergedSummaryFixed,\n      realHeaderHeight,\n      bottomPaginationHeight,\n      pos,\n    })\n\n    const tabGuardTopRef = ref()\n    const tabGuardBottomRef = ref()\n\n    const {\n      navigationService,\n      getSelectedRange,\n      clearAllSelectedRange,\n      copySelectedRange,\n      appendCellToSelectedRange,\n      onBodyKeydown,\n    } = useProvideRangeStore({\n      allColumns: columns.allColumns,\n      flattenData,\n      rangeSelection: computed(() => props.rangeSelection),\n      getRowByFlattenIndex,\n      rootRef,\n      prefixCls: computed(() => props.prefixCls!),\n      allCellProps: cellProps.allCellProps,\n      tabGuardTopRef,\n      tabGuardBottomRef,\n      ensureCellColumnVisible: (cell: RangeCell) => {\n        if (!cell.column || cell.column.fixed) return\n        const sl = scrollLeft.value\n        const pos = columns.getColumnPositionByKey(cell.column.columnKey)\n        if (pos) {\n          const { width, left } = pos\n          const lw = leftWidth.value\n          const rw = rightWidth.value\n          left - lw < sl\n            ? (scrollLeft.value = left - lw)\n            : left + width > sl + bodyWidth.value - rw &&\n              (scrollLeft.value = left + width - bodyWidth.value + rw)\n        }\n      },\n      ensureCellRowVisible: (cell: RangeCell) => {\n        const { rowIndex } = cell\n        const st = scrollTop.value\n        const row = getRowByFlattenIndex(rowIndex)\n        const pos = cal.getRowPositionByKey(row.rowKey)\n        const cprops =\n          (cellProps.allCellProps.value[row.rowKey]?.[cell.column!.columnKey] || {}).props || {}\n        const height = cal.getRowHeight(rowIndex, cprops.rowSpan)\n        if (pos !== undefined) {\n          updateAnimate()\n          if (pos < st) {\n            scrollTop.value = pos\n          } else {\n            if (pos + height > st + bodyHeight.value) {\n              scrollTop.value = pos + height - bodyHeight.value\n            }\n          }\n        }\n      },\n      latestRangeStartCell,\n      bodyRef: computed(() => {\n        return (bodyRef.value as any)?.bodyRef\n      }),\n      scrollLeft,\n      scrollTop,\n      scrollTo,\n      showVerticalScrollbar,\n      showHorizontalScrollbar,\n      getIndexsByKey,\n      formatRangeCellText: (parmas) => {\n        if (props.formatRangeCellText) {\n          return props.formatRangeCellText(parmas)\n        } else if (parmas.value) {\n          return parmas.value\n        }\n        return ''\n      },\n      editCellKeys,\n      copyDelimiter: computed(() => props.copyDelimiter),\n    })\n\n    expose({\n      scrollTo,\n      scrollLeft,\n      scrollTop,\n      rootRef,\n      paginationRef,\n      bodyRef: computed(() => {\n        return (bodyRef.value as any)?.bodyRef\n      }),\n      getSelectedRange,\n      clearAllSelectedRange,\n      copySelectedRange,\n      appendCellToSelectedRange,\n      openEditor: (cellInfos: any[]) => {\n        openEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`))\n      },\n      closeEditor: (cellInfos: any[]) => {\n        if (cellInfos) {\n          closeEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`))\n        } else {\n          closeEditor()\n        }\n      },\n    })\n\n    return {\n      bodyRef,\n      spinProps,\n      rowPosition,\n      viewportHeight,\n      startIndex,\n      data,\n      watermarkMsg,\n      rootStyle,\n      rootClass,\n      onBodyKeydown,\n      watermarkStyle: computed<any>(() => ({\n        minWidth: '100px!important',\n        minHeight: '40px!important',\n        position: 'absolute!important',\n        fontSize: '20px!important',\n        opacity: '0.8!important',\n        bottom: '40px!important',\n        right: '40px!important',\n        pointerEvents: 'none',\n        display: 'block!important',\n        zIndex: '999999!important',\n        color: '#000000!important',\n        margin: '0px!important',\n        padding: '0px!important',\n        transform: 'unset!important',\n      })),\n      mergedPagination,\n      pos,\n      onPaginationChange,\n      scrollBarSize,\n      scrollTop,\n      bodyScrollWidth,\n      bodyWidth,\n      scrollLeft,\n      cal,\n      selection,\n      locale,\n      paginationProps,\n      slots,\n      mergedScrollX,\n      mergedScrollY,\n      bodyHeight,\n      measureWidthRef,\n      flattenData,\n      rootRef,\n      paginationRef,\n      mergedSummaryFixed,\n      handleResize: (e: CustomEvent) => {\n        realHeaderHeight.value = e.detail.height\n      },\n      handlePaginationResize: (e: CustomEvent) => {\n        bottomPaginationHeight.value = e.detail.height\n      },\n      popupContainer,\n      handleGuardTopKeydown: (e: KeyboardEvent) => {\n        e.keyCode !== KeyCode.TAB ||\n          e.shiftKey ||\n          (navigationService.getFirstCellToFocus(e.shiftKey), e.preventDefault())\n      },\n      handleGuardBottomKeydown: (e: KeyboardEvent) => {\n        e.keyCode === KeyCode.TAB &&\n          e.shiftKey &&\n          (navigationService.getLastCellToFocus(e.shiftKey), e.preventDefault())\n      },\n      tabGuardTopRef,\n      tabGuardBottomRef,\n      onShowSizeChange,\n      customUiCls,\n      paginationClass,\n      bottomPaginationStyle,\n    }\n  },\n})\n</script>\n\n<template>\n  <TableSlotsContextProvider :value=\"{ ...slots }\">\n    <Spin v-bind=\"spinProps\">\n      <Pagination\n        v-if=\"pos.top\"\n        :class=\"`${prefixCls}-pagination ${prefixCls}-pagination-${pos.top} ${customUiCls}`\"\n        v-bind=\"paginationProps\"\n        @change=\"onPaginationChange\"\n        @show-size-change=\"onShowSizeChange\"\n      />\n      <div\n        ref=\"tabGuardTopRef\"\n        role=\"presentation\"\n        tabindex=\"0\"\n        :style=\"{ position: 'absolute', width: '0', height: '0' }\"\n        @keydown=\"handleGuardTopKeydown\"\n      ></div>\n      <div key=\"content\" ref=\"rootRef\" :class=\"rootClass\" :style=\"rootStyle\">\n        <template v-if=\"showHeader\">\n          <AutoHeightHeader\n            v-if=\"autoHeaderHeight\"\n            :prefix-cls=\"prefixCls\"\n            :sticky=\"sticky\"\n            @resizeheight=\"handleResize\"\n          />\n          <ProHeader v-else :prefix-cls=\"prefixCls\" :sticky=\"sticky\" @resizeheight=\"handleResize\" />\n        </template>\n        <ProBody\n          ref=\"bodyRef\"\n          v-model:bodyScrollWidth=\"bodyScrollWidth\"\n          v-model:bodyWidth=\"bodyWidth\"\n          v-model:bodyHeight=\"bodyHeight\"\n          :prefix-cls=\"prefixCls\"\n          :wrap-text=\"wrapText\"\n          :scroll-x=\"mergedScrollX\"\n          :height=\"mergedScrollY\"\n          :summary-fixed=\"mergedSummaryFixed\"\n          :summary=\"$slots.summary\"\n          :empty-text=\"$slots.emptyText\"\n          @keydown=\"onBodyKeydown\"\n        />\n      </div>\n      <HorizontalScroll />\n      <div\n        ref=\"tabGuardBottomRef\"\n        role=\"presentation\"\n        tabindex=\"0\"\n        :style=\"{ position: 'absolute', width: '0', height: '0' }\"\n        @keydown=\"handleGuardBottomKeydown\"\n      ></div>\n      <div v-if=\"$slots.footer\" key=\"footer\" :class=\"`${prefixCls}-footer`\">\n        <slot name=\"footer\" />\n      </div>\n      <PopupContainer ref=\"popupContainer\" :prefix-cls=\"prefixCls\" />\n      <div\n        v-if=\"pos.bottom\"\n        v-resize:height\n        ref=\"paginationRef\"\n        :style=\"bottomPaginationStyle\"\n        :class=\"`${prefixCls}-pagination-wrap ${prefixCls}-pagination-wrap-${size}`\"\n        @resizeheight=\"handlePaginationResize\"\n      >\n        <Pagination\n          :class=\"paginationClass\"\n          v-bind=\"paginationProps\"\n          @change=\"onPaginationChange\"\n          @show-size-change=\"onShowSizeChange\"\n        />\n      </div>\n    </Spin>\n    <MeasureWidth ref=\"measureWidthRef\" />\n  </TableSlotsContextProvider>\n</template>\n"],"names":["_createBlock","_createVNode","_normalizeProps","_guardReactiveProps","_withCtx","_openBlock","_mergeProps","_createCommentVNode","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_Fragment","_renderSlot","_withDirectives"],"mappings":"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"}
+{"version":3,"file":"InteralTable.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/InteralTable.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-01 09:29:27\n * @LastEditors: shen\n * @LastEditTime: 2025-11-26 10:59:54\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { WatchStopHandle } from 'vue'\nimport {\n  computed,\n  defineComponent,\n  shallowRef,\n  ref,\n  watchEffect,\n  inject,\n  watch,\n  toRaw,\n  triggerRef,\n  onActivated,\n  isReactive,\n  toRef,\n} from 'vue'\nimport { Spin, Pagination } from 'ant-design-vue'\nimport { baseTableProps } from './interface'\nimport { DOWN, LEFT, UP } from './Drag/constant'\nimport { addNestItemData, deleteNestItemData } from '../utils/util'\nimport { useEditProvider } from '../hooks/useEdit'\nimport { useProvidePopup } from './context/PopupContext'\nimport { useHScrollSyncProvide } from '../hooks/useHScrollSync'\nimport { useVScrollSyncProvide } from '../hooks/useVScrollSync'\nimport { useProvideTable } from './context/TableContext'\nimport { useProvideRangeStore } from '../hooks/useRangeStore'\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport { resize } from '@pro-design-vue/directives'\nimport { omit, debounce, isPromise } from '@pro-design-vue/utils'\nimport { useProConfigInject } from '@pro-design-vue/components/config-provider'\nimport { DEFAULT_LOCALE } from '@pro-design-vue/constants'\nimport { useInjectContainer } from '../hooks/useContainer'\nimport useKVMap from '../hooks/useKVMap'\nimport useLicense from '../hooks/useLicense'\nimport devWarning from '../utils/devWarning'\nimport eagerComputed from '../utils/eagerComputed'\nimport getScrollBarSize from '../utils/getScrollBarSize'\nimport useColumns from '../hooks/useColumns'\nimport useSorter from '../hooks/useSorter'\nimport useFilter from '../hooks/useFilter'\nimport useCal from '../hooks/useCal'\nimport useFlattenRecords from '../hooks/useFlattenRecords'\nimport useSelection from '../hooks/useRowSelection'\nimport usePagination, { getPaginationParam } from '../hooks/usePagination'\nimport raf from '../utils/raf'\nimport easeoutScroll from '../utils/easeoutScroll'\nimport useData from '../hooks/useData'\nimport supportSticky from '../utils/supportSticky'\nimport classNames from '../utils/classNames'\nimport useCellProps from '../hooks/useCellProps'\nimport KeyCode from '../utils/KeyCode'\nimport TableSlotsContextProvider from './context/TableSlotsContext'\nimport MeasureWidth from './MeasureWidth.vue'\nimport PopupContainer from './PopupContainer.vue'\nimport AutoHeightHeader from './AutoHeightHeader/Header.vue'\nimport Header from './Header/Header.vue'\nimport Body from './Body/Body.vue'\nimport XScroll from './Scrollbar/XScroll'\n\nimport type { SpinProps } from 'ant-design-vue/es/spin'\nimport type {\n  GetRowKey,\n  Key,\n  SorterResult,\n  TableLocale,\n  ColumnType,\n  ResizeActionType,\n  DragRowEventInfo,\n  DragColumnEventInfo,\n  DefaultRecordType,\n  TableAction,\n} from './interface'\nimport type { CustomSlotsType } from '../utils/type'\nimport type { RangeCell } from '../hooks/RangeInterface'\nimport type { SortState } from '../hooks/useSorter'\nimport type { FilterState } from '../hooks/useFilter'\nimport type { ContextSlots } from './context/TableSlotsContext'\n\nexport type FilterValue = (Key | boolean)[]\nexport interface ChangeEventInfo<RecordType> {\n  pagination: {\n    current?: number\n    pageSize?: number\n    total?: number\n  }\n  filters: Record<string, FilterValue | null>\n  sorter: SorterResult<RecordType> | SorterResult<RecordType>[]\n  filterStates: FilterState<RecordType>[]\n  sorterStates: SortState<RecordType>[]\n  currentDataSource: RecordType[]\n  action: TableAction\n}\nconst EMPTY_LIST: any[] = []\n\nexport default defineComponent({\n  name: 'ProTable',\n  inheritAttrs: false,\n  directives: { resize },\n  components: {\n    TableSlotsContextProvider,\n    Spin,\n    MeasureWidth,\n    Pagination,\n    PopupContainer,\n    AutoHeightHeader,\n    ProHeader: Header,\n    ProBody: Body,\n    HorizontalScroll: XScroll,\n  },\n  props: baseTableProps(),\n  emits: [\n    'update:pagination',\n    'scroll',\n    'update:selectedRowKeys',\n    'update:expandedRowKeys',\n    'update:columns',\n    'update:sorter',\n    'update:filters',\n    'expand',\n    'expandedRowsChange',\n    'resizeColumn',\n    'update:dataSource',\n    'cellKeydown',\n  ],\n  slots: {} as CustomSlotsType<ContextSlots>,\n  setup(props, { expose, emit, slots }) {\n    const { table } = useProConfigInject()\n    const counter = useInjectContainer()\n    const rowKey = computed(() => props.rowKey ?? table?.value?.rowKey ?? 'id')\n    const popupContainer = shallowRef<any>(null)\n    const customUiCls = usePrefixCls('custom-ui')\n    const { editCellKeys, openEditor, closeEditor } = useEditProvider()\n\n    useProvidePopup()\n\n    const getPopupContainer = computed(() => props.getPopupContainer!)\n    const { status, watermarkMsg } = useLicense()\n\n    const dragRowsHandle = new Map<Key, Set<HTMLSpanElement>>()\n    const draggingRowKey = ref<Key | null>(null)\n    const insertToRowKey = ref<Key | null>(null)\n    const dragColumnsHandle = new Map<Key, Set<HTMLDivElement>>()\n    const draggingColumnKey = ref<Key>('')\n    const latestRangeStartCell = shallowRef<RangeCell | null>(null)\n    const mergedSummaryFixed = computed(() =>\n      props.summaryFixed === true || props.summaryFixed === ('' as any)\n        ? 'bottom'\n        : (props.summaryFixed ?? table?.value?.summaryFixed ?? false),\n    )\n    const realHeaderHeight = ref(0)\n\n    watchEffect(() => {\n      devWarning(\n        !(typeof rowKey.value == 'function' && rowKey.value.length > 1),\n        'table',\n        '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.',\n      )\n    })\n\n    const localeData: any = inject('localeData', {\n      antLocale: {\n        Table: {\n          triggerDesc: 'Click to sort descending',\n          triggerAsc: 'Click to sort ascending',\n          cancelSort: 'Click to cancel sorting',\n        },\n      },\n    })\n\n    const locale = computed<TableLocale>(() => {\n      const antLocale = localeData?.antLocale || {}\n      return {\n        ...(antLocale.locale === DEFAULT_LOCALE.toLocaleLowerCase()\n          ? {\n              triggerDesc: '\\u70B9\\u51FB\\u964D\\u5E8F',\n              triggerAsc: '\\u70B9\\u51FB\\u5347\\u5E8F',\n              cancelSort: '\\u53D6\\u6D88\\u6392\\u5E8F',\n            }\n          : {}),\n        ...(antLocale.Table || {}),\n        ...(props.locale || {}),\n      }\n    })\n\n    const scrollTop = ref(0)\n    const scrollLeft = ref(0)\n    const bodyWidth = ref(0)\n    const bodyHeight = ref(0)\n    const rootRef = ref<HTMLDivElement>()\n    const paginationRef = ref<HTMLDivElement>()\n    const measureWidthRef = shallowRef<HTMLDivElement>()\n\n    const mergedScrollX = eagerComputed(() => props.scrollX ?? props.scroll?.x)\n    const mergedScrollY = eagerComputed(() => props.scroll?.y ?? props.height ?? props.maxHeight)\n    const bodyScrollWidth = ref(typeof mergedScrollX.value == 'number' ? mergedScrollX.value : 0)\n\n    watch(mergedScrollX, () => {\n      bodyScrollWidth.value = typeof mergedScrollX.value == 'number' ? mergedScrollX.value : 0\n    })\n\n    const virtual = eagerComputed<boolean>(() => !(props.virtual === false || !mergedScrollY.value))\n    const xVirtual = eagerComputed<boolean>(\n      () => props.xVirtual || (props.virtual !== false && props.xVirtual !== false),\n    )\n\n    const getRowKey = computed<GetRowKey>(() =>\n      typeof rowKey.value == 'function'\n        ? rowKey.value\n        : (record: Record<string, any>) => {\n            return record?.[rowKey.value as string]\n          },\n    )\n\n    const rawData = shallowRef<DefaultRecordType[]>([])\n    const rawColumns = shallowRef<ColumnType[]>([])\n\n    let dataSourceWatchStopHandle: WatchStopHandle\n    let columnsWatchStopHandle: WatchStopHandle\n    watch(\n      () => props.deepWatchDataSource,\n      () => {\n        dataSourceWatchStopHandle && dataSourceWatchStopHandle()\n        dataSourceWatchStopHandle = watch(\n          () => props.dataSource,\n          () => {\n            rawData.value = toRaw(props.dataSource) || EMPTY_LIST\n            triggerRef(rawData)\n          },\n          { immediate: true, deep: !!props.deepWatchDataSource },\n        )\n      },\n      { immediate: true, deep: true },\n    )\n\n    watch(\n      () => props.deepWatchColumns,\n      () => {\n        columnsWatchStopHandle && columnsWatchStopHandle()\n        columnsWatchStopHandle = watch(\n          () => props.columns,\n          () => {\n            rawColumns.value = toRaw(props.columns) || EMPTY_LIST\n            triggerRef(rawColumns)\n          },\n          { immediate: true, deep: true },\n        )\n      },\n      { immediate: true, deep: !!props.deepWatchColumns },\n    )\n\n    const childrenColumnName = computed(\n      () => props.childrenColumnName ?? table?.value?.childrenColumnName ?? 'children',\n    )\n\n    const { getRecordByKey, getIndexsByKey, getKeyByIndexs, allDataRowKeys, allDataRootRowKeys } =\n      useKVMap(rawData, childrenColumnName, getRowKey)\n\n    const defaultExpandedRowKeys = shallowRef<Key[]>([])\n    watchEffect(() => {\n      props.defaultExpandedRowKeys && (defaultExpandedRowKeys.value = props.defaultExpandedRowKeys)\n      props.defaultExpandAllRows && (defaultExpandedRowKeys.value = allDataRowKeys.value)\n    })\n\n    const mergedRowSelection = computed(() => {\n      const rowSelection = props.rowSelection || {}\n      const { checkStrictly = true } = rowSelection\n      return { ...rowSelection, checkStrictly }\n    })\n\n    const expandedRowKeys = computed(\n      () => new Set(props.expandedRowKeys || defaultExpandedRowKeys.value || []),\n    )\n\n    const spinProps = computed<SpinProps>(() => {\n      if (typeof props.loading === 'boolean') {\n        return { spinning: props.loading }\n      } else if (typeof props.loading === 'object') {\n        return { spinning: true, ...props.loading }\n      } else {\n        return { spinning: false }\n      }\n    })\n\n    onActivated(() => {\n      scrollTo({ left: 0, top: 0 })\n    })\n\n    let triggerOnChange: any = () => {}\n\n    const scrollBarSize = shallowRef(getScrollBarSize())\n    const baseHeight = computed(() =>\n      props.size === 'small' ? 39 : props.size === 'middle' ? 47 : 55,\n    )\n    const expandedRowRender = computed(() => props.expandedRowRender)\n    const expandType = eagerComputed(() =>\n      rawData.value.some((column) => column?.[childrenColumnName.value]?.length)\n        ? 'nest'\n        : expandedRowRender.value\n          ? 'row'\n          : null,\n    )\n    const expandable = eagerComputed(() => !!props.expandedRowRender)\n\n    const columns = useColumns({\n      props,\n      rawColumns,\n      bodyScrollWidth,\n      baseHeight,\n      measureWidthRef,\n      expandable,\n      expandType,\n      scrollLeft,\n      bodyWidth,\n      xVirtual,\n      draggingColumnKey,\n      latestRangeStartCell,\n    })\n\n    const { sortedData, sorterStates, sorter, changeSorter } = useSorter(\n      props,\n      rawData,\n      columns.allColumns,\n      (sorter, sorterStates) => {\n        scrollTop.value > bodyHeight.value && updateAnimate()\n        triggerOnChange({ sorter, sorterStates }, 'sort', false)\n      },\n    )\n\n    const { filterData, filterStates, filters, changeFilter } = useFilter(\n      props,\n      sortedData,\n      columns.allColumns,\n      (filters, filterStates) => {\n        triggerOnChange({ filters, filterStates }, 'filter', true)\n      },\n    )\n\n    const total = eagerComputed(() => filterData.value.length)\n    const paginationParam = computed(() => {\n      if (props.pagination === false) {\n        return {}\n      }\n      return getPaginationParam(props.pagination, mergedPagination.value)\n    })\n\n    const triggeronPaginationChange = (current: number, pageSize: number) => {\n      const pagination = { ...paginationParam.value, current, pageSize }\n      props['onUpdate:pagination'] &&\n        emit(\n          'update:pagination',\n          isReactive(props.pagination)\n            ? Object.assign(props.pagination || {}, pagination)\n            : pagination,\n        )\n    }\n\n    const {\n      mergedPagination,\n      pos,\n      refreshPagination,\n      onChange: onPaginationChange,\n      onShowSizeChange,\n      pageData,\n    } = usePagination(total, props, filterData, (current, pageSize) => {\n      const pagination = { ...paginationParam.value, current, pageSize }\n      triggeronPaginationChange(current, pageSize)\n      updateAnimate()\n      triggerOnChange({ pagination }, 'paginate')\n    })\n\n    const {\n      flattenData,\n      keyEntities,\n      pageDataRowKeys,\n      pageDataEnableRowKeys,\n      checkboxPropsMap,\n      getRowFlattenIndexByKey,\n      isMyChildren,\n      getRowByFlattenIndex,\n    } = useFlattenRecords(\n      pageData,\n      childrenColumnName,\n      expandedRowKeys,\n      getRowKey,\n      expandType,\n      mergedRowSelection,\n    )\n\n    const cal = useCal(props, flattenData, bodyHeight, scrollTop, virtual, keyEntities)\n\n    const { rowPosition, viewportHeight, startIndex, endIndex } = cal\n    const { leftWidth, rightWidth, centerWidth, bodyMaxWidth } = columns\n\n    const selection = useSelection(props, mergedRowSelection, rawData, {\n      prefixCls: computed(() => props.prefixCls!),\n      pageData,\n      getRowKey,\n      getRecordByKey,\n      childrenColumnName,\n      locale,\n      flattenData,\n      keyEntities,\n      checkboxPropsMap,\n      allDataRowKeys,\n      allDataRootRowKeys,\n      pageDataRowKeys,\n      pageDataEnableRowKeys,\n    })\n\n    const bodyRef = ref<HTMLDivElement>()\n    let leftRaf: any, topRaf: any\n\n    const scrollTo = (options: any = {}, type = 'auto', isAnimate = false) => {\n      if (!isAnimate) {\n        updateAnimate()\n      }\n      const mergeOptions = typeof options == 'number' ? { top: options } : options\n      let left, top\n      if ('left' in mergeOptions) {\n        left = mergeOptions.left || 0\n      } else if ('columnIndex' in mergeOptions) {\n        const position = columns.getColumnPosition(mergeOptions.columnIndex!)\n        if (position) {\n          left = position.left - leftWidth.value\n        }\n      } else if ('columnKey' in mergeOptions) {\n        const position = columns.getColumnPositionByKey(mergeOptions.columnKey!)\n        if (position) {\n          left = position.left - leftWidth.value\n        }\n      }\n      if ('top' in mergeOptions) {\n        top = Math.min(Math.max(mergeOptions.top || 0, 0), maxScrollTop.value)\n      } else if ('rowKey' in mergeOptions) {\n        const pos = cal.getRowPositionByKey(mergeOptions.rowKey!)\n        if (pos) {\n          top = pos\n        }\n      }\n\n      left = Math.max(Math.min(maxScrollLeft.value, left || 0), 0)\n      if (!showVerticalScrollbar.value) {\n        top = 0\n      }\n      if (type === 'smooth') {\n        if (left !== undefined) {\n          raf.cancel(leftRaf)\n          leftRaf = easeoutScroll(scrollLeft.value, left, (val: number) => {\n            scrollLeft.value = val\n          })\n        }\n        if (top !== undefined) {\n          raf.cancel(topRaf)\n          topRaf = easeoutScroll(scrollTop.value, top, (val: number) => {\n            scrollTop.value = val\n          })\n        }\n      } else {\n        if (left !== undefined) {\n          scrollLeft.value = left\n        }\n        if (top !== undefined) {\n          scrollTop.value = top\n        }\n      }\n    }\n\n    const useAnimate = ref(false)\n    const animateRows = computed(() => {\n      return !!(props.animateRows ?? table?.value?.animateRows)\n    })\n\n    let timer: any\n    watch(\n      animateRows,\n      (newVal) => {\n        useAnimate.value = newVal\n      },\n      { immediate: true },\n    )\n\n    const updateAnimate = () => {\n      useAnimate.value = false\n      clearTimeout(timer)\n      timer = setTimeout(() => {\n        useAnimate.value = animateRows.value\n      }, 100)\n    }\n\n    const maxScrollLeft = computed(() => bodyMaxWidth.value - bodyWidth.value)\n    const maxScrollTop = computed(() => viewportHeight.value - bodyHeight.value)\n    const onScroll = (e) => {\n      emit('scroll', e)\n    }\n\n    useHScrollSyncProvide({ scrollLeft, maxScrollLeft, onScroll, bodyWidth })\n    useVScrollSyncProvide({ scrollTop, maxScrollTop, onScroll, updateAnimate, bodyWidth })\n\n    const { data, pos: dataRowPosition } = useData(\n      props,\n      rowPosition,\n      flattenData,\n      startIndex,\n      endIndex,\n      draggingRowKey,\n      useAnimate,\n      getRowFlattenIndexByKey,\n      latestRangeStartCell,\n    )\n\n    const pingedLeft = ref(false)\n    const pingedRight = ref(false)\n    const noPinged = ref(false)\n\n    watchEffect(() => {\n      pingedLeft.value = supportSticky && !!scrollLeft.value\n      pingedRight.value =\n        supportSticky &&\n        centerWidth.value - (bodyWidth.value - leftWidth.value - rightWidth.value) >\n          scrollLeft.value\n      noPinged.value = !pingedLeft.value && !pingedRight.value\n    })\n\n    const rootClass = computed(() =>\n      classNames({\n        [`${props.prefixCls}`]: true,\n        [`${props.prefixCls}-support-sticky`]: supportSticky,\n        [`${props.prefixCls}-stripe`]: props.stripe,\n        [`${props.prefixCls}-bordered`]: props.bordered ?? table?.value?.bordered,\n        [`${props.prefixCls}-${props.size}`]: true,\n        [`${props.prefixCls}-ping-left`]: pingedLeft.value,\n        [`${props.prefixCls}-ping-right`]: pingedRight.value,\n        [`${props.prefixCls}-no-ping`]: noPinged.value,\n        [`${props.prefixCls}-has-animate`]: animateRows.value,\n      }),\n    )\n    const rootStyle = computed(() => ({\n      height: typeof props.height == 'number' ? `${props.height}px` : props.height,\n      maxHeight: typeof props.maxHeight == 'number' ? `${props.maxHeight}px` : props.maxHeight,\n      minHeight: typeof props.minHeight == 'number' ? `${props.minHeight}px` : props.minHeight,\n    }))\n\n    const showHorizontalScrollbar = ref(false)\n    const debounceFn = debounce(() => {\n      showHorizontalScrollbar.value = bodyMaxWidth.value > bodyWidth.value\n      if (bodyWidth.value > bodyScrollWidth.value) {\n        bodyScrollWidth.value = bodyWidth.value\n      }\n    }, 100)\n\n    watch([bodyMaxWidth, bodyWidth], () => {\n      debounceFn()\n    })\n\n    const showVerticalScrollbar = eagerComputed(\n      () => !!mergedScrollY.value && bodyHeight.value + 0.9 < viewportHeight.value,\n    )\n    const scrollToFirstRow = eagerComputed(\n      () => !props.scroll || (props.scroll && props.scroll.scrollToFirstRowOnChange !== false),\n    )\n\n    triggerOnChange = (\n      info: Partial<ChangeEventInfo<DefaultRecordType>>,\n      action: TableAction,\n      reset = false,\n    ) => {\n      if (reset) {\n        refreshPagination()\n        triggeronPaginationChange(1, mergedPagination.value.pageSize!)\n        if (props.pagination) {\n          props.pagination.onChange?.(1, mergedPagination.value.pageSize)\n        }\n      }\n      if (scrollToFirstRow.value) {\n        scrollTop.value = 0\n      }\n      props.onChange?.(\n        info.pagination || mergedPagination.value,\n        info.filters || filters.value,\n        info.sorter || sorter.value,\n        {\n          currentDataSource: info.currentDataSource || filterData.value,\n          action,\n        },\n      )\n    }\n\n    const paginationProps = computed(() => {\n      return omit(mergedPagination.value, [\n        'position',\n        'onChange',\n        'onShowSizeChange',\n        'fieldNames',\n      ])\n    })\n\n    const paginationClass = computed(() => {\n      return {\n        [`${props.prefixCls}-pagination`]: true,\n        [`${props.prefixCls}-pagination-${pos.value.bottom}`]: true,\n        [`${customUiCls}`]: true,\n      }\n    })\n    const bottomPaginationHeight = ref(0)\n    const bottomPaginationStyle = computed<any>(() => {\n      if (!props.paginationSticky || counter.hasFullScreen.value || !!props.height) {\n        return {}\n      }\n      if (props.paginationSticky === true) {\n        return { position: 'sticky', 'z-index': 9, bottom: '0px' }\n      }\n      return {\n        position: 'sticky',\n        'z-index': 9,\n        bottom: `${props.paginationSticky?.offsetBottom ?? 0}px`,\n      }\n    })\n\n    const indentSize = computed(() => (typeof props.indentSize == 'number' ? props.indentSize : 15))\n\n    const cellProps = useCellProps({\n      leftColumns: columns.leftColumns,\n      rightColumns: columns.rightColumns,\n      visibleCenterColumns: columns.visibleCenterColumns,\n      allColumns: columns.allColumns,\n      data,\n      mergedRowHeights: cal.mergedRowHeights,\n      startIndex,\n      getColumnPosition: columns.getColumnPosition,\n      bodyWidth,\n      leftWidth,\n      centerWidth,\n      getRowHeight: cal.getRowHeight,\n      customCell: toRef(props, 'customCell'),\n    })\n\n    watch(\n      [realHeaderHeight, scrollLeft],\n      () => {\n        popupContainer.value?.alignPopup?.()\n      },\n      { flush: 'post' },\n    )\n\n    useProvideTable({\n      ...cal,\n      ...columns,\n      ...cellProps,\n      rootRef,\n      rawData,\n      getRowFlattenIndexByKey,\n      prefixCls: computed(() => props.prefixCls!),\n      draggingRowKey,\n      insertToRowKey,\n      status,\n      useAnimate,\n      animateRows,\n      watermarkMsg,\n      onResizeColumn: (w: number, col: ColumnType, action: ResizeActionType) => {\n        const width = col.width\n        const result = props.onResizeColumn?.(w, col, action)\n        if (result !== false) {\n          if (!(width === w && col.width === w)) {\n            col.width = width !== col.width ? col.width : w\n            triggerRef(rawColumns)\n          }\n          if (action === 'end') {\n            emit('update:columns', rawColumns.value, 'resize')\n          }\n        }\n      },\n      onRowDragEnd: (opt: DragRowEventInfo) => {\n        const { insertToRowKey, record, fromIndexs, rowKey, dir, preTargetInfo, nextTargetInfo } =\n          opt\n        const rawRecord = toRaw(record)\n        const dragEnd = props.onRowDragEnd?.({ ...opt, record: rawRecord, fromIndexs })\n        if (dragEnd === false) {\n          return\n        }\n\n        const handler = () => {\n          if (!isMyChildren(rowKey, preTargetInfo?.rowKey as Key) && insertToRowKey !== rowKey) {\n            if (insertToRowKey !== null) {\n              const parentRecord = getRecordByKey(insertToRowKey)\n              if (\n                insertToRowKey === preTargetInfo?.rowKey ||\n                insertToRowKey === nextTargetInfo?.rowKey\n              ) {\n                if (dir === DOWN) {\n                  addNestItemData(\n                    parentRecord[childrenColumnName.value],\n                    [],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                } else {\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                  addNestItemData(\n                    parentRecord[childrenColumnName.value],\n                    [],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                }\n              } else {\n                if (dir === DOWN) {\n                  addNestItemData(\n                    rawData.value,\n                    preTargetInfo?.indexs as number[],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                } else {\n                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                  addNestItemData(\n                    rawData.value,\n                    preTargetInfo?.indexs as number[],\n                    childrenColumnName.value,\n                    rawRecord,\n                  )\n                }\n              }\n            } else {\n              if (dir === DOWN && preTargetInfo) {\n                addNestItemData(\n                  rawData.value,\n                  [preTargetInfo.indexs[0]!],\n                  childrenColumnName.value,\n                  rawRecord,\n                )\n                deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n              } else if (dir === UP && nextTargetInfo) {\n                deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value)\n                addNestItemData(\n                  rawData.value,\n                  preTargetInfo?.indexs ? [preTargetInfo!.indexs[0]!] : [],\n                  childrenColumnName.value,\n                  rawRecord,\n                )\n              }\n            }\n            triggerRef(rawData)\n            emit('update:dataSource', rawData.value)\n          }\n        }\n        if (isPromise(dragEnd)) {\n          dragEnd\n            .then(() => {\n              handler()\n            })\n            .catch(() => {})\n        } else {\n          handler()\n        }\n      },\n      virtual,\n      xVirtual,\n      dataRowPosition,\n      rawColumns,\n      bodyHeight,\n      scrollTop,\n      scrollLeft,\n      supportSticky,\n      childrenColumnName,\n      bodyScrollWidth,\n      baseHeight,\n      startIndex,\n      data,\n      pageData,\n      getRecordByKey,\n      getIndexsByKey,\n      expandType,\n      flattenData,\n      expandedRowKeys,\n      indentSize,\n      props,\n      bodyWidth,\n      scrollTo,\n      scrollBarSize,\n      leftWidth,\n      rightWidth,\n      centerWidth,\n      showVerticalScrollbar,\n      showHorizontalScrollbar,\n      getRowKey,\n      selection,\n      updateSelectedRowKeys: (keys: Key[]) => {\n        emit('update:selectedRowKeys', keys)\n      },\n      locale,\n      sorterStates,\n      changeSorter,\n      changeFilter,\n      filterStates,\n      onTriggerExpand: (record, key: Key) => {\n        let keys: Key[]\n        const hasKey = expandedRowKeys.value.has(key)\n        if (hasKey) {\n          expandedRowKeys.value.delete(key)\n          keys = [...expandedRowKeys.value]\n        } else {\n          keys = [...expandedRowKeys.value, key]\n        }\n        defaultExpandedRowKeys.value = keys\n        emit('update:expandedRowKeys', keys)\n        emit('expand', !hasKey, record)\n        emit('expandedRowsChange', keys)\n      },\n      keyEntities,\n      pageDataRowKeys,\n      pageDataEnableRowKeys,\n      checkboxPropsMap,\n      mergedRowSelection,\n      getPopupContainer,\n      allDataRowKeys,\n      allDataRootRowKeys,\n      dragRowsHandle,\n      isMyChildren,\n      getKeyByIndexs,\n      getRowByFlattenIndex,\n      draggingColumnKey,\n      dragColumnsHandle,\n      onColumnDragEnd: (arg: DragColumnEventInfo) => {\n        const { dir, column, targetColumn } = arg\n        const dragEnd = props.onColumnDragEnd?.(arg)\n        if (dragEnd === false) {\n          return\n        }\n\n        const handler = () => {\n          if (column === targetColumn || column.key === targetColumn.key) return\n          const index = rawColumns.value.findIndex(\n            (col) => col === column || col.key === column.key,\n          )\n          const targetIndex = rawColumns.value.findIndex(\n            (col) => col === targetColumn || col.key === targetColumn.key,\n          )\n          if (dir === LEFT) {\n            rawColumns.value.splice(index, 1)\n            rawColumns.value.splice(targetIndex, 0, column)\n          } else {\n            rawColumns.value.splice(targetIndex + 1, 0, column)\n            rawColumns.value.splice(index, 1)\n          }\n          triggerRef(rawColumns)\n          emit('update:columns', rawColumns.value, 'drag')\n        }\n\n        if (isPromise(dragEnd)) {\n          dragEnd\n            .then(() => {\n              handler()\n            })\n            .catch(() => {})\n        } else {\n          handler()\n        }\n      },\n      onColumnDrag: () => {},\n      columnDrag: computed(() => props.columnDrag),\n      summaryFixed: mergedSummaryFixed,\n      realHeaderHeight,\n      bottomPaginationHeight,\n      pos,\n    })\n\n    const tabGuardTopRef = ref()\n    const tabGuardBottomRef = ref()\n\n    const {\n      navigationService,\n      getSelectedRange,\n      clearAllSelectedRange,\n      copySelectedRange,\n      appendCellToSelectedRange,\n      onBodyKeydown,\n    } = useProvideRangeStore({\n      allColumns: columns.allColumns,\n      flattenData,\n      rangeSelection: computed(() => props.rangeSelection),\n      getRowByFlattenIndex,\n      rootRef,\n      prefixCls: computed(() => props.prefixCls!),\n      allCellProps: cellProps.allCellProps,\n      tabGuardTopRef,\n      tabGuardBottomRef,\n      ensureCellColumnVisible: (cell: RangeCell) => {\n        if (!cell.column || cell.column.fixed) return\n        const sl = scrollLeft.value\n        const pos = columns.getColumnPositionByKey(cell.column.columnKey)\n        if (pos) {\n          const { width, left } = pos\n          const lw = leftWidth.value\n          const rw = rightWidth.value\n          left - lw < sl\n            ? (scrollLeft.value = left - lw)\n            : left + width > sl + bodyWidth.value - rw &&\n              (scrollLeft.value = left + width - bodyWidth.value + rw)\n        }\n      },\n      ensureCellRowVisible: (cell: RangeCell) => {\n        const { rowIndex } = cell\n        const st = scrollTop.value\n        const row = getRowByFlattenIndex(rowIndex)\n        const pos = cal.getRowPositionByKey(row.rowKey)\n        const cprops =\n          (cellProps.allCellProps.value[row.rowKey]?.[cell.column!.columnKey] || {}).props || {}\n        const height = cal.getRowHeight(rowIndex, cprops.rowSpan)\n        if (pos !== undefined) {\n          updateAnimate()\n          if (pos < st) {\n            scrollTop.value = pos\n          } else {\n            if (pos + height > st + bodyHeight.value) {\n              scrollTop.value = pos + height - bodyHeight.value\n            }\n          }\n        }\n      },\n      latestRangeStartCell,\n      bodyRef: computed(() => {\n        return (bodyRef.value as any)?.bodyRef\n      }),\n      scrollLeft,\n      scrollTop,\n      scrollTo,\n      showVerticalScrollbar,\n      showHorizontalScrollbar,\n      getIndexsByKey,\n      formatRangeCellText: (parmas) => {\n        if (props.formatRangeCellText) {\n          return props.formatRangeCellText(parmas)\n        } else if (parmas.value) {\n          return parmas.value\n        }\n        return ''\n      },\n      editCellKeys,\n      copyDelimiter: computed(() => props.copyDelimiter),\n    })\n\n    expose({\n      scrollTo,\n      scrollLeft,\n      scrollTop,\n      rootRef,\n      paginationRef,\n      bodyRef: computed(() => {\n        return (bodyRef.value as any)?.bodyRef\n      }),\n      getSelectedRange,\n      clearAllSelectedRange,\n      copySelectedRange,\n      appendCellToSelectedRange,\n      openEditor: (cellInfos: any[]) => {\n        openEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`))\n      },\n      closeEditor: (cellInfos: any[]) => {\n        if (cellInfos) {\n          closeEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`))\n        } else {\n          closeEditor()\n        }\n      },\n    })\n\n    return {\n      bodyRef,\n      spinProps,\n      rowPosition,\n      viewportHeight,\n      startIndex,\n      data,\n      watermarkMsg,\n      rootStyle,\n      rootClass,\n      onBodyKeydown,\n      watermarkStyle: computed<any>(() => ({\n        minWidth: '100px!important',\n        minHeight: '40px!important',\n        position: 'absolute!important',\n        fontSize: '20px!important',\n        opacity: '0.8!important',\n        bottom: '40px!important',\n        right: '40px!important',\n        pointerEvents: 'none',\n        display: 'block!important',\n        zIndex: '999999!important',\n        color: '#000000!important',\n        margin: '0px!important',\n        padding: '0px!important',\n        transform: 'unset!important',\n      })),\n      mergedPagination,\n      pos,\n      onPaginationChange,\n      scrollBarSize,\n      scrollTop,\n      bodyScrollWidth,\n      bodyWidth,\n      scrollLeft,\n      cal,\n      selection,\n      locale,\n      paginationProps,\n      slots,\n      mergedScrollX,\n      mergedScrollY,\n      bodyHeight,\n      measureWidthRef,\n      flattenData,\n      rootRef,\n      paginationRef,\n      mergedSummaryFixed,\n      handleResize: (e: CustomEvent) => {\n        realHeaderHeight.value = e.detail.height\n      },\n      handlePaginationResize: (e: CustomEvent) => {\n        bottomPaginationHeight.value = e.detail.height\n      },\n      popupContainer,\n      handleGuardTopKeydown: (e: KeyboardEvent) => {\n        e.keyCode !== KeyCode.TAB ||\n          e.shiftKey ||\n          (navigationService.getFirstCellToFocus(e.shiftKey), e.preventDefault())\n      },\n      handleGuardBottomKeydown: (e: KeyboardEvent) => {\n        e.keyCode === KeyCode.TAB &&\n          e.shiftKey &&\n          (navigationService.getLastCellToFocus(e.shiftKey), e.preventDefault())\n      },\n      tabGuardTopRef,\n      tabGuardBottomRef,\n      onShowSizeChange,\n      customUiCls,\n      paginationClass,\n      bottomPaginationStyle,\n    }\n  },\n})\n</script>\n\n<template>\n  <TableSlotsContextProvider :value=\"{ ...slots }\">\n    <Spin v-bind=\"spinProps\">\n      <Pagination\n        v-if=\"pos.top\"\n        :class=\"`${prefixCls}-pagination ${prefixCls}-pagination-${pos.top} ${customUiCls}`\"\n        v-bind=\"paginationProps\"\n        @change=\"onPaginationChange\"\n        @show-size-change=\"onShowSizeChange\"\n      />\n      <div\n        ref=\"tabGuardTopRef\"\n        role=\"presentation\"\n        tabindex=\"0\"\n        :style=\"{ position: 'absolute', width: '0', height: '0' }\"\n        @keydown=\"handleGuardTopKeydown\"\n      ></div>\n      <div key=\"content\" ref=\"rootRef\" :class=\"rootClass\" :style=\"rootStyle\">\n        <template v-if=\"showHeader\">\n          <AutoHeightHeader\n            v-if=\"autoHeaderHeight\"\n            :prefix-cls=\"prefixCls\"\n            :sticky=\"sticky\"\n            @resizeheight=\"handleResize\"\n          />\n          <ProHeader v-else :prefix-cls=\"prefixCls\" :sticky=\"sticky\" @resizeheight=\"handleResize\" />\n        </template>\n        <ProBody\n          ref=\"bodyRef\"\n          v-model:bodyScrollWidth=\"bodyScrollWidth\"\n          v-model:bodyWidth=\"bodyWidth\"\n          v-model:bodyHeight=\"bodyHeight\"\n          :prefix-cls=\"prefixCls\"\n          :wrap-text=\"wrapText\"\n          :scroll-x=\"mergedScrollX\"\n          :height=\"mergedScrollY\"\n          :summary-fixed=\"mergedSummaryFixed\"\n          :summary=\"$slots.summary\"\n          :empty-text=\"$slots.emptyText\"\n          @keydown=\"onBodyKeydown\"\n        />\n      </div>\n      <HorizontalScroll />\n      <div\n        ref=\"tabGuardBottomRef\"\n        role=\"presentation\"\n        tabindex=\"0\"\n        :style=\"{ position: 'absolute', width: '0', height: '0' }\"\n        @keydown=\"handleGuardBottomKeydown\"\n      ></div>\n      <div v-if=\"$slots.footer\" key=\"footer\" :class=\"`${prefixCls}-footer`\">\n        <slot name=\"footer\" />\n      </div>\n      <PopupContainer ref=\"popupContainer\" :prefix-cls=\"prefixCls\" />\n      <div\n        v-if=\"pos.bottom\"\n        v-resize:height\n        ref=\"paginationRef\"\n        :style=\"bottomPaginationStyle\"\n        :class=\"`${prefixCls}-pagination-wrap ${prefixCls}-pagination-wrap-${size}`\"\n        @resizeheight=\"handlePaginationResize\"\n      >\n        <Pagination\n          :class=\"paginationClass\"\n          v-bind=\"paginationProps\"\n          @change=\"onPaginationChange\"\n          @show-size-change=\"onShowSizeChange\"\n        />\n      </div>\n    </Spin>\n    <MeasureWidth ref=\"measureWidthRef\" />\n  </TableSlotsContextProvider>\n</template>\n"],"names":["_createBlock","_createVNode","_normalizeProps","_guardReactiveProps","_withCtx","_openBlock","_mergeProps","_createCommentVNode","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_Fragment","_renderSlot","_withDirectives"],"mappings":"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"}

package/es/packages/components/table/src/components/InteralTable.vue2.mjs

@@ -505,7 +505,7 @@ var _sfc_main = defineComponent({
     const bottomPaginationHeight = ref(0);
     const bottomPaginationStyle = computed(() => {
       var _a, _b;
-      if (!props.paginationSticky) {
+      if (!props.paginationSticky || counter.hasFullScreen.value || !!props.height) {
         return {};
       }
       if (props.paginationSticky === true) {
@@ -514,7 +514,7 @@ var _sfc_main = defineComponent({
       return {
         position: "sticky",
         "z-index": 9,
-        bottom: counter.hasFullScreen.value ? "0px" : `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
+        bottom: `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
       };
     });
     const indentSize = computed(() => typeof props.indentSize == "number" ? props.indentSize : 15);