pro-design-vue 1.3.21 → 1.3.23

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

@@ -2,6 +2,18 @@ import _sfc_main from './InteralTable.vue2.mjs';
 import { resolveComponent, resolveDirective, createBlock, openBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, createElementVNode, createElementBlock, withDirectives, mergeProps, normalizeStyle, normalizeClass, Fragment, renderSlot } from 'vue';
 import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+const _hoisted_1 = {
+  ref: "tabGuardTopRef",
+  role: "presentation",
+  tabindex: "0",
+  style: { position: "absolute", width: "0", height: "0" }
+};
+const _hoisted_2 = {
+  ref: "tabGuardBottomRef",
+  role: "presentation",
+  tabindex: "0",
+  style: { position: "absolute", width: "0", height: "0" }
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Pagination = resolveComponent("Pagination");
   const _component_AutoHeightHeader = resolveComponent("AutoHeightHeader");
@@ -31,16 +43,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }), null, 16, ["class", "onChange", "onShowSizeChange"])) : createCommentVNode("v-if", true),
             createElementVNode(
               "div",
-              {
-                ref: "tabGuardTopRef",
-                role: "presentation",
-                tabindex: "0",
-                style: { position: "absolute", width: "0", height: "0" },
-                onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleGuardTopKeydown && _ctx.handleGuardTopKeydown(...args))
-              },
+              _hoisted_1,
               null,
-              544
-              /* NEED_HYDRATION, NEED_PATCH */
+              512
+              /* NEED_PATCH */
             ),
             createElementVNode(
               "div",
@@ -73,20 +79,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 createVNode(_component_ProBody, {
                   ref: "bodyRef",
                   bodyScrollWidth: _ctx.bodyScrollWidth,
-                  "onUpdate:bodyScrollWidth": _cache[1] || (_cache[1] = ($event) => _ctx.bodyScrollWidth = $event),
+                  "onUpdate:bodyScrollWidth": _cache[0] || (_cache[0] = ($event) => _ctx.bodyScrollWidth = $event),
                   bodyWidth: _ctx.bodyWidth,
-                  "onUpdate:bodyWidth": _cache[2] || (_cache[2] = ($event) => _ctx.bodyWidth = $event),
+                  "onUpdate:bodyWidth": _cache[1] || (_cache[1] = ($event) => _ctx.bodyWidth = $event),
                   bodyHeight: _ctx.bodyHeight,
-                  "onUpdate:bodyHeight": _cache[3] || (_cache[3] = ($event) => _ctx.bodyHeight = $event),
+                  "onUpdate:bodyHeight": _cache[2] || (_cache[2] = ($event) => _ctx.bodyHeight = $event),
                   "prefix-cls": _ctx.prefixCls,
                   "wrap-text": _ctx.wrapText,
                   "scroll-x": _ctx.mergedScrollX,
                   height: _ctx.mergedScrollY,
                   "summary-fixed": _ctx.mergedSummaryFixed,
                   summary: _ctx.$slots.summary,
-                  "empty-text": _ctx.$slots.emptyText,
-                  onKeydown: _ctx.onBodyKeydown
-                }, null, 8, ["bodyScrollWidth", "bodyWidth", "bodyHeight", "prefix-cls", "wrap-text", "scroll-x", "height", "summary-fixed", "summary", "empty-text", "onKeydown"])
+                  "empty-text": _ctx.$slots.emptyText
+                }, null, 8, ["bodyScrollWidth", "bodyWidth", "bodyHeight", "prefix-cls", "wrap-text", "scroll-x", "height", "summary-fixed", "summary", "empty-text"])
               ],
               6
               /* CLASS, STYLE */
@@ -94,16 +99,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_HorizontalScroll),
             createElementVNode(
               "div",
-              {
-                ref: "tabGuardBottomRef",
-                role: "presentation",
-                tabindex: "0",
-                style: { position: "absolute", width: "0", height: "0" },
-                onKeydown: _cache[4] || (_cache[4] = (...args) => _ctx.handleGuardBottomKeydown && _ctx.handleGuardBottomKeydown(...args))
-              },
+              _hoisted_2,
               null,
-              544
-              /* NEED_HYDRATION, NEED_PATCH */
+              512
+              /* NEED_PATCH */
             ),
             _ctx.$slots.footer ? (openBlock(), createElementBlock(
               "div",
@@ -128,7 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: "paginationRef",
                 style: normalizeStyle(_ctx.bottomPaginationStyle),
                 class: normalizeClass(`${_ctx.prefixCls}-pagination-wrap ${_ctx.prefixCls}-pagination-wrap-${_ctx.size}`),
-                onResizeheight: _cache[5] || (_cache[5] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
+                onResizeheight: _cache[3] || (_cache[3] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
               },
               [
                 createVNode(_component_Pagination, mergeProps({ class: _ctx.paginationClass }, _ctx.paginationProps, {

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-26 14:28:35\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 expandIconType = computed(\n      () => props.expandIconType ?? table?.value?.expandIconType ?? 'default',\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      expandIconType,\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-12-02 17:16:36\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 { 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 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    'data-change',\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    useProvidePopup()\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    watch(rawData, (newData) => {\n      emit('data-change', newData)\n    })\n\n    const childrenColumnName = computed(\n      () => props.childrenColumnName ?? table?.value?.childrenColumnName ?? 'children',\n    )\n\n    const expandIconType = computed(\n      () => props.expandIconType ?? table?.value?.expandIconType ?? 'default',\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    const {\n      validateRowData,\n      addEditRecord,\n      cancelEditable,\n      startEditable,\n      saveEditable,\n      isEditable,\n      validateTableData,\n    } = useEditProvider(props, {\n      getIndexsByKey,\n      getRecordByKey,\n      rawData,\n      getRowKey,\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      cancelEditable,\n      startEditable,\n      saveEditable,\n      isEditable,\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      cancelEditable,\n      startEditable,\n      saveEditable,\n      isEditable,\n      rootRef,\n      rawData,\n      getRowFlattenIndexByKey,\n      prefixCls: computed(() => props.prefixCls!),\n      draggingRowKey,\n      insertToRowKey,\n      status,\n      useAnimate,\n      animateRows,\n      expandIconType,\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    expose({\n      scrollTo,\n      scrollLeft,\n      scrollTop,\n      rootRef,\n      paginationRef,\n      validateRowData,\n      addEditRecord,\n      cancelEditable,\n      startEditable,\n      saveEditable,\n      validateTableData,\n      bodyRef: computed(() => {\n        return (bodyRef.value as any)?.bodyRef\n      }),\n    })\n\n    return {\n      bodyRef,\n      spinProps,\n      rowPosition,\n      viewportHeight,\n      startIndex,\n      data,\n      watermarkMsg,\n      rootStyle,\n      rootClass,\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      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      ></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        />\n      </div>\n      <HorizontalScroll />\n      <div\n        ref=\"tabGuardBottomRef\"\n        role=\"presentation\"\n        tabindex=\"0\"\n        :style=\"{ position: 'absolute', width: '0', height: '0' }\"\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

@@ -8,7 +8,6 @@ import { useProvidePopup } from './context/PopupContext.mjs';
 import { useHScrollSyncProvide } from '../hooks/useHScrollSync.mjs';
 import { useVScrollSyncProvide } from '../hooks/useVScrollSync.mjs';
 import { useProvideTable } from './context/TableContext.mjs';
-import { useProvideRangeStore } from '../hooks/useRangeStore.mjs';
 import { useInjectContainer } from '../hooks/useContainer.mjs';
 import useKVMap from '../hooks/useKVMap.mjs';
 import useLicense from '../hooks/useLicense.mjs';
@@ -28,7 +27,6 @@ import useData from '../hooks/useData.mjs';
 import supportSticky from '../utils/supportSticky.mjs';
 import classNames from '../utils/classNames.mjs';
 import useCellProps from '../hooks/useCellProps.mjs';
-import KeyCode from '../utils/KeyCode.mjs';
 import TableSlotsContextProvider from './context/TableSlotsContext.mjs';
 import MeasureWidth from './MeasureWidth.vue.mjs';
 import PopupContainer from './PopupContainer.vue.mjs';
@@ -36,13 +34,13 @@ import AutoHeightHeader from './AutoHeightHeader/Header.vue.mjs';
 import Header from './Header/Header.vue.mjs';
 import Body from './Body/Body.vue.mjs';
 import XScroll from './Scrollbar/XScroll.mjs';
+import { isPromise } from '../../../../utils/validate.mjs';
 import { resize } from '../../../../directives/resize.mjs';
 import { useProConfigInject } from '../../../config-provider/src/context.mjs';
 import { usePrefixCls } from '../../../../hooks/use-prefix-cls/index.mjs';
 import { DEFAULT_LOCALE } from '../../../../constants/globals.mjs';
 import { debounce } from 'lodash-unified';
 import { omit } from '../../../../utils/omit.mjs';
-import { isPromise } from '../../../../utils/validate.mjs';
 
 const EMPTY_LIST = [];
 var _sfc_main = defineComponent({
@@ -73,7 +71,8 @@ var _sfc_main = defineComponent({
     "expandedRowsChange",
     "resizeColumn",
     "update:dataSource",
-    "cellKeydown"
+    "cellKeydown",
+    "data-change"
   ],
   slots: {},
   setup(props, { expose, emit, slots }) {
@@ -85,7 +84,6 @@ var _sfc_main = defineComponent({
     });
     const popupContainer = shallowRef(null);
     const customUiCls = usePrefixCls("custom-ui");
-    const { editCellKeys, openEditor, closeEditor } = useEditProvider();
     useProvidePopup();
     const getPopupContainer = computed(() => props.getPopupContainer);
     const { status, watermarkMsg } = useLicense();
@@ -192,6 +190,9 @@ var _sfc_main = defineComponent({
       },
       { immediate: true, deep: !!props.deepWatchColumns }
     );
+    watch(rawData, (newData) => {
+      emit("data-change", newData);
+    });
     const childrenColumnName = computed(
       () => {
         var _a, _b, _c;
@@ -227,6 +228,20 @@ var _sfc_main = defineComponent({
         return { spinning: false };
       }
     });
+    const {
+      validateRowData,
+      addEditRecord,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable,
+      validateTableData
+    } = useEditProvider(props, {
+      getIndexsByKey,
+      getRecordByKey,
+      rawData,
+      getRowKey
+    });
     onActivated(() => {
       scrollTo({ left: 0, top: 0 });
     });
@@ -536,7 +551,11 @@ var _sfc_main = defineComponent({
       leftWidth,
       centerWidth,
       getRowHeight: cal.getRowHeight,
-      customCell: toRef(props, "customCell")
+      customCell: toRef(props, "customCell"),
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable
     });
     watch(
       [realHeaderHeight, scrollLeft],
@@ -550,6 +569,10 @@ var _sfc_main = defineComponent({
       ...cal,
       ...columns,
       ...cellProps,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable,
       rootRef,
       rawData,
       getRowFlattenIndexByKey,
@@ -767,99 +790,22 @@ var _sfc_main = defineComponent({
     });
     const tabGuardTopRef = ref();
     const tabGuardBottomRef = ref();
-    const {
-      navigationService,
-      getSelectedRange,
-      clearAllSelectedRange,
-      copySelectedRange,
-      appendCellToSelectedRange,
-      onBodyKeydown
-    } = useProvideRangeStore({
-      allColumns: columns.allColumns,
-      flattenData,
-      rangeSelection: computed(() => props.rangeSelection),
-      getRowByFlattenIndex,
-      rootRef,
-      prefixCls: computed(() => props.prefixCls),
-      allCellProps: cellProps.allCellProps,
-      tabGuardTopRef,
-      tabGuardBottomRef,
-      ensureCellColumnVisible: (cell) => {
-        if (!cell.column || cell.column.fixed) return;
-        const sl = scrollLeft.value;
-        const pos2 = columns.getColumnPositionByKey(cell.column.columnKey);
-        if (pos2) {
-          const { width, left } = pos2;
-          const lw = leftWidth.value;
-          const rw = rightWidth.value;
-          left - lw < sl ? scrollLeft.value = left - lw : left + width > sl + bodyWidth.value - rw && (scrollLeft.value = left + width - bodyWidth.value + rw);
-        }
-      },
-      ensureCellRowVisible: (cell) => {
-        var _a;
-        const { rowIndex } = cell;
-        const st = scrollTop.value;
-        const row = getRowByFlattenIndex(rowIndex);
-        const pos2 = cal.getRowPositionByKey(row.rowKey);
-        const cprops = (((_a = cellProps.allCellProps.value[row.rowKey]) == null ? void 0 : _a[cell.column.columnKey]) || {}).props || {};
-        const height = cal.getRowHeight(rowIndex, cprops.rowSpan);
-        if (pos2 !== void 0) {
-          updateAnimate();
-          if (pos2 < st) {
-            scrollTop.value = pos2;
-          } else {
-            if (pos2 + height > st + bodyHeight.value) {
-              scrollTop.value = pos2 + height - bodyHeight.value;
-            }
-          }
-        }
-      },
-      latestRangeStartCell,
-      bodyRef: computed(() => {
-        var _a;
-        return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
-      }),
-      scrollLeft,
-      scrollTop,
-      scrollTo,
-      showVerticalScrollbar,
-      showHorizontalScrollbar,
-      getIndexsByKey,
-      formatRangeCellText: (parmas) => {
-        if (props.formatRangeCellText) {
-          return props.formatRangeCellText(parmas);
-        } else if (parmas.value) {
-          return parmas.value;
-        }
-        return "";
-      },
-      editCellKeys,
-      copyDelimiter: computed(() => props.copyDelimiter)
-    });
     expose({
       scrollTo,
       scrollLeft,
       scrollTop,
       rootRef,
       paginationRef,
+      validateRowData,
+      addEditRecord,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      validateTableData,
       bodyRef: computed(() => {
         var _a;
         return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
-      }),
-      getSelectedRange,
-      clearAllSelectedRange,
-      copySelectedRange,
-      appendCellToSelectedRange,
-      openEditor: (cellInfos) => {
-        openEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`));
-      },
-      closeEditor: (cellInfos) => {
-        if (cellInfos) {
-          closeEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`));
-        } else {
-          closeEditor();
-        }
-      }
+      })
     });
     return {
       bodyRef,
@@ -871,7 +817,6 @@ var _sfc_main = defineComponent({
       watermarkMsg,
       rootStyle,
       rootClass,
-      onBodyKeydown,
       watermarkStyle: computed(() => ({
         minWidth: "100px!important",
         minHeight: "40px!important",
@@ -916,12 +861,6 @@ var _sfc_main = defineComponent({
         bottomPaginationHeight.value = e.detail.height;
       },
       popupContainer,
-      handleGuardTopKeydown: (e) => {
-        e.keyCode !== KeyCode.TAB || e.shiftKey || (navigationService.getFirstCellToFocus(e.shiftKey), e.preventDefault());
-      },
-      handleGuardBottomKeydown: (e) => {
-        e.keyCode === KeyCode.TAB && e.shiftKey && (navigationService.getLastCellToFocus(e.shiftKey), e.preventDefault());
-      },
       tabGuardTopRef,
       tabGuardBottomRef,
       onShowSizeChange,