pro-design-vue 1.1.4 → 1.2.0

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

@@ -1,901 +0,0 @@
-import { defineComponent, computed, shallowRef, ref, watchEffect, inject, watch, toRaw, triggerRef, onActivated, toRef, isReactive } from 'vue';
-import { Pagination, Spin } from 'ant-design-vue';
-import { animateRows } from './config.mjs';
-import { baseTableProps } from './interface.mjs';
-import { LEFT, DOWN, UP } from './Drag/constant.mjs';
-import { addNestItemData, deleteNestItemData } from '../utils/util.mjs';
-import { useEditProvider } from '../hooks/useEdit.mjs';
-import { useProvidePopup } from './context/PopupContext.mjs';
-import { useHScrollSyncProvide } from '../hooks/useHScrollSync.mjs';
-import { useVScrollSyncProvide } from '../hooks/useVScrollSync.mjs';
-import { useProvideTable } from './context/TableContext.mjs';
-import { useProvideRangeStore } from '../hooks/useRangeStore.mjs';
-import useKVMap from '../hooks/useKVMap.mjs';
-import useLicense from '../hooks/useLicense.mjs';
-import devWarning from '../utils/devWarning.mjs';
-import eagerComputed from '../utils/eagerComputed.mjs';
-import getScrollBarSize from '../utils/getScrollBarSize.mjs';
-import useColumns from '../hooks/useColumns.mjs';
-import useSorter from '../hooks/useSorter.mjs';
-import useFilter from '../hooks/useFilter.mjs';
-import useCal from '../hooks/useCal.mjs';
-import useFlattenRecords from '../hooks/useFlattenRecords.mjs';
-import useSelection from '../hooks/useRowSelection.mjs';
-import usePagination, { getPaginationParam } from '../hooks/usePagination.mjs';
-import raf from '../utils/raf.mjs';
-import easeoutScroll from '../utils/easeoutScroll.mjs';
-import useData from '../hooks/useData.mjs';
-import supportSticky from '../utils/supportSticky.mjs';
-import classNames from '../utils/classNames.mjs';
-import useCellProps from '../hooks/useCellProps.mjs';
-import KeyCode from '../utils/KeyCode.mjs';
-import TableSlotsContextProvider from './context/TableSlotsContext.mjs';
-import MeasureWidth from './MeasureWidth.vue.mjs';
-import PopupContainer from './PopupContainer.vue.mjs';
-import AutoHeightHeader from './AutoHeightHeader/Header.vue.mjs';
-import Header from './Header/Header.vue.mjs';
-import Body from './Body/Body.vue.mjs';
-import { resize } from '../../../../directives/resize.mjs';
-import { usePrefixCls } from '../../../../hooks/use-prefix-cls/index.mjs';
-import { DEFAULT_LOCALE } from '../../../../constants/globals.mjs';
-import { debounce } from 'lodash-unified';
-import { omit } from '../../../../utils/omit.mjs';
-import { isPromise } from '../../../../utils/validate.mjs';
-
-const EMPTY_LIST = [];
-var _sfc_main = defineComponent({
-  name: "ProTable",
-  inheritAttrs: false,
-  directives: { resize },
-  components: {
-    TableSlotsContextProvider,
-    Spin,
-    MeasureWidth,
-    Pagination,
-    PopupContainer,
-    AutoHeightHeader,
-    ProHeader: Header,
-    ProBody: Body
-  },
-  props: baseTableProps(),
-  emits: [
-    "update:pagination",
-    "scroll",
-    "update:selectedRowKeys",
-    "update:expandedRowKeys",
-    "update:columns",
-    "update:sorter",
-    "update:filters",
-    "expand",
-    "expandedRowsChange",
-    "resizeColumn",
-    "update:dataSource",
-    "cellKeydown"
-  ],
-  slots: {},
-  setup(props, { expose, emit, slots }) {
-    const rowKey = computed(() => {
-      var _a;
-      return (_a = props.rowKey) != null ? _a : "id";
-    });
-    const popupContainer = shallowRef(null);
-    const customUiCls = usePrefixCls("custom-ui");
-    const { editCellKeys, openEditor, closeEditor } = useEditProvider();
-    useProvidePopup();
-    const getPopupContainer = computed(() => props.getPopupContainer);
-    const { status, watermarkMsg } = useLicense();
-    const dragRowsHandle = /* @__PURE__ */ new Map();
-    const draggingRowKey = ref(null);
-    const insertToRowKey = ref(null);
-    const dragColumnsHandle = /* @__PURE__ */ new Map();
-    const draggingColumnKey = ref("");
-    const latestRangeStartCell = shallowRef(null);
-    const mergedSummaryFixed = computed(
-      () => props.summaryFixed === true || props.summaryFixed === "" ? "bottom" : props.summaryFixed
-    );
-    const realHeaderHeight = ref(0);
-    watchEffect(() => {
-      devWarning(
-        !(typeof rowKey.value == "function" && rowKey.value.length > 1),
-        "table",
-        "`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected."
-      );
-    });
-    const localeData = inject("localeData", {
-      antLocale: {
-        Table: {
-          triggerDesc: "Click to sort descending",
-          triggerAsc: "Click to sort ascending",
-          cancelSort: "Click to cancel sorting"
-        }
-      }
-    });
-    const locale = computed(() => {
-      const antLocale = (localeData == null ? void 0 : localeData.antLocale) || {};
-      return {
-        ...antLocale.locale === DEFAULT_LOCALE.toLocaleLowerCase() ? {
-          triggerDesc: "\u70B9\u51FB\u964D\u5E8F",
-          triggerAsc: "\u70B9\u51FB\u5347\u5E8F",
-          cancelSort: "\u53D6\u6D88\u6392\u5E8F"
-        } : {},
-        ...antLocale.Table || {},
-        ...props.locale || {}
-      };
-    });
-    const scrollTop = ref(0);
-    const scrollLeft = ref(0);
-    const rootRef = ref();
-    const bodyWidth = ref(0);
-    const bodyHeight = ref(0);
-    const measureWidthRef = shallowRef();
-    const mergedScrollX = eagerComputed(() => {
-      var _a, _b;
-      return (_b = props.scrollX) != null ? _b : (_a = props.scroll) == null ? void 0 : _a.x;
-    });
-    const mergedScrollY = eagerComputed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.scroll) == null ? void 0 : _a.y) != null ? _b : props.height) != null ? _c : props.maxHeight;
-    });
-    const bodyScrollWidth = ref(typeof mergedScrollX.value == "number" ? mergedScrollX.value : 0);
-    watch(mergedScrollX, () => {
-      bodyScrollWidth.value = typeof mergedScrollX.value == "number" ? mergedScrollX.value : 0;
-    });
-    const virtual = eagerComputed(() => !(props.virtual === false || !mergedScrollY.value));
-    const xVirtual = eagerComputed(
-      () => props.xVirtual || props.virtual !== false && props.xVirtual !== false
-    );
-    const getRowKey = computed(
-      () => typeof rowKey.value == "function" ? rowKey.value : (record) => {
-        return record == null ? void 0 : record[rowKey.value];
-      }
-    );
-    const rawData = shallowRef([]);
-    const rawColumns = shallowRef([]);
-    let dataSourceWatchStopHandle;
-    let columnsWatchStopHandle;
-    watch(
-      () => props.deepWatchDataSource,
-      () => {
-        dataSourceWatchStopHandle && dataSourceWatchStopHandle();
-        dataSourceWatchStopHandle = watch(
-          () => props.dataSource,
-          () => {
-            rawData.value = toRaw(props.dataSource) || EMPTY_LIST;
-            triggerRef(rawData);
-          },
-          { immediate: true, deep: !!props.deepWatchDataSource }
-        );
-      },
-      { immediate: true, deep: true }
-    );
-    watch(
-      () => props.deepWatchColumns,
-      () => {
-        columnsWatchStopHandle && columnsWatchStopHandle();
-        columnsWatchStopHandle = watch(
-          () => props.columns,
-          () => {
-            rawColumns.value = toRaw(props.columns) || EMPTY_LIST;
-            triggerRef(rawColumns);
-          },
-          { immediate: true, deep: true }
-        );
-      },
-      { immediate: true, deep: !!props.deepWatchColumns }
-    );
-    const childrenColumnName = computed(() => props.childrenColumnName || "children");
-    const { getRecordByKey, getIndexsByKey, getKeyByIndexs, allDataRowKeys, allDataRootRowKeys } = useKVMap(rawData, childrenColumnName, getRowKey);
-    const defaultExpandedRowKeys = shallowRef([]);
-    watchEffect(() => {
-      props.defaultExpandedRowKeys && (defaultExpandedRowKeys.value = props.defaultExpandedRowKeys);
-      props.defaultExpandAllRows && (defaultExpandedRowKeys.value = allDataRowKeys.value);
-    });
-    const mergedRowSelection = computed(() => {
-      const rowSelection = props.rowSelection || {};
-      const { checkStrictly = true } = rowSelection;
-      return { ...rowSelection, checkStrictly };
-    });
-    const expandedRowKeys = computed(
-      () => new Set(props.expandedRowKeys || defaultExpandedRowKeys.value || [])
-    );
-    const spinProps = computed(() => {
-      if (typeof props.loading === "boolean") {
-        return { spinning: props.loading };
-      } else if (typeof props.loading === "object") {
-        return { spinning: true, ...props.loading };
-      } else {
-        return { spinning: false };
-      }
-    });
-    onActivated(() => {
-      scrollTo({ left: 0, top: 0 });
-    });
-    let triggerOnChange = () => {
-    };
-    const scrollBarSize = shallowRef(getScrollBarSize());
-    const baseHeight = computed(
-      () => props.size === "small" ? 39 : props.size === "middle" ? 47 : 55
-    );
-    const expandedRowRender = computed(() => props.expandedRowRender);
-    const expandType = eagerComputed(
-      () => rawData.value.some((column) => column == null ? void 0 : column[childrenColumnName.value]) ? "nest" : expandedRowRender.value ? "row" : null
-    );
-    const expandable = eagerComputed(() => !!props.expandedRowRender);
-    const columns = useColumns({
-      props,
-      rawColumns,
-      bodyScrollWidth,
-      baseHeight,
-      measureWidthRef,
-      expandable,
-      expandType,
-      scrollLeft,
-      bodyWidth,
-      xVirtual,
-      draggingColumnKey,
-      latestRangeStartCell
-    });
-    const { sortedData, sorterStates, sorter, changeSorter } = useSorter(
-      props,
-      rawData,
-      columns.allColumns,
-      (sorter2, sorterStates2) => {
-        scrollTop.value > bodyHeight.value && updateAnimate();
-        triggerOnChange({ sorter: sorter2, sorterStates: sorterStates2 }, "sort", false);
-      }
-    );
-    const { filterData, filterStates, filters, changeFilter } = useFilter(
-      props,
-      sortedData,
-      columns.allColumns,
-      (filters2, filterStates2) => {
-        triggerOnChange({ filters: filters2, filterStates: filterStates2 }, "filter", true);
-      }
-    );
-    const total = eagerComputed(() => filterData.value.length);
-    const paginationParam = computed(() => {
-      if (props.pagination === false) {
-        return {};
-      }
-      return getPaginationParam(props.pagination, mergedPagination.value);
-    });
-    const triggeronPaginationChange = (current, pageSize) => {
-      const pagination = { ...paginationParam.value, current, pageSize };
-      props["onUpdate:pagination"] && emit(
-        "update:pagination",
-        isReactive(props.pagination) ? Object.assign(props.pagination || {}, pagination) : pagination
-      );
-    };
-    const {
-      mergedPagination,
-      pos,
-      refreshPagination,
-      onChange: onPaginationChange,
-      onShowSizeChange,
-      pageData
-    } = usePagination(total, props, filterData, (current, pageSize) => {
-      const pagination = { ...paginationParam.value, current, pageSize };
-      triggeronPaginationChange(current, pageSize);
-      updateAnimate();
-      triggerOnChange({ pagination }, "paginate");
-    });
-    const {
-      flattenData,
-      keyEntities,
-      pageDataRowKeys,
-      pageDataEnableRowKeys,
-      checkboxPropsMap,
-      getRowFlattenIndexByKey,
-      isMyChildren,
-      getRowByFlattenIndex
-    } = useFlattenRecords(
-      pageData,
-      childrenColumnName,
-      expandedRowKeys,
-      getRowKey,
-      expandType,
-      mergedRowSelection
-    );
-    const cal = useCal(props, flattenData, bodyHeight, scrollTop, virtual, keyEntities);
-    const { rowPosition, viewportHeight, startIndex, endIndex } = cal;
-    const { leftWidth, rightWidth, centerWidth, bodyMaxWidth } = columns;
-    const selection = useSelection(props, mergedRowSelection, rawData, {
-      prefixCls: computed(() => props.prefixCls),
-      pageData,
-      getRowKey,
-      getRecordByKey,
-      locale,
-      keyEntities,
-      checkboxPropsMap,
-      allDataRootRowKeys,
-      pageDataRowKeys});
-    const bodyRef = ref();
-    let leftRaf, topRaf;
-    const scrollTo = (options = {}, type = "auto", isAnimate = false) => {
-      if (!isAnimate) {
-        updateAnimate();
-      }
-      const mergeOptions = typeof options == "number" ? { top: options } : options;
-      let left, top;
-      if ("left" in mergeOptions) {
-        left = mergeOptions.left || 0;
-      } else if ("columnIndex" in mergeOptions) {
-        const position = columns.getColumnPosition(mergeOptions.columnIndex);
-        if (position) {
-          left = position.left - leftWidth.value;
-        }
-      } else if ("columnKey" in mergeOptions) {
-        const position = columns.getColumnPositionByKey(mergeOptions.columnKey);
-        if (position) {
-          left = position.left - leftWidth.value;
-        }
-      }
-      if ("top" in mergeOptions) {
-        top = Math.min(Math.max(mergeOptions.top || 0, 0), maxScrollTop.value);
-      } else if ("rowKey" in mergeOptions) {
-        const pos2 = cal.getRowPositionByKey(mergeOptions.rowKey);
-        if (pos2) {
-          top = pos2;
-        }
-      }
-      left = Math.max(Math.min(maxScrollLeft.value, left || 0), 0);
-      if (!showVerticalScrollbar.value) {
-        top = 0;
-      }
-      if (type === "smooth") {
-        if (left !== void 0) {
-          raf.cancel(leftRaf);
-          leftRaf = easeoutScroll(scrollLeft.value, left, (val) => {
-            scrollLeft.value = val;
-          });
-        }
-        if (top !== void 0) {
-          raf.cancel(topRaf);
-          topRaf = easeoutScroll(scrollTop.value, top, (val) => {
-            scrollTop.value = val;
-          });
-        }
-      } else {
-        if (left !== void 0) {
-          scrollLeft.value = left;
-        }
-        if (top !== void 0) {
-          scrollTop.value = top;
-        }
-      }
-    };
-    const useAnimate = ref(false);
-    const animateRows$1 = computed(() => {
-      var _a;
-      return !!((_a = props.animateRows) != null ? _a : animateRows.value);
-    });
-    let timer;
-    watch(
-      animateRows$1,
-      (newVal) => {
-        useAnimate.value = newVal;
-      },
-      { immediate: true }
-    );
-    const updateAnimate = () => {
-      useAnimate.value = false;
-      clearTimeout(timer);
-      timer = setTimeout(() => {
-        useAnimate.value = animateRows$1.value;
-      }, 100);
-    };
-    const maxScrollLeft = computed(() => bodyMaxWidth.value - bodyWidth.value);
-    const maxScrollTop = computed(() => viewportHeight.value - bodyHeight.value);
-    const onScroll = (e) => {
-      emit("scroll", e);
-    };
-    useHScrollSyncProvide({ scrollLeft, maxScrollLeft, onScroll, bodyWidth });
-    useVScrollSyncProvide({ scrollTop, maxScrollTop, onScroll, updateAnimate, bodyWidth });
-    const { data, pos: dataRowPosition } = useData(
-      props,
-      rowPosition,
-      flattenData,
-      startIndex,
-      endIndex,
-      draggingRowKey,
-      useAnimate,
-      getRowFlattenIndexByKey,
-      latestRangeStartCell
-    );
-    const pingedLeft = ref(false);
-    const pingedRight = ref(false);
-    const noPinged = ref(false);
-    watchEffect(() => {
-      pingedLeft.value = supportSticky && !!scrollLeft.value;
-      pingedRight.value = supportSticky && centerWidth.value - (bodyWidth.value - leftWidth.value - rightWidth.value) > scrollLeft.value;
-      noPinged.value = !pingedLeft.value && !pingedRight.value;
-    });
-    const rootClass = computed(
-      () => classNames({
-        [`${props.prefixCls}`]: true,
-        [`${props.prefixCls}-support-sticky`]: supportSticky,
-        [`${props.prefixCls}-stripe`]: props.stripe,
-        [`${props.prefixCls}-bordered`]: props.bordered,
-        [`${props.prefixCls}-${props.size}`]: true,
-        [`${props.prefixCls}-ping-left`]: pingedLeft.value,
-        [`${props.prefixCls}-ping-right`]: pingedRight.value,
-        [`${props.prefixCls}-no-ping`]: noPinged.value,
-        [`${props.prefixCls}-has-animate`]: animateRows$1.value
-      })
-    );
-    const rootStyle = computed(() => ({
-      height: typeof props.height == "number" ? `${props.height}px` : props.height,
-      maxHeight: typeof props.maxHeight == "number" ? `${props.maxHeight}px` : props.maxHeight,
-      minHeight: typeof props.minHeight == "number" ? `${props.minHeight}px` : props.minHeight
-    }));
-    const showHorizontalScrollbar = ref(false);
-    const debounceFn = debounce(() => {
-      showHorizontalScrollbar.value = bodyMaxWidth.value > bodyWidth.value;
-      if (bodyWidth.value > bodyScrollWidth.value) {
-        bodyScrollWidth.value = bodyWidth.value;
-      }
-    }, 100);
-    watch([bodyMaxWidth, bodyWidth], () => {
-      debounceFn();
-    });
-    const showVerticalScrollbar = eagerComputed(
-      () => !!mergedScrollY.value && bodyHeight.value + 0.9 < viewportHeight.value
-    );
-    const scrollToFirstRow = eagerComputed(
-      () => !props.scroll || props.scroll && props.scroll.scrollToFirstRowOnChange !== false
-    );
-    triggerOnChange = (info, action, reset = false) => {
-      var _a, _b, _c;
-      if (reset) {
-        refreshPagination();
-        triggeronPaginationChange(1, mergedPagination.value.pageSize);
-        if (props.pagination) {
-          (_b = (_a = props.pagination).onChange) == null ? void 0 : _b.call(_a, 1, mergedPagination.value.pageSize);
-        }
-      }
-      if (scrollToFirstRow.value) {
-        scrollTop.value = 0;
-      }
-      (_c = props.onChange) == null ? void 0 : _c.call(
-        props,
-        info.pagination || mergedPagination.value,
-        info.filters || filters.value,
-        info.sorter || sorter.value,
-        {
-          currentDataSource: info.currentDataSource || filterData.value,
-          action
-        }
-      );
-    };
-    const paginationProps = computed(() => {
-      return omit(mergedPagination.value, ["position", "onChange", "onShowSizeChange"]);
-    });
-    const paginationClass = computed(() => {
-      return {
-        [`${props.prefixCls}-pagination`]: true,
-        [`${props.prefixCls}-pagination-${pos.value.bottom}`]: true,
-        [`${customUiCls}`]: true
-      };
-    });
-    const bottomPaginationHeight = ref(0);
-    const bottomPaginationStyle = computed(() => {
-      var _a, _b;
-      if (!props.paginationSticky) {
-        return {};
-      }
-      if (props.paginationSticky === true) {
-        return { position: "sticky", "z-index": 9, bottom: "0px" };
-      }
-      return {
-        position: "sticky",
-        "z-index": 9,
-        bottom: `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
-      };
-    });
-    const indentSize = computed(() => typeof props.indentSize == "number" ? props.indentSize : 15);
-    const cellProps = useCellProps({
-      leftColumns: columns.leftColumns,
-      rightColumns: columns.rightColumns,
-      visibleCenterColumns: columns.visibleCenterColumns,
-      allColumns: columns.allColumns,
-      data,
-      mergedRowHeights: cal.mergedRowHeights,
-      getColumnPosition: columns.getColumnPosition,
-      bodyWidth,
-      leftWidth,
-      centerWidth,
-      getRowHeight: cal.getRowHeight,
-      customCell: toRef(props, "customCell")
-    });
-    watch(
-      [realHeaderHeight, scrollLeft],
-      () => {
-        var _a, _b;
-        (_b = (_a = popupContainer.value) == null ? void 0 : _a.alignPopup) == null ? void 0 : _b.call(_a);
-      },
-      { flush: "post" }
-    );
-    useProvideTable({
-      ...cal,
-      ...columns,
-      ...cellProps,
-      rootRef,
-      rawData,
-      getRowFlattenIndexByKey,
-      prefixCls: computed(() => props.prefixCls),
-      draggingRowKey,
-      insertToRowKey,
-      status,
-      useAnimate,
-      animateRows: animateRows$1,
-      watermarkMsg,
-      onResizeColumn: (w, col, action) => {
-        var _a;
-        const width = col.width;
-        const result = (_a = props.onResizeColumn) == null ? void 0 : _a.call(props, w, col, action);
-        if (result !== false) {
-          if (!(width === w && col.width === w)) {
-            col.width = width !== col.width ? col.width : w;
-            triggerRef(rawColumns);
-          }
-          if (action === "end") {
-            emit("update:columns", rawColumns.value, "resize");
-          }
-        }
-      },
-      onRowDragEnd: (opt) => {
-        var _a;
-        const { insertToRowKey: insertToRowKey2, record, fromIndexs, rowKey: rowKey2, dir, preTargetInfo, nextTargetInfo } = opt;
-        const rawRecord = toRaw(record);
-        const dragEnd = (_a = props.onRowDragEnd) == null ? void 0 : _a.call(props, { ...opt, record: rawRecord, fromIndexs });
-        if (dragEnd === false) {
-          return;
-        }
-        const handler = () => {
-          if (!isMyChildren(rowKey2, preTargetInfo == null ? void 0 : preTargetInfo.rowKey) && insertToRowKey2 !== rowKey2) {
-            if (insertToRowKey2 !== null) {
-              const parentRecord = getRecordByKey(insertToRowKey2);
-              if (insertToRowKey2 === (preTargetInfo == null ? void 0 : preTargetInfo.rowKey) || insertToRowKey2 === (nextTargetInfo == null ? void 0 : nextTargetInfo.rowKey)) {
-                if (dir === DOWN) {
-                  addNestItemData(
-                    parentRecord[childrenColumnName.value],
-                    [],
-                    childrenColumnName.value,
-                    rawRecord
-                  );
-                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value);
-                } else {
-                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value);
-                  addNestItemData(
-                    parentRecord[childrenColumnName.value],
-                    [],
-                    childrenColumnName.value,
-                    rawRecord
-                  );
-                }
-              } else {
-                if (dir === DOWN) {
-                  addNestItemData(
-                    rawData.value,
-                    preTargetInfo == null ? void 0 : preTargetInfo.indexs,
-                    childrenColumnName.value,
-                    rawRecord
-                  );
-                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value);
-                } else {
-                  deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value);
-                  addNestItemData(
-                    rawData.value,
-                    preTargetInfo == null ? void 0 : preTargetInfo.indexs,
-                    childrenColumnName.value,
-                    rawRecord
-                  );
-                }
-              }
-            } else {
-              if (dir === DOWN && preTargetInfo) {
-                addNestItemData(
-                  rawData.value,
-                  [preTargetInfo.indexs[0]],
-                  childrenColumnName.value,
-                  rawRecord
-                );
-                deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value);
-              } else if (dir === UP && nextTargetInfo) {
-                deleteNestItemData(rawData.value, fromIndexs, childrenColumnName.value);
-                addNestItemData(
-                  rawData.value,
-                  (preTargetInfo == null ? void 0 : preTargetInfo.indexs) ? [preTargetInfo.indexs[0]] : [],
-                  childrenColumnName.value,
-                  rawRecord
-                );
-              }
-            }
-            triggerRef(rawData);
-            emit("update:dataSource", rawData.value);
-          }
-        };
-        if (isPromise(dragEnd)) {
-          dragEnd.then(() => {
-            handler();
-          }).catch(() => {
-          });
-        } else {
-          handler();
-        }
-      },
-      virtual,
-      xVirtual,
-      dataRowPosition,
-      rawColumns,
-      bodyHeight,
-      scrollTop,
-      scrollLeft,
-      supportSticky,
-      childrenColumnName,
-      bodyScrollWidth,
-      baseHeight,
-      startIndex,
-      data,
-      pageData,
-      getRecordByKey,
-      getIndexsByKey,
-      expandType,
-      flattenData,
-      expandedRowKeys,
-      indentSize,
-      props,
-      bodyWidth,
-      scrollTo,
-      scrollBarSize,
-      leftWidth,
-      rightWidth,
-      centerWidth,
-      showVerticalScrollbar,
-      showHorizontalScrollbar,
-      getRowKey,
-      selection,
-      updateSelectedRowKeys: (keys) => {
-        emit("update:selectedRowKeys", keys);
-      },
-      locale,
-      sorterStates,
-      changeSorter,
-      changeFilter,
-      filterStates,
-      onTriggerExpand: (record, key) => {
-        let keys;
-        const hasKey = expandedRowKeys.value.has(key);
-        if (hasKey) {
-          expandedRowKeys.value.delete(key);
-          keys = [...expandedRowKeys.value];
-        } else {
-          keys = [...expandedRowKeys.value, key];
-        }
-        defaultExpandedRowKeys.value = keys;
-        emit("update:expandedRowKeys", keys);
-        emit("expand", !hasKey, record);
-        emit("expandedRowsChange", keys);
-      },
-      keyEntities,
-      pageDataRowKeys,
-      pageDataEnableRowKeys,
-      checkboxPropsMap,
-      mergedRowSelection,
-      getPopupContainer,
-      allDataRowKeys,
-      allDataRootRowKeys,
-      dragRowsHandle,
-      isMyChildren,
-      getKeyByIndexs,
-      getRowByFlattenIndex,
-      draggingColumnKey,
-      dragColumnsHandle,
-      onColumnDragEnd: (arg) => {
-        var _a;
-        const { dir, column, targetColumn } = arg;
-        const dragEnd = (_a = props.onColumnDragEnd) == null ? void 0 : _a.call(props, arg);
-        if (dragEnd === false) {
-          return;
-        }
-        const handler = () => {
-          if (column === targetColumn || column.key === targetColumn.key) return;
-          const index = rawColumns.value.findIndex(
-            (col) => col === column || col.key === column.key
-          );
-          const targetIndex = rawColumns.value.findIndex(
-            (col) => col === targetColumn || col.key === targetColumn.key
-          );
-          if (dir === LEFT) {
-            rawColumns.value.splice(index, 1);
-            rawColumns.value.splice(targetIndex, 0, column);
-          } else {
-            rawColumns.value.splice(targetIndex + 1, 0, column);
-            rawColumns.value.splice(index, 1);
-          }
-          triggerRef(rawColumns);
-          emit("update:columns", rawColumns.value, "drag");
-        };
-        if (isPromise(dragEnd)) {
-          dragEnd.then(() => {
-            handler();
-          }).catch(() => {
-          });
-        } else {
-          handler();
-        }
-      },
-      onColumnDrag: () => {
-      },
-      columnDrag: computed(() => props.columnDrag),
-      summaryFixed: mergedSummaryFixed,
-      realHeaderHeight,
-      bottomPaginationHeight,
-      pos
-    });
-    const tabGuardTopRef = ref();
-    const tabGuardBottomRef = ref();
-    const {
-      navigationService,
-      getSelectedRange,
-      clearAllSelectedRange,
-      copySelectedRange,
-      appendCellToSelectedRange,
-      onBodyKeydown
-    } = useProvideRangeStore({
-      allColumns: columns.allColumns,
-      flattenData,
-      rangeSelection: computed(() => props.rangeSelection),
-      getRowByFlattenIndex,
-      rootRef,
-      prefixCls: computed(() => props.prefixCls),
-      allCellProps: cellProps.allCellProps,
-      tabGuardTopRef,
-      tabGuardBottomRef,
-      ensureCellColumnVisible: (cell) => {
-        if (!cell.column || cell.column.fixed) return;
-        const sl = scrollLeft.value;
-        const pos2 = columns.getColumnPositionByKey(cell.column.columnKey);
-        if (pos2) {
-          const { width, left } = pos2;
-          const lw = leftWidth.value;
-          const rw = rightWidth.value;
-          left - lw < sl ? scrollLeft.value = left - lw : left + width > sl + bodyWidth.value - rw && (scrollLeft.value = left + width - bodyWidth.value + rw);
-        }
-      },
-      ensureCellRowVisible: (cell) => {
-        var _a;
-        const { rowIndex } = cell;
-        const st = scrollTop.value;
-        const row = getRowByFlattenIndex(rowIndex);
-        const pos2 = cal.getRowPositionByKey(row.rowKey);
-        const cprops = (((_a = cellProps.allCellProps.value[row.rowKey]) == null ? void 0 : _a[cell.column.columnKey]) || {}).props || {};
-        const height = cal.getRowHeight(rowIndex, cprops.rowSpan);
-        if (pos2 !== void 0) {
-          updateAnimate();
-          if (pos2 < st) {
-            scrollTop.value = pos2;
-          } else {
-            if (pos2 + height > st + bodyHeight.value) {
-              scrollTop.value = pos2 + height - bodyHeight.value;
-            }
-          }
-        }
-      },
-      latestRangeStartCell,
-      bodyRef: computed(() => {
-        var _a;
-        return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
-      }),
-      scrollLeft,
-      scrollTop,
-      scrollTo,
-      showVerticalScrollbar,
-      showHorizontalScrollbar,
-      getIndexsByKey,
-      formatRangeCellText: (parmas) => {
-        if (props.formatRangeCellText) {
-          return props.formatRangeCellText(parmas);
-        } else if (parmas.value) {
-          return parmas.value;
-        }
-        return "";
-      },
-      editCellKeys,
-      copyDelimiter: computed(() => props.copyDelimiter)
-    });
-    expose({
-      scrollTo,
-      scrollLeft,
-      scrollTop,
-      bodyRef: computed(() => {
-        var _a;
-        return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
-      }),
-      getSelectedRange,
-      clearAllSelectedRange,
-      copySelectedRange,
-      appendCellToSelectedRange,
-      openEditor: (cellInfos) => {
-        openEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`));
-      },
-      closeEditor: (cellInfos) => {
-        if (cellInfos) {
-          closeEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`));
-        } else {
-          closeEditor();
-        }
-      }
-    });
-    return {
-      bodyRef,
-      spinProps,
-      rowPosition,
-      viewportHeight,
-      startIndex,
-      data,
-      watermarkMsg,
-      rootStyle,
-      rootClass,
-      onBodyKeydown,
-      watermarkStyle: computed(() => ({
-        minWidth: "100px!important",
-        minHeight: "40px!important",
-        position: "absolute!important",
-        fontSize: "20px!important",
-        opacity: "0.8!important",
-        bottom: "40px!important",
-        right: "40px!important",
-        pointerEvents: "none",
-        display: "block!important",
-        zIndex: "999999!important",
-        color: "#000000!important",
-        margin: "0px!important",
-        padding: "0px!important",
-        transform: "unset!important"
-      })),
-      mergedPagination,
-      pos,
-      onPaginationChange,
-      scrollBarSize,
-      scrollTop,
-      bodyScrollWidth,
-      bodyWidth,
-      scrollLeft,
-      cal,
-      selection,
-      locale,
-      paginationProps,
-      slots,
-      mergedScrollX,
-      mergedScrollY,
-      bodyHeight,
-      measureWidthRef,
-      flattenData,
-      rootRef,
-      mergedSummaryFixed,
-      handleResize: (e) => {
-        realHeaderHeight.value = e.detail.height;
-      },
-      handlePaginationResize: (e) => {
-        bottomPaginationHeight.value = e.detail.height;
-      },
-      popupContainer,
-      handleGuardTopKeydown: (e) => {
-        e.keyCode !== KeyCode.TAB || e.shiftKey || (navigationService.getFirstCellToFocus(e.shiftKey), e.preventDefault());
-      },
-      handleGuardBottomKeydown: (e) => {
-        e.keyCode === KeyCode.TAB && e.shiftKey && (navigationService.getLastCellToFocus(e.shiftKey), e.preventDefault());
-      },
-      tabGuardTopRef,
-      tabGuardBottomRef,
-      onShowSizeChange,
-      customUiCls,
-      paginationClass,
-      bottomPaginationStyle
-    };
-  }
-});
-
-export { _sfc_main as default };
-//# sourceMappingURL=InteralTable.vue2.mjs.map