You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
6.4 KiB

1 month ago
  1. {"ast":null,"code":"import { ref, watch, unref } from 'vue';\nconst useScrollbar = (props, {\n mainTableRef,\n leftTableRef,\n rightTableRef,\n onMaybeEndReached\n}) => {\n const scrollPos = ref({\n scrollLeft: 0,\n scrollTop: 0\n });\n function doScroll(params) {\n var _a, _b, _c;\n const {\n scrollTop\n } = params;\n (_a = mainTableRef.value) == null ? void 0 : _a.scrollTo(params);\n (_b = leftTableRef.value) == null ? void 0 : _b.scrollToTop(scrollTop);\n (_c = rightTableRef.value) == null ? void 0 : _c.scrollToTop(scrollTop);\n }\n function scrollTo(params) {\n scrollPos.value = params;\n doScroll(params);\n }\n function scrollToTop(scrollTop) {\n scrollPos.value.scrollTop = scrollTop;\n doScroll(unref(scrollPos));\n }\n function scrollToLeft(scrollLeft) {\n var _a, _b;\n scrollPos.value.scrollLeft = scrollLeft;\n (_b = (_a = mainTableRef.value) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, unref(scrollPos));\n }\n function onScroll(params) {\n var _a;\n scrollTo(params);\n (_a = props.onScroll) == null ? void 0 : _a.call(props, params);\n }\n function onVerticalScroll({\n scrollTop\n }) {\n const {\n scrollTop: currentScrollTop\n } = unref(scrollPos);\n if (scrollTop !== currentScrollTop) scrollToTop(scrollTop);\n }\n function scrollToRow(row, strategy = \"auto\") {\n var _a;\n (_a = mainTableRef.value) == null ? void 0 : _a.scrollToRow(row, strategy);\n }\n watch(() => unref(scrollPos).scrollTop, (cur, prev) => {\n if (cur > prev) onMaybeEndReached();\n });\n return {\n scrollPos,\n scrollTo,\n scrollToLeft,\n scrollToTop,\n scrollToRow,\n onScroll,\n onVerticalScroll\n };\n};\nexport { useScrollbar };","map":{"version":3,"names":["useScrollbar","props","mainTableRef","leftTableRef","rightTableRef","onMaybeEndReached","scrollPos","ref","scrollLeft","scrollTop","doScroll","params","_a","_b","_c","value","scrollTo","scrollToTop","unref","scrollToLeft","call","onScroll","onVerticalScroll","currentScrollTop","scrollToRow","row","strategy","watch","cur","prev"],"sources":["../../../../../../../packages/components/table-v2/src/composables/use-scrollbar.ts"],"sourcesContent":["import { ref, unref, watch } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { Alignment as ScrollStrategy } from '@element-plus/components/virtual-list'\nimport type { TableV2Props } from '../table'\nimport type { TableGridInstance } from '../table-grid'\n\nexport type ScrollPos = { scrollLeft: number; scrollTop: number }\ntype GridInstanceRef = Ref<TableGridInstance | undefined>\n\ntype UseScrollBarProps = {\n mainTableRef: GridInstanceRef\n leftTableRef: GridInstanceRef\n rightTableRef: GridInstanceRef\n\n onMaybeEndReached: () => void\n}\n\nexport type { ScrollStrategy }\n\nexport const useScrollbar = (\n props: TableV2Props,\n {\n mainTableRef,\n leftTableRef,\n rightTableRef,\n onMaybeEndReached,\n }: UseScrollBarProps\n) => {\n const scrollPos = ref<ScrollPos>({ scrollLeft: 0, scrollTop: 0 })\n\n function doScroll(params: ScrollPos) {\n const { scrollTop } = params\n\n mainTableRef.value?.scrollTo(params)\n leftTableRef.value?.scrollToTop(scrollTop)\n rightTableRef.value?.scrollToTop(scrollTop)\n }\n\n // methods\n function scrollTo(params: ScrollPos) {\n scrollPos.value = params\n\n doScroll(params)\n }\n\n function scrollToTop(scrollTop: number) {\n scrollPos.value.scrollTop = scrollTop\n\n doScroll(unref(scrollPos))\n }\n\n function scrollToLeft(scrollLeft: number) {\n scrollPos.value.scrollLeft = scrollLeft\n\n mainTableRef.value?.scrollTo?.(unref(scrollPos))\n }\n\n function onScroll(params: ScrollPos) {\n scrollTo(params)\n props.onScroll?.(params)\n }\n\n function onVerticalScroll({ scrollTop }: ScrollPos) {\n const { scrollTop: currentScrollTop } = unref(scrollPos)\n if (scrollTop !== currentScrollTop) scrollToTop(scrollTop)\n }\n\n function scrollToRow(row: number, strategy: ScrollStrategy = 'auto') {\n