UNPKG

@aplus-frontend/antdv

Version:

Vue basic component library maintained based on ant-design-vue

74 lines 2.64 kB
import addEventListener from '../vc-util/Dom/addEventListener'; import supportsPassive from '../_util/supportsPassive'; export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, bottom: window.innerHeight }; } export function getFixedTop(placeholderRect, targetRect, offsetTop) { if (offsetTop !== undefined && targetRect.top > placeholderRect.top - offsetTop) { return `${offsetTop + targetRect.top}px`; } return undefined; } export function getFixedBottom(placeholderRect, targetRect, offsetBottom) { if (offsetBottom !== undefined && targetRect.bottom < placeholderRect.bottom + offsetBottom) { const targetBottomOffset = window.innerHeight - targetRect.bottom; return `${offsetBottom + targetBottomOffset}px`; } return undefined; } // ======================== Observer ======================== const TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load']; let observerEntities = []; export function getObserverEntities() { // Only used in test env. Can be removed if refactor. return observerEntities; } export function addObserveTarget(target, affix) { if (!target) return; let entity = observerEntities.find(item => item.target === target); if (entity) { entity.affixList.push(affix); } else { entity = { target, affixList: [affix], eventHandlers: {} }; observerEntities.push(entity); // Add listener TRIGGER_EVENTS.forEach(eventName => { entity.eventHandlers[eventName] = addEventListener(target, eventName, () => { entity.affixList.forEach(targetAffix => { const { lazyUpdatePosition } = targetAffix.exposed; lazyUpdatePosition(); }, (eventName === 'touchstart' || eventName === 'touchmove') && supportsPassive ? { passive: true } : false); }); }); } } export function removeObserveTarget(affix) { const observerEntity = observerEntities.find(oriObserverEntity => { const hasAffix = oriObserverEntity.affixList.some(item => item === affix); if (hasAffix) { oriObserverEntity.affixList = oriObserverEntity.affixList.filter(item => item !== affix); } return hasAffix; }); if (observerEntity && observerEntity.affixList.length === 0) { observerEntities = observerEntities.filter(item => item !== observerEntity); // Remove listener TRIGGER_EVENTS.forEach(eventName => { const handler = observerEntity.eventHandlers[eventName]; if (handler && handler.remove) { handler.remove(); } }); } }