acud/es/tabs/src/hooks/useOffsets.js

acg react 组件库

import _extends from "@babel/runtime/helpers/esm/extends";
import { useMemo } from 'react';
var DEFAULT_SIZE = {
  width: 0,
  height: 0,
  left: 0,
  top: 0
};
export default function useOffsets(tabs, tabSizes, holderScrollWidth) {
  return useMemo(function () {
    var _a, _b;
    var map = new Map();
    var lastOffset = tabSizes.get((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) || DEFAULT_SIZE;
    var rightOffset = lastOffset.left + lastOffset.width;
    for (var i = 0; i < tabs.length; i += 1) {
      var key = tabs[i].key;
      var data = tabSizes.get(key);
      // Reuse last one when not exist yet
      if (!data) {
        data = tabSizes.get((_b = tabs[i - 1]) === null || _b === void 0 ? void 0 : _b.key) || DEFAULT_SIZE;
      }
      var entity = map.get(key) || _extends({}, data);
      // Right
      entity.right = rightOffset - entity.left - entity.width;
      // Update entity
      map.set(key, entity);
    }
    return map;
  }, [tabs.map(function (tab) {
    return tab.key;
  }).join('_'), tabSizes, holderScrollWidth]);
}