pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/hooks/useCal.js

@@ -0,0 +1,241 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+var constant = require('../utils/constant.js');
+var raf = require('../utils/raf.js');
+var devWarning = require('../utils/devWarning.js');
+var binSearchStartIndex = require('../utils/binSearchStartIndex.js');
+
+function useCal(props, flattenData, scrollHeight, scrollTop, virtual, keyEntities) {
+  const rowPosition = vue.shallowRef([]);
+  const rowHeights = vue.shallowRef({});
+  const mergedRowHeights = vue.shallowRef({});
+  const viewportHeight = vue.ref(0);
+  const currentSizeHeight = vue.computed(
+    () => props.size === "small" ? 39 : props.size === "middle" ? 47 : 55
+  );
+  const mergeRowHeight = vue.computed(
+    () => props.size === "small" ? props.rowHeight || 39 : props.size === "middle" ? props.rowHeight || 47 : props.rowHeight || 55
+  );
+  let x2;
+  const startIndex = vue.ref(0);
+  const endIndex = vue.ref(-1);
+  const maxStartIndex = vue.ref(0);
+  vue.watchEffect(() => {
+    const maxIndex = lodashEs.findLastIndex(
+      rowPosition.value,
+      (pos) => pos < viewportHeight.value - scrollHeight.value - constant.Y_BUFF
+    );
+    maxStartIndex.value = maxIndex < 0 ? 0 : maxIndex;
+  });
+  const newScrollTop = vue.ref(0);
+  vue.watch(
+    scrollTop,
+    () => {
+      newScrollTop.value = scrollTop.value;
+    },
+    { immediate: true }
+  );
+  vue.watchEffect(() => {
+    if (flattenData.value.length === rowPosition.value.length) {
+      if (virtual.value) {
+        if (scrollHeight.value) {
+          let newStartIndex = binSearchStartIndex.default(
+            rowPosition.value,
+            (value) => value >= newScrollTop.value - constant.Y_BUFF
+          ) - 1;
+          newStartIndex = newStartIndex < 0 ? 0 : newStartIndex;
+          startIndex.value = newStartIndex > maxStartIndex.value ? maxStartIndex.value : newStartIndex;
+          let newEndIndex = lodashEs.findIndex(
+            rowPosition.value,
+            (value) => value >= newScrollTop.value + scrollHeight.value + constant.Y_BUFF,
+            startIndex.value
+          );
+          newEndIndex = newEndIndex >= 0 ? newEndIndex : rowPosition.value.length - 1;
+          endIndex.value = newEndIndex > rowPosition.value.length - 1 ? rowPosition.value.length - 1 : newEndIndex;
+        } else {
+          startIndex.value = 0;
+          endIndex.value = -1;
+        }
+      } else {
+        startIndex.value = 0;
+        endIndex.value = flattenData.value.length - 1;
+      }
+    }
+  });
+  const currentRowHeights = vue.shallowRef({});
+  const isUpdate = vue.ref(false);
+  setTimeout(() => {
+    isUpdate.value = true;
+  });
+  const isRaf = vue.ref(true);
+  const rowHeightsStatus = vue.ref(false);
+  const autoRowHeightsMap = vue.shallowRef({});
+  let rowHeightRaf;
+  const updateRowHeight = () => {
+    raf.default.cancel(rowHeightRaf);
+    rowHeightRaf = raf.default(() => {
+      const rowHeights2 = currentRowHeights.value;
+      const autoRowHeights = {};
+      let isUpdateRowHeights = false;
+      Object.values(autoRowHeightsMap.value).forEach(({ rowKey, height }) => {
+        autoRowHeights[rowKey] = autoRowHeights[rowKey] || 0;
+        if (height > autoRowHeights[rowKey]) {
+          autoRowHeights[rowKey] = height;
+        }
+      });
+      for (const [rowKey, height] of Object.entries(autoRowHeights)) {
+        if (rowHeights2[rowKey] !== height) {
+          rowHeights2[rowKey] = height;
+          isUpdateRowHeights = true;
+        }
+      }
+      if (isUpdateRowHeights) {
+        currentRowHeights.value = rowHeights2;
+        rowHeightsStatus.value = !rowHeightsStatus.value;
+      }
+    });
+  };
+  let refreshRaf;
+  vue.watch(
+    [startIndex, endIndex, isUpdate],
+    ([newStartIndex, newEndIndex], [oldStartIndex, oldEndIndex]) => {
+      if (!isUpdate.value) {
+        isRaf.value = true;
+      } else {
+        isRaf.value = newStartIndex === oldStartIndex && newEndIndex === oldEndIndex;
+      }
+    }
+  );
+  vue.watch([rowHeightsStatus, rowHeights], () => {
+    raf.default.cancel(refreshRaf);
+    refreshRaf = raf.default(
+      () => {
+        const defaultHeight = currentSizeHeight.value;
+        const crhs = currentRowHeights.value;
+        const rhs = rowHeights.value;
+        const mrhs = mergedRowHeights.value;
+        const data = flattenData.value;
+        const len = data.length;
+        console.log("\u{1F680} ~ watch ~ data:", data);
+        const newMergedRowHeights = {};
+        let newViewportHeight = 0;
+        const newRowPosition = [];
+        for (let i = 0; i < len; i++) {
+          const { rowKey } = data[i];
+          const rowHeight = rhs[rowKey] !== void 0 ? rhs[rowKey] : crhs[rowKey] === void 0 ? mrhs[rowKey] : crhs[rowKey];
+          console.log("\u{1F680} ~ watch ~ rowHeight:", rowHeight);
+          newMergedRowHeights[rowKey] = rowHeight;
+          newRowPosition.push(newViewportHeight);
+          newViewportHeight += rowHeight === void 0 ? defaultHeight : rowHeight;
+        }
+        mergedRowHeights.value = newMergedRowHeights;
+        console.log("\u{1F680} ~ watch ~ newViewportHeight:", newViewportHeight);
+        viewportHeight.value = newViewportHeight;
+        rowPosition.value = newRowPosition;
+      },
+      isRaf.value ? 0 : 1
+    );
+  });
+  vue.onBeforeUnmount(() => {
+    raf.default.cancel(rowHeightRaf);
+    raf.default.cancel(refreshRaf);
+  });
+  const calculationRowHeights = (data) => {
+    var _a, _b;
+    const newRowHeights = {};
+    const defaultHeight = currentSizeHeight.value;
+    const newCurrentRowHeights = {};
+    const crhs = currentRowHeights.value;
+    const len = data.length;
+    if (typeof props.rowHeight == "function") {
+      for (let i = 0; i < len; i++) {
+        const { record, rowKey, isExpandRow = false } = data[i];
+        let rowHeight = props.rowHeight(record, isExpandRow, defaultHeight);
+        rowHeight = lodashEs.isNumber(rowHeight) ? rowHeight : void 0;
+        newRowHeights[rowKey] = rowHeight;
+        newCurrentRowHeights[rowKey] = (_a = rowHeight != null ? rowHeight : crhs[rowKey]) != null ? _a : 0;
+      }
+    } else {
+      let rowHeight = props.rowHeight;
+      if (lodashEs.isNumber(rowHeight)) {
+        for (let i = 0; i < len; i++) {
+          const { rowKey, isExpandRow = false } = data[i];
+          isExpandRow && (rowHeight = void 0);
+          newRowHeights[rowKey] = rowHeight;
+          newCurrentRowHeights[rowKey] = (_b = rowHeight != null ? rowHeight : crhs[rowKey]) != null ? _b : 0;
+        }
+      } else {
+        for (let i = 0; i < len; i++) {
+          const { rowKey } = data[i];
+          newRowHeights[rowKey] = void 0;
+          newCurrentRowHeights[rowKey] = crhs[rowKey];
+        }
+      }
+    }
+    rowHeights.value = newRowHeights;
+    currentRowHeights.value = newCurrentRowHeights;
+  };
+  vue.watch(
+    [flattenData, mergeRowHeight],
+    ([newFlattenData]) => {
+      calculationRowHeights(newFlattenData || []);
+      isUpdate.value = false;
+      setTimeout(() => {
+        isUpdate.value = true;
+      });
+    },
+    { immediate: true }
+  );
+  return {
+    rowPosition,
+    rowHeights,
+    viewportHeight,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    addHeight: (rowKey, subKey, colUniKey, height) => {
+      raf.default.cancel(x2);
+    },
+    mergedRowHeights,
+    startIndex,
+    endIndex,
+    getRowHeight: (fromIndex, rowSpan = 1) => {
+      const data = flattenData.value;
+      const maxIndex = Math.min(data.length - 1, fromIndex + rowSpan - 1);
+      let rowHeight = 0;
+      const mrhs = mergedRowHeights.value;
+      for (let i = fromIndex; i <= maxIndex; i++) {
+        const { rowKey } = data[i];
+        rowHeight += mrhs[rowKey] === void 0 ? currentSizeHeight.value : mrhs[rowKey];
+      }
+      return rowHeight;
+    },
+    addRowHeight: (rowUniKey, rowKey, height) => {
+      const rowHeight = autoRowHeightsMap.value[rowUniKey] || {};
+      if (rowHeight.rowKey !== rowKey || rowHeight.height !== height) {
+        autoRowHeightsMap.value[rowUniKey] = { rowKey, height };
+        updateRowHeight();
+      }
+    },
+    removeRowHeight: (rowUniKey) => {
+      if (autoRowHeightsMap.value[rowUniKey]) {
+        delete autoRowHeightsMap.value[rowUniKey];
+        updateRowHeight();
+      }
+    },
+    getRowPositionByKey: (key) => {
+      var _a;
+      const index = (_a = keyEntities.value[key]) == null ? void 0 : _a.flattenIndex;
+      if (index === void 0) {
+        devWarning.default(false, "scrollTo", `\`rowKey = ${key}\` is Invalid`);
+        return;
+      }
+      return rowPosition.value[index];
+    }
+  };
+}
+
+exports.default = useCal;
+//# sourceMappingURL=useCal.js.map

package/lib/components/table/src/hooks/useCal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCal.js","sources":["../../../../../../../packages/components/table/src/hooks/useCal.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-05 12:49:15\n * @LastEditors: shen\n * @LastEditTime: 2025-09-01 10:50:22\n * @Description:\n */\nimport type { FlatRecord, Key, ProTableProps } from '../components/interface'\nimport type { Ref } from 'vue'\nimport type { KeyEntities } from './useFlattenRecords'\n\nimport { ref, shallowRef, computed, watch, watchEffect, onBeforeUnmount } from 'vue'\nimport { findLastIndex, findIndex, isNumber } from 'lodash-es'\nimport { Y_BUFF } from '../utils/constant'\nimport raf from '../utils/raf'\nimport devWarning from '../utils/devWarning'\nimport binSearchStartIndex from '../utils/binSearchStartIndex'\n\nexport interface CalType {\n  rowPosition: Ref<number[]>\n  rowHeights: Ref<Record<Key, number>>\n  mergedRowHeights: Ref<Record<Key, number>>\n  viewportHeight: Ref<number>\n  addHeight: (rowKey: Key, subKey: Key, colUniKey: string, height: number) => void\n  addRowHeight: (rowUniKey: string, rowKey: Key, height: number) => void\n  removeRowHeight: (rowUniKey: string) => void\n  startIndex: Ref<number>\n  endIndex: Ref<number>\n  getRowHeight: (fromIndex: number, rowSpan?: number) => number\n  getRowPositionByKey: (key: Key) => number | undefined\n}\nexport default function useCal(\n  props: ProTableProps,\n  flattenData: Ref<FlatRecord[]>,\n  scrollHeight: Ref<number>,\n  scrollTop: Ref<number>,\n  virtual: Ref<boolean>,\n  keyEntities: Ref<KeyEntities>,\n): CalType {\n  const rowPosition = shallowRef<number[]>([])\n  const rowHeights = shallowRef<Record<Key, number>>({})\n  const cacheRowHeights: Record<Key, number> = {}\n  const mergedRowHeights = shallowRef<Record<Key, number>>({})\n  const viewportHeight = ref(0)\n\n  const currentSizeHeight = computed(() =>\n    props.size === 'small' ? 39 : props.size === 'middle' ? 47 : 55,\n  )\n  const mergeRowHeight = computed(() =>\n    props.size === 'small'\n      ? props.rowHeight || 39\n      : props.size === 'middle'\n        ? props.rowHeight || 47\n        : props.rowHeight || 55,\n  )\n\n  let x2: any\n\n  const startIndex = ref(0)\n  const endIndex = ref(-1)\n  const maxStartIndex = ref(0)\n\n  watchEffect(() => {\n    const maxIndex = findLastIndex(\n      rowPosition.value,\n      (pos) => pos < viewportHeight.value - scrollHeight.value - Y_BUFF,\n    )\n    maxStartIndex.value = maxIndex < 0 ? 0 : maxIndex\n  })\n\n  const newScrollTop = ref(0)\n  watch(\n    scrollTop,\n    () => {\n      newScrollTop.value = scrollTop.value\n    },\n    { immediate: true },\n  )\n\n  watchEffect(() => {\n    if (flattenData.value.length === rowPosition.value.length) {\n      if (virtual.value) {\n        if (scrollHeight.value) {\n          let newStartIndex =\n            binSearchStartIndex<number>(\n              rowPosition.value,\n              (value) => value >= newScrollTop.value - Y_BUFF,\n            ) - 1\n          newStartIndex = newStartIndex < 0 ? 0 : newStartIndex\n          startIndex.value =\n            newStartIndex > maxStartIndex.value ? maxStartIndex.value : newStartIndex\n          let newEndIndex = findIndex(\n            rowPosition.value,\n            (value) => value >= newScrollTop.value + scrollHeight.value + Y_BUFF,\n            startIndex.value,\n          )\n          newEndIndex = newEndIndex >= 0 ? newEndIndex : rowPosition.value.length - 1\n          endIndex.value =\n            newEndIndex > rowPosition.value.length - 1 ? rowPosition.value.length - 1 : newEndIndex\n        } else {\n          startIndex.value = 0\n          endIndex.value = -1\n        }\n      } else {\n        startIndex.value = 0\n        endIndex.value = flattenData.value.length - 1\n      }\n    }\n  })\n\n  const currentRowHeights = shallowRef<Record<Key, number>>({})\n  const isUpdate = ref(false)\n  setTimeout(() => {\n    isUpdate.value = true\n  })\n\n  const isRaf = ref(true)\n  const rowHeightsStatus = ref(false)\n  const autoRowHeightsMap = shallowRef<Record<string, { rowKey: Key; height: number }>>({})\n  let rowHeightRaf: any\n\n  const updateRowHeight = () => {\n    raf.cancel(rowHeightRaf)\n    rowHeightRaf = raf(() => {\n      const rowHeights = currentRowHeights.value\n      const autoRowHeights: Record<Key, number> = {}\n      let isUpdateRowHeights = false\n      Object.values(autoRowHeightsMap.value).forEach(({ rowKey, height }) => {\n        autoRowHeights[rowKey] = autoRowHeights[rowKey] || 0\n        if (height > autoRowHeights[rowKey]) {\n          autoRowHeights[rowKey] = height\n        }\n      })\n      for (const [rowKey, height] of Object.entries(autoRowHeights)) {\n        if (rowHeights[rowKey] !== height) {\n          rowHeights[rowKey] = height\n          isUpdateRowHeights = true\n        }\n      }\n      if (isUpdateRowHeights) {\n        currentRowHeights.value = rowHeights\n        rowHeightsStatus.value = !rowHeightsStatus.value\n      }\n    })\n  }\n\n  let refreshRaf: any\n  watch(\n    [startIndex, endIndex, isUpdate],\n    ([newStartIndex, newEndIndex], [oldStartIndex, oldEndIndex]) => {\n      if (!isUpdate.value) {\n        isRaf.value = true\n      } else {\n        isRaf.value = newStartIndex === oldStartIndex && newEndIndex === oldEndIndex\n      }\n    },\n  )\n\n  watch([rowHeightsStatus, rowHeights], () => {\n    raf.cancel(refreshRaf)\n    refreshRaf = raf(\n      () => {\n        const defaultHeight = currentSizeHeight.value\n        const crhs = currentRowHeights.value\n        const rhs = rowHeights.value\n        const mrhs = mergedRowHeights.value\n        const data = flattenData.value\n        const len = data.length\n        console.log('🚀 ~ watch ~ data:', data)\n        const newMergedRowHeights = {}\n        let newViewportHeight = 0\n        const newRowPosition: number[] = []\n        for (let i = 0; i < len; i++) {\n          const { rowKey } = data[i]!\n          const rowHeight =\n            rhs[rowKey] !== undefined\n              ? rhs[rowKey]\n              : crhs[rowKey] === undefined\n                ? mrhs[rowKey]\n                : crhs[rowKey]\n          console.log('🚀 ~ watch ~ rowHeight:', rowHeight)\n\n          newMergedRowHeights[rowKey] = rowHeight\n          newRowPosition.push(newViewportHeight)\n          newViewportHeight += rowHeight === undefined ? defaultHeight : rowHeight\n        }\n        mergedRowHeights.value = newMergedRowHeights\n        console.log('🚀 ~ watch ~ newViewportHeight:', newViewportHeight)\n        viewportHeight.value = newViewportHeight\n        rowPosition.value = newRowPosition\n      },\n      isRaf.value ? 0 : 1,\n    )\n  })\n\n  onBeforeUnmount(() => {\n    raf.cancel(rowHeightRaf)\n    raf.cancel(refreshRaf)\n  })\n\n  const calculationRowHeights = (data: FlatRecord[]) => {\n    const newRowHeights: Record<Key, number> = {}\n    const defaultHeight = currentSizeHeight.value\n    const newCacheRowHeights = {}\n    const newCurrentRowHeights: Record<Key, number> = {}\n    const crhs = currentRowHeights.value\n    const len = data.length\n    if (typeof props.rowHeight == 'function') {\n      for (let i = 0; i < len; i++) {\n        const { record, rowKey, isExpandRow = false } = data[i]!\n        let rowHeight = props.rowHeight(record, isExpandRow, defaultHeight)\n        rowHeight = isNumber(rowHeight) ? rowHeight : undefined\n        newRowHeights[rowKey] = rowHeight!\n        newCacheRowHeights[rowKey] = rowKey in cacheRowHeights ? cacheRowHeights[rowKey] : undefined\n        newCurrentRowHeights[rowKey] = rowHeight ?? crhs[rowKey] ?? 0\n      }\n    } else {\n      let rowHeight = props.rowHeight\n      if (isNumber(rowHeight)) {\n        for (let i = 0; i < len; i++) {\n          const { rowKey, isExpandRow = false } = data[i]!\n          isExpandRow && (rowHeight = undefined)\n          newRowHeights[rowKey] = rowHeight!\n          newCacheRowHeights[rowKey] =\n            rowKey in cacheRowHeights ? cacheRowHeights[rowKey] : undefined\n          newCurrentRowHeights[rowKey] = rowHeight ?? crhs[rowKey] ?? 0\n        }\n      } else {\n        for (let i = 0; i < len; i++) {\n          const { rowKey } = data[i]!\n          newRowHeights[rowKey] = undefined as any\n          newCacheRowHeights[rowKey] =\n            rowKey in cacheRowHeights ? cacheRowHeights[rowKey] : undefined\n          newCurrentRowHeights[rowKey] = crhs[rowKey]!\n        }\n      }\n    }\n    rowHeights.value = newRowHeights\n    // cacheRowHeights.value = newCacheRowHeights\n    currentRowHeights.value = newCurrentRowHeights\n  }\n\n  watch(\n    [flattenData, mergeRowHeight],\n    ([newFlattenData]) => {\n      calculationRowHeights(newFlattenData || [])\n      isUpdate.value = false\n      setTimeout(() => {\n        isUpdate.value = true\n      })\n    },\n    { immediate: true },\n  )\n\n  return {\n    rowPosition,\n    rowHeights,\n    viewportHeight,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    addHeight: (rowKey: Key, subKey: Key, colUniKey: string, height: number) => {\n      raf.cancel(x2)\n    },\n    mergedRowHeights,\n    startIndex,\n    endIndex,\n    getRowHeight: (fromIndex, rowSpan = 1) => {\n      const data = flattenData.value\n      const maxIndex = Math.min(data.length - 1, fromIndex + rowSpan - 1)\n      let rowHeight = 0\n      const mrhs = mergedRowHeights.value\n      for (let i = fromIndex; i <= maxIndex; i++) {\n        const { rowKey } = data[i]!\n        rowHeight += mrhs[rowKey] === undefined ? currentSizeHeight.value : mrhs[rowKey]\n      }\n      return rowHeight\n    },\n    addRowHeight: (rowUniKey, rowKey, height) => {\n      const rowHeight: Record<string, any> = autoRowHeightsMap.value[rowUniKey] || {}\n      if (rowHeight.rowKey !== rowKey || rowHeight.height !== height) {\n        autoRowHeightsMap.value[rowUniKey] = { rowKey, height }\n        updateRowHeight()\n      }\n    },\n    removeRowHeight: (rowUniKey) => {\n      if (autoRowHeightsMap.value[rowUniKey]) {\n        delete autoRowHeightsMap.value[rowUniKey]\n        updateRowHeight()\n      }\n    },\n    getRowPositionByKey: (key: Key) => {\n      const index = keyEntities.value[key]?.flattenIndex\n      if (index === undefined) {\n        devWarning(false, 'scrollTo', `\\`rowKey = ${key}\\` is Invalid`)\n        return\n      }\n      return rowPosition.value[index]\n    },\n  }\n}\n"],"names":["shallowRef","ref","computed","watchEffect","findLastIndex","Y_BUFF","watch","binSearchStartIndex","findIndex","raf","rowHeights","onBeforeUnmount","isNumber","devWarning"],"mappings":"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"}

package/lib/components/table/src/hooks/useCellKeyboard.d.ts

@@ -0,0 +1,4 @@
+import type { InnerKeydownPayload } from './RangeInterface';
+export declare const useCellKeyboard: () => {
+    onCellKeydown: (event: KeyboardEvent, payload: InnerKeydownPayload) => void;
+};

package/lib/components/table/src/hooks/useCellKeyboard.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var TableContext = require('../components/context/TableContext.js');
+var useRangeStore = require('./useRangeStore.js');
+var KeyCode = require('../utils/KeyCode.js');
+
+const useCellKeyboard = () => {
+  const {
+    enableRangeSelection,
+    navigationService,
+    extendLatestRangeInDirection,
+    focusCell,
+    ensureCellVisible
+  } = useRangeStore.useInjectRangeStore();
+  const directionOrEnterHandle = (event, payload) => {
+    if (!payload.isEditing) {
+      event.shiftKey && enableRangeSelection.value ? selectRange(event) : navigationService.navigateToNextCell(event, payload.cellPosition);
+      event.preventDefault();
+    }
+  };
+  const { props } = TableContext.useInjectTable();
+  const selectRange = (event) => {
+    const latestRange = extendLatestRangeInDirection(event);
+    latestRange && ensureCellVisible(latestRange);
+  };
+  const escHandle = (_, payload) => {
+    payload.isEditing && focusCell(payload.cellPosition);
+  };
+  const tabHandle = (event, payload) => {
+    navigationService.onTabKeyDown(payload.cellPosition, event);
+  };
+  return {
+    onCellKeydown: (event, payload) => {
+      if (props.onCellKeydown && false === props.onCellKeydown(event, {
+        isEditing: payload.isEditing,
+        cellPosition: {
+          column: payload.cellPosition.column.originColumn,
+          rowIndex: payload.cellPosition.rowIndex
+        }
+      })) {
+        return;
+      }
+      const { keyCode } = event;
+      const target = event.target;
+      switch (keyCode) {
+        case KeyCode.default.RIGHT:
+        case KeyCode.default.LEFT:
+          if (!("INPUT" === (target == null ? void 0 : target.tagName) || "TEXTAREA" === (target == null ? void 0 : target.tagName) || (target == null ? void 0 : target.isContentEditable))) {
+            directionOrEnterHandle(event, payload);
+          }
+          break;
+        case KeyCode.default.DOWN:
+        case KeyCode.default.UP:
+        case KeyCode.default.ENTER:
+          if (!((target2) => "TEXTAREA" === target2.tagName || target2.isContentEditable)(
+            event.target
+          )) {
+            directionOrEnterHandle(event, payload);
+          }
+          break;
+        case KeyCode.default.ESC:
+          escHandle(event, payload);
+          break;
+        case KeyCode.default.TAB:
+          tabHandle(event, payload);
+      }
+    }
+  };
+};
+
+exports.useCellKeyboard = useCellKeyboard;
+//# sourceMappingURL=useCellKeyboard.js.map

package/lib/components/table/src/hooks/useCellKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellKeyboard.js","sources":["../../../../../../../packages/components/table/src/hooks/useCellKeyboard.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-09 13:11:23\n * @LastEditors: shen\n * @LastEditTime: 2025-07-28 09:24:13\n * @Description:\n */\nimport type { InnerKeydownPayload } from './RangeInterface'\n\nimport { useInjectTable } from '../components/context/TableContext'\nimport { useInjectRangeStore } from './useRangeStore'\nimport KeyCode from '../utils/KeyCode'\n\nexport const useCellKeyboard = () => {\n  const {\n    enableRangeSelection,\n    navigationService,\n    extendLatestRangeInDirection,\n    focusCell,\n    ensureCellVisible,\n  } = useInjectRangeStore()\n\n  const directionOrEnterHandle = (event: KeyboardEvent, payload: InnerKeydownPayload) => {\n    if (!payload.isEditing) {\n      event.shiftKey && enableRangeSelection.value\n        ? selectRange(event)\n        : navigationService.navigateToNextCell(event, payload.cellPosition)\n      event.preventDefault()\n    }\n  }\n\n  const { props } = useInjectTable()\n  const selectRange = (event: KeyboardEvent) => {\n    const latestRange = extendLatestRangeInDirection(event)\n    latestRange && ensureCellVisible(latestRange)\n  }\n  const escHandle = (_: KeyboardEvent, payload: InnerKeydownPayload) => {\n    payload.isEditing && focusCell(payload.cellPosition)\n  }\n  const tabHandle = (event: KeyboardEvent, payload: InnerKeydownPayload) => {\n    navigationService.onTabKeyDown(payload.cellPosition, event)\n  }\n\n  return {\n    onCellKeydown: (event: KeyboardEvent, payload: InnerKeydownPayload) => {\n      if (\n        props.onCellKeydown &&\n        false ===\n          props.onCellKeydown(event, {\n            isEditing: payload.isEditing,\n            cellPosition: {\n              column: (payload.cellPosition.column as any).originColumn,\n              rowIndex: payload.cellPosition.rowIndex,\n            },\n          })\n      ) {\n        return\n      }\n      const { keyCode } = event\n      const target = event.target! as any\n      switch (keyCode) {\n        case KeyCode.RIGHT:\n        case KeyCode.LEFT:\n          if (\n            !(\n              'INPUT' === target?.tagName ||\n              'TEXTAREA' === target?.tagName ||\n              target?.isContentEditable\n            )\n          ) {\n            directionOrEnterHandle(event, payload)\n          }\n          break\n        case KeyCode.DOWN:\n        case KeyCode.UP:\n        case KeyCode.ENTER:\n          if (\n            !((target: any) => 'TEXTAREA' === target.tagName || target.isContentEditable)(\n              event.target,\n            )\n          ) {\n            directionOrEnterHandle(event, payload)\n          }\n          break\n        case KeyCode.ESC:\n          escHandle(event, payload)\n          break\n        case KeyCode.TAB:\n          tabHandle(event, payload)\n      }\n    },\n  }\n}\n"],"names":["useInjectRangeStore","useInjectTable","KeyCode","target"],"mappings":"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"}

package/lib/components/table/src/hooks/useCellNavigation.d.ts

@@ -0,0 +1,53 @@
+import type { ComputedRef, Ref, ShallowRef } from 'vue';
+import type { DefaultRecordType, FinallyColumnType, RenderedCell } from '../components/interface';
+import type { RangeCell } from './RangeInterface';
+export declare const useCellNavigation: (params: {
+    getDisplayedColBefore: (col: FinallyColumnType<DefaultRecordType>) => FinallyColumnType<DefaultRecordType> | null;
+    getDisplayedColAfter: (col: FinallyColumnType<DefaultRecordType>) => FinallyColumnType<DefaultRecordType> | null;
+    allDisplayedColumns: ComputedRef<FinallyColumnType<DefaultRecordType>[]>;
+    setRangeToCell: (cell: RangeCell, appendRange?: boolean) => void;
+    focusCell: (cell: RangeCell) => void;
+    ensureCellVisible: (cell: RangeCell) => void;
+    allColumns: ShallowRef<FinallyColumnType<DefaultRecordType>[]>;
+    flattenData: ShallowRef<DefaultRecordType[]>;
+    prefixCls: ComputedRef<string>;
+    rangeSelection: ComputedRef<boolean | "single">;
+    getRowByFlattenIndex: (index: number) => DefaultRecordType;
+    rootRef: Ref<HTMLDivElement | undefined>;
+    allCellProps: Ref<Record<string, Record<string, RenderedCell>>>;
+    tabGuardTopRef: Ref<HTMLDivElement>;
+    tabGuardBottomRef: Ref<HTMLDivElement>;
+}) => {
+    getNextCellToFocus: (keyCode: number, focusedCell: RangeCell, ctrlPressed?: boolean) => RangeCell | {
+        rowIndex: any;
+        rowPinned: null;
+        column: any;
+    } | null;
+    getNextTabbedCell: (e3: any, t2: any) => {
+        rowIndex: any;
+        column: FinallyColumnType<DefaultRecordType>;
+        rowPinned: any;
+    } | null;
+    getLastBodyCell: () => {
+        rowIndex: any;
+        rowPinned: null;
+    };
+    navigateToNextCell: (t2: any, n2: any) => void;
+    onTabKeyDown: (e3: any, t2: any) => void;
+    tabToNextCellCommon: (e3: any, t2: any) => boolean;
+    getFirstCellToFocus: (t2: any) => void;
+    getLastCellToFocus: (t2: any) => void;
+    getRowAbove: (e3: any) => {
+        rowIndex: number;
+        rowPinned: any;
+    } | null;
+    getCellAbove: (e3: any) => {
+        rowIndex: number;
+        column: any;
+        rowPinned: any;
+    } | null;
+    getRowBelow: (e3: any) => {
+        rowIndex: any;
+        rowPinned: any;
+    } | null;
+};

package/lib/components/table/src/hooks/useCellNavigation.js

@@ -0,0 +1,199 @@
+'use strict';
+
+var vue = require('vue');
+var KeyCode = require('../utils/KeyCode.js');
+
+const useCellNavigation = (params) => {
+  const {
+    getDisplayedColBefore,
+    getDisplayedColAfter,
+    allDisplayedColumns,
+    setRangeToCell,
+    focusCell,
+    flattenData,
+    getRowByFlattenIndex,
+    allCellProps,
+    tabGuardTopRef,
+    tabGuardBottomRef
+  } = params;
+  const endFlattenIndex = vue.computed(
+    () => {
+      var _a;
+      return (_a = flattenData.value[flattenData.value.length - 1]) == null ? void 0 : _a.flattenIndex;
+    }
+  );
+  const startFlattenIndex = vue.computed(() => {
+    var _a;
+    return (_a = flattenData.value[0]) == null ? void 0 : _a.flattenIndex;
+  });
+  const getNextCellToFocus = (keyCode, focusedCell, ctrlPressed = false) => ctrlPressed ? h2(keyCode, focusedCell) : m(keyCode, focusedCell);
+  const h2 = (keyCode, focusedCell) => {
+    const isUp = keyCode === KeyCode.default.UP;
+    const isDown = keyCode === KeyCode.default.DOWN;
+    const isLeft = keyCode === KeyCode.default.LEFT;
+    let column, rowIndex;
+    if (isUp || isDown) {
+      rowIndex = isUp ? startFlattenIndex.value : endFlattenIndex.value;
+      column = focusedCell.column;
+    } else {
+      rowIndex = focusedCell.rowIndex;
+      column = isLeft !== false ? allDisplayedColumns.value[0] : allDisplayedColumns.value[allDisplayedColumns.value.length - 1];
+    }
+    return { rowIndex, rowPinned: null, column };
+  };
+  const m = (keyCode, focusedCell) => {
+    let cell = focusedCell;
+    let o2 = false;
+    for (; !o2; ) {
+      switch (keyCode) {
+        case KeyCode.default.UP:
+          cell = getCellAbove(cell);
+          break;
+        case KeyCode.default.DOWN:
+        case KeyCode.default.ENTER:
+          cell = x(cell);
+          break;
+        case KeyCode.default.RIGHT:
+          cell = w(cell);
+          break;
+        case KeyCode.default.LEFT:
+          cell = g(cell);
+          break;
+        default:
+          cell = null;
+          console.warn("Table: unknown key for navigation " + keyCode);
+      }
+      o2 = !cell || y(cell);
+    }
+    return cell;
+  }, y = (e3) => {
+    let t2;
+    switch (e3.rowPinned) {
+      case "top":
+      case "bottom":
+        break;
+      default:
+        t2 = getRowByFlattenIndex(e3.rowIndex);
+    }
+    return !!t2;
+  }, g = (e3) => {
+    if (!e3) return null;
+    const n2 = getDisplayedColBefore(e3.column);
+    return n2 ? { rowIndex: e3.rowIndex, column: n2, rowPinned: e3.rowPinned } : null;
+  }, w = (e3) => {
+    if (!e3) return null;
+    const t2 = getDisplayedColAfter(e3.column);
+    return t2 ? { rowIndex: e3.rowIndex, column: t2, rowPinned: e3.rowPinned } : null;
+  }, x = (e3) => {
+    if (!e3) return null;
+    const t2 = getRowBelow(e3);
+    return t2 ? { rowIndex: t2.rowIndex, column: e3.column, rowPinned: t2.rowPinned } : null;
+  }, getRowBelow = (e3) => {
+    const t2 = e3.rowIndex, n2 = e3.rowPinned;
+    return C(e3) ? null : { rowIndex: t2 + 1, rowPinned: n2 };
+  }, C = (e3) => {
+    const t2 = e3.rowIndex;
+    return endFlattenIndex.value <= t2;
+  }, getRowAbove = (e3) => {
+    const t2 = e3.rowIndex, n2 = e3.rowPinned;
+    return (n2 ? 0 === t2 : t2 === startFlattenIndex.value) ? null : { rowIndex: t2 - 1, rowPinned: n2 };
+  }, getCellAbove = (e3) => {
+    if (!e3) return null;
+    const t2 = getRowAbove({
+      rowIndex: e3.rowIndex,
+      rowPinned: e3.rowPinned
+    });
+    return t2 ? { rowIndex: t2.rowIndex, column: e3.column, rowPinned: t2.rowPinned } : null;
+  }, k = (e3) => e3.rowIndex >= startFlattenIndex.value && e3.rowIndex <= endFlattenIndex.value, getNextTabbedCell = (e3, t2) => t2 ? K(e3) : _(e3), _ = (e3) => {
+    const t2 = allDisplayedColumns.value;
+    let l2 = e3.rowIndex, r2 = e3.rowPinned, a2 = getDisplayedColAfter(e3.column);
+    if (!a2) {
+      a2 = t2[0];
+      const n2 = getRowBelow(e3);
+      if (!n2) return null;
+      if (!n2.rowPinned && !k(n2)) return null;
+      l2 = n2 ? n2.rowIndex : null, r2 = n2 ? n2.rowPinned : null;
+    }
+    return { rowIndex: l2, column: a2, rowPinned: r2 };
+  }, K = (e3) => {
+    const n2 = allDisplayedColumns.value;
+    let l2 = e3.rowIndex, r2 = e3.rowPinned, a2 = getDisplayedColBefore(e3.column);
+    if (!a2) {
+      a2 = n2[n2.length - 1];
+      const t2 = getRowAbove({
+        rowIndex: e3.rowIndex,
+        rowPinned: e3.rowPinned
+      });
+      if (!t2) return null;
+      if (!t2.rowPinned && !k(t2)) return null;
+      l2 = t2 ? t2.rowIndex : null, r2 = t2 ? t2.rowPinned : null;
+    }
+    return { rowIndex: l2, column: a2, rowPinned: r2 };
+  }, O = (e3) => {
+    const t2 = ((e4) => {
+      let t3, n2;
+      const l2 = null === (t3 = getRowByFlattenIndex(e4.rowIndex)) || void 0 === t3 ? void 0 : t3.rowKey, r2 = (((null === (n2 = allCellProps.value[l2]) || void 0 === n2 ? void 0 : n2[e4.column.columnKey]) || {}).props || {}).colSpan, a2 = [];
+      if (r2 > 1) {
+        const t4 = allDisplayedColumns.value.findIndex(
+          (t5) => t5.columnKey === e4.column.columnKey
+        );
+        for (let e5 = 0; e5 < r2; e5++) a2.push(allDisplayedColumns.value[t4 + e5]);
+      } else a2.push(e4.column);
+      return a2.filter((e5) => !!e5);
+    })(e3);
+    return 1 === t2.length ? e3 : {
+      rowIndex: e3.rowIndex,
+      column: t2[t2.length - 1],
+      rowPinned: e3.rowPinned
+    };
+  }, P = (e3) => {
+    let t2;
+    const n2 = getRowByFlattenIndex(e3.rowIndex), o2 = null == n2 ? void 0 : n2.rowKey, l2 = (((null === (t2 = allCellProps.value[o2]) || void 0 === t2 ? void 0 : t2[e3.column.columnKey]) || {}).props || {}).rowSpan;
+    return !!n2 && 0 !== l2 && !n2.isExpandRow;
+  }, tabToNextCellCommon = (e3, t2) => $(e3, t2), $ = (e3, t2) => {
+    const n2 = T(e3, t2);
+    return n2 && focusCell(n2), !!n2;
+  }, T = (t2, n2) => {
+    let o2 = t2;
+    for (; o2 && (o2 === t2 || !P(o2)); ) n2 || (o2 = O(o2)), o2 = getNextTabbedCell(o2, n2);
+    return o2 ? o2.rowIndex < 0 ? null : (params.ensureCellVisible(o2), setRangeToCell(o2), o2) : null;
+  };
+  return {
+    getNextCellToFocus,
+    getNextTabbedCell,
+    getLastBodyCell: () => ({ rowIndex: endFlattenIndex.value, rowPinned: null }),
+    navigateToNextCell: (t2, n2) => {
+      const o2 = t2.keyCode;
+      let r2 = n2, a2 = false;
+      for (; r2 && (r2 === n2 || !P(r2)); )
+        o2 === KeyCode.default.RIGHT && (r2 = O(r2)), r2 = getNextCellToFocus(o2, r2), a2 = !r2;
+      a2 && t2 && o2 === KeyCode.default.UP && (r2 = { rowIndex: -1, rowPinned: null, column: n2.column }), r2 && (r2.rowIndex < 0 || (params.ensureCellVisible(r2), setRangeToCell(r2)));
+    },
+    onTabKeyDown: (e3, t2) => {
+      let n2, o2;
+      const l2 = t2.shiftKey;
+      tabToNextCellCommon(e3, l2) || (l2 ? null === (n2 = tabGuardTopRef.value) || void 0 === n2 || n2.focus() : null === (o2 = tabGuardBottomRef.value) || void 0 === o2 || o2.focus()), t2.preventDefault();
+    },
+    tabToNextCellCommon,
+    getFirstCellToFocus: (t2) => {
+      const n2 = (() => {
+        const e3 = getRowByFlattenIndex(startFlattenIndex.value), t3 = allDisplayedColumns.value[0];
+        return e3 && t3 ? { rowIndex: e3.rowIndex, rowPinned: null, column: t3 } : null;
+      })();
+      P(n2) ? (params.ensureCellVisible(n2), setRangeToCell(n2)) : n2 && tabToNextCellCommon(n2, t2);
+    },
+    getLastCellToFocus: (t2) => {
+      const n2 = (() => {
+        const e3 = getRowByFlattenIndex(endFlattenIndex.value), t3 = allDisplayedColumns.value[allDisplayedColumns.value.length - 1];
+        return e3 && t3 ? { rowIndex: e3.rowIndex, rowPinned: null, column: t3 } : null;
+      })();
+      P(n2) ? (params.ensureCellVisible(n2), setRangeToCell(n2)) : n2 && tabToNextCellCommon(n2, t2);
+    },
+    getRowAbove,
+    getCellAbove,
+    getRowBelow
+  };
+};
+
+exports.useCellNavigation = useCellNavigation;
+//# sourceMappingURL=useCellNavigation.js.map