pro-design-vue 1.3.6 → 1.3.7

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.6 */
+/*! Pro Design Vue v1.3.7 */
 
 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.6";
+const version$1 = "1.3.7";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -32679,8 +32679,6 @@ var BodyCellTooltip = /* @__PURE__ */ defineComponent({
             if (el) {
               const firstChild = el.childNodes[0];
               const isEllipsis = firstChild && hasEllipsis(firstChild);
-              console.log("\u{1F680} ~ nextTick ~ firstChild:", firstChild);
-              console.log("\u{1F680} ~ nextTick ~ isEllipsis:", isEllipsis);
               shouldOpen.value = (_a = props.shouldOpen) == null ? void 0 : _a.call(props, isEllipsis);
             }
           });
@@ -36355,7 +36353,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 2,
                 ref: "paginationRef",
                 style: normalizeStyle(_ctx.bottomPaginationStyle),
-                class: normalizeClass(`${_ctx.prefixCls}-pagination-wrap`),
+                class: normalizeClass(`${_ctx.prefixCls}-pagination-wrap ${_ctx.prefixCls}-pagination-wrap-${_ctx.size}`),
                 onResizeheight: _cache[5] || (_cache[5] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
               },
               [
@@ -36518,15 +36516,8 @@ var _sfc_main$d = defineComponent({
   props: { prefixCls: String },
   setup() {
     const intl = useIntl();
-    const fullscreen = ref(false);
-    onMounted(() => {
-      if (!isBrowser$1()) {
-        return;
-      }
-      document.onfullscreenchange = () => {
-        fullscreen.value = !!document.fullscreenElement;
-      };
-    });
+    const counter = useInjectContainer();
+    const fullscreen = computed(() => counter.hasFullScreen.value);
     return {
       h,
       intl,
@@ -37835,7 +37826,6 @@ var Table = /* @__PURE__ */ defineComponent({
     const tableRef = ref();
     const {
       table,
-      prefixCls: antPrefixCls,
       dark
     } = useProConfigInject();
     const prefixCls = usePrefixCls("table");
@@ -38126,12 +38116,17 @@ var Table = /* @__PURE__ */ defineComponent({
     const tableHeight = ref(props.height);
     const calcTableHeight = async () => {
       var _a2, _b2, _c, _d, _e, _f, _g;
-      if (props.autoHeight) {
+      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);
         tableHeight.value = typeof props.autoHeight === "function" ? (_g = props.autoHeight) == null ? void 0 : _g.call(props, height) : height;
+      } else {
+        tableHeight.value = props.height;
       }
     };
+    watch(() => counter.tableSize.value, () => {
+      calcTableHeight();
+    });
     onMounted(() => {
       calcTableHeight();
     });
@@ -38194,7 +38189,7 @@ var Table = /* @__PURE__ */ defineComponent({
       calcTableHeight
     });
     return () => {
-      var _a2, _b2, _c, _d, _e;
+      var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
       const {
         expandIcon = slots.expandIcon,
         expandedRowRender = slots.expandedRowRender
@@ -38209,17 +38204,8 @@ var Table = /* @__PURE__ */ defineComponent({
         "actionsRef": {
           ...actions,
           fullScreen: () => {
-            var _a3;
-            if (!counter.rootDomRef.value || !document.fullscreenEnabled) {
-              return;
-            }
-            if (document.fullscreenElement) {
-              document.exitFullscreen();
-              counter.hasFullScreen.value = false;
-            } else {
-              (_a3 = counter.rootDomRef.value) == null ? void 0 : _a3.requestFullscreen();
-              counter.hasFullScreen.value = true;
-            }
+            counter.hasFullScreen.value = !counter.hasFullScreen.value;
+            calcTableHeight();
           }
         },
         "tableColumn": tableColumn.value,
@@ -38253,6 +38239,7 @@ var Table = /* @__PURE__ */ defineComponent({
         "ref": tableRef
       }, omit(props, ["onChange", "onUpdate:pagination", "onUpdate:selectedRowKeys", "onUpdate:columns"]), {
         "height": tableHeight.value,
+        "virtual": !!props.autoHeight || !!counter.hasFullScreen.value || props.virtual,
         "prefixCls": mergedPrefixCls.value,
         "columns": mergeColumns || [],
         "size": counter.tableSize.value,
@@ -38280,44 +38267,33 @@ var Table = /* @__PURE__ */ defineComponent({
           default: () => [_tableDom]
         });
       }
-      return createVNode(ConfigProvider, {
-        "prefixCls": antPrefixCls == null ? void 0 : antPrefixCls.value,
-        "getPopupContainer": () => {
-          if (counter.hasFullScreen.value && counter.rootDomRef.value) {
-            return counter.rootDomRef.value;
-          }
-          return document.body;
-        }
-      }, {
-        default: () => {
-          var _a3, _b3, _c2, _d2;
-          return [createVNode("div", mergeProps({
-            "ref": counter.rootDomRef
-          }, attrs, {
-            "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, attrs.class],
-            "onKeydown": onKeydown
-          }), [props.search !== false && !!((_a3 = formItems.value) == null ? void 0 : _a3.length) && createVNode(FormRender, {
-            "prefixCls": mergedPrefixCls.value,
-            "items": formItems.value,
-            "cardBordered": (_d2 = (_c2 = props.cardBordered) != null ? _c2 : (_b3 = table == null ? void 0 : table.value) == null ? void 0 : _b3.cardBordered) != null ? _d2 : dark == null ? void 0 : dark.value,
-            "search": props.search,
-            "tableShowCard": props.cardProps !== false,
-            "loading": formSubmitLoading.value,
-            "beforeSearchSubmit": props.beforeSearchSubmit,
-            "manual": props.manual || props.manualRequest,
-            "onReset": props.onReset,
-            "onSubmit": props.onSubmit,
-            "onFormSearchSubmit": onFormSearchSubmit,
-            "onSearchTabChange": (newValues) => {
-              actions.setFormSearch({
-                ...actions.formSearch.value,
-                ...newValues
-              });
-            },
-            "onCollapse": calcTableHeight
-          }, slots), tableDom])];
-        }
-      });
+      return createVNode("div", mergeProps({
+        "ref": counter.rootDomRef
+      }, attrs, {
+        "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, {
+          [`${mergedPrefixCls.value}-maximize`]: counter.hasFullScreen.value
+        }, attrs.class],
+        "onKeydown": onKeydown
+      }), [props.search !== false && !!((_f = formItems.value) == null ? void 0 : _f.length) && createVNode(FormRender, {
+        "prefixCls": mergedPrefixCls.value,
+        "items": formItems.value,
+        "cardBordered": (_i = (_h = props.cardBordered) != null ? _h : (_g = table == null ? void 0 : table.value) == null ? void 0 : _g.cardBordered) != null ? _i : dark == null ? void 0 : dark.value,
+        "search": props.search,
+        "tableShowCard": props.cardProps !== false,
+        "loading": formSubmitLoading.value,
+        "beforeSearchSubmit": props.beforeSearchSubmit,
+        "manual": props.manual || props.manualRequest,
+        "onReset": props.onReset,
+        "onSubmit": props.onSubmit,
+        "onFormSearchSubmit": onFormSearchSubmit,
+        "onSearchTabChange": (newValues) => {
+          actions.setFormSearch({
+            ...actions.formSearch.value,
+            ...newValues
+          });
+        },
+        "onCollapse": calcTableHeight
+      }, slots), tableDom]);
     };
   }
 });

package/es/components/table/src/components/ToolBar/FullscreenIcon.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     h: typeof h;
     intl: import("pro-design-vue").IntlType;
-    fullscreen: import("vue").Ref<boolean, boolean>;
+    fullscreen: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     prefixCls: StringConstructor;
 }>> & Readonly<{}>, {}, {}, {

package/es/components/table/src/components/ToolBar/ToolBar.vue.d.ts

@@ -5408,7 +5408,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         h: typeof h;
         intl: import("pro-design-vue").IntlType;
-        fullscreen: import("vue").Ref<boolean, boolean>;
+        fullscreen: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         prefixCls: StringConstructor;
     }>> & Readonly<{}>, {}, {}, {

package/es/packages/components/table/src/components/Body/BodyCellTooltip.mjs

@@ -67,8 +67,6 @@ var BodyCellTooltip = /* @__PURE__ */ defineComponent({
             if (el) {
               const firstChild = el.childNodes[0];
               const isEllipsis = firstChild && hasEllipsis(firstChild);
-              console.log("\u{1F680} ~ nextTick ~ firstChild:", firstChild);
-              console.log("\u{1F680} ~ nextTick ~ isEllipsis:", isEllipsis);
               shouldOpen.value = (_a = props.shouldOpen) == null ? void 0 : _a.call(props, isEllipsis);
             }
           });

package/es/packages/components/table/src/components/Body/BodyCellTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BodyCellTooltip.mjs","sources":["../../../../../../../../../packages/components/table/src/components/Body/BodyCellTooltip.tsx"],"sourcesContent":["import { Tooltip } from 'ant-design-vue'\nimport { defineComponent, ref, computed, watch, getCurrentInstance, nextTick } from 'vue'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    tooltipProps: {\n      type: Object as PropType<any>,\n      default: () => ({}),\n    },\n    getPopupContainer: Function as PropType<() => HTMLElement>,\n    open: Boolean,\n    onCellLeave: Function,\n    align: Object as PropType<any>,\n    shouldOpen: {\n      type: [Function, Boolean] as PropType<boolean | ((isEllipsis: boolean) => boolean)>,\n    },\n    allowEnter: { type: Boolean, default: true },\n  },\n  setup(props, { slots, emit }) {\n    const align = computed(() => ({ offset: [0, 13] }))\n    const instance = getCurrentInstance()\n    const shouldOpen = ref(false)\n\n    const hasEllipsis = (firstChild: HTMLElement) => {\n      const range = document.createRange()\n      range.setStart(firstChild, 0)\n      range.setEnd(firstChild, firstChild.childNodes.length)\n      let rangeWidth = range.getBoundingClientRect().width\n      // let rangeHeight = range.getBoundingClientRect().height\n      rangeWidth - Math.floor(rangeWidth) < 1e-3 && (rangeWidth = Math.floor(rangeWidth))\n      // rangeHeight - Math.floor(rangeHeight) < 1e-3 && (rangeHeight = Math.floor(rangeHeight))\n      const {\n        pLeft: pLeft,\n        pRight: pRight,\n        // pTop: pTop,\n        // pBottom: pBottom,\n      } = ((child) => {\n        const styles = window.getComputedStyle(child, null)\n        return {\n          pLeft: Number.parseInt(styles.paddingLeft, 10) || 0,\n          pRight: Number.parseInt(styles.paddingRight, 10) || 0,\n          // pTop: Number.parseInt(styles.paddingTop, 10) || 0,\n          // pBottom: Number.parseInt(styles.paddingBottom, 10) || 0,\n        }\n      })(firstChild)\n      return (\n        rangeWidth + (pLeft + pRight) > firstChild.offsetWidth ||\n        // rangeHeight + (pTop + pBottom) > firstChild.offsetHeight ||\n        firstChild.scrollWidth > firstChild.offsetWidth\n      )\n    }\n\n    watch(\n      () => props.open,\n      (newValue) => {\n        if (newValue) {\n          if ('function' === typeof props.shouldOpen) {\n            nextTick(() => {\n              const el: HTMLElement = ((ins) => {\n                let el = ins?.vnode?.el || (ins as any)?.$el || ins\n                for (; el && !el.tagName; ) el = el.nextSibling\n                return el\n              })(instance)\n              if (el) {\n                const firstChild = el.childNodes[0]\n                const isEllipsis = firstChild && hasEllipsis(firstChild as HTMLElement)\n                console.log('🚀 ~ nextTick ~ firstChild:', firstChild)\n                console.log('🚀 ~ nextTick ~ isEllipsis:', isEllipsis)\n                shouldOpen.value = (props.shouldOpen as any)?.(isEllipsis)\n              }\n            })\n          } else {\n            shouldOpen.value = props.shouldOpen!\n          }\n        } else {\n          shouldOpen.value = false\n        }\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const onOpenChange = () => {\n      emit('cellLeave')\n    }\n\n    return () => {\n      if (shouldOpen.value) {\n        return (\n          <Tooltip\n            get-popup-container={props.getPopupContainer}\n            align={align.value}\n            {...props.tooltipProps}\n            open={props.open}\n            overlay-style={\n              !props.allowEnter\n                ? {\n                    pointerEvents: 'none',\n                  }\n                : {}\n            }\n            onOpenChange={onOpenChange}\n            v-slots={{ ...slots }}\n          />\n        )\n      }\n      return slots.default?.()\n    }\n  },\n})\n"],"names":["inheritAttrs","props","prefixCls","String","tooltipProps","type","Object","default","getPopupContainer","Function","open","Boolean","onCellLeave","align","shouldOpen","allowEnter","setup","slots","emit","computed","offset","instance","getCurrentInstance","ref","hasEllipsis","firstChild","range","document","createRange","setStart","setEnd","childNodes","length","rangeWidth","getBoundingClientRect","width","Math","floor","pLeft","pRight","child","styles","window","getComputedStyle","Number","parseInt","paddingLeft","paddingRight","offsetWidth","scrollWidth","watch","newValue","nextTick","el","ins","vnode","$el","tagName","nextSibling","isEllipsis","console","log","value","immediate","flush","onOpenChange","_createVNode","Tooltip","_mergeProps","pointerEvents"],"mappings":"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"}
+{"version":3,"file":"BodyCellTooltip.mjs","sources":["../../../../../../../../../packages/components/table/src/components/Body/BodyCellTooltip.tsx"],"sourcesContent":["import { Tooltip } from 'ant-design-vue'\nimport { defineComponent, ref, computed, watch, getCurrentInstance, nextTick } from 'vue'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    tooltipProps: {\n      type: Object as PropType<any>,\n      default: () => ({}),\n    },\n    getPopupContainer: Function as PropType<() => HTMLElement>,\n    open: Boolean,\n    onCellLeave: Function,\n    align: Object as PropType<any>,\n    shouldOpen: {\n      type: [Function, Boolean] as PropType<boolean | ((isEllipsis: boolean) => boolean)>,\n    },\n    allowEnter: { type: Boolean, default: true },\n  },\n  setup(props, { slots, emit }) {\n    const align = computed(() => ({ offset: [0, 13] }))\n    const instance = getCurrentInstance()\n    const shouldOpen = ref(false)\n\n    const hasEllipsis = (firstChild: HTMLElement) => {\n      const range = document.createRange()\n      range.setStart(firstChild, 0)\n      range.setEnd(firstChild, firstChild.childNodes.length)\n      let rangeWidth = range.getBoundingClientRect().width\n      // let rangeHeight = range.getBoundingClientRect().height\n      rangeWidth - Math.floor(rangeWidth) < 1e-3 && (rangeWidth = Math.floor(rangeWidth))\n      // rangeHeight - Math.floor(rangeHeight) < 1e-3 && (rangeHeight = Math.floor(rangeHeight))\n      const {\n        pLeft: pLeft,\n        pRight: pRight,\n        // pTop: pTop,\n        // pBottom: pBottom,\n      } = ((child) => {\n        const styles = window.getComputedStyle(child, null)\n        return {\n          pLeft: Number.parseInt(styles.paddingLeft, 10) || 0,\n          pRight: Number.parseInt(styles.paddingRight, 10) || 0,\n          // pTop: Number.parseInt(styles.paddingTop, 10) || 0,\n          // pBottom: Number.parseInt(styles.paddingBottom, 10) || 0,\n        }\n      })(firstChild)\n      return (\n        rangeWidth + (pLeft + pRight) > firstChild.offsetWidth ||\n        // rangeHeight + (pTop + pBottom) > firstChild.offsetHeight ||\n        firstChild.scrollWidth > firstChild.offsetWidth\n      )\n    }\n\n    watch(\n      () => props.open,\n      (newValue) => {\n        if (newValue) {\n          if ('function' === typeof props.shouldOpen) {\n            nextTick(() => {\n              const el: HTMLElement = ((ins) => {\n                let el = ins?.vnode?.el || (ins as any)?.$el || ins\n                for (; el && !el.tagName; ) el = el.nextSibling\n                return el\n              })(instance)\n              if (el) {\n                const firstChild = el.childNodes[0]\n                const isEllipsis = firstChild && hasEllipsis(firstChild as HTMLElement)\n                shouldOpen.value = (props.shouldOpen as any)?.(isEllipsis)\n              }\n            })\n          } else {\n            shouldOpen.value = props.shouldOpen!\n          }\n        } else {\n          shouldOpen.value = false\n        }\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const onOpenChange = () => {\n      emit('cellLeave')\n    }\n\n    return () => {\n      if (shouldOpen.value) {\n        return (\n          <Tooltip\n            get-popup-container={props.getPopupContainer}\n            align={align.value}\n            {...props.tooltipProps}\n            open={props.open}\n            overlay-style={\n              !props.allowEnter\n                ? {\n                    pointerEvents: 'none',\n                  }\n                : {}\n            }\n            onOpenChange={onOpenChange}\n            v-slots={{ ...slots }}\n          />\n        )\n      }\n      return slots.default?.()\n    }\n  },\n})\n"],"names":["inheritAttrs","props","prefixCls","String","tooltipProps","type","Object","default","getPopupContainer","Function","open","Boolean","onCellLeave","align","shouldOpen","allowEnter","setup","slots","emit","computed","offset","instance","getCurrentInstance","ref","hasEllipsis","firstChild","range","document","createRange","setStart","setEnd","childNodes","length","rangeWidth","getBoundingClientRect","width","Math","floor","pLeft","pRight","child","styles","window","getComputedStyle","Number","parseInt","paddingLeft","paddingRight","offsetWidth","scrollWidth","watch","newValue","nextTick","el","ins","vnode","$el","tagName","nextSibling","isEllipsis","value","immediate","flush","onOpenChange","_createVNode","Tooltip","_mergeProps","pointerEvents"],"mappings":"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"}

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

@@ -127,7 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 2,
                 ref: "paginationRef",
                 style: normalizeStyle(_ctx.bottomPaginationStyle),
-                class: normalizeClass(`${_ctx.prefixCls}-pagination-wrap`),
+                class: normalizeClass(`${_ctx.prefixCls}-pagination-wrap ${_ctx.prefixCls}-pagination-wrap-${_ctx.size}`),
                 onResizeheight: _cache[5] || (_cache[5] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
               },
               [

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-17 14:43:39\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`\"\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-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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"}