tav-ui/lib/packages/hooks/event/useScrollToCenter2.js

Tav UI

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var useScrollTo = require('./useScrollTo2.js');

const useScrollToCenter = (scrollRef, opt = {}) => {
  let currentStopFn;
  const scrollToCenter = (buttonEl) => {
    currentStopFn?.();
    const buttonGroupEl = scrollRef.value?.$el ?? scrollRef.value;
    if (buttonGroupEl == void 0)
      return;
    if (buttonEl === void 0)
      return;
    const to = buttonEl.offsetLeft - (buttonGroupEl.clientWidth - buttonEl.offsetWidth) / 2;
    const { start, stop } = useScrollTo.useScrollTo({
      el: buttonGroupEl,
      to,
      direction: "scrollLeft",
      duration: 300,
      ...opt
    });
    start();
    currentStopFn = stop;
  };
  return { scrollToCenter };
};

exports.useScrollToCenter = useScrollToCenter;
//# sourceMappingURL=useScrollToCenter2.js.map