useOffsets.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = useOffsets;
  7. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  8. var _react = require("react");
  9. var DEFAULT_SIZE = {
  10. width: 0,
  11. height: 0,
  12. left: 0,
  13. top: 0
  14. };
  15. function useOffsets(tabs, tabSizes, holderScrollWidth) {
  16. return (0, _react.useMemo)(function () {
  17. var _tabs$;
  18. var map = new Map();
  19. var lastOffset = tabSizes.get((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key) || DEFAULT_SIZE;
  20. var rightOffset = lastOffset.left + lastOffset.width;
  21. for (var i = 0; i < tabs.length; i += 1) {
  22. var key = tabs[i].key;
  23. var data = tabSizes.get(key);
  24. // Reuse last one when not exist yet
  25. if (!data) {
  26. var _tabs;
  27. data = tabSizes.get((_tabs = tabs[i - 1]) === null || _tabs === void 0 ? void 0 : _tabs.key) || DEFAULT_SIZE;
  28. }
  29. var entity = map.get(key) || (0, _objectSpread2.default)({}, data);
  30. // Right
  31. entity.right = rightOffset - entity.left - entity.width;
  32. // Update entity
  33. map.set(key, entity);
  34. }
  35. return map;
  36. }, [tabs.map(function (tab) {
  37. return tab.key;
  38. }).join('_'), tabSizes, holderScrollWidth]);
  39. }