1
This commit is contained in:
+41
@@ -0,0 +1,41 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = useOffsets;
|
||||
var _react = require("react");
|
||||
const DEFAULT_SIZE = {
|
||||
width: 0,
|
||||
height: 0,
|
||||
left: 0,
|
||||
top: 0
|
||||
};
|
||||
function useOffsets(tabs, tabSizes, holderScrollWidth) {
|
||||
return (0, _react.useMemo)(() => {
|
||||
const map = new Map();
|
||||
const lastOffset = tabSizes.get(tabs[0]?.key) || DEFAULT_SIZE;
|
||||
const rightOffset = lastOffset.left + lastOffset.width;
|
||||
for (let i = 0; i < tabs.length; i += 1) {
|
||||
const {
|
||||
key
|
||||
} = tabs[i];
|
||||
let data = tabSizes.get(key);
|
||||
|
||||
// Reuse last one when not exist yet
|
||||
if (!data) {
|
||||
data = tabSizes.get(tabs[i - 1]?.key) || DEFAULT_SIZE;
|
||||
}
|
||||
const entity = map.get(key) || {
|
||||
...data
|
||||
};
|
||||
|
||||
// Right
|
||||
entity.right = rightOffset - entity.left - entity.width;
|
||||
|
||||
// Update entity
|
||||
map.set(key, entity);
|
||||
}
|
||||
return map;
|
||||
}, [tabs.map(tab => tab.key).join('_'), tabSizes, holderScrollWidth]);
|
||||
}
|
||||
Reference in New Issue
Block a user